git.pond.sub.org Git - eow/blob - static/dojo-release-1.1.1/dojox/fx/tests/_animation.css.commented.css

   1 .testBox {
   2         border:1px solid #333;
   3         width:75px;
   4         height:75px;
   5 }
   6 .absolutely { position:absolute;
   7         top:0; left:0;
   8 }
   9 .floating {
  10         float:left;
  11 }
  12 .wide {
  13         width:200px;
  14 }
  15 .tall {
  16         height:200px;
  17 }
  18 .tiny {
  19         width:3px;
  20         height:3px;
  21 }
  22
  23
  24 .black {
  25         color:#fff;
  26         background-color:#000;
  27 }
  28
  29 .white {
  30         color:#666;
  31         background-color:#fff;
  32 }
  33
  34 .green {
  35         color:#000;
  36         background-color:#eef;
  37 }
  38 .red    {
  39         color:#fff;
  40         background-color:#ffe;
  41 }
  42 .blue {
  43         color:#000;
  44         background-color:#fef !important;
  45 }
  46
  47 /* font sizes */
  48 .baseFont {
  49         line-height:14px;
  50         font:12px Arial,sans-serif;
  51         letter-spacing:0.1em;
  52 }
  53
  54 .spacedVertical {
  55         line-height:42px;
  56 }
  57 .spacedHorizontal {
  58         letter-spacing:0.42em;
  59 }
  60 .fontSizeTest {
  61         font:20px Arial,sans-serif;
  62 }
  63
  64 /* margins */
  65 .bigMargin {
  66         margin:30px;
  67 }
  68 .noMargin {
  69         margin:0;
  70 }
  71 .mediumMargin {
  72         margin:15px;
  73 }
  74 .bigMarginLeft {
  75         margin-left:150px;
  76 }
  77
  78 /* padding */
  79 .padded {
  80         padding:3px;
  81 }
  82 .noPadding {
  83         padding:0;
  84 }
  85 .topPadding {
  86         padding-top:50px;
  87 }
  88 .bigPadding {
  89         padding:30px;
  90 }
  91
  92 /* positioning */
  93
  94 .offsetSome {
  95         top:50px;
  96         left:75px;
  97 }
  98
  99 .topLeft {
 100         top:0;
 101         left:0;
 102 }
 103 .bottomRight {
 104         bottom:0;
 105         right:0;
 106 }
 107
 108 .bothAxis {
 109         top:10px;
 110         left:10px;
 111         right:10px;
 112         bottom:10px;
 113 }