|
1 /* |
|
2 */ |
|
3 |
|
4 /* Reset default browser CSS. */ |
|
5 html, body, div, span, applet, object, iframe, |
|
6 h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
|
7 a, abbr, acronym, address, big, cite, code, |
|
8 del, dfn, em, font, img, ins, kbd, q, s, samp, |
|
9 small, strike, strong, sub, sup, tt, var, |
|
10 b, u, i, center, |
|
11 dl, dt, dd, ol, ul, li, |
|
12 fieldset, form, label, legend, |
|
13 table, caption, tbody, tfoot, thead, tr, th, td { |
|
14 background: transparent; |
|
15 border: 0; |
|
16 margin: 0; |
|
17 padding: 0; |
|
18 vertical-align: baseline; |
|
19 } |
|
20 |
|
21 body { |
|
22 background: #eee; |
|
23 color: #000; |
|
24 font-family: Verdana, Arial, sans-serif; |
|
25 width: 1280px; |
|
26 font-size: 12px; |
|
27 margin: 0px; |
|
28 } |
|
29 |
|
30 |
|
31 #jqxWidget { |
|
32 width: 1280px; |
|
33 height: 670px; |
|
34 float: left; |
|
35 } |
|
36 |
|
37 |
|
38 #header { |
|
39 width: 1278px; |
|
40 height: 48px; |
|
41 float: left; |
|
42 border: 1px solid #4297d7; |
|
43 border-radius: 5px 5px 5px 5px; |
|
44 background: #5c9ccc url(../jqwidgets/styles/images/redmond/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; |
|
45 color: #ffffff; |
|
46 font-weight: bold; |
|
47 } |
|
48 |
|
49 #title { |
|
50 width: 1278px; |
|
51 height: 40px; |
|
52 float: left; |
|
53 margin-top: 7px; |
|
54 font-size: 1.8em; |
|
55 color: #FFD700; |
|
56 text-align: center; |
|
57 font-family: comic sans ms; |
|
58 } |
|
59 |
|
60 /* |
|
61 |
|
62 #content { |
|
63 width: 978px; |
|
64 height: 428px; |
|
65 float: left; |
|
66 border: 1px solid; |
|
67 border-color: #aaa; |
|
68 border-radius: 5px 5px 5px 5px; |
|
69 } |
|
70 |
|
71 #errors { |
|
72 height: 35px; |
|
73 width: 978px; |
|
74 float: left; |
|
75 text-align: center; |
|
76 font-size: 1.5em; |
|
77 margin-top: 10px; |
|
78 color: #ff0000; |
|
79 } |
|
80 |
|
81 #etable { |
|
82 height: 320px; |
|
83 width: 978px; |
|
84 float: left; |
|
85 overflow: auto; |
|
86 } |
|
87 |
|
88 #atable { |
|
89 height: 60px; |
|
90 width: 978px; |
|
91 float: left; |
|
92 } |
|
93 |
|
94 table.setup { |
|
95 margin-left: auto; |
|
96 margin-right: auto; |
|
97 border-collapse: collapse; |
|
98 } |
|
99 |
|
100 .trhead { |
|
101 font-weight: bold; |
|
102 background: #5c9ccc url(../jqwidgets/styles/images/redmond/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; |
|
103 } |
|
104 |
|
105 tr.setup:nth-child(odd) { |
|
106 background: #FFFFFF; |
|
107 } |
|
108 |
|
109 tr.setup:nth-child(even) { |
|
110 background: #CCFFFF; |
|
111 } |
|
112 |
|
113 td.setup { |
|
114 padding: 1px 3px 1px 3px; |
|
115 } |
|
116 */ |
|
117 |
|
118 /* |
|
119 * Editor screens |
|
120 */ |
|
121 /* |
|
122 table.editor { |
|
123 margin-left: auto; |
|
124 margin-right: auto; |
|
125 border-collapse: collapse; |
|
126 background-color: #eee; |
|
127 } |
|
128 |
|
129 tr.editor { |
|
130 height: 30px; |
|
131 } |
|
132 |
|
133 td.editname { |
|
134 width: 150px; |
|
135 padding: 1px 3px 1px 3px; |
|
136 } |
|
137 |
|
138 td.editfield { |
|
139 width: 300px; |
|
140 padding: 1px 3px 1px 3px; |
|
141 } |
|
142 |
|
143 td.editsub { |
|
144 width: 50px; |
|
145 padding: 1px 3px 1px 3px; |
|
146 } |
|
147 |
|
148 #jqxTabs { |
|
149 width: 980px; |
|
150 height: 440px; |
|
151 float: left; |
|
152 } |
|
153 |
|
154 */ |
|
155 |
|
156 |
|
157 .LEDred_on { |
|
158 margin: 5px auto; |
|
159 width: 12px; |
|
160 height: 12px; |
|
161 background-color: #F40; |
|
162 border-radius: 50%; |
|
163 box-shadow: #000 0 0px 4px 1px, inset #C33 0 -1px 5px, #f44 0 2px 12px; |
|
164 } |
|
165 |
|
166 .LEDred_off { |
|
167 margin: 5px auto; |
|
168 width: 12px; |
|
169 height: 12px; |
|
170 background-color: #820; |
|
171 border-radius: 50%; |
|
172 box-shadow: #400 0 0px 1px 1px; |
|
173 } |
|
174 |
|
175 .LEDyellow_on { |
|
176 margin: 5px auto; |
|
177 width: 12px; |
|
178 height: 12px; |
|
179 background-color: #FF0; |
|
180 border-radius: 50%; |
|
181 box-shadow: #000 0 0px 4px 1px, inset #860 0 -1px 5px, #DD0 0 2px 12px; |
|
182 } |
|
183 |
|
184 .LEDyellow_off { |
|
185 margin: 5px auto; |
|
186 width: 12px; |
|
187 height: 12px; |
|
188 background-color: #A90; |
|
189 border-radius: 50%; |
|
190 box-shadow: #440 0 0px 1px 1px; |
|
191 } |
|
192 |
|
193 .LEDgreen_on { |
|
194 margin: 5px auto; |
|
195 width: 12px; |
|
196 height: 12px; |
|
197 background-color: #5E0; |
|
198 border-radius: 50%; |
|
199 box-shadow: #000 0 0px 4px 1px, inset #270 0 -1px 5px, #5D0 0 2px 12px; |
|
200 } |
|
201 |
|
202 .LEDgreen_off { |
|
203 margin: 5px auto; |
|
204 width: 12px; |
|
205 height: 12px; |
|
206 background-color: #270; |
|
207 border-radius: 50%; |
|
208 box-shadow: #250 0 0px 1px 1px; |
|
209 } |
|
210 |
|
211 .LEDblue_on { |
|
212 margin: 5px auto; |
|
213 width: 12px; |
|
214 height: 12px; |
|
215 background-color: #4AF; |
|
216 border-radius: 50%; |
|
217 box-shadow: #000 0 0px 4px 1px, inset #247 0 -1px 5px, #48F 0 2px 12px; |
|
218 } |
|
219 |
|
220 .LEDblue_off { |
|
221 margin: 5px auto; |
|
222 width: 12px; |
|
223 height: 12px; |
|
224 background-color: #137; |
|
225 border-radius: 50%; |
|
226 box-shadow: #024 0 0px 1px 1px; |
|
227 } |
|
228 |