-body, div, h1 { font-family: 'trebuchet ms', verdana, arial; margin: 0; padding: 0 }
-body {font-size: 10pt; }
-h1 { padding: 15px; font-size: large; background-color: #06b; color: white; }
-h2 { padding: 10px; background-color: #eee; color: black; margin: 0; font-size: small; font-weight: normal }
-
-.pass { color: green; }
-.fail { color: red; }
-p.result { margin-left: 1em; }
-
-#banner { height: 2em; border-bottom: 1px solid white; }
-h2.pass { background-color: green; }
-h2.fail { background-color: red; }
-
-ol#tests > li > strong { cursor:pointer; }
+/* for testing opacity set in styles in IE */
+ol#empty { opacity: 0; filter:Alpha(opacity=0); }
div#fx-tests h4 {
- background: red;
+ background: red;
}
div#fx-tests h4.pass {
- background: green;
+ background: green;
}
div#fx-tests div.box {
- background: red url(data/cow.jpg) no-repeat;
- overflow: hidden;
- border: 2px solid #000;
+ background: red url(data/cow.jpg) no-repeat;
+ overflow: hidden;
+ border: 2px solid #000;
}
div#fx-tests div.overflow {
- overflow: visible;
+ overflow: visible;
}
div.inline {
- display: inline;
+ display: inline;
}
div.autoheight {
- height: auto;
+ height: auto;
}
div.autowidth {
- width: auto;
+ width: auto;
}
div.autoopacity {
- opacity: auto;
+ opacity: auto;
}
div.largewidth {
- width: 100px;
+ width: 100px;
}
div.largeheight {
- height: 100px;
+ height: 100px;
}
div.largeopacity {
- filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
+ filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
div.medwidth {
- width: 50px;
+ width: 50px;
}
div.medheight {
- height: 50px;
+ height: 50px;
}
div.medopacity {
- opacity: 0.5;
- filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
+ opacity: 0.5;
+ filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
div.nowidth {
- width: 0px;
+ width: 0px;
}
div.noheight {
- height: 0px;
+ height: 0px;
}
div.noopacity {
- opacity: 0;
- filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
+ opacity: 0;
+ filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
div.hidden {
- display: none;
+ display: none;
}
div#fx-tests div.widewidth {
- background-repeat: repeat-x;
+ background-repeat: repeat-x;
}
div#fx-tests div.wideheight {
- background-repeat: repeat-y;
+ background-repeat: repeat-y;
}
div#fx-tests div.widewidth.wideheight {
- background-repeat: repeat;
+ background-repeat: repeat;
}
div#fx-tests div.noback {
- background-image: none;
+ background-image: none;
}
div.chain, div.chain div { width: 100px; height: 20px; position: relative; float: left; }
div.chain.out { background: green; }
div.chain.out div { background: red; display: none; }
+
+div#show-tests * { display: none; }
+
+#nothiddendiv { font-size: 16px; }
+#nothiddendivchild.em { font-size: 2em; }
+#nothiddendivchild.prct { font-size: 150%; }