comparison drupal6-reference.css @ 0:1700a4568043

Initial import
author Chris Cannam
date Thu, 23 Jun 2011 10:31:17 +0100
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:1700a4568043
1 /* $Id: drupal6-reference.css,v 1.1.2.1 2009/02/13 07:32:26 johnalbin Exp $ */
2
3 /**
4 * @file
5 * DRUPAL 6.x Reference CSS
6 *
7 * THIS FILE IS FOR REFERENCE ONLY AND IS NOT USED IN ANY WAY BY THE ZEN THEME.
8 *
9 * Drupal has very modular CSS. Which means that only the CSS that is needed
10 * for a particular page is loaded. This is a good thing.
11 *
12 * However, this makes it difficult for theme developers to discover how and
13 * where a particular style is coming from. So, here in all its glory is the
14 * complete CSS included with Drupal core 6.x.
15 *
16 * And, if you're not already, you should check out the free Firebug extension
17 * for Firefox. With it, you can inspect elements and easily view and play with
18 * its CSS styles. http://www.getfirebug.com
19 */
20
21
22 /*
23 * modules/aggregator/aggregator-rtl.css
24 */
25
26 #aggregator .feed-source .feed-icon {
27 float: left;
28 }
29
30
31 /*
32 * modules/aggregator/aggregator.css
33 */
34
35 #aggregator .feed-source .feed-title {
36 margin-top: 0;
37 }
38 #aggregator .feed-source .feed-image img {
39 margin-bottom: 0.75em;
40 }
41 #aggregator .feed-source .feed-icon {
42 float: right; /* LTR */
43 display: block;
44 }
45 #aggregator .feed-item {
46 margin-bottom: 1.5em;
47 }
48 #aggregator .feed-item-title {
49 margin-bottom: 0;
50 font-size: 1.3em;
51 }
52 #aggregator .feed-item-meta, #aggregator .feed-item-body {
53 margin-bottom: 0.5em;
54 }
55 #aggregator .feed-item-categories {
56 font-size: 0.9em;
57 }
58 #aggregator td {
59 vertical-align: bottom;
60 }
61 #aggregator td.categorize-item {
62 white-space: nowrap;
63 }
64 #aggregator .categorize-item .news-item .body {
65 margin-top: 0;
66 }
67 #aggregator .categorize-item h3 {
68 margin-bottom: 1em;
69 margin-top: 0;
70 }
71
72
73 /*
74 * modules/block/block.css
75 */
76
77 #blocks td.region {
78 font-weight: bold;
79 }
80 #blocks tr.region-message {
81 font-weight: normal;
82 color: #999;
83 }
84 #blocks tr.region-populated {
85 display: none;
86 }
87 .block-region {
88 background-color: #ff6;
89 margin-top: 4px;
90 margin-bottom: 4px;
91 padding: 3px;
92 }
93
94
95 /*
96 * modules/book/book-rtl.css
97 */
98
99 .book-navigation .page-previous {
100 float: right;
101 }
102 .book-navigation .page-up {
103 float: right;
104 }
105
106
107 /*
108 * modules/book/book.css
109 */
110
111 .book-navigation .menu {
112 border-top: 1px solid #888;
113 padding: 1em 0 0 3em;
114 }
115 .book-navigation .page-links {
116 border-top: 1px solid #888;
117 border-bottom: 1px solid #888;
118 text-align: center;
119 padding: 0.5em;
120 }
121 .book-navigation .page-previous {
122 text-align: left;
123 width: 42%;
124 display: block;
125 float: left; /* LTR */
126 }
127 .book-navigation .page-up {
128 margin: 0 5%;
129 width: 4%;
130 display: block;
131 float: left; /* LTR */
132 }
133 .book-navigation .page-next {
134 text-align: right;
135 width: 42%;
136 display: block;
137 float: right;
138 }
139 #book-outline {
140 min-width: 56em;
141 }
142 .book-outline-form .form-item {
143 margin-top: 0;
144 margin-bottom: 0;
145 }
146 #edit-book-bid-wrapper .description {
147 clear: both;
148 }
149 #book-admin-edit select {
150 margin-right: 24px;
151 }
152 #book-admin-edit select.progress-disabled {
153 margin-right: 0;
154 }
155 #book-admin-edit tr.ahah-new-content {
156 background-color: #ffd;
157 }
158 #book-admin-edit .form-item {
159 float: left;
160 }
161
162
163 /*
164 * modules/color/color-rtl.css
165 */
166
167 #placeholder {
168 left: 0;
169 right: auto;
170 }
171
172 /* Palette */
173 .color-form .form-item {
174 padding-left: 0;
175 padding-right: 1em;
176 }
177 .color-form label {
178 float: right;
179 clear: right;
180 }
181 .color-form .form-text, .color-form .form-select {
182 float: right;
183 }
184 .color-form .form-text {
185 margin-right: 0;
186 margin-left: 5px;
187 }
188
189 #palette .hook {
190 float: right;
191 }
192 #palette .down, #palette .up, #palette .both {
193 background: url(images/hook-rtl.png) no-repeat 0 0;
194 }
195 #palette .up {
196 background-position: 0 -27px;
197 }
198 #palette .both {
199 background-position: 0 -54px;
200 }
201
202 #palette .lock {
203 float: right;
204 right: -10px;
205 }
206 html.js #preview {
207 float: right;
208 }
209
210
211 /*
212 * modules/color/color.css
213 */
214
215 /* Farbtastic placement */
216 .color-form {
217 max-width: 50em;
218 position: relative;
219 }
220 #placeholder {
221 position: absolute;
222 top: 0;
223 right: 0; /* LTR */
224 }
225
226 /* Palette */
227 .color-form .form-item {
228 height: 2em;
229 line-height: 2em;
230 padding-left: 1em; /* LTR */
231 margin: 0.5em 0;
232 }
233 .color-form label {
234 float: left; /* LTR */
235 clear: left; /* LTR */
236 width: 10em;
237 }
238 .color-form .form-text, .color-form .form-select {
239 float: left; /* LTR */
240 }
241 .color-form .form-text {
242 text-align: center;
243 margin-right: 5px; /* LTR */
244 cursor: pointer;
245 }
246
247 #palette .hook {
248 float: left; /* LTR */
249 margin-top: 3px;
250 width: 16px;
251 height: 16px;
252 }
253 #palette .down, #palette .up, #palette .both {
254 background: url(images/hook.png) no-repeat 100% 0; /* LTR */
255 }
256 #palette .up {
257 background-position: 100% -27px; /* LTR */
258 }
259 #palette .both {
260 background-position: 100% -54px; /* LTR */
261 }
262
263 #palette .lock {
264 float: left; /* LTR */
265 position: relative;
266 top: -1.4em;
267 left: -10px; /* LTR */
268 width: 20px;
269 height: 25px;
270 background: url(images/lock.png) no-repeat 50% 2px;
271 cursor: pointer;
272 }
273 #palette .unlocked {
274 background-position: 50% -22px;
275 }
276 #palette .form-item {
277 width: 20em;
278 }
279 #palette .item-selected {
280 background: #eee;
281 }
282
283 /* Preview */
284 #preview {
285 display: none;
286 }
287 html.js #preview {
288 display: block;
289 position: relative;
290 float: left; /* LTR */
291 }
292
293
294 /*
295 * modules/comment/comment-rtl.css
296 */
297
298 .indented {
299 margin-left: 0;
300 margin-right: 25px;
301 }
302
303
304 /*
305 * modules/comment/comment.css
306 */
307
308 .indented {
309 margin-left: 25px; /* LTR */
310 }
311 .comment-unpublished {
312 background-color: #fff4f4;
313 }
314 .preview .comment {
315 background-color: #ffffea;
316 }
317
318
319 /*
320 * modules/dblog/dblog-rtl.css
321 */
322
323 #dblog-filter-form .form-item {
324 float: right;
325 padding-right: 0;
326 padding-left: .8em;
327 }
328
329
330 /*
331 * modules/dblog/dblog.css
332 */
333
334 #dblog-filter-form .form-item {
335 float: left; /* LTR */
336 padding-right: .8em; /* LTR */
337 margin: 0.1em;
338 /**
339 * In Opera 9, DOM elements with the property of "overflow: auto"
340 * will partially hide its contents with unnecessary scrollbars when
341 * its immediate child is floated without an explicit width set.
342 */
343 width: 15em;
344 }
345 #dblog-filter-form .form-item select.form-select {
346 width: 100%;
347 }
348 tr.dblog-user {
349 background: #ffd;
350 }
351 tr.dblog-user .active {
352 background: #eed;
353 }
354 tr.dblog-content {
355 background: #ddf;
356 }
357 tr.dblog-content .active {
358 background: #cce;
359 }
360 tr.dblog-page-not-found, tr.dblog-access-denied {
361 background: #dfd;
362 }
363 tr.dblog-page-not-found .active, tr.dblog-access-denied .active {
364 background: #cec;
365 }
366 tr.dblog-error {
367 background: #ffc9c9;
368 }
369 tr.dblog-error .active {
370 background: #eeb9b9;
371 }
372
373
374 /*
375 * modules/forum/forum-rtl.css
376 */
377
378 #forum tr td.forum {
379 padding-left: 0.5em;
380 padding-right: 25px;
381 background-position: 98% 2px;
382 }
383 .forum-topic-navigation {
384 padding: 1em 3em 0 0;
385 }
386 .forum-topic-navigation .topic-previous {
387 text-align: left;
388 float: right;
389 }
390 .forum-topic-navigation .topic-next {
391 text-align: right;
392 float: left;
393 }
394
395
396 /*
397 * modules/forum/forum.css
398 */
399
400 #forum .description {
401 font-size: 0.9em;
402 margin: 0.5em;
403 }
404 #forum td.created, #forum td.posts, #forum td.topics, #forum td.last-reply, #forum td.replies, #forum td.pager {
405 white-space: nowrap;
406 }
407 #forum td.posts, #forum td.topics, #forum td.replies, #forum td.pager {
408 text-align: center;
409 }
410 #forum tr td.forum {
411 padding-left: 25px; /* LTR */
412 background-position: 2px 2px; /* LTR */
413 background-image: url(../../misc/forum-default.png);
414 background-repeat: no-repeat;
415 }
416 #forum tr.new-topics td.forum {
417 background-image: url(../../misc/forum-new.png);
418 }
419 #forum div.indent {
420 margin-left: 20px;
421 }
422
423 .forum-topic-navigation {
424 padding: 1em 0 0 3em; /* LTR */
425 border-top: 1px solid #888;
426 border-bottom: 1px solid #888;
427 text-align: center;
428 padding: 0.5em;
429 }
430 .forum-topic-navigation .topic-previous {
431 text-align: right; /* LTR */
432 float: left; /* LTR */
433 width: 46%;
434 }
435 .forum-topic-navigation .topic-next {
436 text-align: left; /* LTR */
437 float: right; /* LTR */
438 width: 46%;
439 }
440
441
442 /*
443 * modules/help/help-rtl.css
444 */
445
446 .help-items {
447 float: right;
448 padding-right: 0;
449 padding-left: 3%;
450 }
451 .help-items-last {
452 padding-right: 0;
453 padding-left: 0;
454 }
455
456
457 /*
458 * modules/help/help.css
459 */
460
461 .help-items {
462 float: left; /* LTR */
463 width: 22%;
464 padding-right: 3%; /* LTR */
465 }
466 .help-items-last {
467 padding-right: 0; /* LTR */
468 }
469
470
471 /*
472 * modules/locale/locale.css
473 */
474
475 .locale-untranslated {
476 font-style: normal;
477 text-decoration: line-through;
478 }
479
480
481 /*
482 * modules/node/node-rtl.css
483 */
484
485 #node-admin-buttons {
486 float: right;
487 margin-left: 0;
488 margin-right: 0.5em;
489 clear: left;
490 }
491
492
493 /*
494 * modules/node/node.css
495 */
496
497 .node-unpublished {
498 background-color: #fff4f4;
499 }
500 .preview .node {
501 background-color: #ffffea;
502 }
503 #node-admin-filter ul {
504 list-style-type: none;
505 padding: 0;
506 margin: 0;
507 width: 100%;
508 }
509 #node-admin-buttons {
510 float: left; /* LTR */
511 margin-left: 0.5em; /* LTR */
512 clear: right; /* LTR */
513 }
514 td.revision-current {
515 background: #ffc;
516 }
517 .node-form .form-text {
518 display: block;
519 width: 95%;
520 }
521 .node-form .container-inline .form-text {
522 display: inline;
523 width: auto;
524 }
525 .node-form .standard {
526 clear: both;
527 }
528 .node-form textarea {
529 display: block;
530 width: 95%;
531 }
532 .node-form .attachments fieldset {
533 float: none;
534 display: block;
535 }
536 .terms-inline {
537 display: inline;
538 }
539
540
541 /*
542 * modules/openid/openid.css
543 */
544
545 #edit-openid-identifier {
546 background-image: url("login-bg.png");
547 background-position: 0% 50%;
548 background-repeat: no-repeat;
549 padding-left: 20px;
550 }
551
552 div#edit-openid-identifier-wrapper {
553 display: block;
554 }
555
556 html.js #user-login-form div#edit-openid-identifier-wrapper,
557 html.js #user-login div#edit-openid-identifier-wrapper {
558 display: none;
559 }
560
561 html.js #user-login-form li.openid-link,
562 html.js #user-login li.openid-link {
563 display : block;
564 }
565
566 #user-login-form ul {
567 margin-top: 0;
568 }
569
570 #user-login-form li.openid-link,
571 #user-login-form li.user-link,
572 #user-login li.openid-link,
573 #user-login li.user-link {
574 display: none;
575 }
576
577 #user-login-form li.openid-link,
578 #user-login-form li.user-link {
579 text-align : left;
580 }
581
582 #user-login-form li.openid-link,
583 #user-login li.openid-link {
584 background: transparent url(login-bg.png) no-repeat scroll 1px 0.35em;
585 }
586
587
588 /*
589 * modules/poll/poll-rtl.css
590 */
591
592 .poll .bar .foreground {
593 float: right;
594 }
595 .poll .percent {
596 text-align: left;
597 }
598 .poll .vote-form .choices {
599 text-align: right;
600 }
601
602
603 /*
604 * modules/poll/poll.css
605 */
606
607 .poll .bar {
608 height: 1em;
609 margin: 1px 0;
610 background-color: #ddd;
611 }
612 .poll .bar .foreground {
613 background-color: #000;
614 height: 1em;
615 float: left; /* LTR */
616 }
617 .poll .links {
618 text-align: center;
619 }
620 .poll .percent {
621 text-align: right; /* LTR */
622 }
623 .poll .total {
624 text-align: center;
625 }
626 .poll .vote-form {
627 text-align: center;
628 }
629 .poll .vote-form .choices {
630 text-align: left; /* LTR */
631 margin: 0 auto;
632 display: table;
633 }
634 .poll .vote-form .choices .title {
635 font-weight: bold;
636 }
637 .node-form #edit-poll-more {
638 margin: 0;
639 }
640 td.poll-chtext {
641 width: 80%;
642 }
643 td.poll-chvotes .form-text {
644 width: 85%;
645 }
646
647
648 /*
649 * modules/profile/profile.css
650 */
651
652 #profile-fields td.category {
653 font-weight: bold;
654 }
655 #profile-fields tr.category-message {
656 color: #999;
657 }
658 #profile-fields tr.category-populated {
659 display: none;
660 }
661
662
663 /*
664 * modules/search/search-rtl.css
665 */
666
667 .search-advanced .criterion {
668 float: right;
669 margin-right: 0;
670 margin-left: 2em;
671 }
672 .search-advanced .action {
673 float: right;
674 clear: right;
675 }
676
677
678 /*
679 * modules/search/search.css
680 */
681
682 .search-form {
683 margin-bottom: 1em;
684 }
685 .search-form input {
686 margin-top: 0;
687 margin-bottom: 0;
688 }
689 .search-results p {
690 margin-top: 0;
691 }
692 .search-results dt {
693 font-size: 1.1em;
694 }
695 .search-results dd {
696 margin-bottom: 1em;
697 }
698 .search-results .search-info {
699 font-size: 0.85em;
700 }
701 .search-advanced .criterion {
702 float: left; /* LTR */
703 margin-right: 2em; /* LTR */
704 }
705 .search-advanced .action {
706 float: left; /* LTR */
707 clear: left; /* LTR */
708 }
709
710
711 /*
712 * modules/system/admin-rtl.css
713 */
714
715 div.admin-panel .body {
716 padding: 0 8px 2px 4px;
717 }
718
719 div.admin .expert-link {
720 text-align: left;
721 margin-right: 0;
722 margin-left: 1em;
723 padding-right: 0;
724 padding-left: 4px;
725 }
726
727 table.system-status-report th, table.system-status-report tr.merge-up td {
728 padding-right: 30px;
729 }
730
731 table.system-status-report th {
732 background-position: 95% 50%;
733 }
734
735 table.screenshot {
736 margin-left: 1em;
737 }
738
739 .date-container {
740 clear: right;
741 }
742 .date-container .select-container, .date-container .custom-container {
743 float: right;
744 }
745 .date-container .custom-container {
746 margin-left: 0;
747 margin-right: 15px;
748 }
749
750
751
752 /*
753 * modules/system/admin.css
754 */
755
756 /*
757 ** Formatting for administration page
758 */
759 div.admin-panel {
760 margin: 0;
761 padding: 5px 5px 15px 5px;
762 }
763
764 div.admin-panel .description {
765 margin: 0 0 3px;
766 padding: 2px 0 3px 0;
767 }
768
769 div.admin-panel .body {
770 padding: 0 4px 2px 8px; /* LTR */
771 }
772
773 div.admin {
774 padding-top: 15px;
775 }
776
777 div.admin .left {
778 float: left;
779 width: 47%;
780 margin-left: 1em;
781 }
782 div.admin .right {
783 float: right;
784 width: 47%;
785 margin-right: 1em;
786 }
787
788 div.admin .expert-link {
789 text-align: right; /* LTR */
790 margin-right: 1em; /* LTR */
791 padding-right: 4px; /* LTR */
792 }
793
794 table.package {
795 width: 100%;
796 }
797 table.package .description {
798 width: 100%;
799 }
800 div.admin-dependencies, div.admin-required {
801 font-size: 0.9em;
802 color: #444;
803 }
804 span.admin-disabled {
805 color: #800;
806 }
807 span.admin-enabled {
808 color: #080;
809 }
810 span.admin-missing {
811 color: #f00;
812 }
813
814 /**
815 * Formatting for status report
816 */
817 table.system-status-report th {
818 border-bottom: 1px solid #ccc;
819 }
820 table.system-status-report th, table.system-status-report tr.merge-up td {
821 padding-left: 30px; /* LTR */
822 }
823 table.system-status-report th {
824 background-repeat: no-repeat;
825 background-position: 5px 50%; /* LTR */
826 padding-top: 6px;
827 padding-bottom: 6px;
828 }
829 table.system-status-report tr.error th {
830 background-image: url(../../misc/watchdog-error.png);
831 }
832 table.system-status-report tr.warning th {
833 background-image: url(../../misc/watchdog-warning.png);
834 }
835 table.system-status-report tr.ok th {
836 background-image: url(../../misc/watchdog-ok.png);
837 }
838
839 /**
840 * Formatting for theme configuration
841 */
842 .theme-settings-left {
843 float: left;
844 width: 49%;
845 }
846 .theme-settings-right {
847 float: right;
848 width: 49%;
849 }
850 .theme-settings-bottom {
851 clear: both;
852 }
853
854 /**
855 * Formatting for theme overview
856 */
857 table.screenshot {
858 margin-right: 1em; /* LTR */
859 }
860 .theme-info h2 {
861 margin-bottom: 0;
862 }
863 .theme-info p {
864 margin-top: 0;
865 }
866
867
868 /**
869 * Date and time settings page
870 */
871 .date-container {
872 overflow: auto;
873 clear: left; /* LTR */
874 }
875 .date-container .form-item {
876 margin-top: 0;
877 }
878 .date-container .select-container, .date-container .custom-container {
879 float: left; /* LTR */
880 }
881 .date-container .custom-container {
882 margin-left: 15px; /* LTR */
883 width: 50%;
884 }
885 html.js .custom-container label {
886 visibility: hidden;
887 }
888
889
890 /*
891 * modules/system/defaults-rtl.css
892 */
893
894 th {
895 text-align: right;
896 padding-right: 0;
897 padding-left: 1em;
898 }
899
900
901 /*
902 * modules/system/defaults.css
903 */
904
905 /*
906 ** HTML elements
907 */
908 fieldset {
909 margin-bottom: 1em;
910 padding: .5em;
911 }
912 form {
913 margin: 0;
914 padding: 0;
915 }
916 hr {
917 height: 1px;
918 border: 1px solid gray;
919 }
920 img {
921 border: 0;
922 }
923 table {
924 border-collapse: collapse;
925 }
926 th {
927 text-align: left; /* LTR */
928 padding-right: 1em; /* LTR */
929 border-bottom: 3px solid #ccc;
930 }
931
932 /*
933 ** Markup free clearing
934 ** Details: http://www.positioniseverything.net/easyclearing.html
935 */
936 .clear-block:after {
937 content: ".";
938 display: block;
939 height: 0;
940 clear: both;
941 visibility: hidden;
942 }
943
944 .clear-block {
945 display: inline-block;
946 }
947
948 /* Hides from IE-mac \*/
949 * html .clear-block {
950 height: 1%;
951 }
952 .clear-block {
953 display: block;
954 }
955 /* End hide from IE-mac */
956
957
958 /*
959 * modules/system/maintenance.css
960 */
961
962 /* Update styles */
963 #update-results {
964 margin-top: 3em;
965 padding: 0.25em;
966 border: 1px solid #ccc;
967 background: #eee;
968 font-size: smaller;
969 }
970 #update-results h2 {
971 margin-top: 0.25em;
972 }
973 #update-results h4 {
974 margin-bottom: 0.25em;
975 }
976 #update-results li.none {
977 color: #888;
978 font-style: italic;
979 }
980 #update-results li.failure strong {
981 color: #b63300;
982 }
983
984
985 /*
986 * modules/system/system-menus-rtl.css
987 */
988
989 ul.menu {
990 text-align:right;
991 }
992 ul.menu li {
993 margin: 0 0.5em 0 0;
994 }
995 li.expanded {
996 padding: 0.2em 0 0 0.5em;
997 }
998 li.collapsed {
999 list-style-image: url(../../misc/menu-collapsed-rtl.png);
1000 padding: 0.2em 0 0 0.5em;
1001 }
1002 li.leaf {
1003 padding: 0.2em 0 0 0.5em;
1004 }
1005
1006
1007 /*
1008 * modules/system/system-menus.css
1009 */
1010
1011 ul.menu {
1012 list-style: none;
1013 border: none;
1014 text-align:left; /* LTR */
1015 }
1016 ul.menu li {
1017 margin: 0 0 0 0.5em; /* LTR */
1018 }
1019 li.expanded {
1020 list-style-type: circle;
1021 list-style-image: url(../../misc/menu-expanded.png);
1022 padding: 0.2em 0.5em 0 0; /* LTR */
1023 margin: 0;
1024 }
1025 li.collapsed {
1026 list-style-type: disc;
1027 list-style-image: url(../../misc/menu-collapsed.png); /* LTR */
1028 padding: 0.2em 0.5em 0 0; /* LTR */
1029 margin: 0;
1030 }
1031 li.leaf {
1032 list-style-type: square;
1033 list-style-image: url(../../misc/menu-leaf.png);
1034 padding: 0.2em 0.5em 0 0; /* LTR */
1035 margin: 0;
1036 }
1037 li a.active {
1038 color: #000;
1039 }
1040 td.menu-disabled {
1041 background: #ccc;
1042 }
1043 ul.links {
1044 margin: 0;
1045 padding: 0;
1046 }
1047 ul.links.inline {
1048 display: inline;
1049 }
1050 ul.links li {
1051 display: inline;
1052 list-style-type: none;
1053 padding: 0 0.5em;
1054 }
1055 .block ul {
1056 margin: 0;
1057 padding: 0 0 0.25em 1em; /* LTR */
1058 }
1059
1060
1061 /*
1062 * modules/system/system-rtl.css
1063 */
1064
1065 thead th {
1066 text-align: right;
1067 padding-left: 1em;
1068 padding-right: 0.5em;
1069 }
1070
1071 .item-list .icon {
1072 float: left;
1073 padding-left: 0;
1074 padding-right: 0.25em;
1075 clear: left;
1076 }
1077 .item-list ul li {
1078 margin: 0 1.5em 0.25em 0;
1079 }
1080
1081 .more-link {
1082 text-align: left;
1083 }
1084 .more-help-link {
1085 text-align: left;
1086 }
1087
1088 dl.multiselect dt, dl.multiselect dd {
1089 float: right;
1090 margin: 0 0 0 1em;
1091 }
1092
1093 .block ul {
1094 padding: 0 1em 0.25em 0;
1095 }
1096
1097 ul.primary {
1098 padding: 0 1em 0 0;
1099 }
1100 ul.primary li a {
1101 margin-right: 5px;
1102 margin-left: 0.5em;
1103 }
1104 ul.secondary li {
1105 display: inline;
1106 padding: 0 1em;
1107 border-right: none;
1108 border-left: 1px solid #ccc;
1109 }
1110 html.js input.form-autocomplete {
1111 background-position: 0% 2px;
1112 }
1113 html.js input.throbbing {
1114 background-position: 0% -18px;
1115 }
1116
1117 html.js fieldset.collapsible legend a {
1118 padding-left: 0;
1119 padding-right: 15px;
1120 background-position: 98% 75%;
1121 }
1122 html.js fieldset.collapsed legend a {
1123 background-image: url(../../misc/menu-collapsed-rtl.png);
1124 background-position: 98% 50%;
1125 }
1126
1127 div.teaser-button-wrapper {
1128 float: left;
1129 padding-right: 0;
1130 padding-left: 5%;
1131 }
1132 .teaser-checkbox div.form-item {
1133 float: left;
1134 margin: 0 0 0 5%;
1135 }
1136 .progress .percentage {
1137 float: left;
1138 }
1139 .progess-disabled {
1140 float: right;
1141 }
1142 .ahah-progress {
1143 float: right;
1144 }
1145 .ahah-progress .throbber {
1146 float: right;
1147 }
1148 input.password-field {
1149 margin-left: 10px;
1150 margin-right: 0;
1151 }
1152 input.password-confirm {
1153 margin-left: 10px;
1154 margin-right: 0;
1155 }
1156
1157 .draggable a.tabledrag-handle {
1158 float: right;
1159 margin: -0.4em -0.5em -0.4em 0;
1160 padding: 0.42em 0.5em 0.42em 1.5em;
1161 }
1162 div.indentation {
1163 margin: -0.4em -0.4em -0.4em 0.2em;
1164 padding: 0.42em 0.6em 0.42em 0;
1165 float: right;
1166 }
1167 div.tree-child, div.tree-child-last {
1168 background-position: -65px center;
1169 }
1170
1171
1172 /*
1173 * modules/system/system.css
1174 */
1175
1176 /*
1177 ** HTML elements
1178 */
1179 body.drag {
1180 cursor: move;
1181 }
1182 th.active img {
1183 display: inline;
1184 }
1185 tr.even, tr.odd {
1186 background-color: #eee;
1187 border-bottom: 1px solid #ccc;
1188 padding: 0.1em 0.6em;
1189 }
1190 tr.drag {
1191 background-color: #fffff0;
1192 }
1193 tr.drag-previous {
1194 background-color: #ffd;
1195 }
1196 td.active {
1197 background-color: #ddd;
1198 }
1199 td.checkbox, th.checkbox {
1200 text-align: center;
1201 }
1202 tbody {
1203 border-top: 1px solid #ccc;
1204 }
1205 tbody th {
1206 border-bottom: 1px solid #ccc;
1207 }
1208 thead th {
1209 text-align: left; /* LTR */
1210 padding-right: 1em; /* LTR */
1211 border-bottom: 3px solid #ccc;
1212 }
1213
1214 /*
1215 ** Other common styles
1216 */
1217 .breadcrumb {
1218 padding-bottom: .5em
1219 }
1220 div.indentation {
1221 width: 20px;
1222 height: 1.7em;
1223 margin: -0.4em 0.2em -0.4em -0.4em; /* LTR */
1224 padding: 0.42em 0 0.42em 0.6em; /* LTR */
1225 float: left; /* LTR */
1226 }
1227 div.tree-child {
1228 background: url(../../misc/tree.png) no-repeat 11px center; /* LTR */
1229 }
1230 div.tree-child-last {
1231 background: url(../../misc/tree-bottom.png) no-repeat 11px center; /* LTR */
1232 }
1233 div.tree-child-horizontal {
1234 background: url(../../misc/tree.png) no-repeat -11px center;
1235 }
1236 .error {
1237 color: #e55;
1238 }
1239 div.error {
1240 border: 1px solid #d77;
1241 }
1242 div.error, tr.error {
1243 background: #fcc;
1244 color: #200;
1245 padding: 2px;
1246 }
1247 .warning {
1248 color: #e09010;
1249 }
1250 div.warning {
1251 border: 1px solid #f0c020;
1252 }
1253 div.warning, tr.warning {
1254 background: #ffd;
1255 color: #220;
1256 padding: 2px;
1257 }
1258 .ok {
1259 color: #008000;
1260 }
1261 div.ok {
1262 border: 1px solid #00aa00;
1263 }
1264 div.ok, tr.ok {
1265 background: #dfd;
1266 color: #020;
1267 padding: 2px;
1268 }
1269 .item-list .icon {
1270 color: #555;
1271 float: right; /* LTR */
1272 padding-left: 0.25em; /* LTR */
1273 clear: right; /* LTR */
1274 }
1275 .item-list .title {
1276 font-weight: bold;
1277 }
1278 .item-list ul {
1279 margin: 0 0 0.75em 0;
1280 padding: 0;
1281 }
1282 .item-list ul li {
1283 margin: 0 0 0.25em 1.5em; /* LTR */
1284 padding: 0;
1285 list-style: disc;
1286 }
1287 ol.task-list li.active {
1288 font-weight: bold;
1289 }
1290 .form-item {
1291 margin-top: 1em;
1292 margin-bottom: 1em;
1293 }
1294 tr.odd .form-item, tr.even .form-item {
1295 margin-top: 0;
1296 margin-bottom: 0;
1297 white-space: nowrap;
1298 }
1299 tr.merge-down, tr.merge-down td, tr.merge-down th {
1300 border-bottom-width: 0 !important;
1301 }
1302 tr.merge-up, tr.merge-up td, tr.merge-up th {
1303 border-top-width: 0 !important;
1304 }
1305 .form-item input.error, .form-item textarea.error, .form-item select.error {
1306 border: 2px solid red;
1307 }
1308 .form-item .description {
1309 font-size: 0.85em;
1310 }
1311 .form-item label {
1312 display: block;
1313 font-weight: bold;
1314 }
1315 .form-item label.option {
1316 display: inline;
1317 font-weight: normal;
1318 }
1319 .form-checkboxes, .form-radios {
1320 margin: 1em 0;
1321 }
1322 .form-checkboxes .form-item, .form-radios .form-item {
1323 margin-top: 0.4em;
1324 margin-bottom: 0.4em;
1325 }
1326 .marker, .form-required {
1327 color: #f00;
1328 }
1329 .more-link {
1330 text-align: right; /* LTR */
1331 }
1332 .more-help-link {
1333 font-size: 0.85em;
1334 text-align: right; /* LTR */
1335 }
1336 .nowrap {
1337 white-space: nowrap;
1338 }
1339 .item-list .pager {
1340 clear: both;
1341 text-align: center;
1342 }
1343 .item-list .pager li {
1344 background-image:none;
1345 display:inline;
1346 list-style-type:none;
1347 padding: 0.5em;
1348 }
1349 .pager-current {
1350 font-weight:bold;
1351 }
1352 .tips {
1353 margin-top: 0;
1354 margin-bottom: 0;
1355 padding-top: 0;
1356 padding-bottom: 0;
1357 font-size: 0.9em;
1358 }
1359 dl.multiselect dd.b, dl.multiselect dd.b .form-item, dl.multiselect dd.b select {
1360 font-family: inherit;
1361 font-size: inherit;
1362 width: 14em;
1363 }
1364 dl.multiselect dd.a, dl.multiselect dd.a .form-item {
1365 width: 8em;
1366 }
1367 dl.multiselect dt, dl.multiselect dd {
1368 float: left; /* LTR */
1369 line-height: 1.75em;
1370 padding: 0;
1371 margin: 0 1em 0 0; /* LTR */
1372 }
1373 dl.multiselect .form-item {
1374 height: 1.75em;
1375 margin: 0;
1376 }
1377
1378 /*
1379 ** Inline items (need to override above)
1380 */
1381 .container-inline div, .container-inline label {
1382 display: inline;
1383 }
1384
1385 /*
1386 ** Tab navigation
1387 */
1388 ul.primary {
1389 border-collapse: collapse;
1390 padding: 0 0 0 1em; /* LTR */
1391 white-space: nowrap;
1392 list-style: none;
1393 margin: 5px;
1394 height: auto;
1395 line-height: normal;
1396 border-bottom: 1px solid #bbb;
1397 }
1398 ul.primary li {
1399 display: inline;
1400 }
1401 ul.primary li a {
1402 background-color: #ddd;
1403 border-color: #bbb;
1404 border-width: 1px;
1405 border-style: solid solid none solid;
1406 height: auto;
1407 margin-right: 0.5em; /* LTR */
1408 padding: 0 1em;
1409 text-decoration: none;
1410 }
1411 ul.primary li.active a {
1412 background-color: #fff;
1413 border: 1px solid #bbb;
1414 border-bottom: #fff 1px solid;
1415 }
1416 ul.primary li a:hover {
1417 background-color: #eee;
1418 border-color: #ccc;
1419 border-bottom-color: #eee;
1420 }
1421 ul.secondary {
1422 border-bottom: 1px solid #bbb;
1423 padding: 0.5em 1em;
1424 margin: 5px;
1425 }
1426 ul.secondary li {
1427 display: inline;
1428 padding: 0 1em;
1429 border-right: 1px solid #ccc; /* LTR */
1430 }
1431 ul.secondary a {
1432 padding: 0;
1433 text-decoration: none;
1434 }
1435 ul.secondary a.active {
1436 border-bottom: 4px solid #999;
1437 }
1438
1439 /*
1440 ** Autocomplete styles
1441 */
1442 /* Suggestion list */
1443 #autocomplete {
1444 position: absolute;
1445 border: 1px solid;
1446 overflow: hidden;
1447 z-index: 100;
1448 }
1449 #autocomplete ul {
1450 margin: 0;
1451 padding: 0;
1452 list-style: none;
1453 }
1454 #autocomplete li {
1455 background: #fff;
1456 color: #000;
1457 white-space: pre;
1458 cursor: default;
1459 }
1460 #autocomplete li.selected {
1461 background: #0072b9;
1462 color: #fff;
1463 }
1464 /* Animated throbber */
1465 html.js input.form-autocomplete {
1466 background-image: url(../../misc/throbber.gif);
1467 background-repeat: no-repeat;
1468 background-position: 100% 2px; /* LTR */
1469 }
1470 html.js input.throbbing {
1471 background-position: 100% -18px; /* LTR */
1472 }
1473
1474 /*
1475 ** Collapsing fieldsets
1476 */
1477 html.js fieldset.collapsed {
1478 border-bottom-width: 0;
1479 border-left-width: 0;
1480 border-right-width: 0;
1481 margin-bottom: 0;
1482 height: 1em;
1483 }
1484 html.js fieldset.collapsed * {
1485 display: none;
1486 }
1487 html.js fieldset.collapsed legend {
1488 display: block;
1489 }
1490 html.js fieldset.collapsible legend a {
1491 padding-left: 15px; /* LTR */
1492 background: url(../../misc/menu-expanded.png) 5px 75% no-repeat; /* LTR */
1493 }
1494 html.js fieldset.collapsed legend a {
1495 background-image: url(../../misc/menu-collapsed.png); /* LTR */
1496 background-position: 5px 50%; /* LTR */
1497 }
1498 /* Note: IE-only fix due to '* html' (breaks Konqueror otherwise). */
1499 * html.js fieldset.collapsed legend,
1500 * html.js fieldset.collapsed legend *,
1501 * html.js fieldset.collapsed table * {
1502 display: inline;
1503 }
1504 /* For Safari 2 to prevent collapsible fieldsets containing tables from dissapearing due to tableheader.js. */
1505 html.js fieldset.collapsible {
1506 position: relative;
1507 }
1508 html.js fieldset.collapsible legend a {
1509 display: block;
1510 }
1511 /* Avoid jumping around due to margins collapsing into collapsible fieldset border */
1512 html.js fieldset.collapsible .fieldset-wrapper {
1513 overflow: auto;
1514 }
1515
1516 /*
1517 ** Resizable text areas
1518 */
1519 .resizable-textarea {
1520 width: 95%;
1521 }
1522 .resizable-textarea .grippie {
1523 height: 9px;
1524 overflow: hidden;
1525 background: #eee url(../../misc/grippie.png) no-repeat center 2px;
1526 border: 1px solid #ddd;
1527 border-top-width: 0;
1528 cursor: s-resize;
1529 }
1530 html.js .resizable-textarea textarea {
1531 margin-bottom: 0;
1532 width: 100%;
1533 display: block;
1534 }
1535
1536 /*
1537 ** Table drag and drop.
1538 */
1539 .draggable a.tabledrag-handle {
1540 cursor: move;
1541 float: left; /* LTR */
1542 height: 1.7em;
1543 margin: -0.4em 0 -0.4em -0.5em; /* LTR */
1544 padding: 0.42em 1.5em 0.42em 0.5em; /* LTR */
1545 text-decoration: none;
1546 }
1547 a.tabledrag-handle:hover {
1548 text-decoration: none;
1549 }
1550 a.tabledrag-handle .handle {
1551 margin-top: 4px;
1552 height: 13px;
1553 width: 13px;
1554 background: url(../../misc/draggable.png) no-repeat 0 0;
1555 }
1556 a.tabledrag-handle-hover .handle {
1557 background-position: 0 -20px;
1558 }
1559
1560 /*
1561 ** Teaser splitter
1562 */
1563 .joined + .grippie {
1564 height: 5px;
1565 background-position: center 1px;
1566 margin-bottom: -2px;
1567 }
1568 /* Keeps inner content contained in Opera 9. */
1569 .teaser-checkbox {
1570 padding-top: 1px;
1571 }
1572 div.teaser-button-wrapper {
1573 float: right; /* LTR */
1574 padding-right: 5%; /* LTR */
1575 margin: 0;
1576 }
1577 .teaser-checkbox div.form-item {
1578 float: right; /* LTR */
1579 margin: 0 5% 0 0; /* LTR */
1580 padding: 0;
1581 }
1582 textarea.teaser {
1583 display: none;
1584 }
1585 html.js .no-js {
1586 display: none;
1587 }
1588
1589 /*
1590 ** Progressbar styles
1591 */
1592 .progress {
1593 font-weight: bold;
1594 }
1595 .progress .bar {
1596 background: #fff url(../../misc/progress.gif);
1597 border: 1px solid #00375a;
1598 height: 1.5em;
1599 margin: 0 0.2em;
1600 }
1601 .progress .filled {
1602 background: #0072b9;
1603 height: 1em;
1604 border-bottom: 0.5em solid #004a73;
1605 width: 0%;
1606 }
1607 .progress .percentage {
1608 float: right; /* LTR */
1609 }
1610 .progress-disabled {
1611 float: left; /* LTR */
1612 }
1613 .ahah-progress {
1614 float: left; /* LTR */
1615 }
1616 .ahah-progress .throbber {
1617 width: 15px;
1618 height: 15px;
1619 margin: 2px;
1620 background: transparent url(../../misc/throbber.gif) no-repeat 0px -18px;
1621 float: left; /* LTR */
1622 }
1623 tr .ahah-progress .throbber {
1624 margin: 0 2px;
1625 }
1626 .ahah-progress-bar {
1627 width: 16em;
1628 }
1629
1630 /*
1631 ** Formatting for welcome page
1632 */
1633 #first-time strong {
1634 display: block;
1635 padding: 1.5em 0 .5em;
1636 }
1637
1638 /*
1639 ** To be used with tableselect.js
1640 */
1641 tr.selected td {
1642 background: #ffc;
1643 }
1644
1645 /*
1646 ** Floating header for tableheader.js
1647 */
1648 table.sticky-header {
1649 margin-top: 0;
1650 background: #fff;
1651 }
1652
1653 /*
1654 ** Installation clean URLs
1655 */
1656 #clean-url.install {
1657 display: none;
1658 }
1659
1660 /*
1661 ** For anything you want to hide on page load when JS is enabled, so
1662 ** that you can use the JS to control visibility and avoid flicker.
1663 */
1664 html.js .js-hide {
1665 display: none;
1666 }
1667
1668 /*
1669 ** Styles for the system modules page (admin/build/modules)
1670 */
1671 #system-modules div.incompatible {
1672 font-weight: bold;
1673 }
1674
1675 /*
1676 ** Styles for the system themes page (admin/build/themes)
1677 */
1678 #system-themes-form div.incompatible {
1679 font-weight: bold;
1680 }
1681
1682 /*
1683 ** Password strength indicator
1684 */
1685 span.password-strength {
1686 visibility: hidden;
1687 }
1688 input.password-field {
1689 margin-right: 10px; /* LTR */
1690 }
1691 div.password-description {
1692 padding: 0 2px;
1693 margin: 4px 0 0 0;
1694 font-size: 0.85em;
1695 max-width: 500px;
1696 }
1697 div.password-description ul {
1698 margin-bottom: 0;
1699 }
1700 .password-parent {
1701 margin: 0 0 0 0;
1702 }
1703 /*
1704 ** Password confirmation checker
1705 */
1706 input.password-confirm {
1707 margin-right: 10px; /* LTR */
1708 }
1709 .confirm-parent {
1710 margin: 5px 0 0 0;
1711 }
1712 span.password-confirm {
1713 visibility: hidden;
1714 }
1715 span.password-confirm span {
1716 font-weight: normal;
1717 }
1718
1719
1720 /*
1721 * modules/taxonomy/taxonomy.css
1722 */
1723
1724 tr.taxonomy-term-preview {
1725 background-color: #EEE;
1726 }
1727 tr.taxonomy-term-divider-top {
1728 border-bottom: none;
1729 }
1730 tr.taxonomy-term-divider-bottom {
1731 border-top: 1px dotted #CCC;
1732 }
1733 .taxonomy-term-description {
1734 margin: 5px 0 20px;
1735 }
1736
1737
1738 /*
1739 * modules/tracker/tracker.css
1740 */
1741
1742 #tracker td.replies {
1743 text-align: center;
1744 }
1745 #tracker table {
1746 width: 100%;
1747 }
1748
1749
1750 /*
1751 * modules/update/update-rtl.css
1752 */
1753
1754 .update .project {
1755 padding-right: .25em;
1756 }
1757
1758 .update .version-status {
1759 float: left;
1760 padding-left: 10px;
1761 }
1762
1763 .update .version-status .icon {
1764 padding-right: .5em;
1765 }
1766
1767 .update table.version .version-title {
1768 padding-left: 1em;
1769 }
1770
1771 .update table.version .version-details {
1772 padding-left: .5em;
1773 direction: ltr;
1774 }
1775
1776 .update table.version .version-links {
1777 text-align: left;
1778 padding-left: 1em;
1779 }
1780
1781 .update .check-manually {
1782 padding-right: 1em;
1783 }
1784
1785
1786 /*
1787 * modules/update/update.css
1788 */
1789
1790 .update .project {
1791 font-weight: bold;
1792 font-size: 110%;
1793 padding-left: .25em; /* LTR */
1794 height: 22px;
1795 }
1796
1797 .update .version-status {
1798 float: right; /* LTR */
1799 padding-right: 10px; /* LTR */
1800 font-size: 110%;
1801 height: 20px;
1802 }
1803
1804 .update .version-status .icon {
1805 padding-left: .5em; /* LTR */
1806 }
1807
1808 .update .version-date {
1809 white-space: nowrap;
1810 }
1811
1812 .update .info {
1813 margin: 0;
1814 padding: 1em 1em .25em 1em;
1815 }
1816
1817 .update tr td {
1818 border-top: 1px solid #ccc;
1819 border-bottom: 1px solid #ccc;
1820 }
1821
1822 .update tr.error {
1823 background: #fcc;
1824 }
1825
1826 .update tr.error .version-recommended {
1827 background: #fdd;
1828 }
1829
1830 .update tr.ok {
1831 background: #dfd;
1832 }
1833
1834 .update tr.warning {
1835 background: #ffd;
1836 }
1837
1838 .update tr.warning .version-recommended {
1839 background: #ffe;
1840 }
1841
1842 .current-version, .new-version {
1843 direction: ltr; /* Note: version numbers should always be LTR. */
1844 }
1845
1846 table.update,
1847 .update table.version {
1848 width: 100%;
1849 margin-top: .5em;
1850 }
1851
1852 .update table.version tbody {
1853 border: none;
1854 }
1855
1856 .update table.version tr,
1857 .update table.version td {
1858 line-height: .9em;
1859 padding: 0;
1860 margin: 0;
1861 border: none;
1862 }
1863
1864 .update table.version .version-title {
1865 padding-left: 1em; /* LTR */
1866 width: 14em;
1867 }
1868
1869 .update table.version .version-details {
1870 padding-right: .5em; /* LTR */
1871 }
1872
1873 .update table.version .version-links {
1874 text-align: right; /* LTR */
1875 padding-right: 1em; /* LTR */
1876 }
1877
1878 .update table.version-security .version-title {
1879 color: #970F00;
1880 }
1881
1882 .update table.version-recommended-strong .version-title {
1883 font-weight: bold;
1884 }
1885
1886 .update .security-error {
1887 font-weight: bold;
1888 color: #970F00;
1889 }
1890
1891 .update .check-manually {
1892 padding-left: 1em; /* LTR */
1893 }
1894
1895
1896 /*
1897 * modules/user/user-rtl.css
1898 */
1899
1900 #permissions td.permission {
1901 padding-left: 0;
1902 padding-right: 1.5em;
1903 }
1904 #access-rules .access-type, #access-rules .rule-type {
1905 margin-right: 0;
1906 margin-left: 1em;
1907 float: right;
1908 }
1909 #user-admin-buttons {
1910 float: right;
1911 margin-left: 0;
1912 margin-right: 0.5em;
1913 clear: left;
1914 }
1915
1916 .profile .picture {
1917 float: left;
1918 margin: 0 0 1em 1em;
1919 }
1920
1921
1922 /*
1923 * modules/user/user.css
1924 */
1925
1926 #permissions td.module {
1927 font-weight: bold;
1928 }
1929 #permissions td.permission {
1930 padding-left: 1.5em; /* LTR */
1931 }
1932 #access-rules .access-type, #access-rules .rule-type {
1933 margin-right: 1em; /* LTR */
1934 float: left; /* LTR */
1935 }
1936 #access-rules .access-type .form-item, #access-rules .rule-type .form-item {
1937 margin-top: 0;
1938 }
1939 #access-rules .mask {
1940 clear: both;
1941 }
1942 #user-login-form {
1943 text-align: center;
1944 }
1945 #user-admin-filter ul {
1946 list-style-type: none;
1947 padding: 0;
1948 margin: 0;
1949 width: 100%;
1950 }
1951 #user-admin-buttons {
1952 float: left; /* LTR */
1953 margin-left: 0.5em; /* LTR */
1954 clear: right; /* LTR */
1955 }
1956 #user-admin-settings fieldset .description {
1957 font-size: 0.85em;
1958 padding-bottom: .5em;
1959 }
1960
1961 /* Generated by user.module but used by profile.module: */
1962 .profile {
1963 clear: both;
1964 margin: 1em 0;
1965 }
1966 .profile .picture {
1967 float: right; /* LTR */
1968 margin: 0 1em 1em 0; /* LTR */
1969 }
1970 .profile h3 {
1971 border-bottom: 1px solid #ccc;
1972 }
1973 .profile dl {
1974 margin: 0 0 1.5em 0;
1975 }
1976 .profile dt {
1977 margin: 0 0 0.2em 0;
1978 font-weight: bold;
1979 }
1980 .profile dd {
1981 margin: 0 0 1em 0;
1982 }