root / docs / www / colonyscout / internal / jeditable / tests / testsuite.css @ f59acf11
History | View | Annotate | Download (2.03 KB)
1 | f59acf11 | Dan Shope | 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; } |