testsuite/css/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 div#fx-tests h4 {
  15         background: red;
  16 }
  17
  18 div#fx-tests h4.pass {
  19         background: green;
  20 }
  21
  22 div#fx-tests div.box {
  23         background: red url(data/cow.jpg) no-repeat;
  24         overflow: hidden;
  25         border: 2px solid #000;
  26 }
  27
  28 div#fx-tests div.overflow {
  29         overflow: visible;
  30 }
  31
  32 div.inline {
  33         display: inline;
  34 }
  35
  36 div.autoheight {
  37         height: auto;
  38 }
  39
  40 div.autowidth {
  41         width: auto;
  42 }
  43
  44 div.autoopacity {
  45         opacity: auto;
  46 }
  47
  48 div.largewidth {
  49         width: 100px;
  50 }
  51
  52 div.largeheight {
  53         height: 100px;
  54 }
  55
  56 div.largeopacity {
  57         filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  58 }
  59
  60 div.medwidth {
  61         width: 50px;
  62 }
  63
  64 div.medheight {
  65         height: 50px;
  66 }
  67
  68 div.medopacity {
  69         opacity: 0.5;
  70         filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  71 }
  72
  73 div.nowidth {
  74         width: 0px;
  75 }
  76
  77 div.noheight {
  78         height: 0px;
  79 }
  80
  81 div.noopacity {
  82         opacity: 0;
  83         filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  84 }
  85
  86 div.hidden {
  87         display: none;
  88 }
  89
  90 div#fx-tests div.widewidth {
  91         background-repeat: repeat-x;
  92 }
  93
  94 div#fx-tests div.wideheight {
  95         background-repeat: repeat-y;
  96 }
  97
  98 div#fx-tests div.widewidth.wideheight {
  99         background-repeat: repeat;
 100 }
 101
 102 div#fx-tests div.noback {
 103         background-image: none;
 104 }
 105
 106 div.chain, div.chain div { width: 100px; height: 20px; position: relative; float: left; }
 107 div.chain div { position: absolute; top: 0px; left: 0px; }
 108
 109 div.chain.test { background: red; }
 110 div.chain.test div { background: green; }
 111
 112 div.chain.out { background: green; }
 113 div.chain.out div { background: red; display: none; }