testsuite.css (2056B)
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; }