|
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; } |