|
443
by dcoles
Added Forum application along with unmodifed version of phpBB3 "Olympus" 3.0.0 |
1 |
/* phpBB 3.0 Admin Style Sheet
|
2 |
------------------------------------------------------------------------
|
|
3 |
Original author: subBlue ( http://www.subblue.com/ )
|
|
4 |
Copyright 2007 phpBB Group ( http://www.phpbb.com/ )
|
|
5 |
------------------------------------------------------------------------
|
|
6 |
*/
|
|
7 |
||
8 |
/* General markup styles
|
|
9 |
---------------------------------------- */
|
|
10 |
* { |
|
11 |
/* Reset browsers default margin, padding and font sizes */
|
|
12 |
margin: 0; |
|
13 |
padding: 0; |
|
14 |
font-size: 100%; |
|
15 |
}
|
|
16 |
||
17 |
body, div, p, th, td, li, dd { |
|
18 |
font-size: x-small; |
|
19 |
voice-family: "\"}\""; |
|
20 |
voice-family: inherit; |
|
21 |
font-size: small |
|
22 |
}
|
|
23 |
||
24 |
html>body, html>div, html>p, html>th, html>td, html>li, html>dd { |
|
25 |
font-size: small |
|
26 |
}
|
|
27 |
||
28 |
html { |
|
29 |
color: #536482; |
|
30 |
background: #DBD7D1; |
|
31 |
/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-ie browsers */
|
|
32 |
height: 100%; |
|
33 |
margin-bottom: 1px; |
|
34 |
}
|
|
35 |
||
36 |
body { |
|
37 |
/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
|
|
38 |
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; |
|
39 |
color: #536482; |
|
40 |
background: #DBD7D1; |
|
41 |
font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */ |
|
42 |
margin: 10px 15px; |
|
43 |
}
|
|
44 |
||
45 |
img { |
|
46 |
border: 0; |
|
47 |
}
|
|
48 |
||
49 |
h1 { |
|
50 |
font-family: "Trebuchet MS", Helvetica, sans-serif; |
|
51 |
font-size: 1.70em; |
|
52 |
font-weight: normal; |
|
53 |
color: #333333; |
|
54 |
}
|
|
55 |
||
56 |
h2, caption { |
|
57 |
font-family: "Trebuchet MS", Helvetica, sans-serif; |
|
58 |
font-size: 1.40em; |
|
59 |
font-weight: normal; |
|
60 |
color: #115098; |
|
61 |
text-align: left; |
|
62 |
margin-top: 25px; |
|
63 |
}
|
|
64 |
||
65 |
.rtl h2, .rtl caption { |
|
66 |
text-align: right; |
|
67 |
}
|
|
68 |
||
69 |
h3, h4 { |
|
70 |
font-family: "Trebuchet MS", Helvetica, sans-serif; |
|
71 |
font-size: 1.20em; |
|
72 |
text-decoration: none; |
|
73 |
line-height: 1.20em; |
|
74 |
margin-top: 25px; |
|
75 |
}
|
|
76 |
||
77 |
p { |
|
78 |
margin-bottom: 0.7em; |
|
79 |
line-height: 1.40em; |
|
80 |
font-size: 0.90em; |
|
81 |
}
|
|
82 |
||
83 |
ul { |
|
84 |
list-style: disc; |
|
85 |
margin: 0 0 1em 2em; |
|
86 |
}
|
|
87 |
||
88 |
.rtl ul { |
|
89 |
margin: 0 2em 1em 0; |
|
90 |
}
|
|
91 |
||
92 |
hr { |
|
93 |
border: 0 none; |
|
94 |
border-top: 1px dashed #999999; |
|
95 |
margin-bottom: 5px; |
|
96 |
padding-bottom: 5px; |
|
97 |
height: 1px; |
|
98 |
}
|
|
99 |
||
100 |
.small { |
|
101 |
font-size: 0.85em; |
|
102 |
}
|
|
103 |
||
104 |
/* General links */
|
|
105 |
a:link, a:visited { |
|
106 |
color: #105289; |
|
107 |
text-decoration: none; |
|
108 |
}
|
|
109 |
||
110 |
a:hover { |
|
111 |
color: #BC2A4D; |
|
112 |
text-decoration: underline; |
|
113 |
}
|
|
114 |
||
115 |
a:active { |
|
116 |
color: #368AD2; |
|
117 |
text-decoration: none; |
|
118 |
}
|
|
119 |
||
120 |
.install-body p a { |
|
121 |
font-weight: bold; |
|
122 |
}
|
|
123 |
||
124 |
/* Main blocks
|
|
125 |
---------------------------------------- */
|
|
126 |
#wrap { |
|
127 |
padding: 0 0 15px 0; |
|
128 |
min-width: 615px; |
|
129 |
}
|
|
130 |
||
131 |
#page-header { |
|
132 |
clear: both; |
|
133 |
text-align: right; |
|
134 |
background: url("../images/phpbb_logo.gif") top left no-repeat; |
|
135 |
height: 49px; |
|
136 |
font-size: 0.85em; |
|
137 |
margin-bottom: 10px; |
|
138 |
}
|
|
139 |
||
140 |
.rtl #page-header { |
|
141 |
text-align: left; |
|
142 |
background: url("../images/phpbb_logo.gif") top right no-repeat; |
|
143 |
}
|
|
144 |
||
145 |
#page-header h1 { |
|
146 |
color: #767676; |
|
147 |
font-family: "Trebuchet MS",Helvetica,sans-serif; |
|
148 |
font-size: 1.70em; |
|
149 |
padding-top: 10px; |
|
150 |
}
|
|
151 |
||
152 |
#page-header p { |
|
153 |
font-size: 1.00em; |
|
154 |
}
|
|
155 |
||
156 |
#page-header p#skip { |
|
157 |
display: none; |
|
158 |
}
|
|
159 |
||
160 |
#page-body { |
|
161 |
clear: both; |
|
162 |
min-width: 700px; |
|
163 |
}
|
|
164 |
||
165 |
#page-footer { |
|
166 |
clear: both; |
|
167 |
font-size: 0.75em; |
|
168 |
text-align: center; |
|
169 |
}
|
|
170 |
||
171 |
#content { |
|
172 |
padding: 30px 10px 10px; |
|
173 |
position: relative; |
|
174 |
}
|
|
175 |
||
176 |
#content h1 { |
|
177 |
color: #115098; |
|
178 |
line-height: 1.2em; |
|
179 |
margin-bottom: 0; |
|
180 |
}
|
|
181 |
||
182 |
#main { |
|
183 |
float: left; |
|
184 |
width: 76%; |
|
185 |
margin: 0 0 0 3%; |
|
186 |
min-height: 350px; |
|
187 |
}
|
|
188 |
||
189 |
.rtl #main { |
|
190 |
float: right; |
|
191 |
margin: 0 3% 0 0; |
|
192 |
}
|
|
193 |
||
194 |
* html #main { |
|
195 |
height: 350px; |
|
196 |
}
|
|
197 |
||
198 |
#page-body.simple-page-body { |
|
199 |
padding: 0; |
|
200 |
padding-right: 10px; |
|
201 |
min-width: 0; |
|
202 |
}
|
|
203 |
||
204 |
/* Tabbed menu
|
|
205 |
Based on: http://www.alistapart.com/articles/slidingdoors2/
|
|
206 |
----------------------------------------*/
|
|
207 |
#tabs { |
|
208 |
line-height: normal; |
|
209 |
margin: 0 0 -6px 7px; |
|
210 |
min-width: 600px; |
|
211 |
}
|
|
212 |
||
213 |
.rtl #tabs { |
|
214 |
margin: 0 7px -6px 0; |
|
215 |
}
|
|
216 |
||
217 |
#tabs ul { |
|
218 |
margin:0; |
|
219 |
padding: 0; |
|
220 |
list-style: none; |
|
221 |
}
|
|
222 |
||
223 |
#tabs li { |
|
224 |
display: inline; |
|
225 |
margin: 0; |
|
226 |
padding: 0; |
|
227 |
font-size: 0.85em; |
|
228 |
font-weight: bold; |
|
229 |
}
|
|
230 |
||
231 |
#tabs a { |
|
232 |
float: left; |
|
233 |
background:url("../images/bg_tabs1.gif") no-repeat 0% -34px; |
|
234 |
margin: 0 1px 0 0; |
|
235 |
padding: 0 0 0 7px; |
|
236 |
text-decoration: none; |
|
237 |
position: relative; |
|
238 |
}
|
|
239 |
||
240 |
.rtl #tabs a { |
|
241 |
float: right; |
|
242 |
}
|
|
243 |
||
244 |
#tabs a span { |
|
245 |
float: left; |
|
246 |
display: block; |
|
247 |
background: url("../images/bg_tabs2.gif") no-repeat 100% -34px; |
|
248 |
padding: 7px 10px 4px 4px; |
|
249 |
color: #767676; |
|
250 |
white-space: nowrap; |
|
251 |
font-family: Arial, Helvetica, sans-serif; |
|
252 |
text-transform: uppercase; |
|
253 |
font-weight: bold; |
|
254 |
}
|
|
255 |
||
256 |
.rtl #tabs a span { |
|
257 |
float: right; |
|
258 |
}
|
|
259 |
||
260 |
/* Commented Backslash Hack hides rule from IE5-Mac \*/
|
|
261 |
#tabs a span, .rtl #tabs a span { float:none;} |
|
262 |
/* End hack */
|
|
263 |
||
264 |
#tabs a:hover span { |
|
265 |
color: #BC2A4D; |
|
266 |
}
|
|
267 |
||
268 |
#tabs #activetab a { |
|
269 |
background-position: 0 0; |
|
270 |
border-bottom: 1px solid #DCDEE2; |
|
271 |
}
|
|
272 |
||
273 |
#tabs #activetab a span { |
|
274 |
background-position: 100% 0; |
|
275 |
padding-bottom: 5px; |
|
276 |
color: #23649F; |
|
277 |
}
|
|
278 |
||
279 |
#tabs a:hover { |
|
280 |
background-position: 0 -69px; |
|
281 |
}
|
|
282 |
||
283 |
#tabs a:hover span { |
|
284 |
background-position: 100% -69px; |
|
285 |
}
|
|
286 |
||
287 |
#tabs #activetab a:hover span { |
|
288 |
color: #115098; |
|
289 |
}
|
|
290 |
||
291 |
||
292 |
/* Main Panel
|
|
293 |
---------------------------------------- */
|
|
294 |
#acp { |
|
295 |
margin: 4px 0; |
|
296 |
padding: 3px 1px; |
|
297 |
min-width: 550px; |
|
298 |
background-color: #FFFFFF; |
|
299 |
border: 1px #999999 solid; |
|
300 |
}
|
|
301 |
||
302 |
.panel { |
|
303 |
background: #F3F3F3 url("../images/innerbox_bg.gif") repeat-x top; |
|
304 |
padding: 0; |
|
305 |
}
|
|
306 |
||
307 |
span.corners-top, span.corners-bottom, |
|
308 |
span.corners-top span, span.corners-bottom span { |
|
309 |
font-size: 1px; |
|
310 |
line-height: 1px; |
|
311 |
display: block; |
|
312 |
height: 5px; |
|
313 |
background-repeat: no-repeat; |
|
314 |
}
|
|
315 |
||
316 |
span.corners-top { |
|
317 |
background-image: url("../images/corners_left.gif"); |
|
318 |
background-position: 0 0; |
|
319 |
margin: -4px -2px 0; |
|
320 |
}
|
|
321 |
||
322 |
span.corners-top span { |
|
323 |
background-image: url("../images/corners_right.gif"); |
|
324 |
background-position: 100% 0; |
|
325 |
}
|
|
326 |
||
327 |
span.corners-bottom { |
|
328 |
background-image: url("../images/corners_left.gif"); |
|
329 |
background-position: 0 100%; |
|
330 |
margin: 0 -2px -4px; |
|
331 |
clear: both; |
|
332 |
}
|
|
333 |
||
334 |
span.corners-bottom span { |
|
335 |
background-image: url("../images/corners_right.gif"); |
|
336 |
background-position: 100% 100%; |
|
337 |
}
|
|
338 |
||
339 |
/* WinIE tweaks \*/
|
|
340 |
* html span.corners-top, * html span.corners-bottom { background-image: url("../images/corners_left.gif"); } |
|
341 |
* html span.corners-top span, * html span.corners-bottom span { background-image: url("../images/corners_right.gif"); } |
|
342 |
/* End tweaks */
|
|
343 |
||
344 |
/* Sub-navigation Menu
|
|
345 |
---------------------------------------- */
|
|
346 |
||
347 |
/* Toggle */
|
|
348 |
#toggle { |
|
349 |
padding: 5px; |
|
350 |
width: 5%; |
|
351 |
height: 100px; |
|
352 |
position: absolute; |
|
353 |
left: 15%; |
|
354 |
top: 28px; |
|
355 |
margin-left: 2px; |
|
356 |
}
|
|
357 |
||
358 |
.rtl #toggle { |
|
359 |
left: 75%; |
|
360 |
margin-right: 0; |
|
361 |
margin-left: 6px; |
|
362 |
}
|
|
363 |
||
364 |
#toggle-handle { |
|
365 |
display: block; |
|
366 |
width: 18px; |
|
367 |
height: 19px; |
|
368 |
float: right; |
|
369 |
background-image: url(../images/toggle.gif); |
|
370 |
}
|
|
371 |
||
372 |
.rtl #toggle-handle { |
|
373 |
background-image: url(../images/toggle.gif); |
|
374 |
background-position: 100% 50%; |
|
375 |
}
|
|
376 |
||
377 |
/* Menu */
|
|
378 |
#menu { |
|
379 |
float: left; |
|
380 |
width: 20%; |
|
381 |
font-size: 1.00em; |
|
382 |
padding: 0; |
|
383 |
border-right: 1px solid #CCCFD3; |
|
384 |
}
|
|
385 |
||
386 |
.rtl #menu { |
|
387 |
float: right; |
|
388 |
border: none; |
|
389 |
border-left: 1px solid #CCCFD3; |
|
390 |
}
|
|
391 |
||
392 |
#menu p { |
|
393 |
font-size: 0.85em; |
|
394 |
}
|
|
395 |
||
396 |
#menu ul { |
|
397 |
list-style: none; |
|
398 |
margin: 0; |
|
399 |
padding: 0; |
|
400 |
}
|
|
401 |
||
402 |
/* Default list state */
|
|
403 |
#menu li { |
|
404 |
padding: 0; |
|
405 |
margin: 0; |
|
406 |
font-size: 0.85em; |
|
407 |
font-weight: bold; |
|
408 |
display: inline; |
|
409 |
}
|
|
410 |
||
411 |
/* Link styles for the sub-section links */
|
|
412 |
#menu li span { |
|
413 |
display: block; |
|
414 |
padding: 3px 3px 3px 8px; |
|
415 |
margin: 1px 0; |
|
416 |
text-decoration: none; |
|
417 |
font-weight: normal; |
|
418 |
color: #138ECB; |
|
419 |
}
|
|
420 |
||
421 |
.rtl #menu li span { |
|
422 |
padding: 3px 8px 3px 3px; |
|
423 |
}
|
|
424 |
||
425 |
#menu li a:hover, #menu li a:hover span { |
|
426 |
text-decoration: none; |
|
427 |
background-color: #FFFFFF; |
|
428 |
color: #BC2A4D; |
|
429 |
}
|
|
430 |
||
431 |
#menu li a:active, #menu li a:active span { |
|
432 |
color: #F632A0; |
|
433 |
}
|
|
434 |
||
435 |
#menu li#activemenu a span { |
|
436 |
text-decoration: none; |
|
437 |
font-weight: bold; |
|
438 |
color: #1180B7; |
|
439 |
background: transparent url("../images/arrow_right.gif") 0% 50% no-repeat; |
|
440 |
}
|
|
441 |
||
442 |
.rtl #menu li#activemenu a span { |
|
443 |
background: transparent url("../images/arrow_left.gif") 100% 50% no-repeat; |
|
444 |
}
|
|
445 |
||
446 |
#menu li#activemenu a:hover span, #menu li#activemenu span { |
|
447 |
text-decoration: none; |
|
448 |
font-weight: bold; |
|
449 |
color: #BC2A4D; |
|
450 |
background: #FFFFFF url("../images/arrow_right.gif") 1% 50% no-repeat; |
|
451 |
}
|
|
452 |
||
453 |
.rtl #menu li#activemenu a:hover span, .rtl #menu li#activemenu span { |
|
454 |
background: #FFFFFF url("../images/arrow_left.gif") 99% 50% no-repeat; |
|
455 |
}
|
|
456 |
||
457 |
#menu li a:active, #menu li a:active span, #menu li#activemenu a:active span { |
|
458 |
color: #F632A0; |
|
459 |
}
|
|
460 |
||
461 |
#menu li span.completed { |
|
462 |
text-decoration: none; |
|
463 |
padding: 3px 3px 3px 12px; |
|
464 |
background: url("../images/arrow_down.gif") 1% 50% no-repeat; |
|
465 |
}
|
|
466 |
||
467 |
.rtl #menu li span.completed { |
|
468 |
text-decoration: none; |
|
469 |
padding: 3px 12px 3px 3px; |
|
470 |
background: url("../images/arrow_down.gif") 99% 50% no-repeat; |
|
471 |
}
|
|
472 |
||
473 |
#menu li.header { |
|
474 |
font-family: Tahoma, Helvetica, sans-serif; |
|
475 |
display: block; |
|
476 |
font-weight: bold; |
|
477 |
color: #115098; |
|
478 |
border-bottom: 1px solid #327AA5; |
|
479 |
padding: 4px 0 2px; |
|
480 |
margin-top: 15px; |
|
481 |
text-transform: uppercase; |
|
482 |
font-size: 0.75em; |
|
483 |
}
|
|
484 |
||
485 |
/* Table styles
|
|
486 |
---------------------------------------- */
|
|
487 |
||
488 |
table { |
|
489 |
width: 100%; |
|
490 |
border: 1px solid #CCCFD3; |
|
491 |
background-color: #FFFFFF; |
|
492 |
padding: 1px; |
|
493 |
}
|
|
494 |
||
495 |
th { |
|
496 |
padding: 3px 4px; |
|
497 |
color: #FFFFFF; |
|
498 |
background: #70AED3 url("../images/gradient2b.gif") bottom left repeat-x; |
|
499 |
border-top: 1px solid #6DACD2; |
|
500 |
border-bottom: 1px solid #327AA5; |
|
501 |
text-align: left; |
|
502 |
font-size: 0.75em; |
|
503 |
text-transform: uppercase; |
|
504 |
}
|
|
505 |
||
506 |
td { |
|
507 |
text-align: left; |
|
508 |
font-size: 0.85em; |
|
509 |
padding: 4px; |
|
510 |
line-height: 1.20em; |
|
511 |
}
|
|
512 |
||
513 |
.rtl th, .rtl td { |
|
514 |
text-align: right; |
|
515 |
}
|
|
516 |
||
517 |
table.type2 { |
|
518 |
border: none; |
|
519 |
background: none; |
|
520 |
padding: 0; |
|
521 |
}
|
|
522 |
||
523 |
table.type2 th { |
|
524 |
background: none; |
|
525 |
border-top: none; |
|
526 |
text-align: center; |
|
527 |
color: #115098; |
|
528 |
padding: 2px 0; |
|
529 |
}
|
|
530 |
||
531 |
table.type2 td { |
|
532 |
padding: 0; |
|
533 |
font-size: 1em; |
|
534 |
}
|
|
535 |
||
536 |
table.type2 td.name { |
|
537 |
padding: 2px; |
|
538 |
vertical-align: middle; |
|
539 |
}
|
|
540 |
||
541 |
table.type3 { |
|
542 |
float: right; |
|
543 |
width: 300px; |
|
544 |
border: none; |
|
545 |
background-color: transparent; |
|
546 |
padding: 0; |
|
547 |
}
|
|
548 |
||
549 |
.rtl table.type3 { |
|
550 |
float: left; |
|
551 |
}
|
|
552 |
||
553 |
table.type3 thead th { |
|
554 |
background-color: transparent; |
|
555 |
border-top: none; |
|
556 |
text-align: center; |
|
557 |
color: #115098; |
|
558 |
padding: 0 3px; |
|
559 |
font-size: 0.85em; |
|
560 |
font-weight: normal; |
|
561 |
text-transform: none; |
|
562 |
}
|
|
563 |
||
564 |
table.type3 tbody th { |
|
565 |
border-top: none; |
|
566 |
text-align: left; |
|
567 |
text-transform: none; |
|
568 |
padding: 0; |
|
569 |
border: none; |
|
570 |
font-size: 0.90em; |
|
571 |
font-weight: normal; |
|
572 |
width: 100%; |
|
573 |
}
|
|
574 |
||
575 |
.rtl table.type3 tbody th { |
|
576 |
text-align: right; |
|
577 |
}
|
|
578 |
||
579 |
table.type3 td { |
|
580 |
text-align: center; |
|
581 |
padding: 1px; |
|
582 |
}
|
|
583 |
||
584 |
th.name { |
|
585 |
text-align: left; |
|
586 |
width: auto; |
|
587 |
}
|
|
588 |
||
589 |
.rtl th.name { |
|
590 |
text-align: right; |
|
591 |
}
|
|
592 |
||
593 |
td.name { |
|
594 |
text-align: left; |
|
595 |
font-weight: bold; |
|
596 |
}
|
|
597 |
||
598 |
.rtl td.name { |
|
599 |
text-align: right; |
|
600 |
}
|
|
601 |
||
602 |
.entry { |
|
603 |
text-align: left; |
|
604 |
font-weight: normal; |
|
605 |
}
|
|
606 |
||
607 |
.rtl .entry { |
|
608 |
text-align: right; |
|
609 |
}
|
|
610 |
||
611 |
.row1 { background-color: #F9F9F9; } |
|
612 |
.row2 { background-color: #DCEBFE; } |
|
613 |
.row3 { background-color: #DBDFE2; } |
|
614 |
.row4 { background-color: #E4E8EB; } |
|
615 |
.col1 { background-color: #DCEBFE; } |
|
616 |
.col2 { background-color: #F9F9F9; } |
|
617 |
||
618 |
.spacer { |
|
619 |
background-color: #DBDFE2; |
|
620 |
height: 1px; |
|
621 |
line-height: 1px; |
|
622 |
}
|
|
623 |
||
624 |
/* General form styles
|
|
625 |
----------------------------------------*/
|
|
626 |
fieldset { |
|
627 |
margin: 15px 0; |
|
628 |
padding: 10px; |
|
629 |
border-top: 1px solid #D7D7D7; |
|
630 |
border-right: 1px solid #CCCCCC; |
|
631 |
border-bottom: 1px solid #CCCCCC; |
|
632 |
border-left: 1px solid #D7D7D7; |
|
633 |
background-color: #FFFFFF; |
|
634 |
position: relative; |
|
635 |
}
|
|
636 |
||
637 |
.rtl fieldset { |
|
638 |
border-top: 1px solid #D7D7D7; |
|
639 |
border-right: 1px solid #D7D7D7; |
|
640 |
border-bottom: 1px solid #CCCCCC; |
|
641 |
border-left: 1px solid #CCCCCC; |
|
642 |
}
|
|
643 |
||
644 |
* html fieldset { |
|
645 |
padding: 0 10px 5px 10px; |
|
646 |
}
|
|
647 |
||
648 |
fieldset p { |
|
649 |
font-size: 0.85em; |
|
650 |
}
|
|
651 |
||
652 |
legend { |
|
653 |
padding: 1px 0; |
|
654 |
font-family: Tahoma,arial,Verdana,Sans-serif; |
|
655 |
font-size: .9em; |
|
656 |
font-weight: bold; |
|
657 |
color: #115098; |
|
658 |
margin-top: -.4em; |
|
659 |
position: relative; |
|
660 |
text-transform: none; |
|
661 |
line-height: 1.2em; |
|
662 |
top: 0; |
|
663 |
vertical-align: middle; |
|
664 |
}
|
|
665 |
||
666 |
/* Hide from macIE \*/
|
|
667 |
legend { top: -1.2em; } |
|
668 |
/* end */
|
|
669 |
||
670 |
* html legend { |
|
671 |
margin: 0 0 -10px -7px; |
|
672 |
line-height: 1em; |
|
673 |
font-size: .85em; |
|
674 |
}
|
|
675 |
||
676 |
/* Holly hack, .rtl comes after html */
|
|
677 |
* html .rtl legend { |
|
678 |
margin: 0; |
|
679 |
margin-right: -7px; |
|
680 |
}
|
|
681 |
||
682 |
input, textarea { |
|
683 |
font-family: Verdana, Helvetica, Arial, sans-serif; |
|
684 |
font-size: 0.90em; |
|
685 |
font-weight: normal; |
|
686 |
cursor: text; |
|
687 |
vertical-align: middle; |
|
688 |
padding: 2px; |
|
689 |
color: #111111; |
|
690 |
border-left: 1px solid #AFAEAA; |
|
691 |
border-top: 1px solid #AFAEAA; |
|
692 |
border-right: 1px solid #D5D5C8; |
|
693 |
border-bottom: 1px solid #D5D5C8; |
|
694 |
background-color: #E3DFD8; |
|
695 |
}
|
|
696 |
||
697 |
.rtl input, .rtl textarea { |
|
698 |
border-left: 1px solid #D5D5C8; |
|
699 |
border-top: 1px solid #AFAEAA; |
|
700 |
border-right: 1px solid #AFAEAA; |
|
701 |
border-bottom: 1px solid #D5D5C8; |
|
702 |
}
|
|
703 |
||
704 |
input:hover, textarea:hover { |
|
705 |
border-left: 1px solid #AFAEAA; |
|
706 |
border-top: 1px solid #AFAEAA; |
|
707 |
border-right: 1px solid #AFAEAA; |
|
708 |
border-bottom: 1px solid #AFAEAA; |
|
709 |
background-color: #E9E9E2; |
|
710 |
}
|
|
711 |
||
712 |
input.langvalue, textarea.langvalue { |
|
713 |
width: 90%; |
|
714 |
}
|
|
715 |
||
716 |
optgroup, select { |
|
717 |
font-family: Verdana, Helvetica, Arial, sans-serif; |
|
718 |
font-size: 0.85em; |
|
719 |
font-weight: normal; |
|
720 |
font-style: normal; |
|
721 |
cursor: pointer; |
|
722 |
vertical-align: middle; |
|
723 |
width: auto; |
|
724 |
color: #000; |
|
725 |
}
|
|
726 |
||
727 |
optgroup { |
|
728 |
font-size: 1.00em; |
|
729 |
font-weight: bold; |
|
730 |
}
|
|
731 |
||
732 |
optgroup.disabled-options { |
|
733 |
display: none; |
|
734 |
background-color: gray; |
|
735 |
}
|
|
736 |
||
737 |
option { |
|
738 |
padding: 0 1em 0 0; |
|
739 |
color: #000; |
|
740 |
}
|
|
741 |
||
742 |
option.disabled-option { |
|
743 |
color: graytext; |
|
744 |
}
|
|
745 |
||
746 |
.rtl option { |
|
747 |
padding: 0 0 0 1em; |
|
748 |
}
|
|
749 |
||
750 |
.sep { |
|
751 |
font-weight: bold; |
|
752 |
}
|
|
753 |
||
754 |
.username-coloured { |
|
755 |
font-weight: bold; |
|
756 |
}
|
|
757 |
||
758 |
textarea { |
|
759 |
font-family: Verdana, Helvetica, Arial, sans-serif; |
|
760 |
font-size: 0.85em; |
|
761 |
width: 60%; |
|
762 |
padding: 2px; |
|
763 |
}
|
|
764 |
||
765 |
label { |
|
766 |
cursor: pointer; |
|
767 |
font-size: 0.85em; |
|
768 |
padding: 0 5px 0 0; |
|
769 |
}
|
|
770 |
||
771 |
.rtl label { |
|
772 |
padding: 0 0 0 5px; |
|
773 |
}
|
|
774 |
||
775 |
label input { |
|
776 |
font-size: 1.00em; |
|
777 |
vertical-align: middle; |
|
778 |
}
|
|
779 |
||
780 |
label img { |
|
781 |
vertical-align: middle; |
|
782 |
}
|
|
783 |
||
784 |
fieldset.quick, p.quick { |
|
785 |
margin: 0 0 5px; |
|
786 |
padding: 5px 0 0; |
|
787 |
border: none; |
|
788 |
background-color: transparent; |
|
789 |
text-align: right; |
|
790 |
}
|
|
791 |
||
792 |
.rtl fieldset.quick, .rtl p.quick { |
|
793 |
text-align: left; |
|
794 |
}
|
|
795 |
||
796 |
fieldset.quick legend { |
|
797 |
display: none; |
|
798 |
}
|
|
799 |
||
800 |
fieldset.tabulated { |
|
801 |
background: none; |
|
802 |
margin: 0; |
|
803 |
padding: 0; |
|
804 |
padding-top: 5px; |
|
805 |
border: 0; |
|
806 |
}
|
|
807 |
||
808 |
fieldset.tabulated legend { |
|
809 |
display: none; |
|
810 |
}
|
|
811 |
||
812 |
fieldset.nobg { |
|
813 |
margin: 15px 0 0 0; |
|
814 |
padding: 0; |
|
815 |
border: none; |
|
816 |
background-color: transparent; |
|
817 |
}
|
|
818 |
||
819 |
fieldset.display-options { |
|
820 |
margin: 15px 0 2px 0; |
|
821 |
padding: 0 0 4px 0; |
|
822 |
border: none; |
|
823 |
background-color: transparent; |
|
824 |
text-align: center; |
|
825 |
font-size: 0.75em; |
|
826 |
}
|
|
827 |
||
828 |
fieldset.display-options select, fieldset.display-options input, fieldset.display-options label { |
|
829 |
font-size: 1.00em; |
|
830 |
vertical-align: middle; |
|
831 |
}
|
|
832 |
||
833 |
select option.disabled { |
|
834 |
background-color: #bbb; |
|
835 |
color: #fff; |
|
836 |
}
|
|
837 |
||
838 |
/* Special case inputs */
|
|
839 |
select#board_timezone, |
|
840 |
select#full_folder_action { |
|
841 |
width: 95%; |
|
842 |
}
|
|
843 |
||
844 |
/* Definition list layout for forms
|
|
845 |
Other general def. list properties defined in prosilver_main.css
|
|
846 |
---------------------------------------- */
|
|
847 |
dl { |
|
848 |
font-family: Verdana, Helvetica, Arial, sans-serif; |
|
849 |
font-size: 1.00em; |
|
850 |
}
|
|
851 |
||
852 |
dt { |
|
853 |
float: left; |
|
854 |
width: auto; |
|
855 |
}
|
|
856 |
||
857 |
.rtl dt { |
|
858 |
float: right; |
|
859 |
}
|
|
860 |
||
861 |
dd { color: #666666;} |
|
862 |
dd + dd { padding-top: 5px;} |
|
863 |
dt span { padding: 0 5px 0 0;} |
|
864 |
.rtl dt span { padding: 0 0 0 5px;} |
|
865 |
||
866 |
dt .explain { font-style: italic;} |
|
867 |
||
868 |
dt label { |
|
869 |
font-size: 1.00em; |
|
870 |
text-align: left; |
|
871 |
font-weight: bold; |
|
872 |
color: #4A5A73; |
|
873 |
}
|
|
874 |
||
875 |
.rtl dt label { |
|
876 |
text-align: right; |
|
877 |
}
|
|
878 |
||
879 |
dd label { |
|
880 |
font-size: 1.00em; |
|
881 |
white-space: nowrap; |
|
882 |
margin: 0 10px 0 0; |
|
883 |
color: #4A5A73; |
|
884 |
}
|
|
885 |
||
886 |
.rtl dd label { |
|
887 |
margin: 0 0 0 10px; |
|
888 |
}
|
|
889 |
||
890 |
html>body dd label input { vertical-align: text-bottom;} /* Tweak for Moz to align checkboxes/radio buttons nicely */ |
|
891 |
||
892 |
dd input { |
|
893 |
font-size: 1.00em; |
|
894 |
max-width: 100%; |
|
895 |
}
|
|
896 |
||
897 |
dd select { |
|
898 |
font-size: 100%; |
|
899 |
width: auto; |
|
900 |
max-width: 100%; |
|
901 |
}
|
|
902 |
||
903 |
dd textarea { |
|
904 |
font-size: 0.90em; |
|
905 |
width: 90%; |
|
906 |
}
|
|
907 |
||
908 |
dd select { |
|
909 |
width: auto; |
|
910 |
font-size: 1.00em; |
|
911 |
}
|
|
912 |
||
913 |
fieldset dl { |
|
914 |
margin-bottom: 10px; |
|
915 |
font-size: 0.85em; |
|
916 |
}
|
|
917 |
||
918 |
fieldset dt { |
|
919 |
width: 45%; |
|
920 |
text-align: left; |
|
921 |
border: none; |
|
922 |
border-right: 1px solid #CCCCCC; |
|
923 |
padding-top: 3px; |
|
924 |
}
|
|
925 |
||
926 |
.rtl fieldset dt { |
|
927 |
text-align: right; |
|
928 |
border: none; |
|
929 |
border-left: 1px solid #CCCCCC; |
|
930 |
}
|
|
931 |
||
932 |
fieldset dd { |
|
933 |
margin: 0 0 0 45%; |
|
934 |
padding: 0 0 0 5px; |
|
935 |
border: none; |
|
936 |
border-left: 1px solid #CCCCCC; |
|
937 |
vertical-align: top; |
|
938 |
font-size: 1.00em; |
|
939 |
}
|
|
940 |
||
941 |
.rtl fieldset dd { |
|
942 |
margin: 0 45% 0 0; |
|
943 |
padding: 0 5px 0 0; |
|
944 |
border: none; |
|
945 |
border-right: 1px solid #CCCCCC; |
|
946 |
}
|
|
947 |
||
948 |
dd.full, .rtl dd.full { |
|
949 |
margin: 0; |
|
950 |
border: 0; |
|
951 |
padding: 0; |
|
952 |
padding-top: 3px; |
|
953 |
text-align: center; |
|
954 |
width: 95%; |
|
955 |
}
|
|
956 |
||
957 |
/* Hover highlights for form rows */
|
|
958 |
fieldset dl:hover dt, fieldset dl:hover dd { |
|
959 |
border-color: #666666; |
|
960 |
}
|
|
961 |
||
962 |
fieldset dl:hover dt label { |
|
963 |
color: #000000; |
|
964 |
}
|
|
965 |
||
966 |
fieldset dl dd label:hover { |
|
967 |
color: #BC2A4D; |
|
968 |
}
|
|
969 |
||
970 |
input:focus, textarea:focus { |
|
971 |
border: 1px solid #BC2A4D; |
|
972 |
background-color: #E9E9E2; |
|
973 |
color: #BC2A4D; |
|
974 |
}
|
|
975 |
||
976 |
/* Submit button fieldset or paragraph
|
|
977 |
---------------------------------------- */
|
|
978 |
fieldset.submit-buttons { |
|
979 |
text-align: center; |
|
980 |
border: none; |
|
981 |
background-color: transparent; |
|
982 |
margin: 0; |
|
983 |
padding: 4px; |
|
984 |
margin-top: -1px; |
|
985 |
}
|
|
986 |
||
987 |
p.submit-buttons { |
|
988 |
text-align: center; |
|
989 |
margin: 0; |
|
990 |
padding: 4px; |
|
991 |
margin-top: 10px; |
|
992 |
}
|
|
993 |
||
994 |
fieldset.submit-buttons input, p.submit-buttons input { |
|
995 |
padding: 3px 2px; |
|
996 |
}
|
|
997 |
||
998 |
fieldset.submit-buttons legend { |
|
999 |
display: none; |
|
1000 |
}
|
|
1001 |
||
1002 |
/* Input field styles
|
|
1003 |
---------------------------------------- */
|
|
1004 |
||
1005 |
input.radio, input.permissions-checkbox { |
|
1006 |
width: auto !important; |
|
1007 |
background-color: transparent; |
|
1008 |
border: none; |
|
1009 |
cursor: default; |
|
1010 |
}
|
|
1011 |
||
1012 |
input.full, |
|
1013 |
textarea.full { |
|
1014 |
width: 99%; |
|
1015 |
}
|
|
1016 |
||
1017 |
* html input.full, * html textarea.full { width: 95%;} |
|
1018 |
input.medium { width: 50%;} |
|
1019 |
input.narrow { width: 25%;} |
|
1020 |
input.tiny { width: 10%;} |
|
1021 |
input.autowidth { width: auto !important;} |
|
1022 |
.box2 .inputbox { background-color: #E9E9E9;} |
|
1023 |
||
1024 |
/* Form button styles
|
|
1025 |
---------------------------------------- */
|
|
1026 |
a.button1, input.button1, input.button3, |
|
1027 |
a.button2, input.button2 { |
|
1028 |
width: auto !important; |
|
1029 |
padding: 1px 3px 0 3px; |
|
1030 |
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; |
|
1031 |
color: #000; |
|
1032 |
font-size: 0.85em; |
|
1033 |
background: #EFEFEF url("../images/bg_button.gif") repeat-x top; |
|
1034 |
cursor: pointer; |
|
1035 |
}
|
|
1036 |
||
1037 |
a.button1, input.button1 { |
|
1038 |
font-weight: bold; |
|
1039 |
border: 1px solid #666666; |
|
1040 |
}
|
|
1041 |
||
1042 |
/* Alternative button */
|
|
1043 |
a.button2, input.button2 { |
|
1044 |
border: 1px solid #666666; |
|
1045 |
}
|
|
1046 |
||
1047 |
/* <a> button in the style of the form buttons */
|
|
1048 |
a.button1, a.button1:link, a.button1:visited, a.button1:active, |
|
1049 |
a.button2, a.button2:link, a.button2:visited, a.button2:active { |
|
1050 |
text-decoration: none; |
|
1051 |
color: #000000; |
|
1052 |
padding: 4px 8px; |
|
1053 |
}
|
|
1054 |
||
1055 |
/* Hover states */
|
|
1056 |
a.button1:hover, input.button1:hover, |
|
1057 |
a.button2:hover, input.button2:hover { |
|
1058 |
border: 1px solid #BC2A4D; |
|
1059 |
background: #EFEFEF url("../images/bg_button.gif") repeat bottom; |
|
1060 |
color: #BC2A4D; |
|
1061 |
}
|
|
1062 |
||
1063 |
input.disabled { |
|
1064 |
font-weight: normal; |
|
1065 |
color: #666666; |
|
1066 |
}
|
|
1067 |
||
1068 |
/* Pagination
|
|
1069 |
---------------------------------------- */
|
|
1070 |
.pagination { |
|
1071 |
height: 1%; /* IE tweak (holly hack) */ |
|
1072 |
width: auto; |
|
1073 |
text-align: right; |
|
1074 |
margin-top: 5px; |
|
1075 |
font-size: 0.85em; |
|
1076 |
padding-bottom: 2px; |
|
1077 |
}
|
|
1078 |
||
1079 |
.rtl .pagination { |
|
1080 |
text-align: left; |
|
1081 |
}
|
|
1082 |
||
1083 |
.pagination strong, |
|
1084 |
.pagination b { |
|
1085 |
font-weight: normal; |
|
1086 |
}
|
|
1087 |
||
1088 |
.pagination span.page-sep { |
|
1089 |
display:none; |
|
1090 |
}
|
|
1091 |
||
1092 |
.pagination span strong { |
|
1093 |
padding: 0 2px; |
|
1094 |
margin: 0 2px; |
|
1095 |
font-weight: normal; |
|
1096 |
font-size: 0.85em; |
|
1097 |
color: #FFFFFF; |
|
1098 |
background: #4692BF; |
|
1099 |
border: 1px solid #4692BF; |
|
1100 |
}
|
|
1101 |
||
1102 |
.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active { |
|
1103 |
font-weight: normal; |
|
1104 |
font-size: 0.85em; |
|
1105 |
text-decoration: none; |
|
1106 |
color: #5C758C; |
|
1107 |
margin: 0 2px; |
|
1108 |
padding: 0 2px; |
|
1109 |
background: #ECEDEE; |
|
1110 |
border: 1px solid #B4BAC0; |
|
1111 |
}
|
|
1112 |
||
1113 |
.pagination span a:hover { |
|
1114 |
border-color: #368AD2; |
|
1115 |
background: #368AD2; |
|
1116 |
color: #FFFFFF; |
|
1117 |
text-decoration: none; |
|
1118 |
}
|
|
1119 |
||
1120 |
.pagination img { |
|
1121 |
vertical-align: middle; |
|
1122 |
}
|
|
1123 |
||
1124 |
||
1125 |
/* Action Highlighting
|
|
1126 |
---------------------------------------- */
|
|
1127 |
.successbox, .errorbox { |
|
1128 |
padding: 8px; |
|
1129 |
margin: 10px 0; |
|
1130 |
color: #FFFFFF; |
|
1131 |
text-align: center; |
|
1132 |
}
|
|
1133 |
||
1134 |
.success { |
|
1135 |
color: #228822; |
|
1136 |
}
|
|
1137 |
||
1138 |
.error { |
|
1139 |
color: #BC2A4D; |
|
1140 |
}
|
|
1141 |
||
1142 |
.successbox { |
|
1143 |
background-color: #228822; |
|
1144 |
}
|
|
1145 |
||
1146 |
.errorbox { |
|
1147 |
background-color: #BC2A4D; |
|
1148 |
}
|
|
1149 |
||
1150 |
* html .errorbox, * html .successbox { height: 1%; } /* Pixel shift fix for IE */ |
|
1151 |
||
1152 |
.successbox h3, .errorbox h3 { |
|
1153 |
color: #FFFFFF; |
|
1154 |
margin: 0 0 0.5em; |
|
1155 |
font-size: 1.10em; |
|
1156 |
font-family: "Lucida Grande",Verdana,Helvetica,Arial,sans-serif; |
|
1157 |
}
|
|
1158 |
||
1159 |
.successbox p, .errorbox p { |
|
1160 |
color: #FFFFFF; |
|
1161 |
font-size: 0.85em; |
|
1162 |
margin-bottom: 0; |
|
1163 |
}
|
|
1164 |
||
1165 |
.errorbox a:link, .errorbox a:active, .errorbox a:visited, |
|
1166 |
.successbox a:link, .successbox a:active, .successbox a:visited { |
|
1167 |
color: #DBD7D1; |
|
1168 |
text-decoration: underline; |
|
1169 |
font-weight: bold; |
|
1170 |
}
|
|
1171 |
||
1172 |
.errorbox a:hover, .successbox a:hover { |
|
1173 |
color: #FFFFFF; |
|
1174 |
text-decoration: none; |
|
1175 |
font-weight: bold; |
|
1176 |
}
|
|
1177 |
||
1178 |
/* Special cases for the error page */
|
|
1179 |
#errorpage #page-header a { |
|
1180 |
font-weight: bold; |
|
1181 |
line-height: 6em; |
|
1182 |
}
|
|
1183 |
||
1184 |
#errorpage #content { |
|
1185 |
padding-top: 10px; |
|
1186 |
}
|
|
1187 |
||
1188 |
#errorpage #content h1 { |
|
1189 |
color: #DF075C; |
|
1190 |
}
|
|
1191 |
||
1192 |
#errorpage #content h2 { |
|
1193 |
margin-top: 20px; |
|
1194 |
margin-bottom: 5px; |
|
1195 |
border-bottom: 1px solid #CCCCCC; |
|
1196 |
padding-bottom: 5px; |
|
1197 |
color: #333333; |
|
1198 |
}
|
|
1199 |
||
1200 |
/* Tooltip for permission roles */
|
|
1201 |
.tooltip { |
|
1202 |
width: 200px; |
|
1203 |
color: #000; |
|
1204 |
text-align: center; |
|
1205 |
border: 1px solid #AAA; |
|
1206 |
}
|
|
1207 |
||
1208 |
.tooltip span.top { |
|
1209 |
background: #EFEFEF; |
|
1210 |
font-weight: bold; |
|
1211 |
padding: 2px; |
|
1212 |
}
|
|
1213 |
||
1214 |
.tooltip span.bottom { |
|
1215 |
padding: 5px; |
|
1216 |
color: #000000; |
|
1217 |
background: #FFFFFF; |
|
1218 |
}
|
|
1219 |
||
1220 |
/*
|
|
1221 |
Format Buttons for signature editor
|
|
1222 |
*/
|
|
1223 |
#format-buttons { |
|
1224 |
margin: 15px 0 2px 0; |
|
1225 |
}
|
|
1226 |
||
1227 |
#format-buttons input, #format-buttons select { |
|
1228 |
vertical-align: middle; |
|
1229 |
}
|
|
1230 |
||
1231 |
/* Nice method for clearing floated blocks without having to insert any extra markup
|
|
1232 |
From http://www.positioniseverything.net/easyclearing.html
|
|
1233 |
.clearfix:after, #tabs:after, .row:after, #content:after, fieldset dl:after, #page-body:after {
|
|
1234 |
content: ".";
|
|
1235 |
display: block;
|
|
1236 |
height: 0;
|
|
1237 |
clear: both;
|
|
1238 |
visibility: hidden;
|
|
1239 |
}*/
|
|
1240 |
||
1241 |
.clearfix, #tabs, .row, #content, fieldset dl, #page-body { |
|
1242 |
height: 1%; |
|
1243 |
overflow: hidden; |
|
1244 |
}
|
|
1245 |
||
1246 |
/* Syntax Highlighting
|
|
1247 |
---------------------------------------- */
|
|
1248 |
.sourcenum { |
|
1249 |
color: gray; |
|
1250 |
font-family: Monaco, 'Courier New', monospace; |
|
1251 |
font-size: 1.25em; |
|
1252 |
font-weight: bold; |
|
1253 |
line-height: 1.20em; |
|
1254 |
text-align: right; |
|
1255 |
padding: 0; |
|
1256 |
}
|
|
1257 |
||
1258 |
.rtl .sourcenum { |
|
1259 |
text-align: left; |
|
1260 |
}
|
|
1261 |
||
1262 |
.source { |
|
1263 |
font-family: Monaco, 'Courier New', monospace; |
|
1264 |
font-size: 1.25em; |
|
1265 |
line-height: 1.20em; |
|
1266 |
padding: 0; |
|
1267 |
}
|
|
1268 |
||
1269 |
.syntaxbg { |
|
1270 |
color: #FFFFFF; |
|
1271 |
}
|
|
1272 |
||
1273 |
.syntaxcomment { |
|
1274 |
color: #FF8000; |
|
1275 |
}
|
|
1276 |
||
1277 |
.syntaxdefault { |
|
1278 |
color: #0000BB; |
|
1279 |
}
|
|
1280 |
||
1281 |
.syntaxhtml { |
|
1282 |
color: #000000; |
|
1283 |
}
|
|
1284 |
||
1285 |
.syntaxkeyword { |
|
1286 |
color: #007700; |
|
1287 |
}
|
|
1288 |
||
1289 |
.syntaxstring { |
|
1290 |
color: #DD0000; |
|
1291 |
}
|
|
1292 |
||
1293 |
/* Permission interface
|
|
1294 |
---------------------------------------- */
|
|
1295 |
||
1296 |
fieldset.permissions legend { |
|
1297 |
text-transform: none; |
|
1298 |
}
|
|
1299 |
||
1300 |
fieldset.permissions legend input{ |
|
1301 |
height: 1.1em; |
|
1302 |
}
|
|
1303 |
||
1304 |
/* Permission sections */
|
|
1305 |
fieldset.permissions .permissions-simple { |
|
1306 |
text-align: left; |
|
1307 |
padding-top: 3px; |
|
1308 |
}
|
|
1309 |
||
1310 |
.rtl fieldset.permissions .permissions-simple { |
|
1311 |
text-align: right; |
|
1312 |
}
|
|
1313 |
||
1314 |
fieldset.permissions .permissions-advanced { |
|
1315 |
padding: 10px 0 0 5px; |
|
1316 |
vertical-align: top; |
|
1317 |
clear: right; |
|
1318 |
}
|
|
1319 |
||
1320 |
.rtl fieldset.permissions .permissions-advanced { |
|
1321 |
padding: 10px 5px 0 0; |
|
1322 |
clear: left; |
|
1323 |
}
|
|
1324 |
||
1325 |
fieldset.permissions .permissions-switch { |
|
1326 |
float: right; |
|
1327 |
}
|
|
1328 |
||
1329 |
.rtl fieldset.permissions .permissions-switch { |
|
1330 |
float: left; |
|
1331 |
}
|
|
1332 |
||
1333 |
fieldset.permissions .padding { |
|
1334 |
}
|
|
1335 |
||
1336 |
.permissions-switch a { |
|
1337 |
text-decoration: underline; |
|
1338 |
font-size: 0.90em; |
|
1339 |
}
|
|
1340 |
||
1341 |
.permissions-reset { |
|
1342 |
margin-top: -6px; |
|
1343 |
padding-bottom: 10px; |
|
1344 |
}
|
|
1345 |
||
1346 |
.permissions-reset a { |
|
1347 |
font-size: .8em; |
|
1348 |
}
|
|
1349 |
||
1350 |
/* Tabbed menu */
|
|
1351 |
.permissions-category { |
|
1352 |
line-height: normal; |
|
1353 |
margin: 0 0 -1px 7px; |
|
1354 |
min-width: 570px; |
|
1355 |
font-size: 0.85em; |
|
1356 |
}
|
|
1357 |
||
1358 |
.rtl .permissions-category { |
|
1359 |
margin: 0 7px -1px 0; |
|
1360 |
}
|
|
1361 |
||
1362 |
.permissions-category ul { |
|
1363 |
margin: 0; |
|
1364 |
padding: 0; |
|
1365 |
list-style: none; |
|
1366 |
}
|
|
1367 |
||
1368 |
.permissions-category li { |
|
1369 |
display: inline; |
|
1370 |
margin: 0; |
|
1371 |
padding: 0; |
|
1372 |
font-size: 1em; |
|
1373 |
font-weight: bold; |
|
1374 |
}
|
|
1375 |
||
1376 |
.permissions-category a { |
|
1377 |
float: left; |
|
1378 |
background: url("../images/bg_tabs_alt1.gif") no-repeat 0% -35px; |
|
1379 |
margin: 0 1px 0 0; |
|
1380 |
padding: 0 0 0 6px; |
|
1381 |
text-decoration: none; |
|
1382 |
position: relative; |
|
1383 |
}
|
|
1384 |
||
1385 |
.rtl .permissions-category a { |
|
1386 |
float: right; |
|
1387 |
}
|
|
1388 |
||
1389 |
.permissions-category a span.tabbg { |
|
1390 |
float: left; |
|
1391 |
display: block; |
|
1392 |
background: url("../images/bg_tabs_alt2.gif") no-repeat 100% -35px; |
|
1393 |
padding: 7px 12px 6px 6px; |
|
1394 |
color: #536482; |
|
1395 |
white-space: nowrap; |
|
1396 |
}
|
|
1397 |
||
1398 |
.rtl .permissions-category a span.tabbg { |
|
1399 |
float: right; |
|
1400 |
}
|
|
1401 |
||
1402 |
/* Commented Backslash Hack hides rule from IE5-Mac \*/
|
|
1403 |
.permissions-category a span.tabbg, .rtl .permissions-category a span.tabbg { float: none;} |
|
1404 |
/* End hack */
|
|
1405 |
||
1406 |
.permissions-category a:hover span.tabbg { |
|
1407 |
color: #DD6900; |
|
1408 |
}
|
|
1409 |
||
1410 |
.permissions-category .activetab a { |
|
1411 |
background-position: 0 0; |
|
1412 |
}
|
|
1413 |
||
1414 |
.permissions-category .activetab a span.tabbg { |
|
1415 |
background-position: 100% 0; |
|
1416 |
padding-bottom: 7px; |
|
1417 |
color: #333333; |
|
1418 |
}
|
|
1419 |
||
1420 |
.permissions-category a:hover { |
|
1421 |
background-position: 0 -70px; |
|
1422 |
}
|
|
1423 |
||
1424 |
.permissions-category a:hover span.tabbg { |
|
1425 |
background-position: 100% -70px; |
|
1426 |
}
|
|
1427 |
||
1428 |
.permissions-category .activetab a:hover span.tabbg { |
|
1429 |
color: #333333; |
|
1430 |
background-position: 100% 0; |
|
1431 |
}
|
|
1432 |
||
1433 |
.permissions-category .activetab a:hover { |
|
1434 |
background-position: 0 0; |
|
1435 |
}
|
|
1436 |
||
1437 |
.permissions-category a span.colour { |
|
1438 |
border: 1px solid #536482; |
|
1439 |
display: block; |
|
1440 |
float: left; |
|
1441 |
width: 10px; |
|
1442 |
height: 10px; |
|
1443 |
margin: 0 5px 0 0; |
|
1444 |
}
|
|
1445 |
||
1446 |
/* Most browsers will have to live with a left aligned icon in RTL mode, as (currently) only Firefox 3.0 Alpha 3 renders it correctly without destroying it
|
|
1447 |
.rtl .permissions-category a span.colour {
|
|
1448 |
float: right;
|
|
1449 |
margin: 0 0 0 5px;
|
|
1450 |
}
|
|
1451 |
*/
|
|
1452 |
||
1453 |
.permissions-category .activetab span.colour { |
|
1454 |
border-color: #333333; |
|
1455 |
}
|
|
1456 |
||
1457 |
.permissions-category a:hover span.colour { |
|
1458 |
border-color: #DD6900; |
|
1459 |
}
|
|
1460 |
||
1461 |
.permissions-category .activetab a:hover span.colour { |
|
1462 |
border-color: #333333; |
|
1463 |
}
|
|
1464 |
||
1465 |
/* Permission preset colours */
|
|
1466 |
.permissions-preset-yes span.colour, |
|
1467 |
.yes { |
|
1468 |
background-color: #86F786; |
|
1469 |
}
|
|
1470 |
||
1471 |
.permissions-preset-custom span.colour { |
|
1472 |
background-color: #B2BBDD; |
|
1473 |
}
|
|
1474 |
||
1475 |
.permissions-preset-never span.colour { |
|
1476 |
background-color: #DD0000; |
|
1477 |
}
|
|
1478 |
||
1479 |
.permissions-preset-no span.colour, |
|
1480 |
.never { |
|
1481 |
background-color: #EFB0B2; |
|
1482 |
}
|
|
1483 |
||
1484 |
/* Permission panel
|
|
1485 |
---------------------------------------- */
|
|
1486 |
.permissions-panel { |
|
1487 |
float: left; |
|
1488 |
background-color: #CADCEB; |
|
1489 |
width: 100%; |
|
1490 |
}
|
|
1491 |
||
1492 |
.rtl .permissions-panel { |
|
1493 |
float: right; |
|
1494 |
}
|
|
1495 |
||
1496 |
.permissions-panel span.corners-top { |
|
1497 |
background-image: url("../images/corners_left2.gif"); |
|
1498 |
}
|
|
1499 |
||
1500 |
.permissions-panel span.corners-top span { |
|
1501 |
background-image: url("../images/corners_right2.gif"); |
|
1502 |
}
|
|
1503 |
||
1504 |
.permissions-panel span.corners-bottom { |
|
1505 |
background-image: url("../images/corners_left2.gif"); |
|
1506 |
}
|
|
1507 |
||
1508 |
.permissions-panel span.corners-bottom span { |
|
1509 |
background-image: url("../images/corners_right2.gif"); |
|
1510 |
}
|
|
1511 |
||
1512 |
.permissions-panel span.corners-top, .permissions-panel span.corners-bottom, |
|
1513 |
.permissions-panel span.corners-top span, .permissions-panel span.corners-bottom span { |
|
1514 |
font-size: 1px; |
|
1515 |
line-height: 1px; |
|
1516 |
display: block; |
|
1517 |
height: 5px; |
|
1518 |
background-repeat: no-repeat; |
|
1519 |
}
|
|
1520 |
||
1521 |
.permissions-panel span.corners-top { |
|
1522 |
background-image: url("../images/corners_left2.gif"); |
|
1523 |
background-position: 0 0; |
|
1524 |
margin: 0 0; |
|
1525 |
}
|
|
1526 |
||
1527 |
.permissions-panel span.corners-top span { |
|
1528 |
background-image: url("../images/corners_right2.gif"); |
|
1529 |
background-position: 100% 0; |
|
1530 |
}
|
|
1531 |
||
1532 |
.permissions-panel span.corners-bottom { |
|
1533 |
background-image: url("../images/corners_left2.gif"); |
|
1534 |
background-position: 0 100%; |
|
1535 |
margin: 0 0; |
|
1536 |
clear: both; |
|
1537 |
}
|
|
1538 |
||
1539 |
.permissions-panel span.corners-bottom span { |
|
1540 |
background-image: url("../images/corners_right2.gif"); |
|
1541 |
background-position: 100% 100%; |
|
1542 |
}
|
|
1543 |
||
1544 |
/* Permission table
|
|
1545 |
---------------------------------------- */
|
|
1546 |
.permissions-panel .tablewrap { |
|
1547 |
margin: 0 10px; |
|
1548 |
}
|
|
1549 |
||
1550 |
.permissions-panel table { |
|
1551 |
width: 100%; |
|
1552 |
}
|
|
1553 |
||
1554 |
.permissions-panel th { |
|
1555 |
text-transform: none; |
|
1556 |
}
|
|
1557 |
||
1558 |
.permissions-panel th.value { |
|
1559 |
text-align: center; |
|
1560 |
}
|
|
1561 |
||
1562 |
.permissions-panel th.name { |
|
1563 |
text-align: left; |
|
1564 |
width: auto; |
|
1565 |
text-transform: none; |
|
1566 |
}
|
|
1567 |
||
1568 |
.rtl .permissions-panel th.name { |
|
1569 |
text-align: right; |
|
1570 |
}
|
|
1571 |
||
1572 |
.permissions-panel th.permissions-name { |
|
1573 |
border: none; |
|
1574 |
color: #536482; |
|
1575 |
font-weight: normal; |
|
1576 |
}
|
|
1577 |
||
1578 |
.permissions-panel th.permissions-name a.trace { |
|
1579 |
display: inline; |
|
1580 |
}
|
|
1581 |
||
1582 |
.permissions-panel th.row3 { |
|
1583 |
background-image: none; |
|
1584 |
background-color: #D1D7DC; |
|
1585 |
color: #536482; |
|
1586 |
border: none; |
|
1587 |
}
|
|
1588 |
||
1589 |
.permissions-panel th.row4 { |
|
1590 |
background-image: none; |
|
1591 |
background-color: #E4E8EB; |
|
1592 |
color: #536482; |
|
1593 |
border: none; |
|
1594 |
}
|
|
1595 |
||
1596 |
.permissions-panel th a:link, .permissions-panel th a:hover, .permissions-panel th a:visited { |
|
1597 |
display: block; |
|
1598 |
color: #FFFFFF; |
|
1599 |
text-decoration: underline; |
|
1600 |
}
|
|
1601 |
||
1602 |
.permissions-panel td.permissions-yes label:hover { |
|
1603 |
background-color: #86F786; |
|
1604 |
}
|
|
1605 |
||
1606 |
.permissions-panel td.permissions-no label:hover { |
|
1607 |
background-color: #EFB0B2; |
|
1608 |
}
|
|
1609 |
||
1610 |
.permissions-panel td.permissions-never label:hover { |
|
1611 |
background-color: #DD0000; |
|
1612 |
}
|
|
1613 |
||
1614 |
.permissions-panel td { |
|
1615 |
padding: 0; |
|
1616 |
text-align: center; |
|
1617 |
width: 10%; |
|
1618 |
}
|
|
1619 |
||
1620 |
.permissions-panel td label { |
|
1621 |
display: block; |
|
1622 |
margin: 0; |
|
1623 |
padding: 0; |
|
1624 |
}
|
|
1625 |
||
1626 |
/* Classes for additional tasks
|
|
1627 |
---------------------------------------- */
|
|
1628 |
||
1629 |
.phpinfo { |
|
1630 |
overflow: auto; |
|
1631 |
width: 99%; |
|
1632 |
direction: ltr; |
|
1633 |
}
|
|
1634 |
||
1635 |
.phpinfo td, .phpinfo th, .phpinfo h2, .phpinfo h1 { |
|
1636 |
text-align: left; |
|
1637 |
}
|