colonymech / docs / www / colonyscout / internal / jeditable / tests / testsuite.css @ f59acf11
History | View | Annotate | Download (2.03 KB)
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 |
h1 a { color: white; } |
5 |
h2 { padding: 10px; background-color: #eee; color: black; margin: 0; font-size: small; font-weight: normal } |
6 |
|
7 |
.pass { color: green; } |
8 |
.fail { color: red; } |
9 |
p.result { margin-left: 1em; } |
10 |
|
11 |
#banner { height: 2em; border-bottom: 1px solid white; } |
12 |
h2.pass { background-color: green; } |
13 |
h2.fail { background-color: red; } |
14 |
|
15 |
ol#tests > li > strong { cursor:pointer; } |
16 |
|
17 |
div#fx-tests h4 { |
18 |
background: red; |
19 |
} |
20 |
|
21 |
div#fx-tests h4.pass { |
22 |
background: green; |
23 |
} |
24 |
|
25 |
div#fx-tests div.box { |
26 |
background: red url(data/cow.jpg) no-repeat; |
27 |
overflow: hidden; |
28 |
border: 2px solid #000; |
29 |
} |
30 |
|
31 |
div#fx-tests div.overflow { |
32 |
overflow: visible; |
33 |
} |
34 |
|
35 |
div.inline { |
36 |
display: inline; |
37 |
} |
38 |
|
39 |
div.autoheight { |
40 |
height: auto; |
41 |
} |
42 |
|
43 |
div.autowidth { |
44 |
width: auto; |
45 |
} |
46 |
|
47 |
div.autoopacity { |
48 |
opacity: auto; |
49 |
} |
50 |
|
51 |
div.largewidth { |
52 |
width: 100px; |
53 |
} |
54 |
|
55 |
div.largeheight { |
56 |
height: 100px; |
57 |
} |
58 |
|
59 |
div.largeopacity { |
60 |
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); |
61 |
} |
62 |
|
63 |
div.medwidth { |
64 |
width: 50px; |
65 |
} |
66 |
|
67 |
div.medheight { |
68 |
height: 50px; |
69 |
} |
70 |
|
71 |
div.medopacity { |
72 |
opacity: 0.5; |
73 |
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); |
74 |
} |
75 |
|
76 |
div.nowidth { |
77 |
width: 0px; |
78 |
} |
79 |
|
80 |
div.noheight { |
81 |
height: 0px; |
82 |
} |
83 |
|
84 |
div.noopacity { |
85 |
opacity: 0; |
86 |
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); |
87 |
} |
88 |
|
89 |
div.hidden { |
90 |
display: none; |
91 |
} |
92 |
|
93 |
div#fx-tests div.widewidth { |
94 |
background-repeat: repeat-x; |
95 |
} |
96 |
|
97 |
div#fx-tests div.wideheight { |
98 |
background-repeat: repeat-y; |
99 |
} |
100 |
|
101 |
div#fx-tests div.widewidth.wideheight { |
102 |
background-repeat: repeat; |
103 |
} |
104 |
|
105 |
div#fx-tests div.noback { |
106 |
background-image: none; |
107 |
} |
108 |
|
109 |
div.chain, div.chain div { width: 100px; height: 20px; position: relative; float: left; } |
110 |
div.chain div { position: absolute; top: 0px; left: 0px; } |
111 |
|
112 |
div.chain.test { background: red; } |
113 |
div.chain.test div { background: green; } |
114 |
|
115 |
div.chain.out { background: green; } |
116 |
div.chain.out div { background: red; display: none; } |
117 |
|
118 |
div#show-tests * { display: none; } |