jquery core: updating a comment, thanks to Scott for spotting it.
[jquery.git] / test / data / testsuite.css
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; }