Mercurial > defr > drupal > core

comparison themes/garland/style.css @ 1:c1f4ac30525a 6.0

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Drupal 6.0
author Franck Deroche <webmaster@defr.org>
date Tue, 23 Dec 2008 14:28:28 +0100
parents
children
comparison
equal deleted inserted replaced
0:5a113a1c4740 1:c1f4ac30525a
1 /* $Id: style.css,v 1.38.2.1 2008/02/05 09:27:26 goba Exp $ */
2
3 /**
4 * Garland, for Drupal 6.x
5 * Stefan Nagtegaal, iStyledThis [dot] nl
6 * Steven Wittens, acko [dot] net`
7 *
8 * If you use a customized color scheme, you must regenerate it after
9 * modifying this file.
10 */
11
12 /**
13 * Generic elements
14 */
15 body {
16 margin: 0;
17 padding: 0;
18 background: #edf5fa;
19 font: 12px/170% Verdana, sans-serif;
20 color: #494949;
21 }
22
23 input {
24 font: 12px/100% Verdana, sans-serif;
25 color: #494949;
26 }
27
28 textarea, select {
29 font: 12px/160% Verdana, sans-serif;
30 color: #494949;
31 }
32
33 h1, h2, h3, h4, h5, h6 {
34 margin: 0;
35 padding: 0;
36 font-weight: normal;
37 font-family: Helvetica, Arial, sans-serif;
38 }
39
40 h1 {
41 font-size: 170%;
42 }
43
44 h2 {
45 font-size: 160%;
46 line-height: 130%;
47 }
48
49 h3 {
50 font-size: 140%;
51 }
52
53 h4 {
54 font-size: 130%;
55 }
56
57 h5 {
58 font-size: 120%;
59 }
60
61 h6 {
62 font-size: 110%;
63 }
64
65 ul, quote, code, fieldset {
66 margin: .5em 0;
67 }
68
69 p {
70 margin: 0.6em 0 1.2em;
71 padding: 0;
72 }
73
74 a:link, a:visited {
75 color: #027AC6;
76 text-decoration: none;
77 }
78
79 a:hover {
80 color: #0062A0;
81 text-decoration: underline;
82 }
83
84 a:active, a.active {
85 color: #5895be;
86 }
87
88 hr {
89 margin: 0;
90 padding: 0;
91 border: none;
92 height: 1px;
93 background: #5294c1;
94 }
95
96 ul {
97 margin: 0.5em 0 1em;
98 padding: 0;
99 }
100
101 ol {
102 margin: 0.75em 0 1.25em;
103 padding: 0;
104 }
105
106 ol li, ul li {
107 margin: 0.4em 0 0.4em .5em; /* LTR */
108 }
109
110 ul.menu, .item-list ul {
111 margin: 0.35em 0 0 -0.5em; /* LTR */
112 padding: 0;
113 }
114
115 ul.menu ul, .item-list ul ul {
116 margin-left: 0em; /* LTR */
117 }
118
119 ol li, ul li, ul.menu li, .item-list ul li, li.leaf {
120 margin: 0.15em 0 0.15em .5em; /* LTR */
121 }
122
123 ul li, ul.menu li, .item-list ul li, li.leaf {
124 padding: 0 0 .2em 1.5em;
125 list-style-type: none;
126 list-style-image: none;
127 background: transparent url(images/menu-leaf.gif) no-repeat 1px .35em; /* LTR */
128 }
129
130 ol li {
131 padding: 0 0 .3em;
132 margin-left: 2em; /* LTR */
133 }
134
135 ul li.expanded {
136 background: transparent url(images/menu-expanded.gif) no-repeat 1px .35em; /* LTR */
137 }
138
139 ul li.collapsed {
140 background: transparent url(images/menu-collapsed.gif) no-repeat 0px .35em; /* LTR */
141 }
142
143 ul li.leaf a, ul li.expanded a, ul li.collapsed a {
144 display: block;
145 }
146
147 ul.inline li {
148 background: none;
149 margin: 0;
150 padding: 0 1em 0 0; /* LTR */
151 }
152
153 ol.task-list {
154 margin-left: 0; /* LTR */
155 list-style-type: none;
156 list-style-image: none;
157 }
158 ol.task-list li {
159 padding: 0.5em 1em 0.5em 2em; /* LTR */
160 }
161 ol.task-list li.active {
162 background: transparent url(images/task-list.png) no-repeat 3px 50%; /* LTR */
163 }
164 ol.task-list li.done {
165 color: #393;
166 background: transparent url(../../misc/watchdog-ok.png) no-repeat 0px 50%; /* LTR */
167 }
168 ol.task-list li.active {
169 margin-right: 1em; /* LTR */
170 }
171
172 fieldset ul.clear-block li {
173 margin: 0;
174 padding: 0;
175 background-image: none;
176 }
177
178 dl {
179 margin: 0.5em 0 1em 1.5em; /* LTR */
180 }
181
182 dl dt {
183 }
184
185 dl dd {
186 margin: 0 0 .5em 1.5em; /* LTR */
187 }
188
189 img, a img {
190 border: none;
191 }
192
193 table {
194 margin: 1em 0;
195 width: 100%;
196 }
197
198 thead th {
199 border-bottom: 2px solid #d3e7f4;
200 color: #494949;
201 font-weight: bold;
202 }
203
204 th a:link, th a:visited {
205 color: #6f9dbd;
206 }
207
208 td, th {
209 padding: .3em .5em;
210 }
211
212 tr.even, tr.odd, tbody th {
213 border: solid #d3e7f4;
214 border-width: 1px 0;
215 }
216
217 tr.odd, tr.info {
218 background-color: #edf5fa;
219 }
220
221 tr.even {
222 background-color: #fff;
223 }
224
225 tr.drag {
226 background-color: #fffff0;
227 }
228
229 tr.drag-previous {
230 background-color: #ffd;
231 }
232
233 tr.odd td.active {
234 background-color: #ddecf5;
235 }
236
237 tr.even td.active {
238 background-color: #e6f1f7;
239 }
240
241 td.region, td.module, td.container, td.category {
242 border-top: 1.5em solid #fff;
243 border-bottom: 1px solid #b4d7f0;
244 background-color: #d4e7f3;
245 color: #455067;
246 font-weight: bold;
247 }
248
249 tr:first-child td.region, tr:first-child td.module, tr:first-child td.container, tr:first-child td.category {
250 border-top-width: 0;
251 }
252
253 span.form-required {
254 color: #ffae00;
255 }
256
257 span.submitted, .description {
258 font-size: 0.92em;
259 color: #898989;
260 }
261
262 .description {
263 line-height: 150%;
264 margin-bottom: 0.75em;
265 color: #898989;
266 }
267
268 .messages, .preview {
269 margin: .75em 0 .75em;
270 padding: .5em 1em;
271 }
272
273 .messages ul {
274 margin: 0;
275 }
276
277 .form-checkboxes, .form-radios, .form-checkboxes .form-item, .form-radios .form-item {
278 margin: 0.25em 0;
279 }
280
281 #center form {
282 margin-bottom: 2em;
283 }
284
285 .form-button, .form-submit {
286 margin: 2em 0.5em 1em 0; /* LTR */
287 }
288
289 #dblog-form-overview .form-submit,
290 .confirmation .form-submit,
291 .search-form .form-submit,
292 .poll .form-submit,
293 fieldset .form-button, fieldset .form-submit,
294 .sidebar .form-button, .sidebar .form-submit,
295 table .form-button, table .form-submit {
296 margin: 0;
297 }
298
299 .box {
300 margin-bottom: 2.5em;
301 }
302
303 /**
304 * Layout
305 */
306 #header-region {
307 min-height: 1em;
308 background: #d2e6f3 url(images/bg-navigation.png) repeat-x 50% 100%;
309 }
310
311 #header-region .block {
312 display: block;
313 margin: 0 1em;
314 }
315
316 #header-region .block-region {
317 display: block;
318 margin: 0 0.5em 1em;
319 padding: 0.5em;
320 position: relative;
321 top: 0.5em;
322 }
323
324 #header-region * {
325 display: inline;
326 line-height: 1.5em;
327 margin-top: 0;
328 margin-bottom: 0;
329 }
330
331 /* Prevent the previous directive from showing the content of script elements in Mozilla browsers. */
332 #header-region script {
333 display: none;
334 }
335
336 #header-region p, #header-region img {
337 margin-top: 0.5em;
338 }
339
340 #header-region h2 {
341 margin: 0 1em 0 0; /* LTR */
342 }
343
344 #header-region h3, #header-region label, #header-region li {
345 margin: 0 1em;
346 padding: 0;
347 background: none;
348 }
349
350 #wrapper {
351 background: #edf5fa url(images/body.png) repeat-x 50% 0;
352 }
353
354 #wrapper #container {
355 margin: 0 auto;
356 padding: 0 20px;
357 max-width: 1270px;
358 }
359
360 #wrapper #container #header {
361 height: 80px;
362 }
363
364 #wrapper #container #header #logo-floater {
365 position: absolute;
366 }
367
368 #wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
369 line-height: 120px;
370 position: relative;
371 z-index: 2;
372 white-space: nowrap;
373 }
374
375 #wrapper #container #header h1 span {
376 font-weight: bold;
377 }
378
379 #wrapper #container #header h1 img {
380 padding-top: 16px;
381 padding-right: 20px; /* LTR */
382 float: left; /* LTR */
383 }
384
385 /* With 3 columns, require a minimum width of 1000px to ensure there is enough horizontal space. */
386 body.sidebars {
387 min-width: 980px;
388 }
389 /* With 2 columns, require a minimum width of 800px. */
390 body.sidebar-left, body.sidebar-right {
391 min-width: 780px;
392 }
393
394 /* We must define 100% width to avoid the body being too narrow for near-empty pages */
395 #wrapper #container #center {
396 float: left;
397 width: 100%;
398 }
399
400 /* So we move the #center container over the sidebars to compensate */
401 body.sidebar-left #center {
402 margin-left: -210px;
403 }
404 body.sidebar-right #center {
405 margin-right: -210px;
406 }
407 body.sidebars #center {
408 margin: 0 -210px;
409 }
410
411 /* And add blanks left and right for the sidebars to fill */
412 body.sidebar-left #squeeze {
413 margin-left: 210px;
414 }
415 body.sidebar-right #squeeze {
416 margin-right: 210px;
417 }
418 body.sidebars #squeeze {
419 margin: 0 210px;
420 }
421
422 /* We ensure the sidebars are still clickable using z-index */
423 #wrapper #container .sidebar {
424 margin: 60px 0 5em;
425 width: 210px;
426 float: left;
427 z-index: 2;
428 position: relative;
429 }
430
431 #wrapper #container .sidebar .block {
432 margin: 0 0 1.5em 0;
433 }
434
435 #sidebar-left .block {
436 padding: 0 15px 0 0px;
437 }
438
439 #sidebar-right .block {
440 padding: 0 0px 0 15px;
441 }
442
443 .block .content {
444 margin: 0.5em 0;
445 }
446
447 #sidebar-left .block-region {
448 margin: 0 15px 0 0px; /* LTR */
449 }
450
451 #sidebar-right .block-region {
452 margin: 0 0px 0 15px; /* LTR */
453 }
454
455 .block-region {
456 padding: 1em;
457 background: transparent;
458 border: 2px dashed #b4d7f0;
459 text-align: center;
460 font-size: 1.3em;
461 }
462
463 /* Now we add the backgrounds for the main content shading */
464 #wrapper #container #center #squeeze {
465 background: #fff url(images/bg-content.png) repeat-x 50% 0;
466 position: relative;
467 }
468
469 #wrapper #container #center .right-corner {
470 background: transparent url(images/bg-content-right.png) no-repeat 100% 0;
471 position: relative;
472 left: 10px;
473 }
474
475 #wrapper #container #center .right-corner .left-corner {
476 padding: 60px 25px 5em 35px;
477 background: transparent url(images/bg-content-left.png) no-repeat 0 0;
478 margin-left: -10px;
479 position: relative;
480 left: -10px;
481 min-height: 400px;
482 }
483
484 #wrapper #container #footer {
485 float: none;
486 clear: both;
487 text-align: center;
488 margin: 4em 0 -3em;
489 color: #898989;
490 }
491
492 #wrapper #container .breadcrumb {
493 position: absolute;
494 top: 15px;
495 left: 35px; /* LTR */
496 z-index: 3;
497 }
498
499 body.sidebar-left #footer {
500 margin-left: -210px;
501 }
502
503 body.sidebar-right #footer {
504 margin-right: -210px;
505 }
506
507 body.sidebars #footer {
508 margin: 0 -210px;
509 }
510
511 /**
512 * Header
513 */
514 #wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
515 color: #fff;
516 font-weight: normal;
517 text-shadow: #1659ac 0px 1px 3px;
518 font-size: 1.5em;
519 }
520
521 #wrapper #container #header h1 a:hover {
522 text-decoration: none;
523 }
524
525 #wrapper #container .breadcrumb {
526 font-size: 0.92em;
527 }
528
529 #wrapper #container .breadcrumb, #wrapper #container .breadcrumb a {
530 color: #529ad6;
531 }
532
533 #mission {
534 padding: 1em;
535 background-color: #fff;
536 border: 1px solid #e0e5fb;
537 margin-bottom: 2em;
538 }
539
540 /**
541 * Primary navigation
542 */
543 ul.primary-links {
544 margin: 0;
545 padding: 0;
546 float: right; /* LTR */
547 position: relative;
548 z-index: 4;
549 }
550
551 ul.primary-links li {
552 margin: 0;
553 padding: 0;
554 float: left; /* LTR */
555 background-image: none;
556 }
557
558 ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited {
559 display: block;
560 margin: 0 1em;
561 padding: .75em 0 0;
562 color: #fff;
563 background: transparent url(images/bg-navigation-item.png) no-repeat 50% 0;
564 }
565
566 ul.primary-links li a:hover, ul.primary-links li a.active {
567 color: #fff;
568 background: transparent url(images/bg-navigation-item-hover.png) no-repeat 50% 0;
569 }
570
571 /**
572 * Secondary navigation
573 */
574 ul.secondary-links {
575 margin: 0;
576 padding: 18px 0 0;
577 float: right; /* LTR */
578 clear: right; /* LTR */
579 position: relative;
580 z-index: 4;
581 }
582
583 ul.secondary-links li {
584 margin: 0;
585 padding: 0;
586 float: left; /* LTR */
587 background-image: none;
588 }
589
590 ul.secondary-links li a, ul.secondary-links li a:link, ul.secondary-links li a:visited {
591 display: block;
592 margin: 0 1em;
593 padding: .75em 0 0;
594 color: #cde3f1;
595 background: transparent;
596 }
597
598 ul.secondary-links li a:hover, ul.secondary-links li a.active {
599 color: #cde3f1;
600 background: transparent;
601 }
602
603 /**
604 * Local tasks
605 */
606 ul.primary, ul.primary li, ul.secondary, ul.secondary li {
607 border: 0;
608 background: none;
609 margin: 0;
610 padding: 0;
611 }
612
613 #tabs-wrapper {
614 margin: 0 -26px 1em;
615 padding: 0 26px;
616 border-bottom: 1px solid #e9eff3;
617 position: relative;
618 }
619 ul.primary {
620 padding: 0.5em 0 10px;
621 float: left; /* LTR */
622 }
623 ul.secondary {
624 clear: both;
625 text-align: left; /* LTR */
626 border-bottom: 1px solid #e9eff3;
627 margin: -0.2em -26px 1em;
628 padding: 0 26px 0.6em;
629 }
630 h2.with-tabs {
631 float: left; /* LTR */
632 margin: 0 2em 0 0; /* LTR */
633 padding: 0;
634 }
635
636 ul.primary li a, ul.primary li.active a, ul.primary li a:hover, ul.primary li a:visited,
637 ul.secondary li a, ul.secondary li.active a, ul.secondary li a:hover, ul.secondary li a:visited {
638 border: 0;
639 background: transparent;
640 padding: 4px 1em;
641 margin: 0 0 0 1px; /* LTR */
642 height: auto;
643 text-decoration: none;
644 position: relative;
645 top: -1px;
646 }
647 ul.primary li.active a, ul.primary li.active a:link, ul.primary li.active a:visited, ul.primary li a:hover,
648 ul.secondary li.active a, ul.secondary li.active a:link, ul.secondary li.active a:visited, ul.secondary li a:hover {
649 background: url(images/bg-tab.png) repeat-x 0 50%;
650 color: #fff;
651 }
652 ul.primary li.active a,
653 ul.secondary li.active a {
654 font-weight: bold;
655 }
656
657 /**
658 * Nodes & comments
659 */
660 .node {
661 border-bottom: 1px solid #e9eff3;
662 margin: -1.5em -26px 1.5em;
663 padding: 1.5em 26px;
664 }
665
666 ul.links li, ul.inline li {
667 margin-left: 0;
668 margin-right: 0;
669 padding-left: 0; /* LTR */
670 padding-right: 1em; /* LTR */
671 background-image: none;
672 }
673
674 .node .links, .comment .links {
675 text-align: left; /* LTR */
676 }
677
678 .node .links ul.links li, .comment .links ul.links li {}
679 .terms ul.links li {
680 margin-left: 0;
681 margin-right: 0;
682 padding-right: 0;
683 padding-left: 1em;
684 }
685
686 .picture, .comment .submitted {
687 float: right; /* LTR */
688 clear: right; /* LTR */
689 padding-left: 1em; /* LTR */
690 }
691
692 .new {
693 color: #ffae00;
694 font-size: 0.92em;
695 font-weight: bold;
696 float: right; /* LTR */
697 }
698
699 .terms {
700 float: right; /* LTR */
701 }
702
703 .preview .node, .preview .comment, .sticky {
704 margin: 0;
705 padding: 0.5em 0;
706 border: 0;
707 background: 0;
708 }
709
710 .sticky {
711 padding: 1em;
712 background-color: #fff;
713 border: 1px solid #e0e5fb;
714 margin-bottom: 2em;
715 }
716
717 #comments {
718 position: relative;
719 top: -1px;
720 border-bottom: 1px solid #e9eff3;
721 margin: -1.5em -25px 0;
722 padding: 0 25px;
723 }
724
725 #comments h2.comments {
726 margin: 0 -25px;
727 padding: .5em 25px;
728 background: #fff url(images/gradient-inner.png) repeat-x 0 0;
729 }
730
731 .comment {
732 margin: 0 -25px;
733 padding: 1.5em 25px 1.5em;
734 border-top: 1px solid #e9eff3;
735 }
736
737 .indented {
738 margin-left: 25px; /* LTR */
739 }
740
741 .comment h3 a.active {
742 color: #494949;
743 }
744
745 .node .content, .comment .content {
746 margin: 0.6em 0;
747 }
748
749 /**
750 * Aggregator.module
751 */
752 #aggregator {
753 margin-top: 1em;
754 }
755 #aggregator .feed-item-title {
756 font-size: 160%;
757 line-height: 130%;
758 }
759 #aggregator .feed-item {
760 border-bottom: 1px solid #e9eff3;
761 margin: -1.5em -31px 1.75em;
762 padding: 1.5em 31px;
763 }
764 #aggregator .feed-item-categories {
765 font-size: 0.92em;
766 }
767 #aggregator .feed-item-meta {
768 font-size: 0.92em;
769 color: #898989;
770 }
771
772 /**
773 * Color.module
774 */
775 #palette .form-item {
776 border: 1px solid #fff;
777 }
778 #palette .item-selected {
779 background: #fff url(images/gradient-inner.png) repeat-x 0 0;
780 border: 1px solid #d9eaf5;
781 }
782
783 /**
784 * Menu.module
785 */
786 tr.menu-disabled {
787 opacity: 0.5;
788 }
789 tr.odd td.menu-disabled {
790 background-color: #edf5fa;
791 }
792 tr.even td.menu-disabled {
793 background-color: #fff;
794 }
795
796 /**
797 * Poll.module
798 */
799 .poll .bar {
800 background: #fff url(images/bg-bar-white.png) repeat-x 0 0;
801 border: solid #f0f0f0;
802 border-width: 0 1px 1px;
803 }
804
805 .poll .bar .foreground {
806 background: #71a7cc url(images/bg-bar.png) repeat-x 0 100%;
807 }
808
809 .poll .percent {
810 font-size: .9em;
811 }
812
813 /**
814 * Autocomplete.
815 */
816 #autocomplete li {
817 cursor: default;
818 padding: 2px;
819 margin: 0;
820 }
821
822 /**
823 * Collapsible fieldsets
824 */
825 fieldset {
826 margin: 1em 0;
827 padding: 1em;
828 border: 1px solid #d9eaf5;
829 background: #fff url(images/gradient-inner.png) repeat-x 0 0;
830 }
831
832 /* Targets IE 7. Fixes background image in field sets. */
833 *:first-child+html fieldset {
834 padding: 0 1em 1em;
835 background-position: 0 .75em;
836 background-color: transparent;
837 }
838
839 *:first-child+html fieldset > .description, *:first-child+html fieldset .fieldset-wrapper .description {
840 padding-top: 1em;
841 }
842
843 fieldset legend {
844 /* Fix disappearing legend in FFox */
845 display: block;
846 }
847
848 *:first-child+html fieldset legend, *:first-child+html fieldset.collapsed legend {
849 display: inline;
850 }
851
852 html.js fieldset.collapsed {
853 background: transparent;
854 padding-top: 0;
855 padding-bottom: .6em;
856 }
857
858 html.js fieldset.collapsible legend a {
859 padding-left: 2em; /* LTR */
860 background: url(images/menu-expanded.gif) no-repeat 0% 50%; /* LTR */
861 }
862
863 html.js fieldset.collapsed legend a {
864 background: url(images/menu-collapsed.gif) no-repeat 0% 50%; /* LTR */
865 }
866
867 /**
868 * Syndication icons and block
869 */
870 #block-node-0 h2 {
871 float: left; /* LTR */
872 padding-right: 20px; /* LTR */
873 }
874
875 #block-node-0 img, .feed-icon {
876 float: right; /* LTR */
877 padding-top: 4px;
878 }
879
880 #block-node-0 .content {
881 clear: right; /* LTR */
882 }
883
884 /**
885 * Login Block
886 */
887 #user-login-form {
888 text-align: center;
889 }
890 #user-login-form ul {
891 text-align: left; /* LTR */
892 }
893
894 /**
895 * User profiles.
896 */
897 .profile {
898 margin-top: 1.5em;
899 }
900 .profile h3 {
901 border-bottom: 0;
902 margin-bottom: 1em;
903 }
904 .profile dl {
905 margin: 0;
906 }
907 .profile dt {
908 font-weight: normal;
909 color: #898989;
910 font-size: 0.92em;
911 line-height: 1.3em;
912 margin-top: 1.4em;
913 margin-bottom: 0.45em;
914 }
915 .profile dd {
916 margin-bottom: 1.6em;
917 }
918
919 /**
920 * Admin Styles
921 */
922 div.admin-panel,
923 div.admin-panel .description,
924 div.admin-panel .body,
925 div.admin,
926 div.admin .left,
927 div.admin .right,
928 div.admin .expert-link,
929 div.item-list,
930 .menu {
931 margin: 0;
932 padding: 0;
933 }
934
935 div.admin .left {
936 float: left; /* LTR */
937 width: 48%;
938 }
939 div.admin .right {
940 float: right; /* LTR */
941 width: 48%;
942 }
943
944 div.admin-panel {
945 background: #fff url(images/gradient-inner.png) repeat-x 0 0;
946 padding: 1em 1em 1.5em;
947 }
948 div.admin-panel .description {
949 margin-bottom: 1.5em;
950 }
951 div.admin-panel dl {
952 margin: 0;
953 }
954 div.admin-panel dd {
955 color: #898989;
956 font-size: 0.92em;
957 line-height: 1.3em;
958 margin-top: -.2em;
959 margin-bottom: .65em;
960 }
961
962 table.system-status-report th {
963 border-color: #d3e7f4;
964 }
965
966 #autocomplete li.selected, tr.selected td, tr.selected td.active {
967 background: #027ac6;
968 color: #fff;
969 }
970
971 tr.selected td a:link, tr.selected td a:visited, tr.selected td a:active {
972 color: #d3e7f4;
973 }
974
975 tr.taxonomy-term-preview {
976 opacity: 0.5;
977 }
978
979 tr.taxonomy-term-divider-top {
980 border-bottom: none;
981 }
982
983 tr.taxonomy-term-divider-bottom {
984 border-top: 1px dotted #CCC;
985 }
986
987 /**
988 * CSS support
989 */
990
991 /*******************************************************************
992 * Color Module: Don't touch *
993 *******************************************************************/
994
995 /**
996 * Generic elements.
997 */
998 .messages {
999 background-color: #fff;
1000 border: 1px solid #b8d3e5;
1001 }
1002
1003 .preview {
1004 background-color: #fcfce8;
1005 border: 1px solid #e5e58f;
1006 }
1007
1008 div.status {
1009 color: #33a333;
1010 border-color: #c7f2c8;
1011 }
1012
1013 div.error, tr.error {
1014 color: #a30000;
1015 background-color: #FFCCCC;
1016 }
1017
1018 .form-item input.error, .form-item textarea.error {
1019 border: 1px solid #c52020;
1020 color: #363636;
1021 }
1022
1023 /**
1024 * dblog.module
1025 */
1026 tr.dblog-user {
1027 background-color: #fcf9e5;
1028 }
1029
1030 tr.dblog-user td.active {
1031 background-color: #fbf5cf;
1032 }
1033
1034 tr.dblog-content {
1035 background-color: #fefefe;
1036 }
1037
1038 tr.dblog-content td.active {
1039 background-color: #f5f5f5;
1040 }
1041
1042 tr.dblog-warning {
1043 background-color: #fdf5e6;
1044 }
1045
1046 tr.dblog-warning td.active {
1047 background-color: #fdf2de;
1048 }
1049
1050 tr.dblog-error {
1051 background-color: #fbe4e4;
1052 }
1053
1054 tr.dblog-error td.active {
1055 background-color: #fbdbdb;
1056 }
1057 tr.dblog-page-not-found, tr.dblog-access-denied {
1058 background: #d7ffd7;
1059 }
1060 tr.dblog-page-not-found td.active, tr.dblog-access-denied td.active {
1061 background: #c7eec7;
1062 }
1063
1064 /**
1065 * Status report colors.
1066 */
1067 table.system-status-report tr.error, table.system-status-report tr.error th {
1068 background-color: #fcc;
1069 border-color: #ebb;
1070 color: #200;
1071 }
1072 table.system-status-report tr.warning, table.system-status-report tr.warning th {
1073 background-color: #ffd;
1074 border-color: #eeb;
1075 }
1076 table.system-status-report tr.ok, table.system-status-report tr.ok th {
1077 background-color: #dfd;
1078 border-color: #beb;
1079 }