test/data/testsuite.css

   1 body, div, h1 { font-family: 'trebuchet ms', verdana, arial; margin: 0; padding: 0 }
   2 body {font-size: 10pt; }
   3 h1 { padding: 15px; font-size: large; background-color: #06b; color: white; }
   4 h2 { padding: 10px; background-color: #eee; color: black; margin: 0; font-size: small; font-weight: normal }
   5
   6 .pass { color: green; }
   7 .fail { color: red; }
   8 p.result { margin-left: 1em; }
   9
  10 #banner { height: 2em; border-bottom: 1px solid white; }
  11 h2.pass { background-color: green; }
  12 h2.fail { background-color: red; }
  13
  14 ol#tests > li > strong { cursor:pointer; }
  15
  16 div#fx-tests h4 {
  17         background: red;
  18 }
  19
  20 div#fx-tests h4.pass {
  21         background: green;
  22 }
  23
  24 div#fx-tests div.box {
  25         background: red url(data/cow.jpg) no-repeat;
  26         overflow: hidden;
  27         border: 2px solid #000;
  28 }
  29
  30 div#fx-tests div.overflow {
  31         overflow: visible;
  32 }
  33
  34 div.inline {
  35         display: inline;
  36 }
  37
  38 div.autoheight {
  39         height: auto;
  40 }
  41
  42 div.autowidth {
  43         width: auto;
  44 }
  45
  46 div.autoopacity {
  47         opacity: auto;
  48 }
  49
  50 div.largewidth {
  51         width: 100px;
  52 }
  53
  54 div.largeheight {
  55         height: 100px;
  56 }
  57
  58 div.largeopacity {
  59         filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  60 }
  61
  62 div.medwidth {
  63         width: 50px;
  64 }
  65
  66 div.medheight {
  67         height: 50px;
  68 }
  69
  70 div.medopacity {
  71         opacity: 0.5;
  72         filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  73 }
  74
  75 div.nowidth {
  76         width: 0px;
  77 }
  78
  79 div.noheight {
  80         height: 0px;
  81 }
  82
  83 div.noopacity {
  84         opacity: 0;
  85         filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  86 }
  87
  88 div.hidden {
  89         display: none;
  90 }
  91
  92 div#fx-tests div.widewidth {
  93         background-repeat: repeat-x;
  94 }
  95
  96 div#fx-tests div.wideheight {
  97         background-repeat: repeat-y;
  98 }
  99
 100 div#fx-tests div.widewidth.wideheight {
 101         background-repeat: repeat;
 102 }
 103
 104 div#fx-tests div.noback {
 105         background-image: none;
 106 }
 107
 108 div.chain, div.chain div { width: 100px; height: 20px; position: relative; float: left; }
 109 div.chain div { position: absolute; top: 0px; left: 0px; }
 110
 111 div.chain.test { background: red; }
 112 div.chain.test div { background: green; }
 113
 114 div.chain.out { background: green; }
 115 div.chain.out div { background: red; display: none; }
 116
 117 div#show-tests * { display: none; }