Integrated the custom fx test suite into the main test suite. All tests are now run...
[jquery.git] / build / 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 div#fx-tests h4 {
15         background: red;
16 }
17
18 div#fx-tests h4.pass {
19         background: green;
20 }
21
22 div#fx-tests div.box {
23         background: red url(data/cow.jpg) no-repeat;
24         overflow: hidden;
25         border: 2px solid #000;
26 }
27
28 div#fx-tests div.overflow {
29         overflow: visible;
30 }
31
32 div.inline {
33         display: inline;
34 }
35
36 div.autoheight {
37         height: auto;
38 }
39
40 div.autowidth {
41         width: auto;
42 }
43
44 div.autoopacity {
45         opacity: auto;
46 }
47
48 div.largewidth {
49         width: 100px;
50 }
51
52 div.largeheight {
53         height: 100px;
54 }
55
56 div.largeopacity {
57         filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
58 }
59
60 div.medwidth {
61         width: 50px;
62 }
63
64 div.medheight {
65         height: 50px;
66 }
67
68 div.medopacity {
69         opacity: 0.5;
70         filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
71 }
72
73 div.nowidth {
74         width: 0px;
75 }
76
77 div.noheight {
78         height: 0px;
79 }
80
81 div.noopacity {
82         opacity: 0;
83         filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
84 }
85
86 div.hidden {
87         display: none;
88 }
89
90 div#fx-tests div.widewidth {
91         background-repeat: repeat-x;
92 }
93
94 div#fx-tests div.wideheight {
95         background-repeat: repeat-y;
96 }
97
98 div#fx-tests div.widewidth.wideheight {
99         background-repeat: repeat;
100 }
101
102 div#fx-tests div.noback {
103         background-image: none;
104 }
105
106 div.chain, div.chain div { width: 100px; height: 20px; position: relative; float: left; }
107 div.chain div { position: absolute; top: 0px; left: 0px; }
108
109 div.chain.test { background: red; }
110 div.chain.test div { background: green; }
111
112 div.chain.out { background: green; }
113 div.chain.out div { background: red; display: none; }