|
1 |
|
2 /** |
|
3 * Generic elements. |
|
4 */ |
|
5 body { |
|
6 color: #000; |
|
7 background: #fff; |
|
8 font: normal 81.3%/1.538em "Lucida Grande", "Lucida Sans Unicode", sans-serif; |
|
9 } |
|
10 a { |
|
11 color: #0074BD; |
|
12 text-decoration: none; |
|
13 } |
|
14 a:hover { |
|
15 text-decoration: underline; |
|
16 } |
|
17 hr { |
|
18 margin: 0; |
|
19 padding: 0; |
|
20 border: none; |
|
21 height: 1px; |
|
22 background: #cccccc; |
|
23 } |
|
24 legend { |
|
25 font-weight: bold; |
|
26 } |
|
27 h1, |
|
28 h2, |
|
29 h3, |
|
30 h4, |
|
31 h5, |
|
32 h6 { |
|
33 font-weight: bold; |
|
34 margin: 10px 0; |
|
35 } |
|
36 h1 { |
|
37 font-size: 1.538em; |
|
38 } |
|
39 h2 { |
|
40 font-size: 1.385em; |
|
41 } |
|
42 h3 { |
|
43 font-size: 1.231em; |
|
44 } |
|
45 h4 { |
|
46 font-size: 1.154em; |
|
47 } |
|
48 h5, |
|
49 h6 { |
|
50 font-size: 1.077em; |
|
51 } |
|
52 p { |
|
53 margin: 1em 0; |
|
54 } |
|
55 dl { |
|
56 margin: 0 0 20px; |
|
57 } |
|
58 dl dd, |
|
59 dl dl { |
|
60 margin-left: 20px; /* LTR */ |
|
61 margin-bottom: 10px; |
|
62 } |
|
63 blockquote { |
|
64 margin: 1em 40px; |
|
65 } |
|
66 address { |
|
67 font-style: italic; |
|
68 } |
|
69 u, |
|
70 ins { |
|
71 text-decoration: underline; |
|
72 } |
|
73 s, |
|
74 strike, |
|
75 del { |
|
76 text-decoration: line-through; |
|
77 } |
|
78 big { |
|
79 font-size: larger; |
|
80 } |
|
81 small { |
|
82 font-size: smaller; |
|
83 } |
|
84 sub { |
|
85 vertical-align: sub; |
|
86 font-size: smaller; |
|
87 line-height: normal; |
|
88 } |
|
89 sup { |
|
90 vertical-align: super; |
|
91 font-size: smaller; |
|
92 line-height: normal; |
|
93 } |
|
94 nobr { |
|
95 white-space: nowrap; |
|
96 } |
|
97 abbr, |
|
98 acronym { |
|
99 border-bottom: dotted 1px; |
|
100 } |
|
101 ul, |
|
102 .block ul, |
|
103 .item-list ul { |
|
104 list-style-type: disc; |
|
105 list-style-image: none; |
|
106 margin: 0.25em 0 0.25em 1.5em; /* LTR */ |
|
107 } |
|
108 .item-list .pager li { |
|
109 padding: 0.5em; |
|
110 } |
|
111 .item-list ul li, |
|
112 li.leaf, |
|
113 ul.menu li { |
|
114 list-style-type: disc; |
|
115 list-style-image: none; |
|
116 } |
|
117 ul.menu li { |
|
118 margin: 0; |
|
119 } |
|
120 ol { |
|
121 list-style-type: decimal; |
|
122 margin: 0.25em 0 0.25em 2em; /* LTR */ |
|
123 } |
|
124 .item-list ul li.collapsed, |
|
125 ul.menu li.collapsed { |
|
126 list-style-image:url(../../misc/menu-collapsed.png); |
|
127 list-style-type:disc; |
|
128 } |
|
129 .item-list ul li.expanded, |
|
130 ul.menu li.expanded { |
|
131 list-style-image:url(../../misc/menu-expanded.png); |
|
132 list-style-type:circle; |
|
133 } |
|
134 quote, |
|
135 code { |
|
136 margin: .5em 0; |
|
137 } |
|
138 code, |
|
139 pre, |
|
140 kbd { |
|
141 font-size: 1.231em; |
|
142 } |
|
143 pre { |
|
144 margin: 0.5em 0; |
|
145 white-space: pre-wrap; |
|
146 } |
|
147 |
|
148 /** |
|
149 * Skip link. |
|
150 */ |
|
151 #skip-link { |
|
152 margin-top: 0; |
|
153 position: absolute; |
|
154 left: 50%; /* LTR */ |
|
155 margin-left: -5.25em; /* LTR */ |
|
156 width: auto; |
|
157 z-index: 50; |
|
158 } |
|
159 #skip-link a, |
|
160 #skip-link a:link, |
|
161 #skip-link a:visited { |
|
162 display: block; |
|
163 background: #444; |
|
164 color: #fff; |
|
165 font-size: 0.94em; |
|
166 padding: 1px 10px 2px 10px; /* LTR */ |
|
167 text-decoration: none; |
|
168 -moz-border-radius: 0 0 10px 10px; |
|
169 -webkit-border-top-left-radius: 0; |
|
170 -webkit-border-top-right-radius: 0; |
|
171 -webkit-border-bottom-left-radius: 10px; |
|
172 -webkit-border-bottom-right-radius: 10px; |
|
173 border-radius: 0 0 10px 10px; |
|
174 } |
|
175 #skip-link a:hover, |
|
176 #skip-link a:focus, |
|
177 #skip-link a:active { |
|
178 outline: 0; |
|
179 } |
|
180 |
|
181 /** |
|
182 * Branding. |
|
183 */ |
|
184 #branding { |
|
185 overflow: hidden; |
|
186 padding: 20px 20px 0 20px; /* LTR */ |
|
187 position: relative; |
|
188 background-color: #e0e0d8; |
|
189 } |
|
190 #branding div.breadcrumb { |
|
191 font-size: 0.846em; |
|
192 padding-bottom: 5px; |
|
193 } |
|
194 #branding div.block { |
|
195 position: relative; |
|
196 float: right; /* LTR */ |
|
197 width: 240px; |
|
198 padding-left: 10px; /* LTR */ |
|
199 background: #333; |
|
200 } |
|
201 #branding div.block form label { |
|
202 display: none; |
|
203 } |
|
204 #branding div.block form div.form-item { |
|
205 float: left; /* LTR */ |
|
206 border: 0; |
|
207 margin: 0; |
|
208 padding: 0; |
|
209 } |
|
210 #branding div.block form input.form-text { |
|
211 width: 140px; |
|
212 margin-right: 10px; /* LTR */ |
|
213 } |
|
214 #branding div.block form input.form-submit { |
|
215 text-align: center; |
|
216 width: 80px; |
|
217 } |
|
218 |
|
219 /** |
|
220 * Help. |
|
221 */ |
|
222 #help { |
|
223 font-size: 0.923em; |
|
224 margin-top: 1em; |
|
225 } |
|
226 #help p { |
|
227 margin: 0 0 10px; |
|
228 } |
|
229 #help div.more-help-link { |
|
230 text-align: right; /* LTR */ |
|
231 } |
|
232 |
|
233 /** |
|
234 * Page title. |
|
235 */ |
|
236 #page-title { |
|
237 background: #333; |
|
238 padding-top: 20px; |
|
239 } |
|
240 #branding h1.page-title { |
|
241 color: #000; |
|
242 margin: 0; |
|
243 padding-bottom: 10px; |
|
244 font-size: 1.385em; |
|
245 font-weight: normal; |
|
246 float: left; /* LTR */ |
|
247 } |
|
248 |
|
249 /** |
|
250 * Console. |
|
251 */ |
|
252 #console { |
|
253 margin: 9px 0 10px; |
|
254 } |
|
255 |
|
256 /** |
|
257 * Tabs. |
|
258 */ |
|
259 ul.primary { |
|
260 float: right; /* LTR */ |
|
261 border-bottom: none; |
|
262 text-transform: uppercase; |
|
263 font-size: 0.923em; |
|
264 height: 2.60em; |
|
265 margin: 0; |
|
266 padding-top: 0; |
|
267 } |
|
268 ul.primary li { |
|
269 float: left; /* LTR */ |
|
270 list-style: none; |
|
271 margin: 0 2px; |
|
272 } |
|
273 ul.primary li a:link, |
|
274 ul.primary li a.active, |
|
275 ul.primary li a:active, |
|
276 ul.primary li a:visited, |
|
277 ul.primary li a:hover, |
|
278 ul.primary li.active a { |
|
279 display: block; |
|
280 float: left; /* LTR */ |
|
281 height: 2.60em; |
|
282 line-height: 2.60em; |
|
283 padding: 0 18px 8px; |
|
284 background-color: #a6a7a2; |
|
285 color: #000; |
|
286 font-weight: bold; |
|
287 border-width: 1px 1px 0 1px; |
|
288 border-style: solid; |
|
289 border-color: #a6a7a2; |
|
290 -moz-border-radius: 8px 8px 0 0; |
|
291 -webkit-border-top-left-radius: 8px; |
|
292 -webkit-border-top-right-radius: 8px; |
|
293 border-radius: 8px 8px 0 0; |
|
294 } |
|
295 ul.primary li.active a, |
|
296 ul.primary li.active a.active, |
|
297 ul.primary li.active a:active, |
|
298 ul.primary li.active a:visited { |
|
299 background-color: #fff; |
|
300 border-color: #c9cac4; |
|
301 } |
|
302 ul.primary li a:hover { |
|
303 color: #fff; |
|
304 } |
|
305 ul.primary li.active a:hover { |
|
306 color: #000; |
|
307 } |
|
308 .tabs-secondary { |
|
309 clear: both; |
|
310 } |
|
311 ul.secondary { |
|
312 float: right; /* LTR */ |
|
313 font-size: 0.923em; |
|
314 padding: 0 3px 5px; |
|
315 line-height: 1.385em; |
|
316 overflow: hidden; |
|
317 background-color: #fff; |
|
318 } |
|
319 ul.secondary li { |
|
320 margin: 0 5px; |
|
321 float: none; /* LTR */ |
|
322 } |
|
323 ul.secondary li a { |
|
324 background-color: #ddd; |
|
325 color: #000; |
|
326 display: inline-block; |
|
327 } |
|
328 ul.secondary li a, |
|
329 ul.secondary li a:hover, |
|
330 ul.secondary li.active a, |
|
331 ul.secondary li.active a.active { |
|
332 padding: 2px 10px; |
|
333 -moz-border-radius: 7px; |
|
334 -webkit-border-radius: 7px; |
|
335 border-radius: 7px; |
|
336 } |
|
337 ul.secondary li a:hover, |
|
338 ul.secondary li.active a, |
|
339 ul.secondary li.active a.active { |
|
340 color: #fff; |
|
341 background: #666; |
|
342 } |
|
343 #content { |
|
344 clear: left; |
|
345 } |
|
346 |
|
347 /** |
|
348 * Page layout. |
|
349 */ |
|
350 #page { |
|
351 padding: 20px 0 40px 0; /* LTR */ |
|
352 margin-right: 40px; /* LTR */ |
|
353 margin-left: 40px; /* LTR */ |
|
354 background: #fff; |
|
355 position: relative; |
|
356 color: #333; |
|
357 } |
|
358 #secondary-links ul.links li { |
|
359 padding: 0 10px 10px 0; /* LTR */ |
|
360 } |
|
361 #secondary-links ul.links li a { |
|
362 font-size: 0.923em; |
|
363 background: #777; |
|
364 color: #fff; |
|
365 text-align: center; |
|
366 padding: 5px; |
|
367 height: 55px; |
|
368 width: 80px; |
|
369 overflow: hidden; |
|
370 -moz-border-radius: 5px; |
|
371 -webkit-border-radius: 5px; |
|
372 border-radius: 5px; |
|
373 } |
|
374 #secondary-links ul.links li a:hover { |
|
375 background: #999; |
|
376 } |
|
377 ul.links li, |
|
378 ul.inline li { |
|
379 padding-right: 1em; /* LTR */ |
|
380 } |
|
381 ul.inline li { |
|
382 display: inline; |
|
383 } |
|
384 #secondary-links ul.links li.active-trail a, |
|
385 #secondary-links ul.links li a.active { |
|
386 background: #333; |
|
387 } |
|
388 ul.admin-list li { |
|
389 position: relative; |
|
390 padding-left: 30px; /* LTR */ |
|
391 padding-top: 9px; |
|
392 border-top: 1px solid #ccc; |
|
393 margin-left: 0; /* LTR */ |
|
394 margin-bottom: 10px; |
|
395 background: url(images/list-item.png) no-repeat 0 11px; /* LTR */ |
|
396 list-style-type: none; |
|
397 list-style-image: none; |
|
398 } |
|
399 .admin-panel .item-list ul, |
|
400 ul.admin-list { |
|
401 margin: 0; |
|
402 padding: 0; |
|
403 } |
|
404 .admin-panel .item-list ul, |
|
405 ul.admin-list.compact { |
|
406 margin: 8px 0; |
|
407 } |
|
408 .admin-panel .item-list li, |
|
409 ul.admin-list.compact li { |
|
410 border: none; |
|
411 background: none; |
|
412 margin: 0 0 0.75em; |
|
413 line-height: 1; |
|
414 padding: 0; |
|
415 } |
|
416 ul.admin-list li:last-child { |
|
417 border-bottom: none; |
|
418 } |
|
419 ul.admin-list li a { |
|
420 margin-left: -30px; /* LTR */ |
|
421 padding: 0 0 4px 30px; /* LTR */ |
|
422 min-height: 0; |
|
423 } |
|
424 ul.admin-list.compact li a { |
|
425 margin-left: 0; /* LTR */ |
|
426 padding: 0; |
|
427 } |
|
428 ul.admin-list li div.description a { |
|
429 margin-left: 0; /* LTR */ |
|
430 padding: 0; |
|
431 min-height: inherit; |
|
432 } |
|
433 div.submitted { |
|
434 color: #898989; |
|
435 } |
|
436 |
|
437 /** |
|
438 * Tables. |
|
439 */ |
|
440 table { |
|
441 width: 100%; |
|
442 font-size: 0.923em; |
|
443 margin: 0 0 10px; |
|
444 border: 1px solid #bebfb9; |
|
445 } |
|
446 table td, |
|
447 table th { |
|
448 vertical-align: middle; |
|
449 padding: 8px 10px; |
|
450 border: 0; |
|
451 color: #000; |
|
452 } |
|
453 tr.even, |
|
454 tr.odd { |
|
455 border-width: 0 1px 0 1px; |
|
456 border-style: solid; |
|
457 border-color: #bebfb9; |
|
458 background: #f3f4ee; |
|
459 } |
|
460 tr.odd { |
|
461 background: #fff; |
|
462 } |
|
463 tr.drag { |
|
464 background: #fe7; |
|
465 } |
|
466 tr.drag-previous { |
|
467 background: #ffb; |
|
468 } |
|
469 table th { |
|
470 text-transform: uppercase; |
|
471 background: #e1e2dc; |
|
472 font-weight: normal; |
|
473 border-width: 1px; |
|
474 border-style: solid; |
|
475 border-color: #bebfb9; |
|
476 padding: 3px 10px; |
|
477 } |
|
478 /** |
|
479 * Force browsers to calculate the width of a 'select all' TH element. |
|
480 */ |
|
481 table th.select-all { |
|
482 width: 1px; |
|
483 } |
|
484 table th.active { |
|
485 background: #bdbeb9; |
|
486 } |
|
487 table th a { |
|
488 display: block; |
|
489 position: relative; |
|
490 } |
|
491 table th.active a { |
|
492 padding: 0 25px 0 0; /* LTR */ |
|
493 } |
|
494 table th.active img { |
|
495 position: absolute; |
|
496 top: 3px; |
|
497 right: 3px; /* LTR */ |
|
498 } |
|
499 table td.active { |
|
500 background: #e9e9dd; |
|
501 } |
|
502 table tr.odd td.active { |
|
503 background: #f3f4ee; |
|
504 } |
|
505 table tr.selected td.active, |
|
506 table tr.selected td { |
|
507 background: #ffc; |
|
508 border-color: #eeb; |
|
509 } |
|
510 table.system-status-report tr { |
|
511 border-bottom: 1px solid #ccc; |
|
512 } |
|
513 table.system-status-report tr.ok { |
|
514 color: #255b1e; |
|
515 background-color: #e5ffe2; |
|
516 } |
|
517 table.system-status-report tr.info { |
|
518 color: #040f37; |
|
519 background-color: #bdf; |
|
520 } |
|
521 table.system-status-report tr.warning { |
|
522 color: #840; |
|
523 background-color: #fffce5; |
|
524 } |
|
525 table.system-status-report tr.error { |
|
526 color: #8c2e0b; |
|
527 background-color: #fef5f1; |
|
528 } |
|
529 /** |
|
530 * Exception for webkit bug with the right border of the last cell |
|
531 * in some tables, since it's webkit only, we can use :last-child |
|
532 */ |
|
533 tr td:last-child { |
|
534 border-right: 1px solid #bebfb9; /* LTR */ |
|
535 } |
|
536 |
|
537 |
|
538 /** |
|
539 * Fieldsets. |
|
540 * |
|
541 * Fieldset legends are displayed like containers in Seven. However, several |
|
542 * browsers do not support styling of LEGEND elements. To achieve the desired |
|
543 * styling: |
|
544 * - All fieldsets use 'position: relative'. |
|
545 * - All legend labels are wrapped in a single span.fieldset-legend that uses |
|
546 * 'position: absolute', which means that the LEGEND element itself is not |
|
547 * rendered by browsers. |
|
548 * - Due to using 'position: absolute', collapsed fieldsets do not have a |
|
549 * height; the fieldset requires a 'padding-top' to make the absolute |
|
550 * positioned .fieldset-legend appear as though it would have a height. |
|
551 * - Various browsers are positioning the legend differently if there is a |
|
552 * 'padding-left'/'padding-right' applied on a fieldset and inherit the |
|
553 * positioning even to absolute positioned elements within; we therefore have |
|
554 * to apply all padding to the inner .fieldset-wrapper instead. |
|
555 */ |
|
556 fieldset { |
|
557 border: 1px solid #ccc; |
|
558 padding: 2.5em 0 0 0; /* LTR */ |
|
559 position: relative; |
|
560 margin: 1em 0; |
|
561 } |
|
562 fieldset .fieldset-legend { |
|
563 margin-top: 0.5em; |
|
564 padding-left: 15px; /* LTR */ |
|
565 position: absolute; |
|
566 text-transform: uppercase; |
|
567 } |
|
568 fieldset .fieldset-wrapper { |
|
569 padding: 0 13px 13px 15px; /* LTR */ |
|
570 } |
|
571 fieldset.collapsed { |
|
572 background-color: transparent; |
|
573 } |
|
574 html.js fieldset.collapsed { |
|
575 border-width: 1px; |
|
576 height: auto; |
|
577 } |
|
578 fieldset fieldset { |
|
579 background-color: #fff; |
|
580 } |
|
581 fieldset fieldset fieldset { |
|
582 background-color: #f8f8f8; |
|
583 } |
|
584 |
|
585 /** |
|
586 * Form elements. |
|
587 */ |
|
588 .form-item { |
|
589 padding: 9px 0; |
|
590 margin: 0 0 10px; |
|
591 } |
|
592 .filter-wrapper .form-item, |
|
593 div.teaser-checkbox .form-item, |
|
594 .form-item .form-item { |
|
595 padding: 5px 0; |
|
596 margin: 0; |
|
597 border: 0; |
|
598 } |
|
599 .form-type-checkbox { |
|
600 padding: 0; |
|
601 } |
|
602 .text-format-wrapper .form-item { |
|
603 padding-bottom: 0; |
|
604 } |
|
605 .form-item label { |
|
606 margin: 0; |
|
607 padding: 0; |
|
608 } |
|
609 .form-item label.option { |
|
610 font-size: 0.923em; |
|
611 text-transform: none; |
|
612 } |
|
613 .form-item label.option input { |
|
614 vertical-align: middle; |
|
615 } |
|
616 .form-disabled input.form-autocomplete, |
|
617 .form-disabled input.form-text, |
|
618 .form-disabled input.form-file, |
|
619 .form-disabled textarea.form-textarea, |
|
620 .form-disabled select.form-select { |
|
621 background-color: #eee; |
|
622 color: #777; |
|
623 } |
|
624 |
|
625 /* Filter */ |
|
626 .filter-wrapper { |
|
627 border-top: 0; |
|
628 padding: 10px 2px; |
|
629 } |
|
630 .filter-wrapper .fieldset-wrapper { |
|
631 padding: 0 6px; |
|
632 } |
|
633 .filter-wrapper .form-item, |
|
634 .filter-wrapper .filter-guidelines, |
|
635 .filter-wrapper .filter-help { |
|
636 font-size: 0.923em; |
|
637 padding: 2px 0 0 0; /* LTR */ |
|
638 } |
|
639 ul.tips, |
|
640 div.description, |
|
641 .form-item div.description { |
|
642 margin: 5px 0; |
|
643 line-height: 1.231em; |
|
644 font-size: 0.923em; |
|
645 color: #666; |
|
646 } |
|
647 ul.tips li { |
|
648 margin: 0.25em 0 0.25em 1.5em; /* LTR */ |
|
649 } |
|
650 body div.form-type-radio div.description, |
|
651 body div.form-type-checkbox div.description { |
|
652 margin-left: 1.5em; /* LTR */ |
|
653 } |
|
654 input.form-submit, |
|
655 a.button { |
|
656 cursor: pointer; |
|
657 padding: 4px 17px; |
|
658 margin-bottom: 1em; |
|
659 margin-right: 1em; /* LTR */ |
|
660 color: #5a5a5a; |
|
661 text-align: center; |
|
662 font-weight: normal; |
|
663 font-size: 1.077em; |
|
664 font-family: "Lucida Grande", Verdana, sans-serif; |
|
665 border: 1px solid #e4e4e4; |
|
666 border-bottom: 1px solid #b4b4b4; |
|
667 border-left-color: #d2d2d2; |
|
668 border-right-color: #d2d2d2; |
|
669 background: url(images/buttons.png) 0 0 repeat-x; |
|
670 -moz-border-radius: 20px; |
|
671 -webkit-border-radius: 20px; |
|
672 border-radius: 20px; |
|
673 } |
|
674 a.button:link, |
|
675 a.button:visited, |
|
676 a.button:hover, |
|
677 a.button:active { |
|
678 text-decoration: none; |
|
679 color: #5a5a5a; |
|
680 } |
|
681 input.form-submit:active { |
|
682 background: #666; |
|
683 color: #fff; |
|
684 border-color: #555; |
|
685 text-shadow: #222 0 -1px 0; |
|
686 } |
|
687 input.form-button-disabled, |
|
688 input.form-button-disabled:active { |
|
689 background: #eee none; |
|
690 border-color: #eee; |
|
691 text-shadow: none; |
|
692 color: #999; |
|
693 } |
|
694 input.form-autocomplete, |
|
695 input.form-text, |
|
696 input.form-file, |
|
697 textarea.form-textarea, |
|
698 select.form-select { |
|
699 padding: 2px; |
|
700 border: 1px solid #ccc; |
|
701 border-top-color: #999; |
|
702 background: #fff; |
|
703 color: #333; |
|
704 } |
|
705 input.form-text:focus, |
|
706 input.form-file:focus, |
|
707 textarea.form-textarea:focus, |
|
708 select.form-select:focus { |
|
709 color: #000; |
|
710 border-color: #ace; |
|
711 } |
|
712 |
|
713 ul.action-links { |
|
714 margin: 1em 0; |
|
715 padding: 0 20px 0 20px; /* LTR */ |
|
716 list-style-type: none; |
|
717 overflow: hidden; |
|
718 } |
|
719 ul.action-links li { |
|
720 float: left; /* LTR */ |
|
721 margin: 0 1em 0 0; /* LTR */ |
|
722 } |
|
723 ul.action-links a { |
|
724 padding-left: 15px; /* LTR */ |
|
725 background: transparent url(images/add.png) no-repeat 0 center; |
|
726 line-height: 30px; |
|
727 } |
|
728 |
|
729 /* Exceptions */ |
|
730 #diff-inline-form select, |
|
731 div.filter-options select { |
|
732 padding: 0; |
|
733 } |
|
734 |
|
735 /** |
|
736 * System. |
|
737 */ |
|
738 div.admin .right, |
|
739 div.admin .left { |
|
740 width: 49%; |
|
741 margin: 0; |
|
742 } |
|
743 div.admin-panel, |
|
744 div.admin-panel .body { |
|
745 padding: 0; |
|
746 clear: left; |
|
747 } |
|
748 div.admin-panel { |
|
749 margin: 0 0 20px; |
|
750 padding: 9px; |
|
751 background: #f8f8f8; |
|
752 border: 1px solid #ccc; |
|
753 } |
|
754 div.admin-panel h3 { |
|
755 font-size: 0.923em; |
|
756 text-transform: uppercase; |
|
757 margin: 0; |
|
758 padding-bottom: 9px; |
|
759 } |
|
760 |
|
761 /* admin/appearance */ |
|
762 #system-themes-page h2 { |
|
763 font-weight: normal; |
|
764 text-transform: uppercase; |
|
765 } |
|
766 .theme-selector h3 { |
|
767 font-weight: normal; |
|
768 } |
|
769 .theme-default h3 { |
|
770 font-weight: bold; |
|
771 } |
|
772 .system-themes-list-enabled .theme-selector h3 { |
|
773 margin-top: 0; |
|
774 } |
|
775 |
|
776 /* Update options. */ |
|
777 div.admin-options { |
|
778 background: #f8f8f8; |
|
779 line-height: 30px; |
|
780 height: 30px; |
|
781 padding: 9px; |
|
782 border: 1px solid #ccc; |
|
783 margin: 0 0 10px; |
|
784 } |
|
785 div.admin-options label { |
|
786 text-transform: uppercase; |
|
787 font: 0.846em/1.875em Lucida Grande, Lucida Sans Unicode, sans-serif; |
|
788 } |
|
789 div.admin-options label, |
|
790 div.admin-options div.form-item { |
|
791 margin-right: 10px; /* LTR */ |
|
792 float: left; /* LTR */ |
|
793 } |
|
794 div.admin-options div.form-item { |
|
795 padding: 0; |
|
796 border: 0; |
|
797 } |
|
798 |
|
799 /* Update status */ |
|
800 .versions table.version { |
|
801 border: none; |
|
802 } |
|
803 |
|
804 /* Maintenance theming */ |
|
805 body.in-maintenance #sidebar-first { |
|
806 float: left; /* LTR */ |
|
807 width: 200px; |
|
808 } |
|
809 body.in-maintenance #content { |
|
810 float: right; /* LTR */ |
|
811 width: 550px; |
|
812 padding-right: 20px; /* LTR */ |
|
813 clear: none; |
|
814 } |
|
815 body.in-maintenance #page { |
|
816 overflow: auto; |
|
817 width: 770px; |
|
818 margin: 0 auto; |
|
819 padding-top: 2em; |
|
820 } |
|
821 body.in-maintenance #branding h1 { |
|
822 width: 770px; |
|
823 margin: 0 auto; |
|
824 float: none; |
|
825 } |
|
826 body.in-maintenance .form-radios .form-type-radio { |
|
827 padding: 2px 0; |
|
828 } |
|
829 body.in-maintenance div.form-item:after { |
|
830 content: ""; |
|
831 display: none; |
|
832 clear: none; |
|
833 } |
|
834 body.in-maintenance .form-submit { |
|
835 display: block; |
|
836 } |
|
837 body.in-maintenance #logo { |
|
838 margin-bottom: 1.5em; |
|
839 max-width: 180px; |
|
840 } |
|
841 ol.task-list { |
|
842 margin-left: 0; /* LTR */ |
|
843 list-style-type: none; |
|
844 list-style-image: none; |
|
845 } |
|
846 ol.task-list li { |
|
847 padding: 0.5em 1em 0.5em 20px; /* LTR */ |
|
848 color: #adadad; |
|
849 } |
|
850 ol.task-list li.active { |
|
851 background: transparent url(images/task-item.png) no-repeat 3px 50%; /* LTR */ |
|
852 padding: 0.5em 1em 0.5em 20px; /* LTR */ |
|
853 color: #000; |
|
854 } |
|
855 ol.task-list li.done { |
|
856 background: transparent url(images/task-check.png) no-repeat 0 50%; |
|
857 color: green; |
|
858 } |
|
859 |
|
860 /* Overlay theming */ |
|
861 .overlay #branding { |
|
862 background-color: #fff; |
|
863 padding-top: 15px; |
|
864 } |
|
865 .overlay #branding h1.page-title, |
|
866 .overlay #left, |
|
867 .overlay #footer { |
|
868 display: none; |
|
869 } |
|
870 .overlay #page { |
|
871 margin: 0; |
|
872 padding: 0 20px; |
|
873 } |
|
874 .overlay #branding div.breadcrumb { |
|
875 float: left; /* LTR */ |
|
876 position: relative; |
|
877 z-index: 10; |
|
878 } |
|
879 #overlay-tabs { |
|
880 bottom: -1px; |
|
881 font-size: 1.54em; |
|
882 line-height: 1.54em; |
|
883 margin: 0; |
|
884 } |
|
885 #overlay-tabs li { |
|
886 margin: 0 -2px; |
|
887 } |
|
888 .overlay ul.secondary { |
|
889 background: transparent none; |
|
890 margin: -1.4em 0 0.3em 0; /* LTR */ |
|
891 overflow: visible; |
|
892 } |
|
893 .overlay #content { |
|
894 padding: 0; |
|
895 } |
|
896 h1#overlay-title { |
|
897 font-weight: normal; |
|
898 } |
|
899 |
|
900 /* Shortcut theming */ |
|
901 div.add-or-remove-shortcuts { |
|
902 float: left; /* LTR */ |
|
903 padding-top: 6px; |
|
904 padding-left: 6px; /* LTR */ |
|
905 } |
|
906 |
|
907 /* Dashboard */ |
|
908 #dashboard .dashboard-region div.block h2 { |
|
909 background: #E0E0D8; |
|
910 } |
|
911 #dashboard div.block h2 { |
|
912 margin: 0; |
|
913 font-size: 1em; |
|
914 padding: 3px 10px; |
|
915 } |
|
916 #dashboard div.block div.content { |
|
917 padding: 10px 5px 5px 5px; /* LTR */ |
|
918 } |
|
919 #dashboard div.block div.content ul.menu { |
|
920 margin-left: 20px; /* LTR */ |
|
921 } |
|
922 #dashboard .dashboard-region .block { |
|
923 border: #ccc 1px solid; |
|
924 } |
|
925 |
|
926 /* Field UI */ |
|
927 |
|
928 #field-display-overview input.field-formatter-settings-edit { |
|
929 margin: 0; |
|
930 padding: 1px 8px; |
|
931 } |
|
932 #field-display-overview tr.field-formatter-settings-changed { |
|
933 background: #FFFFBB; |
|
934 } |
|
935 #field-display-overview tr.drag { |
|
936 background: #FFEE77; |
|
937 } |
|
938 #field-display-overview tr.field-formatter-settings-editing { |
|
939 background: #D5E9F2; |
|
940 } |
|
941 #field-display-overview .field-formatter-settings-edit-form .form-item { |
|
942 margin: 10px 0; |
|
943 } |
|
944 #field-display-overview .field-formatter-settings-edit-form .form-submit { |
|
945 margin-bottom: 0; |
|
946 } |
|
947 |
|
948 /* Recent content block */ |
|
949 #dashboard div#block-node-recent div.content { |
|
950 padding: 0; |
|
951 } |
|
952 #block-node-recent table, |
|
953 #block-node-recent tr { |
|
954 border: none; |
|
955 } |
|
956 #block-node-recent .more-link { |
|
957 padding: 0 5px 5px 0; /* LTR */ |
|
958 } |
|
959 |
|
960 /* User login block */ |
|
961 #user-login-form .openid-links { |
|
962 margin-left: 0; /* LTR */ |
|
963 } |
|
964 #user-login-form .openid-links .user-link { |
|
965 margin-left: 1.5em; /* LTR */ |
|
966 } |
|
967 |
|
968 /* Disable overlay message */ |
|
969 #overlay-disable-message { |
|
970 background-color: #addafc; |
|
971 } |
|
972 #overlay-disable-message a, |
|
973 #overlay-disable-message a:visited { |
|
974 color: #000; |
|
975 } |
|
976 #overlay-disable-message a:focus, |
|
977 #overlay-disable-message a:active { |
|
978 outline: none; |
|
979 text-decoration: underline; |
|
980 } |
|
981 .overlay-disable-message-focused a { |
|
982 padding: 0.4em 0.6em; |
|
983 } |
|
984 .overlay-disable-message-focused #overlay-dismiss-message { |
|
985 background-color: #59a0d8; |
|
986 color: #fff; |
|
987 -moz-border-radius: 8px; |
|
988 -webkit-border-radius: 8px; |
|
989 border-radius: 8px; |
|
990 } |