15 div.question-box-mini { background-image: url(../../../images/mini-question.png); background-position: 5px center; background-repeat: no-repeat; background-color: #F4FFF4; border: 1px solid #406080; padding: 4px 4px 4px 26px; margin: 1em 0; min-height: 17px; } |
15 div.question-box-mini { background-image: url(../../../images/mini-question.png); background-position: 5px center; background-repeat: no-repeat; background-color: #F4FFF4; border: 1px solid #406080; padding: 4px 4px 4px 26px; margin: 1em 0; min-height: 17px; } |
16 div.wait-box-mini { background-image: url(../../../images/mini-wait.png); background-position: 5px center; background-repeat: no-repeat; background-color: #FFF4FF; border: 1px solid #406080; padding: 4px 4px 4px 26px; margin: 1em 0; min-height: 17px; } |
16 div.wait-box-mini { background-image: url(../../../images/mini-wait.png); background-position: 5px center; background-repeat: no-repeat; background-color: #FFF4FF; border: 1px solid #406080; padding: 4px 4px 4px 26px; margin: 1em 0; min-height: 17px; } |
17 div.success-box-mini { background-image: url(../../../images/mini-success.png); background-position: 5px center; background-repeat: no-repeat; background-color: #F4FFF4; border: 1px solid #406080; padding: 4px 4px 4px 26px; margin: 1em 0; min-height: 17px; } |
17 div.success-box-mini { background-image: url(../../../images/mini-success.png); background-position: 5px center; background-repeat: no-repeat; background-color: #F4FFF4; border: 1px solid #406080; padding: 4px 4px 4px 26px; margin: 1em 0; min-height: 17px; } |
18 |
18 |
19 a img { |
19 a img { |
20 border-width: 0; |
20 border-width: 0; |
21 } |
21 } |
22 |
22 |
23 /* Similar to the Mediawikian alert box (usermessage) */ |
23 /* Similar to the Mediawikian alert box (usermessage) */ |
24 |
24 |
25 div.alert { |
25 div.alert { |
26 background-color: #F09090; |
26 background-color: #F09090; |
27 border: 1px solid #D03030; |
27 border: 1px solid #D03030; |
28 color: #300000; |
28 color: #300000; |
29 padding: 3px; |
29 padding: 3px; |
30 position: relative; |
30 position: relative; |
31 top: -3px; |
31 top: -3px; |
32 } |
32 } |
33 |
33 |
34 /* toolbar */ |
34 /* toolbar */ |
35 div.toolbar { |
35 div.toolbar { |
36 border-bottom: 1px solid #909090; |
36 border-bottom: 1px solid #909090; |
37 background-color: #D0D0D0; |
37 background-color: #D0D0D0; |
38 padding: 2px 0; |
38 padding: 2px 0; |
39 height: 22px; |
39 height: 22px; |
40 font-family: arial, sans-serif; |
40 font-family: arial, sans-serif; |
41 font-size: 8pt; |
41 font-size: 8pt; |
42 } |
42 } |
43 div.toolbar ul { |
43 div.toolbar ul { |
44 margin: 0; |
44 margin: 0; |
45 padding: 0; |
45 padding: 0; |
46 } |
46 } |
47 div.toolbar ul li { |
47 div.toolbar ul li { |
48 list-style: none; |
48 list-style: none; |
49 margin: 0; |
49 margin: 0; |
50 float: left; |
50 float: left; |
51 } |
51 } |
52 div.toolbar a img { |
52 div.toolbar a img { |
53 opacity: 0.6; |
53 opacity: 0.6; |
54 /*filter: alpha(opacity=60);*/ |
54 /*filter: alpha(opacity=60);*/ |
55 } |
55 } |
56 div.toolbar a:hover img, div.toolbar a:focus img { |
56 div.toolbar a:hover img, div.toolbar a:focus img { |
57 opacity: 1; |
57 opacity: 1; |
58 /*filter: alpha(opacity=100);*/ |
58 /*filter: alpha(opacity=100);*/ |
59 } |
59 } |
60 div.toolbar a { |
60 div.toolbar a { |
61 display: block; |
61 display: block; |
62 padding: 2px; |
62 padding: 2px; |
63 border: 1px solid transparent; |
63 border: 1px solid transparent; |
64 cursor: default; |
64 cursor: default; |
65 width: auto; |
65 width: auto; |
66 color: #000000; |
66 color: #000000; |
67 margin: 0 2px; |
67 margin: 0 2px; |
68 max-height: 16px; |
68 max-height: 16px; |
69 text-decoration: none; |
69 text-decoration: none; |
70 } |
70 } |
71 div.toolbar a:hover, div.toolbar a:focus { |
71 div.toolbar a:hover, div.toolbar a:focus { |
72 border: 1px solid #202090; |
72 border: 1px solid #202090; |
73 background-color: #ceceed; |
73 background-color: #ceceed; |
74 color: #000000; |
74 color: #000000; |
75 text-decoration: none; |
75 text-decoration: none; |
76 } |
76 } |
77 div.toolbar a:active { |
77 div.toolbar a:active { |
78 border: 1px solid #A0A0A0; |
78 border: 1px solid #A0A0A0; |
79 background-color: #E0E0E0; |
79 background-color: #E0E0E0; |
80 } |
80 } |
81 div.toolbar img { |
81 div.toolbar img { |
82 margin: 0; |
82 margin: 0; |
83 padding: 0; |
83 padding: 0; |
84 display: inline; |
84 display: inline; |
85 border-width: 0px; |
85 border-width: 0px; |
86 } |
86 } |
87 div.toolbar a span { |
87 div.toolbar a span { |
88 position: relative; |
88 position: relative; |
89 top: -4px; |
89 top: -4px; |
90 } |
90 } |
91 div.toolbar li span { |
91 div.toolbar li span { |
92 padding-left: 2px; |
92 padding-left: 2px; |
93 padding-right: 5px; |
93 padding-right: 5px; |
94 } |
94 } |
95 |
95 |
96 /* vertical toolbar */ |
96 /* vertical toolbar */ |
97 div.toolbar_vert { |
97 div.toolbar_vert { |
98 border: 1px solid #909090; |
98 border: 1px solid #909090; |
99 background-color: #D0D0D0; |
99 background-color: #D0D0D0; |
100 padding: 2px 0; |
100 padding: 2px 0; |
101 } |
101 } |
102 div.toolbar_vert ul { |
102 div.toolbar_vert ul { |
103 margin: 0; |
103 margin: 0; |
104 padding: 0; |
104 padding: 0; |
105 } |
105 } |
106 div.toolbar_vert ul li { |
106 div.toolbar_vert ul li { |
107 list-style: none; |
107 list-style: none; |
108 margin: 0; |
108 margin: 0; |
109 } |
109 } |
110 div.toolbar_vert a img { |
110 div.toolbar_vert a img { |
111 opacity: 0.6; |
111 opacity: 0.6; |
112 /*filter: alpha(opacity=60);*/ |
112 /*filter: alpha(opacity=60);*/ |
113 } |
113 } |
114 div.toolbar_vert a:hover img { |
114 div.toolbar_vert a:hover img { |
115 opacity: 1; |
115 opacity: 1; |
116 /*filter: alpha(opacity=100);*/ |
116 /*filter: alpha(opacity=100);*/ |
117 } |
117 } |
118 div.toolbar_vert a { |
118 div.toolbar_vert a { |
119 display: block; |
119 display: block; |
120 padding: 2px; |
120 padding: 2px; |
121 border: 1px solid transparent; |
121 border: 1px solid transparent; |
122 cursor: default; |
122 cursor: default; |
123 width: auto; |
123 width: auto; |
124 color: #000000; |
124 color: #000000; |
125 margin: 0 2px; |
125 margin: 0 2px; |
126 max-height: 16px; |
126 max-height: 16px; |
127 text-decoration: none; |
127 text-decoration: none; |
128 } |
128 } |
129 div.toolbar_vert a:hover { |
129 div.toolbar_vert a:hover { |
130 border: 1px solid #202090; |
130 border: 1px solid #202090; |
131 background-color: #ceceed; |
131 background-color: #ceceed; |
132 color: #000000; |
132 color: #000000; |
133 text-decoration: none; |
133 text-decoration: none; |
134 } |
134 } |
135 div.toolbar_vert a:active { |
135 div.toolbar_vert a:active { |
136 border: 1px solid #A0A0A0; |
136 border: 1px solid #A0A0A0; |
137 background-color: #E0E0E0; |
137 background-color: #E0E0E0; |
138 } |
138 } |
139 div.toolbar_vert img { |
139 div.toolbar_vert img { |
140 margin: 0; |
140 margin: 0; |
141 padding: 0; |
141 padding: 0; |
142 display: inline; |
142 display: inline; |
143 border-width: 0px; |
143 border-width: 0px; |
144 } |
144 } |
145 div.toolbar_vert a span { |
145 div.toolbar_vert a span { |
146 position: relative; |
146 position: relative; |
147 top: -4px; |
147 top: -4px; |
148 } |
148 } |
149 div.toolbar_vert li span { |
149 div.toolbar_vert li span { |
150 padding-left: 2px; |
150 padding-left: 2px; |
151 padding-right: 5px; |
151 padding-right: 5px; |
152 } |
152 } |
153 |
153 |
154 div.toolbar_vert li > span { |
154 div.toolbar_vert li > span { |
155 display: block; |
155 display: block; |
156 padding: 4px 5px; |
156 padding: 4px 5px; |
157 } |
157 } |
158 |
158 |
159 div.breadcrumbs { margin: 10px 0; padding: 5px; border: 1px solid #AAAAAA; background-color: #E8E8E8; font-size: smaller; font-weight: bold; } |
159 div.breadcrumbs { margin: 10px 0; padding: 5px; border: 1px solid #AAAAAA; background-color: #E8E8E8; font-size: smaller; font-weight: bold; } |
160 |
160 |
161 /* Tables */ |
161 /* Tables */ |
199 /* |
199 /* |
200 * Search box |
200 * Search box |
201 */ |
201 */ |
202 |
202 |
203 input.js-search-box { |
203 input.js-search-box { |
204 font-size: 13px; |
204 font-size: 13px; |
205 margin: 0; |
205 margin: 0; |
206 padding: 1px !important; |
206 padding: 1px !important; |
207 background-image: url(../../../images/search-box-normal.gif); |
207 background-image: url(../../../images/search-box-normal.gif); |
208 height: 15px; |
208 height: 15px; |
209 background-repeat: repeat-x; |
209 background-repeat: repeat-x; |
210 border-width: 1px; |
210 border-width: 1px; |
211 border-style: solid; |
211 border-style: solid; |
212 border-color: #6c6c6c; |
212 border-color: #6c6c6c; |
213 color: #C0C0C0; |
213 color: #C0C0C0; |
214 } |
214 } |
215 |
215 |
216 input.js-search-box:focus { |
216 input.js-search-box:focus { |
217 background-image: url(../../../images/search-box-hilite.gif); |
217 background-image: url(../../../images/search-box-hilite.gif); |
218 color: #666; |
218 color: #666; |
219 } |
219 } |
220 |
220 |
221 div.js-search-submit { |
221 div.js-search-submit { |
222 display: block; |
222 display: block; |
223 position: absolute; |
223 position: absolute; |
224 width: 24px; |
224 width: 24px; |
225 height: 19px; |
225 height: 19px; |
226 font-size: 1px; |
226 font-size: 1px; |
227 line-height: 19px; |
227 line-height: 19px; |
228 clip: rect(0px, 24px, 19px, 0px); |
228 clip: rect(0px, 24px, 19px, 0px); |
229 overflow: hidden; |
229 overflow: hidden; |
230 margin: 0; |
230 margin: 0; |
231 padding: 0; |
231 padding: 0; |
232 background: transparent url(../../../images/search-btn-normal.png) no-repeat !important; |
232 background: transparent url(../../../images/search-btn-normal.png) no-repeat !important; |
233 background-repeat: no-repeat; |
233 background-repeat: no-repeat; |
234 cursor: pointer; |
234 cursor: pointer; |
235 } |
235 } |
236 |
236 |
237 div.js-search-submit:hover { |
237 div.js-search-submit:hover { |
238 background-image: url(../../../images/search-btn-hilite.png); |
238 background-image: url(../../../images/search-btn-hilite.png); |
239 } |
239 } |
240 |
240 |
241 /* |
241 /* |
242 * jBox menu system |
242 * jBox menu system |
243 */ |
243 */ |
244 |
244 |
245 div.menu, div.menu_nojs { |
245 div.menu, div.menu_nojs { |
246 background-color: #D0D0D0; |
246 background-color: #D0D0D0; |
247 border: 1px solid #A0A0A0; |
247 border: 1px solid #A0A0A0; |
248 font-size: 9pt; |
248 font-size: 9pt; |
249 } |
249 } |
250 div.menu a, div.menu div.label { |
250 div.menu a, div.menu div.label { |
251 padding: 2pt 5px; |
251 padding: 2pt 5px; |
252 text-decoration: none; |
252 text-decoration: none; |
253 display: block; |
253 display: block; |
254 float: left; |
254 float: left; |
255 color: #404040; |
255 color: #404040; |
256 } |
256 } |
257 div.menu_nojs a, div.menu_nojs div.label { |
257 div.menu_nojs a, div.menu_nojs div.label { |
258 padding: 2pt 5px; |
258 padding: 2pt 5px; |
259 text-decoration: none; |
259 text-decoration: none; |
260 display: block; |
260 display: block; |
261 color: #404040; |
261 color: #404040; |
262 } |
262 } |
263 div.menu div.label, div.menu_nojs div.label { |
263 div.menu div.label, div.menu_nojs div.label { |
264 color: #101010; |
264 color: #101010; |
265 } |
265 } |
266 div.menu span.sep, div.menu_nojs span.sep { |
266 div.menu span.sep, div.menu_nojs span.sep { |
267 display: block; |
267 display: block; |
268 float: left; |
268 float: left; |
269 width: 5px; |
269 width: 5px; |
270 } |
270 } |
271 div.menu div.multopts, div.menu_nojs div.multopts { |
271 div.menu div.multopts, div.menu_nojs div.multopts { |
272 line-height: 17pt; |
272 line-height: 17pt; |
273 } |
273 } |
274 div.menu div.multopts a, div.menu div.multopts div.label, div.menu_nojs div.multopts a, div.menu_nojs div.multopts div.label { |
274 div.menu div.multopts a, div.menu div.multopts div.label, div.menu_nojs div.multopts a, div.menu_nojs div.multopts div.label { |
275 float: none; |
275 float: none; |
276 display: inline; |
276 display: inline; |
277 } |
277 } |
278 div.menu a:hover, div.menu_nojs a:hover { |
278 div.menu a:hover, div.menu_nojs a:hover { |
279 color: #FFFFFF; |
279 color: #FFFFFF; |
280 background-color: #808080; |
280 background-color: #808080; |
281 } |
281 } |
282 div.menu input[type ^="text"], div.menu input[type ^="password"], div.menu_nojs input[type ^="text"], div.menu_nojs input[type ^="password"] { |
282 div.menu input[type ^="text"], div.menu input[type ^="password"], div.menu_nojs input[type ^="text"], div.menu_nojs input[type ^="password"] { |
283 border-width: 0; |
283 border-width: 0; |
284 font-size: 9pt; |
284 font-size: 9pt; |
285 padding: 4px 5px; |
285 padding: 4px 5px; |
286 max-width: 70px; |
286 max-width: 70px; |
287 background-color: #E0E0E0; |
287 background-color: #E0E0E0; |
288 } |
288 } |
289 div.menu input[type ^="text"]:hover, div.menu input[type ^="password"]:hover, div.menu_nojs input[type ^="text"]:hover, div.menu_nojs input[type ^="password"]:hover { |
289 div.menu input[type ^="text"]:hover, div.menu input[type ^="password"]:hover, div.menu_nojs input[type ^="text"]:hover, div.menu_nojs input[type ^="password"]:hover { |
290 background-color: #E8E8E8; |
290 background-color: #E8E8E8; |
291 } |
291 } |
292 div.menu input[type ^="text"]:focus, div.menu input[type ^="password"]:focus, div.menu_nojs input[type ^="text"]:focus, div.menu_nojs input[type ^="password"]:focus { |
292 div.menu input[type ^="text"]:focus, div.menu input[type ^="password"]:focus, div.menu_nojs input[type ^="text"]:focus, div.menu_nojs input[type ^="password"]:focus { |
293 background-color: #F0F0F0; |
293 background-color: #F0F0F0; |
294 } |
294 } |
295 div.menu input[type ^="button"], div.menu input[type ^="submit"], div.menu_nojs input[type ^="button"], div.menu_nojs input[type ^="submit"] { |
295 div.menu input[type ^="button"], div.menu input[type ^="submit"], div.menu_nojs input[type ^="button"], div.menu_nojs input[type ^="submit"] { |
296 border-width: 0; |
296 border-width: 0; |
297 font-size: 9pt; |
297 font-size: 9pt; |
298 padding: 3px 5px; |
298 padding: 3px 5px; |
299 max-width: 70px; |
299 max-width: 70px; |
300 } |
300 } |
301 div.menu a.current, div.menu a.current:hover, div.menu_nojs a.current, div.menu_nojs a.current:hover { |
301 div.menu a.current, div.menu a.current:hover, div.menu_nojs a.current, div.menu_nojs a.current:hover { |
302 color: #FFFFFF; |
302 color: #FFFFFF; |
303 background-color: #505050; |
303 background-color: #505050; |
304 } |
304 } |
305 div.menu ul { |
305 div.menu ul { |
306 display: none; |
306 display: none; |
307 position: absolute; |
307 position: absolute; |
308 padding: 0; |
308 padding: 0; |
309 margin: 0; |
309 margin: 0; |
310 background-color: #D0D0D0; |
310 background-color: #D0D0D0; |
311 border: 1px solid #A0A0A0; |
311 border: 1px solid #A0A0A0; |
312 min-width: 120px; |
312 min-width: 120px; |
313 } |
313 } |
314 div.menu_nojs ul { |
314 div.menu_nojs ul { |
315 display: block; |
315 display: block; |
316 clear: both; |
316 clear: both; |
317 } |
317 } |
318 div.menu ul li, div.menu_nojs ul li { |
318 div.menu ul li, div.menu_nojs ul li { |
319 list-style: none; |
319 list-style: none; |
320 } |
320 } |
321 div.menu ul a, div.menu_nojs ul a { |
321 div.menu ul a, div.menu_nojs ul a { |
322 float: none; |
322 float: none; |
323 margin: 0; |
323 margin: 0; |
324 } |
324 } |
325 span.menuclear { |
325 span.menuclear { |
326 font-size: 1px; |
326 font-size: 1px; |
327 height: 0px; |
327 height: 0px; |
328 width: 0px; |
328 width: 0px; |
329 clear: left; |
329 clear: left; |
330 line-height: 0px; |
330 line-height: 0px; |
331 display: block; |
331 display: block; |
332 } |
332 } |
333 |
333 |
334 /* Progress bars */ |
334 /* Progress bars */ |
335 div.progressbar { |
335 div.progressbar { |
336 padding: 2px; |
336 padding: 2px; |
337 background-color: #90A0B0; |
337 background-color: #90A0B0; |
338 width: 308px; |
338 width: 308px; |
339 } |
339 } |
340 div.progressbar_inner { |
340 div.progressbar_inner { |
341 min-width: 30px; |
341 min-width: 30px; |
342 color: white; |
342 color: white; |
343 background-color: #7080A0; |
343 background-color: #7080A0; |
344 padding: 4px; |
344 padding: 4px; |
345 } |
345 } |
346 /* User notification - courtest of wikipedia.org (not sure if this is included with MediaWiki) */ |
346 /* User notification - courtest of wikipedia.org (not sure if this is included with MediaWiki) */ |
347 /* user notification thing */ |
347 /* user notification thing */ |
348 |
348 |
349 .usermessage { |
349 .usermessage { |
384 td.diff-context { background: #eee; font-size: smaller; } |
384 td.diff-context { background: #eee; font-size: smaller; } |
385 span.diffchange { color: red; font-weight: bold; } |
385 span.diffchange { color: red; font-weight: bold; } |
386 |
386 |
387 /* Tag cloud */ |
387 /* Tag cloud */ |
388 span.tc_word_normal { |
388 span.tc_word_normal { |
389 font-family: Arial, helvetica, sans-serif; |
389 font-family: Arial, helvetica, sans-serif; |
390 font-size: 10pt; |
390 font-size: 10pt; |
391 letter-spacing: 3px; |
391 letter-spacing: 3px; |
392 padding: 4px 4px 4px 4px; |
392 padding: 4px 4px 4px 4px; |
393 } |
393 } |
394 span.tc_word_small { |
394 span.tc_word_small { |
395 font-family: Arial, helvetica, sans-serif; |
395 font-family: Arial, helvetica, sans-serif; |
396 font-size: 8pt; |
396 font-size: 8pt; |
397 color: #000; |
397 color: #000; |
398 } |
398 } |
399 span.tc_word_normal a, span.tc_word_small a { |
399 span.tc_word_normal a, span.tc_word_small a { |
400 color: inherit !important; |
400 color: inherit !important; |
401 text-decoration: none !important; |
401 text-decoration: none !important; |
402 } |
402 } |
403 /* These are from http://www.lotsofcode.com/php/tutorials/tag-cloud */ |
403 /* These are from http://www.lotsofcode.com/php/tutorials/tag-cloud */ |
404 span.tc_normal_index_1 { |
404 span.tc_normal_index_1 { |
405 color: #000; |
405 color: #000; |
406 font-size: 2.4em; |
406 font-size: 2.4em; |
407 } |
407 } |
408 span.tc_normal_index_2 { |
408 span.tc_normal_index_2 { |
409 color: #333; |
409 color: #333; |
410 font-size: 2.2em; |
410 font-size: 2.2em; |
411 } |
411 } |
412 span.tc_normal_index_3 { |
412 span.tc_normal_index_3 { |
413 color: #666; |
413 color: #666; |
414 font-size: 2.0em; |
414 font-size: 2.0em; |
415 } |
415 } |
416 span.tc_normal_index_4 { |
416 span.tc_normal_index_4 { |
417 color: #999; |
417 color: #999; |
418 font-size: 1em; |
418 font-size: 1em; |
419 } |
419 } |
420 span.tc_normal_index_5 { |
420 span.tc_normal_index_5 { |
421 color: #aaa; |
421 color: #aaa; |
422 font-size: 1.6em; |
422 font-size: 1.6em; |
423 } |
423 } |
424 span.tc_normal_index_6 { |
424 span.tc_normal_index_6 { |
425 color: #bbb; |
425 color: #bbb; |
426 font-size: 1.4em; |
426 font-size: 1.4em; |
427 } |
427 } |
428 span.tc_normal_index_7 { |
428 span.tc_normal_index_7 { |
429 color: #ccc; |
429 color: #ccc; |
430 font-size: 1.2em; |
430 font-size: 1.2em; |
431 } |
431 } |
432 span.tc_normal_index_8 { |
432 span.tc_normal_index_8 { |
433 color: #ddd; |
433 color: #ddd; |
434 font-size: 0.8em; |
434 font-size: 0.8em; |
435 } |
435 } |
436 span.tc_small_index_1 { |
436 span.tc_small_index_1 { |
437 opacity: 1; |
437 opacity: 1; |
438 font-size: 1.4em; |
438 font-size: 1.4em; |
439 } |
439 } |
440 span.tc_small_index_2 { |
440 span.tc_small_index_2 { |
441 opacity: 0.8; |
441 opacity: 0.8; |
442 font-size: 1.3em; |
442 font-size: 1.3em; |
443 } |
443 } |
444 span.tc_small_index_3 { |
444 span.tc_small_index_3 { |
445 opacity: 0.6; |
445 opacity: 0.6; |
446 font-size: 1.2em; |
446 font-size: 1.2em; |
447 } |
447 } |
448 span.tc_small_index_4 { |
448 span.tc_small_index_4 { |
449 opacity: 0.5; |
449 opacity: 0.5; |
450 font-size: 1em; |
450 font-size: 1em; |
451 } |
451 } |
452 span.tc_small_index_5 { |
452 span.tc_small_index_5 { |
453 opacity: 0.45; |
453 opacity: 0.45; |
454 font-size: 1.3em; |
454 font-size: 1.3em; |
455 } |
455 } |
456 span.tc_small_index_6 { |
456 span.tc_small_index_6 { |
457 opacity: 0.4; |
457 opacity: 0.4; |
458 font-size: 1.1em; |
458 font-size: 1.1em; |
459 } |
459 } |
460 span.tc_small_index_7 { |
460 span.tc_small_index_7 { |
461 opacity: 0.35; |
461 opacity: 0.35; |
462 font-size: 0.9em; |
462 font-size: 0.9em; |
463 } |
463 } |
464 span.tc_small_index_8 { |
464 span.tc_small_index_8 { |
465 opacity: 0.3; |
465 opacity: 0.3; |
466 font-size: 0.7em; |
466 font-size: 0.7em; |
467 } |
467 } |
468 |
468 |
469 /* Default private message AJAX interface styles (colors and style based on those of Gmail) */ |
469 /* Default private message AJAX interface styles (colors and style based on those of Gmail) */ |
470 |
470 |
471 div#privmsgs { |
471 div#privmsgs { |
472 /* Neal prefers this border but I personally consider it distasteful because it detracts from the Gmail-ey look. |
472 /* Neal prefers this border but I personally consider it distasteful because it detracts from the Gmail-ey look. |
473 border: 1px solid #c0c0c0; */ |
473 border: 1px solid #c0c0c0; */ |
474 background-color: white; |
474 background-color: white; |
475 color: black; |
475 color: black; |
476 } |
476 } |
477 |
477 |
478 span.pm_link { |
478 span.pm_link { |
479 color: #0000ff; |
479 color: #0000ff; |
480 cursor: pointer; |
480 cursor: pointer; |
481 text-decoration: underline; |
481 text-decoration: underline; |
482 } |
482 } |
483 |
483 |
484 span.pm_link_folder { |
484 span.pm_link_folder { |
485 display: block; |
485 display: block; |
486 text-decoration: none; |
486 text-decoration: none; |
487 padding: 3px; |
487 padding: 3px; |
488 border-radius: 5px 0 0 5px; |
488 border-radius: 5px 0 0 5px; |
489 -moz-border-radius: 5px 0 0 5px; |
489 -moz-border-radius: 5px 0 0 5px; |
490 } |
490 } |
491 |
491 |
492 span.pm_link_selected { |
492 span.pm_link_selected { |
493 background-color: #c3d9ff; |
493 background-color: #c3d9ff; |
494 font-weight: bold; |
494 font-weight: bold; |
495 text-decoration: underline; |
495 text-decoration: underline; |
496 } |
496 } |
497 |
497 |
498 span.pm_link_selected_trash { |
498 span.pm_link_selected_trash { |
499 background-color: #d9d9db; |
499 background-color: #d9d9db; |
500 } |
500 } |
501 |
501 |
502 div.pm_break { |
502 div.pm_break { |
503 height: 10px; |
503 height: 10px; |
504 } |
504 } |
505 |
505 |
506 span#pm_btn_compose { |
506 span#pm_btn_compose { |
507 margin-top: 5px; |
507 margin-top: 5px; |
508 } |
508 } |
509 |
509 |
510 div.pm_main { |
510 div.pm_main { |
511 background-color: #c3d9ff; |
511 background-color: #c3d9ff; |
512 padding: 5px 5px 3px 5px; |
512 padding: 5px 5px 3px 5px; |
513 margin-left: 12em; |
513 margin-left: 12em; |
514 min-height: 16em; |
514 min-height: 16em; |
515 border-radius: 5px; |
515 border-radius: 5px; |
516 -moz-border-radius: 5px; |
516 -moz-border-radius: 5px; |
517 } |
517 } |
518 |
518 |
519 div.pm_main_trash { |
519 div.pm_main_trash { |
520 background-color: #d9d9db; |
520 background-color: #d9d9db; |
521 } |
521 } |
522 |
522 |
523 div.pm_status { |
523 div.pm_status { |
524 display: table; |
524 display: table; |
525 background-color: #cc0000; |
525 background-color: #cc0000; |
526 padding: 3px; |
526 padding: 3px; |
527 margin: 0 auto; |
527 margin: 0 auto; |
528 color: white; |
528 color: white; |
529 } |
529 } |
530 |
530 |
531 div.pm_teaser { |
531 div.pm_teaser { |
532 background-color: white; |
532 background-color: white; |
533 color: black; |
533 color: black; |
534 text-align: center; |
534 text-align: center; |
535 padding: 8em 1em 8em 1em; |
535 padding: 8em 1em 8em 1em; |
536 } |
536 } |
537 |
537 |
538 div.pm_mlist_message { |
538 div.pm_mlist_message { |
539 background-color: #e8eef7; |
539 background-color: #e8eef7; |
540 color: black; |
540 color: black; |
541 border-bottom: 1px solid #d8d8d8; |
541 border-bottom: 1px solid #d8d8d8; |
542 cursor: pointer; |
542 cursor: pointer; |
543 } |
543 } |
544 |
544 |
545 div.pm_mlist_message span.pm_subject { |
545 div.pm_mlist_message span.pm_subject { |
546 font-weight: normal; |
546 font-weight: normal; |
547 display: inline-block; |
547 display: inline-block; |
548 clip: rect(0px, auto, auto, 0px); |
548 clip: rect(0px, auto, auto, 0px); |
549 overflow: hidden; |
549 overflow: hidden; |
550 margin: 0 3px 0 0; |
550 margin: 0 3px 0 0; |
551 } |
551 } |
552 |
552 |
553 div.pm_mlist_message span.pm_sender { |
553 div.pm_mlist_message span.pm_sender { |
554 display: inline-block; |
554 display: inline-block; |
555 width: 30%; |
555 width: 30%; |
556 margin: 0 10px 0% 4px; |
556 margin: 0 10px 0% 4px; |
557 font-weight: normal; |
557 font-weight: normal; |
558 clip: rect(0px, auto, auto, 0px); |
558 clip: rect(0px, auto, auto, 0px); |
559 overflow: hidden; |
559 overflow: hidden; |
560 } |
560 } |
561 |
561 |
562 div.pm_mlist_message span.pm_miniclip { |
562 div.pm_mlist_message span.pm_miniclip { |
563 color: #909090; |
563 color: #909090; |
564 display: inline-block; |
564 display: inline-block; |
565 clip: rect(0px, auto, auto, 0px); |
565 clip: rect(0px, auto, auto, 0px); |
566 overflow: hidden; |
566 overflow: hidden; |
567 } |
567 } |
568 |
568 |
569 div.pm_messagelist_inner { |
569 div.pm_messagelist_inner { |
570 min-height: 12em; |
570 min-height: 12em; |
571 background-color: white; |
571 background-color: white; |
572 } |
572 } |
573 |
573 |
574 div.pm_mlist_message_unread { |
574 div.pm_mlist_message_unread { |
575 background-color: white; |
575 background-color: white; |
576 } |
576 } |
577 |
577 |
578 div.pm_mlist_message_unread span.pm_subject { |
578 div.pm_mlist_message_unread span.pm_subject { |
579 font-weight: bold; |
579 font-weight: bold; |
580 } |
580 } |
581 |
581 |
582 div.pm_mlist_message_unread span.pm_sender { |
582 div.pm_mlist_message_unread span.pm_sender { |
583 font-weight: bold; |
583 font-weight: bold; |
584 } |
584 } |
585 |
585 |
586 div.pm_mlist_message_selected { |
586 div.pm_mlist_message_selected { |
587 background-color: #ffffcc; |
587 background-color: #ffffcc; |
588 } |
588 } |
589 |
589 |
590 span.pm_toolbar_label { |
590 span.pm_toolbar_label { |
591 color: black; |
591 color: black; |
592 font-weight: bold; |
592 font-weight: bold; |
593 } |
593 } |
594 |
594 |
595 div.noborderbottom * { |
595 div.noborderbottom * { |
596 border-bottom-width: 0px; |
596 border-bottom-width: 0px; |
597 } |
597 } |
598 |
598 |
599 div.nobordertop * { |
599 div.nobordertop * { |
600 border-top-width: 0px; |
600 border-top-width: 0px; |
601 } |
601 } |
602 |
602 |
603 /* Theme buttons in admin CP */ |
603 /* Theme buttons in admin CP */ |
604 |
604 |
605 div.themebutton { |
605 div.themebutton { |
606 width: 216px; |
606 width: 216px; |
607 float: left; |
607 float: left; |
608 background-position: center center; |
608 background-position: center center; |
609 background-repeat: no-repeat; |
609 background-repeat: no-repeat; |
610 margin-right: 10px; |
610 margin-right: 10px; |
611 padding: 5px; |
611 padding: 5px; |
612 border: 1px solid #F0F0F0; |
612 border: 1px solid #F0F0F0; |
613 } |
613 } |
614 |
614 |
615 div.themebutton_theme_disabled { |
615 div.themebutton_theme_disabled { |
616 background-color: #D84308; |
616 background-color: #D84308; |
617 } |
617 } |
618 |
618 |
619 div.themebutton_theme_system { |
619 div.themebutton_theme_system { |
620 display: none; |
620 display: none; |
621 } |
621 } |
622 |
622 |
623 div.themebutton a.tb-inner { |
623 div.themebutton a.tb-inner { |
624 opacity: 0; |
624 opacity: 0; |
625 filter: alpha(opacity=0); |
625 filter: alpha(opacity=0); |
626 display: block; |
626 display: block; |
627 height: 110px; |
627 height: 110px; |
628 padding-top: 40px; |
628 padding-top: 40px; |
629 text-align: center; |
629 text-align: center; |
630 font-size: 40px; |
630 font-size: 40px; |
631 text-decoration: none; |
631 text-decoration: none; |
632 } |
632 } |
633 div.themebutton_theme_system a.tb-inner { |
633 div.themebutton_theme_system a.tb-inner { |
634 font-size: 28px; |
634 font-size: 28px; |
635 height: 100px; |
635 height: 100px; |
636 padding-top: 50px; |
636 padding-top: 50px; |
637 } |
637 } |
638 div.themebutton a.tb-inner:hover { |
638 div.themebutton a.tb-inner:hover { |
639 opacity: 0.75; |
639 opacity: 0.75; |
640 filter: alpha(opacity=75); |
640 filter: alpha(opacity=75); |
641 background-color: #ffffff; |
641 background-color: #ffffff; |
642 } |
642 } |
643 div.themebutton a.tb-inner span.themename { |
643 div.themebutton a.tb-inner span.themename { |
644 font-size: 8pt; |
644 font-size: 8pt; |
645 color: #606060; |
645 color: #606060; |
646 display: block; |
646 display: block; |
647 } |
647 } |
648 |
648 |
649 div.themebutton div.status { |
649 div.themebutton div.status { |
650 opacity: 0.75; |
650 opacity: 0.75; |
651 filter: alpha(opacity=75); |
651 filter: alpha(opacity=75); |
652 background-image: url(../../../images/loading-big.gif); |
652 background-image: url(../../../images/loading-big.gif); |
653 background-repeat: no-repeat; |
653 background-repeat: no-repeat; |
654 background-position: center center; |
654 background-position: center center; |
655 background-color: #ffffff; |
655 background-color: #ffffff; |
656 height: 150px; |
656 height: 150px; |
657 } |
657 } |
658 |
658 |
659 /* Expandable fieldsets */ |
659 /* Expandable fieldsets */ |
660 |
660 |
661 fieldset legend a.expander { |
661 fieldset legend a.expander { |
662 padding-left: 11px; |
662 padding-left: 11px; |
663 background-position: left center; |
663 background-position: left center; |
664 background-repeat: no-repeat; |
664 background-repeat: no-repeat; |
665 color: inherit; |
665 color: inherit; |
666 cursor: pointer; |
666 cursor: pointer; |
667 } |
667 } |
668 |
668 |
669 fieldset legend a.expander:hover { |
669 fieldset legend a.expander:hover { |
670 color: inherit; |
670 color: inherit; |
671 } |
671 } |
672 |
672 |
673 fieldset legend a.expander-closed { |
673 fieldset legend a.expander-closed { |
674 background-image: url(../../../images/expander/closed.gif); |
674 background-image: url(../../../images/expander/closed.gif); |
675 |
675 |
676 } |
676 } |
677 |
677 |
678 fieldset legend a.expander-closed:hover { |
678 fieldset legend a.expander-closed:hover { |
679 background-image: url(../../../images/expander/closed-prelight.gif); |
679 background-image: url(../../../images/expander/closed-prelight.gif); |
680 } |
680 } |
681 |
681 |
682 fieldset legend a.expander-open { |
682 fieldset legend a.expander-open { |
683 background-image: url(../../../images/expander/open.gif); |
683 background-image: url(../../../images/expander/open.gif); |
684 padding-left: 17px; |
684 padding-left: 17px; |
685 } |
685 } |
686 |
686 |
687 fieldset legend a.expander-open:hover { |
687 fieldset legend a.expander-open:hover { |
688 background-image: url(../../../images/expander/open-prelight.gif); |
688 background-image: url(../../../images/expander/open-prelight.gif); |
689 } |
689 } |
690 |
690 |
691 /* Flown-in mini prompts */ |
691 /* Flown-in mini prompts */ |
692 |
692 |
693 div.miniprompt { |
693 div.miniprompt { |
694 position: absolute; |
694 position: absolute; |
695 z-index: 999; |
695 z-index: 999; |
696 } |
696 } |
697 |
697 |
698 div.miniprompt div.mp-top, div.miniprompt div.mp-bottom { |
698 div.miniprompt div.mp-top, div.miniprompt div.mp-bottom { |
699 width: 388px; |
699 width: 388px; |
700 height: 57px; |
700 height: 57px; |
701 background-image: url(../../../images/prompt-top.png); |
701 background-image: url(../../../images/prompt-top.png); |
702 background-repeat: no-repeat; |
702 background-repeat: no-repeat; |
703 background-position: center center; |
703 background-position: center center; |
704 } |
704 } |
705 |
705 |
706 div.miniprompt div.mp-bottom { |
706 div.miniprompt div.mp-bottom { |
707 height: 42px; |
707 height: 42px; |
708 background-image: url(../../../images/prompt-bottom.png); |
708 background-image: url(../../../images/prompt-bottom.png); |
709 } |
709 } |
710 |
710 |
711 div.miniprompt div.mp-body { |
711 div.miniprompt div.mp-body { |
712 padding: 0 44px 10px 44px; |
712 padding: 0 44px 10px 44px; |
713 width: 300px; |
713 width: 300px; |
714 background-image: url(../../../images/prompt-body.png); |
714 background-image: url(../../../images/prompt-body.png); |
715 background-repeat: repeat-y; |
715 background-repeat: repeat-y; |
716 background-position: center center; |
716 background-position: center center; |
717 } |
717 } |
718 |
718 |
719 div.miniprompt h3 { |
719 div.miniprompt h3 { |
720 /* fix padding issues on firefox */ |
720 /* fix padding issues on firefox */ |
721 margin: 0 0 10px 0; |
721 margin: 0 0 10px 0; |
722 } |
722 } |
723 |
723 |
724 /* for buttons */ |
724 /* for buttons */ |
725 div.miniprompt div.mp-buttons { |
725 div.miniprompt div.mp-buttons { |
726 text-align: right; |
726 text-align: right; |
727 position: relative; |
727 position: relative; |
728 top: 10px; |
728 top: 10px; |
729 } |
729 } |
730 |
730 |
731 /* pseudo-buttons made with <a> tags */ |
731 /* pseudo-buttons made with <a> tags */ |
732 .abutton { |
732 .abutton { |
733 padding: 3px 5px; |
733 padding: 3px 5px; |
734 background-color: #f0f0f0; |
734 background-color: #f0f0f0; |
735 cursor: pointer; |
735 cursor: pointer; |
736 margin: 0 3px; |
736 margin: 0 3px; |
737 text-decoration: none; |
737 text-decoration: none; |
738 } |
738 } |
739 |
739 |
740 .abutton:hover { |
740 .abutton:hover { |
741 color: #f0f0f0 !important; |
741 color: #f0f0f0 !important; |
742 background-color: #606060; |
742 background-color: #606060; |
743 } |
743 } |
744 |
744 |
745 .abutton.block { |
745 .abutton.block { |
746 display: block; |
746 display: block; |
747 width: 60%; |
747 width: 60%; |
748 margin: 0 auto 10px auto; |
748 margin: 0 auto 10px auto; |
749 } |
749 } |
750 |
750 |
751 .abutton_green { color: #008800 !important; } |
751 .abutton_green { color: #008800 !important; } |
752 .abutton_green:hover { background-color: #008800 !important; } |
752 .abutton_green:hover { background-color: #008800 !important; } |
753 .abutton_blue { color: #000088 !important; } |
753 .abutton_blue { color: #000088 !important; } |
754 .abutton_blue:hover { background-color: #000088 !important; } |
754 .abutton_blue:hover { background-color: #000088 !important; } |
755 .abutton_red { color: #880000 !important; } |
755 .abutton_red { color: #880000 !important; } |
756 .abutton_red:hover { background-color: #880000 !important; } |
756 .abutton_red:hover { background-color: #880000 !important; } |
757 |
757 |
758 .abutton_img, .abutton.icon { |
758 .abutton_img, .abutton.icon { |
759 background-image: url('../../../images/mini-error.png'); |
759 background-image: url('../../../images/mini-error.png'); |
760 background-position: 4px center; |
760 background-position: 4px center; |
761 background-repeat: no-repeat; |
761 background-repeat: no-repeat; |
762 padding-left: 24px; |
762 padding-left: 24px; |
763 } |
763 } |
764 |
764 |
765 /* User rank administration */ |
765 /* User rank administration */ |
766 |
766 |
767 div.rankadmin-left { |
767 div.rankadmin-left { |
768 float: left; |
768 float: left; |
769 border: 1px solid #e0e0e0; |
769 border: 1px solid #e0e0e0; |
770 margin: 0 1.4em 0 0; |
770 margin: 0 1.4em 0 0; |
771 padding: 0.6em; |
771 padding: 0.6em; |
772 } |
772 } |
773 |
773 |
774 a.rankadmin-editlink { |
774 a.rankadmin-editlink { |
775 display: block; |
775 display: block; |
776 font-size: large; |
776 font-size: large; |
777 padding: 3px; |
777 padding: 3px; |
778 text-decoration: none; |
778 text-decoration: none; |
779 } |
779 } |
780 |
780 |
781 a.rankadmin-createlink { |
781 a.rankadmin-createlink { |
782 border-top: 1px solid #a0a0a0; |
782 border-top: 1px solid #a0a0a0; |
783 } |
783 } |
784 |
784 |
785 a.rankadmin-editlink:hover { |
785 a.rankadmin-editlink:hover { |
786 background-color: #f0f0f0; |
786 background-color: #f0f0f0; |
787 } |
787 } |
788 |
788 |
789 div.rankadmin-right { |
789 div.rankadmin-right { |
790 float: left; |
790 float: left; |
791 } |
791 } |
792 |
792 |
793 .adminiconsprite { |
793 .adminiconsprite { |
794 width: 16px; |
794 width: 16px; |
795 height: 16px; |
795 height: 16px; |
796 background-image: url(../../../images/icons/applets/sprite.png); |
796 background-image: url(../../../images/icons/applets/sprite.png); |
797 background-position: center center; |
797 background-position: center center; |
798 background-repeat: no-repeat; |
798 background-repeat: no-repeat; |
799 } |
799 } |
800 |
800 |
801 /* |
801 /* |
802 * Userpage styles |
802 * Userpage styles |
803 * Note: The colors and such given here are very minimal. It's really best to copy the definitions to your |
803 * Note: The colors and such given here are very minimal. It's really best to copy the definitions to your |
804 * theme's CSS, and remove all structure-related rules (margin, position, padding, etc.) |
804 * theme's CSS, and remove all structure-related rules (margin, position, padding, etc.) |
805 */ |
805 */ |
806 |
806 |
807 div.userpage_wrap { |
807 div.userpage_wrap { |
808 /* Content starts at 4.05em */ |
808 /* Content starts at 4.05em */ |
809 position: relative; |
809 position: relative; |
810 top: 4em; |
810 top: 4em; |
811 margin-bottom: 4em; |
811 margin-bottom: 4em; |
812 border: 0.05em solid #a0a0a0; |
812 border: 0.05em solid #a0a0a0; |
813 } |
813 } |
814 |
814 |
815 ul.userpage_links { |
815 ul.userpage_links { |
816 top: -3.05em; |
816 top: -3.05em; |
817 position: absolute; |
817 position: absolute; |
818 padding-left: 10px; |
818 padding-left: 10px; |
819 list-style-type: none !important; |
819 list-style-type: none !important; |
820 list-style-image: none !important; |
820 list-style-image: none !important; |
821 } |
821 } |
822 |
822 |
823 ul.userpage_links li { |
823 ul.userpage_links li { |
824 line-height: 1.85em; |
824 line-height: 1.85em; |
825 border-width: 0.05em 0.05em 0 0.05em; |
825 border-width: 0.05em 0.05em 0 0.05em; |
826 float: left; |
826 float: left; |
827 margin-right: 5px; |
827 margin-right: 5px; |
828 padding: 0 7px; |
828 padding: 0 7px; |
829 list-style-type: none !important; |
829 list-style-type: none !important; |
830 list-style-image: none !important; |
830 list-style-image: none !important; |
831 border-style: solid; |
831 border-style: solid; |
832 border-color: #808080; |
832 border-color: #808080; |
833 } |
833 } |
834 |
834 |
835 ul.userpage_links li.userpage_tab_active { |
835 ul.userpage_links li.userpage_tab_active { |
836 border-bottom-color: #ffffff; |
836 border-bottom-color: #ffffff; |
837 border-bottom-width: 0.05em; |
837 border-bottom-width: 0.05em; |
838 line-height: 2.05em; |
838 line-height: 2.05em; |
839 margin-top: -0.2em; |
839 margin-top: -0.2em; |
840 font-weight: bold; |
840 font-weight: bold; |
841 } |
841 } |
842 |
842 |
843 ul.userpage_links li:hover { |
843 ul.userpage_links li:hover { |
844 border-bottom-color: #ffffff; |
844 border-bottom-color: #ffffff; |
845 cursor: pointer; |
845 cursor: pointer; |
846 } |
846 } |
847 |
847 |
848 div.userpage_block { |
848 div.userpage_block { |
849 clear: both; |
849 clear: both; |
850 padding: 10px; |
850 padding: 10px; |
851 } |
851 } |
852 |
852 |
853 /* |
853 /* |
854 * ACL tracing tools |
854 * ACL tracing tools |
855 */ |
855 */ |
856 |
856 |
857 div.acl_inherit { |
857 div.acl_inherit { |
858 padding: 5px; |
858 padding: 5px; |
859 margin-bottom: 1px; |
859 margin-bottom: 1px; |
860 } |
860 } |
861 |
861 |
862 td.acl_inherit_key { |
862 td.acl_inherit_key { |
863 width: 15px; |
863 width: 15px; |
864 } |
864 } |
865 |
865 |
866 .acl_enano_default { background-color: #FFFFC6; } |
866 .acl_enano_default { background-color: #FFFFC6; } |
867 .acl_global_everyone { background-color: #D6D6FF; } |
867 .acl_global_everyone { background-color: #D6D6FF; } |
868 .acl_global_group { background-color: #C6C6FF; } |
868 .acl_global_group { background-color: #C6C6FF; } |
873 .acl_local_everyone { background-color: #FFD6D6; } |
873 .acl_local_everyone { background-color: #FFD6D6; } |
874 .acl_local_group { background-color: #FFC6C6; } |
874 .acl_local_group { background-color: #FFC6C6; } |
875 .acl_local_user { background-color: #FFB6B6; } |
875 .acl_local_user { background-color: #FFB6B6; } |
876 |
876 |
877 span.acl_failed_deps { |
877 span.acl_failed_deps { |
878 font-weight: bold; |
878 font-weight: bold; |
879 font-size: smaller; |
879 font-size: smaller; |
880 } |
880 } |
881 |
881 |
882 span.acl_failed_deps span.title { |
882 span.acl_failed_deps span.title { |
883 color: #ff0000; |
883 color: #ff0000; |
884 } |
884 } |
885 |
885 |
886 /** |
886 /** |
887 * Theme selector |
887 * Theme selector |
888 */ |
888 */ |
889 |
889 |
890 div#theme-selector-wrapper { |
890 div#theme-selector-wrapper { |
891 position: absolute; |
891 position: absolute; |
892 width: 100%; |
892 width: 100%; |
893 margin: 0; |
893 margin: 0; |
894 padding: 0; |
894 padding: 0; |
895 top: 0; |
895 top: 0; |
896 margin-top: 75px; |
896 margin-top: 75px; |
897 } |
897 } |
898 |
898 |
899 div#theme-selector-body { |
899 div#theme-selector-body { |
900 margin: 0 auto; |
900 margin: 0 auto; |
901 padding: 20px; |
901 padding: 20px; |
902 background-color: #ffffff; |
902 background-color: #ffffff; |
903 text-align: center; |
903 text-align: center; |
904 /* width: 708px; */ |
904 /* width: 708px; */ |
905 width: 130px; |
905 width: 130px; |
906 height: 130px; |
906 height: 130px; |
907 } |
907 } |
908 |
908 |
909 div#theme-selector-inner h3 { |
909 div#theme-selector-inner h3 { |
910 font-size: x-large; |
910 font-size: x-large; |
911 } |
911 } |
912 |
912 |
913 div#theme-selector-inner ul { |
913 div#theme-selector-inner ul { |
914 list-style-type: none; |
914 list-style-type: none; |
915 margin: 0; |
915 margin: 0; |
916 padding: 0; |
916 padding: 0; |
917 } |
917 } |
918 |
918 |
919 div#theme-selector-inner ul li { |
919 div#theme-selector-inner ul li { |
920 float: left; |
920 float: left; |
921 } |
921 } |
922 |
922 |
923 div#theme-selector-inner ul li a { |
923 div#theme-selector-inner ul li a { |
924 display: block; |
924 display: block; |
925 border: 1px solid #d0d0d0; |
925 border: 1px solid #d0d0d0; |
926 padding: 4px; |
926 padding: 4px; |
927 width: 216px; |
927 width: 216px; |
928 line-height: 150px; |
928 line-height: 150px; |
929 text-align: center; |
929 text-align: center; |
930 margin: 2px 5px; |
930 margin: 2px 5px; |
931 text-decoration: none; |
931 text-decoration: none; |
932 background-position: center center; |
932 background-position: center center; |
933 background-repeat: no-repeat; |
933 background-repeat: no-repeat; |
934 background-image: url(../../../images/themepreview.png); |
934 background-image: url(../../../images/themepreview.png); |
935 } |
935 } |
936 |
936 |
937 div#theme-selector-inner ul li a span { |
937 div#theme-selector-inner ul li a span { |
938 color: #456798; |
938 color: #456798; |
939 background-color: #fff; |
939 background-color: #fff; |
940 opacity: 0; |
940 opacity: 0; |
941 filter: alpha(opacity=0); |
941 filter: alpha(opacity=0); |
942 display: block; |
942 display: block; |
943 width: 216px; |
943 width: 216px; |
944 line-height: 150px; |
944 line-height: 150px; |
945 font-size: x-large; |
945 font-size: x-large; |
946 } |
946 } |
947 |
947 |
948 div#theme-selector-inner ul li a:hover span { |
948 div#theme-selector-inner ul li a:hover span { |
949 opacity: 0.6; |
949 opacity: 0.6; |
950 filter: alpha(opacity=60); |
950 filter: alpha(opacity=60); |
951 } |
951 } |
952 |
952 |
953 div#theme-selector-inner .abutton { |
953 div#theme-selector-inner .abutton { |
954 font-size: x-large; |
954 font-size: x-large; |
955 } |
955 } |
956 |
956 |
957 div#theme-selector-inner ul li a span.loading { |
957 div#theme-selector-inner ul li a span.loading { |
958 background-image: url(../../../images/loading-big.gif); |
958 background-image: url(../../../images/loading-big.gif); |
959 background-position: center center; |
959 background-position: center center; |
960 background-repeat: no-repeat; |
960 background-repeat: no-repeat; |
961 } |
961 } |
962 |
962 |
963 div.theme-selector-spinner { |
963 div.theme-selector-spinner { |
964 height: 130px; |
964 height: 130px; |
965 background-image: url(../../../images/loading-big.gif); |
965 background-image: url(../../../images/loading-big.gif); |
966 background-position: center center; |
966 background-position: center center; |
967 background-repeat: no-repeat; |
967 background-repeat: no-repeat; |
968 margin: 0 auto; |
968 margin: 0 auto; |
969 } |
969 } |
970 |
970 |
971 /** |
971 /** |
972 * Sidebar editor |
972 * Sidebar editor |
973 */ |
973 */ |
974 |
974 |
975 div.sbedit-block { |
975 div.sbedit-block { |
976 background-color: #f7f7f7; |
976 background-color: #f7f7f7; |
977 border: 1px solid #c2c2c2; |
977 border: 1px solid #c2c2c2; |
978 padding: 4px; |
978 padding: 4px; |
979 width: 150px; |
979 width: 150px; |
980 margin: 0 7px 5px 0; |
980 margin: 0 7px 5px 0; |
981 } |
981 } |
982 |
982 |
983 div.sbedit-block.disabled { |
983 div.sbedit-block.disabled { |
984 background-color: #ffe2e2; |
984 background-color: #ffe2e2; |
985 border-color: #c7a1a1; |
985 border-color: #c7a1a1; |
986 } |
986 } |
987 |
987 |
988 div.sbedit-handle { |
988 div.sbedit-handle { |
989 background-color: #c7c7c7; |
989 background-color: #c7c7c7; |
990 border: 1px solid #909090; |
990 border: 1px solid #909090; |
991 padding: 2px; |
991 padding: 2px; |
992 margin-bottom: 3px; |
992 margin-bottom: 3px; |
993 cursor: move; |
993 cursor: move; |
994 } |
994 } |
995 |
995 |
996 div.sbedit-block.disabled div.sbedit-handle { |
996 div.sbedit-block.disabled div.sbedit-handle { |
997 background-color: #c77272; |
997 background-color: #c77272; |
998 border-color: #aa6060; |
998 border-color: #aa6060; |
999 } |
999 } |
1000 |
1000 |
1001 div.sbedit-handle input { |
1001 div.sbedit-handle input { |
1002 display: none; |
1002 display: none; |
1003 width: 96%; |
1003 width: 96%; |
1004 } |
1004 } |
1005 |
1005 |
1006 div.sbedit-float { |
1006 div.sbedit-float { |
1007 position: absolute; |
1007 position: absolute; |
1008 top: 20px; |
1008 top: 20px; |
1009 left: 20px; |
1009 left: 20px; |
1010 } |
1010 } |
1011 |
1011 |
1012 td.sbedit-column { |
1012 td.sbedit-column { |
1013 vertical-align: top; |
1013 vertical-align: top; |
1014 /* 150 + 4*2 + 7 + 3 (the 3 being a trial-and-error computation) */ |
1014 /* 150 + 4*2 + 7 + 3 (the 3 being a trial-and-error computation) */ |
1015 width: 168px; |
1015 width: 168px; |
1016 } |
1016 } |
1017 |
1017 |
1018 .ui-sortable-placeholder { |
1018 .ui-sortable-placeholder { |
1019 background-color: #e2e2e2 !important; |
1019 background-color: #e2e2e2 !important; |
1020 border: 1px dashed #b7b7b7 !important; |
1020 border: 1px dashed #b7b7b7 !important; |
1021 visibility: visible !important; |
1021 visibility: visible !important; |
1022 height: 50px !important; |
1022 height: 50px !important; |
1023 } |
1023 } |
1024 |
1024 |
1025 .ui-sortable-helper { |
1025 .ui-sortable-helper { |
1026 opacity: 0.6; |
1026 opacity: 0.6; |
1027 filter: alpha(opacity=60); |
1027 filter: alpha(opacity=60); |
1028 } |
1028 } |
1029 |
1029 |
1030 .emptymessage { |
1030 .emptymessage { |
1031 line-height: 140px; |
1031 line-height: 140px; |
1032 color: #a0a0a0; |
1032 color: #a0a0a0; |
1033 border-bottom-width: 0 !important; |
1033 border-bottom-width: 0 !important; |
1034 text-align: center; |
1034 text-align: center; |
1035 font-size: xx-large; |
1035 font-size: xx-large; |
1036 font-weight: normal; |
1036 font-weight: normal; |
1037 } |
1037 } |
1038 |
1038 |
1039 .log_addfilter { |
1039 .log_addfilter { |
1040 display: none; |
1040 display: none; |
1041 } |
1041 } |