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