test/data/testsuite.css

   1 /* for testing opacity set in styles in IE */
   2 ol#empty { opacity: 0; filter:Alpha(opacity=0); }
   3
   4 div#fx-tests h4 {
   5         background: red;
   6 }
   7
   8 div#fx-tests h4.pass {
   9         background: green;
  10 }
  11
  12 div#fx-tests div.box {
  13         background: red;
  14         overflow: hidden;
  15         border: 2px solid #000;
  16 }
  17
  18 div#fx-tests div.overflow {
  19         overflow: visible;
  20 }
  21
  22 div.inline {
  23         display: inline;
  24 }
  25
  26 div.autoheight {
  27         height: auto;
  28 }
  29
  30 div.autowidth {
  31         width: auto;
  32 }
  33
  34 div.autoopacity {
  35         opacity: auto;
  36 }
  37
  38 div.largewidth {
  39         width: 100px;
  40 }
  41
  42 div.largeheight {
  43         height: 100px;
  44 }
  45
  46 div.largeopacity {
  47         filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  48 }
  49
  50 div.medwidth {
  51         width: 50px;
  52 }
  53
  54 div.medheight {
  55         height: 50px;
  56 }
  57
  58 div.medopacity {
  59         opacity: 0.5;
  60         filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  61 }
  62
  63 div.nowidth {
  64         width: 0px;
  65 }
  66
  67 div.noheight {
  68         height: 0px;
  69 }
  70
  71 div.noopacity {
  72         opacity: 0;
  73         filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  74 }
  75
  76 div.hidden {
  77         display: none;
  78 }
  79
  80 div#fx-tests div.widewidth {
  81         background-repeat: repeat-x;
  82 }
  83
  84 div#fx-tests div.wideheight {
  85         background-repeat: repeat-y;
  86 }
  87
  88 div#fx-tests div.widewidth.wideheight {
  89         background-repeat: repeat;
  90 }
  91
  92 div#fx-tests div.noback {
  93         background-image: none;
  94 }
  95
  96 div.chain, div.chain div { width: 100px; height: 20px; position: relative; float: left; }
  97 div.chain div { position: absolute; top: 0px; left: 0px; }
  98
  99 div.chain.test { background: red; }
 100 div.chain.test div { background: green; }
 101
 102 div.chain.out { background: green; }
 103 div.chain.out div { background: red; display: none; }
 104
 105 /* tests to ensure jQuery can determine the native display mode of elements
 106    that have been set as display: none in stylesheets */
 107 div#show-tests * { display: none; }
 108
 109 #nothiddendiv { font-size: 16px; }
 110 #nothiddendivchild.em { font-size: 2em; }
 111 #nothiddendivchild.prct { font-size: 150%; }