1 /* $Id: style.css,v 1.2 2006/10/05 23:02:46 kbahey Exp $ */
2 /* Democratica Visual Styles */
4 /*<group=Site Specific Information>*/
9 border-bottom: 1px solid #1395D2;
10 background: url(images/bg_branding.png) repeat-x top left;
13 background-color: transparent;
30 padding: 6px 6px 2px 170px;
33 vertical-align: middle;
35 padding-right: 120px; /* makes room for bg graphic */
38 border: 1px solid #466A8D;
39 border-right-color: #5D8CBA;
40 border-bottom-color: #5D8CBA;
41 background: #69C url(images/bg_mission.png) top right no-repeat;
42 _background-image: url(images/bg_mission_ie.png) !important;
45 /*<group=Navigation>*/
46 /*<group=Drupal Tabs>*/
48 border-collapse: collapse;
55 border-bottom: 1px solid #bbb;
63 background-color: #ddd;
66 border-style: solid solid none solid;
67 -moz-border-radius-topleft: 0.3em;
68 -moz-border-radius-topright: 0.3em;
74 text-decoration: none;
76 ul.primary li.active a {
77 background-color: #fff;
78 border: 1px solid #bbb;
79 border-bottom: #fff 1px solid;
81 ul.primary li a:hover {
82 background-color: #eee;
84 border-bottom-color: #eee;
87 /* border-bottom: 1px solid #bbb; */
88 padding: 0.5em 1em 0.5em 1em;
94 border-right: 1px solid #ccc;
98 text-decoration: none;
100 ul.secondary a.active {
101 border-bottom: 4px solid #999;
105 /*<group=Primary Navigation>*/
107 #navigation #nav-primary, #navigation #nav-secondary {
112 #navigation #nav-primary ul {
113 list-style-type: none;
115 #navigation #nav-primary li {
122 #navigation #nav-primary a {
123 border-bottom: 1px solid #bbb;
125 body.layout-right #navigation #nav-primary a {
126 border-bottom-color: #f0f5fa;
130 _height: 0; /* fixes double height in IE */
132 #navigation a, .menu a {
137 /*<group=Secondary Navigation>*/
138 #navigation ul#nav-secondary {
140 list-style: outside !important;
141 list-style-type: square !important;
143 #navigation ul#nav-secondary li {
144 list-style: outside !important;
145 list-style-type: square !important;
148 /*<group=Breadcrumbs>*/
150 #main-content #breadcrumbs {
155 #main-content #breadcrumbs ul {
160 #main-content #breadcrumbs li {
162 _padding-left: 1.0em;
165 #main-content #breadcrumbs li.first {
175 background-color: transparent;
181 padding-bottom: 1.0em;
183 #search .form-text, #search .form-submit {
193 margin: 0.5em 1.25em;
196 background-image: none;
198 .description, #help, .messages {
212 background: url(images/bg_message.png) repeat;
213 border: 2px solid #80FF00;
215 #main-content .status ul li {
216 background: url(images/icon_status_sm.png) 0 4px no-repeat;
220 padding-bottom: 0.25em;
223 /*<group=Description>*/
226 border-style: dotted;
229 .description:before {
230 content: url(images/icon_description.png);
231 vertical-align: middle;
239 background: url(images/bg_help.png) repeat;
243 content: url(images/icon_help.png);
244 vertical-align: middle;
249 .error, .form-item input.error {
250 border-color: #BE0101;
253 background: url(images/bg_error.png) repeat;
256 background-image: none;
259 content: url(images/icon_error.png);
260 vertical-align: middle;
266 .form-item input.error {
267 background-image: none;
270 #message .item-list, .item-list h3 {
275 /*<group=Main Content>*/
278 border-bottom: 1px solid #BE0101;
279 _height: 0; /* this fixes the disappearing titles with the exploding textarea fix */
281 #content-title, .node .page-title {
283 margin-bottom: 1.0em;
284 border-bottom: 1px dotted #be734d;
285 _height: 0; /* this fixes the disappearing titles with the exploding textarea fix */
291 _width: expression( ( documentElement.clientWidth < 760 ) ? "300px" : "auto" ); */ /* IE min-width hack */
299 padding-bottom: 0.25em;
301 border-bottom: 1px solid #3579B2;
307 #main-content .node {
309 margin-bottom: 1.0em;
311 #main-content .node .content, .comment .content, .comment, .comment-folded {
317 #main-content .node .content {
321 #main-content .node .info {
326 /*<group=Profile Styles>*/
330 clear: none; /* override drupal.css clear:both which causes whitespace */
338 border: 1px solid #ebebeb;
339 background-color: #fff;
346 /*<group=Book Styles>*/
347 .node-add #main-content .node .book .nav, .node-edit #main-content .node .book .nav {
352 /*<group=Post Links>*/
354 #main-content .node .links, #main-content .comment .links {
357 border-top: 1px dotted #3579B2;
360 #main-content .links {
361 margin-bottom: -0.01em;
365 #main-content .links .read-more {
366 background: transparent;
369 /*<group=Box Formatting>*/
372 background-color: #EDF3F9;
373 border: 1px solid #CFE4F3;
377 #main-content .box h2 {
379 background-color: #CFE4F3;
380 border-bottom: 1px dotted #3579B2;
382 #main-content .box .content, #main-content .box h2 {
387 /*<group=Comment Formatting>*/
389 border: 2px solid #fff;
392 background-color: #ffe;
393 border: 2px solid #fec;
398 /*<group=Comments & Book Previews>*/
399 #main-content .comment .content {
402 /** Borrowed from 37 Signals **/
403 .comment-reply #main-content .comment-new .content, .node-add #main-content .node .content, .node-edit #main-content .node .content {
407 .comment-folded .new, .comment .new {
411 .comment-reply .comment-new, .node-add #main-content .node, .node-edit #main-content .node {
414 border: 2px solid #ef9c00;
416 background-color: #ffc;
418 .comment-reply .comment-new .title, .node-add #main-content .node h2, .node-edit #main-content .node h2 {
419 background-color: #ff6;
420 border-bottom: 1px solid #000;
422 .comment-reply .comment-new .author, .node-add #main-content .node .info, .node-edit #main-content .node .info {
423 background-color: #ffc;
426 .comment .author, span.credit, .node-add #main-content .node .info, .node-edit #main-content .node .info {
427 padding-bottom: 0.5em;
429 .comment-reply #main-content .comment-new .links, .node-add #main-content .node .links, .node-edit #main-content .node .links {
432 .comment-reply .comment-new .title, .comment-folded .subject, .node-add #main-content .node h2, .node-edit #main-content .node h2 {
441 /*<group=General Styles>*/
447 .sidebar table, .sidebar th, .sidebar td {
462 padding: 0 0 0.25em 0.5em;
464 .sidebar .block .content {
467 /** delta: remove clear:both; **/
473 .sidebar .block .content .xml-icon {
476 .sidebar .block input.form-text, .sidebar .block-search input.form-password {
479 .sidebar .block-search input.form-text {
484 .sidebar .block-search button.form-submit {
488 /*<group=Right Sidebar>*/
494 #sidebar-right .block {
496 background: repeat-y left top url(images/sidebar_box_bg.png);
501 #sidebar-right .block h2 {
502 background: no-repeat top left url(images/sidebar_box_top.png);
503 padding: 0.8em 1.0em 0.5em 1.0em;
506 #sidebar-right .block .content {
507 background: no-repeat bottom url(images/sidebar_box_bottom.png);
509 padding: 0 1.0em 12px 1.0em;
511 #sidebar-right .block .more-link {
514 #sidebar-right .block .more-link a {
515 background: url(images/bullet_triangle.png) 1px 4px no-repeat;
519 /*<group=Sidebar Left>*/
520 #sidebar-left .block h2 {
523 margin: 1.5em 0 0 0.5em;
527 /*<group=Block User>*/
530 .block-user .menu li.expanded, .block-user .menu li.leaf, .block-user .menu li.collapsed {
531 list-style-type: none;
532 list-style-image: none;
535 margin-bottom: 1.0em;
536 background-color: #f1f1f1;
538 .block-user .menu, .block-user .menu ul {
543 .block-user .menu ul {
545 border-left: 1px solid #D0D9D9;
546 border-bottom: 1px solid #D0D9D9;
548 _margin-left: -0.5em;
552 .block-user .menu ul ul {
555 .block-user .menu li {
557 padding: 0.1em 0 0.1em 10px;
560 .block-user .menu li.expanded {
561 background: url(images/icons_expanded.png) 0px 3px no-repeat;
563 .block-user .menu li.leaf {
564 background: url(images/icons_leaf.png) 0px 3px no-repeat;
566 .block-user .menu li.collapsed {
567 background: url(images/icons_collapsed.png) 0px 3px no-repeat;
569 .block-user .menu li.expanded:hover {
570 background-position: -400px 3px ;
572 .block-user .menu li.leaf:hover {
573 background-position: -400px 3px;
575 .block-user .menu li.collapsed:hover {
576 background-position: -400px 3px;
578 .block-user .menu li a {
583 text-decoration: none;
585 .block-user .menu li a.active {
588 .block-user .menu li a:hover {
589 text-decoration: underline;
596 #main-content table {
600 margin-bottom: 1.0em;
602 .admin #main-content table tr td {
605 #main-content tr td, #tracker td {
606 border: solid #BDCEE1;
607 border-width: 0 1px 1px 0;
615 border-bottom: 1px solid #BDCEE1;
617 vertical-align: middle;
618 background-color: #fff;
621 .admin-logs tr.odd td.active {
622 background-color: #E0E0E0;
624 .admin-logs tr.even td.active {
625 background-color: #D9D9D9;
629 #tracker td.replies {
635 border-collapse: collapse;
637 #tracker tr.even td, tr.even td {
638 background-color: #e7e7e7;
640 #tracker tr.odd td, tr.odd td {
641 background-color: #efefef;
651 /*<group=Fieldsets>*/
655 border-width: 0 1px 1px 0;
656 background-color: #f7f7f7;
658 padding: 1.0em 0.5em;
662 background-color: #efefef;
676 #node-form, .comment-reply form {
677 _width: 93%; /* causes page-titles in IE to disappear but fixes exploding textareas */
680 /*<group=Inputs & Buttons>*/
684 input.required, textarea.required {
685 background-color: #F1DFDE;
686 _background-color: #fff;
688 input.required:focus, textarea.required:focus {
689 background-color: #fff;
692 background-color: #fff;
696 #main-content input:focus, #main-content textarea:focus {
697 border-color: #7EADD9;
699 #main-content form .form-text,
700 #main-content form textarea,
701 #main-content .node-form textarea,
702 #main-content textarea#edit-trackback_urls {
705 #main-content form input[name="recipient"] {
709 .form-radio, .form-checkbox {
710 background-color: transparent;
714 border: solid 1px #ddd;
723 vertical-align: middle;
725 label:hover, .form-item label {
728 #main-content label:hover {
729 background-color: #ffc;
735 #main-content table .form-item label:hover {
736 background-color: transparent;
745 margin-bottom: 1.0em;
750 /*<group=User Login Block>*/
751 .user-login-block .form-item label {
755 #sidebar-left .user-login-block #edit-name, #sidebar-left .user-login-block #edit-pass {
759 #sidebar-right .user-login-block #edit-name, #sidebar-right .user-login-block #edit-pass {
763 .user-login-block .form-item {
765 margin-bottom: 0.8em;
775 list-style-type: none;
781 #main-content #breadcrumbs ul li, #body-content ul li, .block-blog ul li {
782 background: url(images/bullet_triangle.png) 1px 4px no-repeat;
786 padding-bottom: 0.25em;
788 /*<group=Input Formats>*/
789 #main-content ul.tips li {
790 background-position: -1000em;
795 /*<group=Filter Tips>*/
797 ul.filter-tips-short {
802 .filter-tips-short li, .more-tips {
807 /*<group=Item Lists>*/
813 padding-left: 0.25em;
815 .item-list .icon img, .item-list .title {
820 margin: 0.3em 0 0.5em 0;
827 .item-list ul.sub-list {
829 margin: 0 0 0.75em 25px;
833 margin: 0 0 0.25em 1.0em;
838 .sidebar .item-list ul li {
839 margin: 0 0 0.25em 2px;
845 /*<group=Salvaged Drupal.css Styles>*/
846 /*<group=Permissions>*/
848 #permissions td.module {
851 #permissions td.permission {
857 background-color: #EFEAC9;
860 tr.watchdog-user .active {
861 background-color: #eed;
863 tr.watchdog-special {
864 background-color: #C9DCEF;
867 tr.watchdog-special .active {
868 background-color: #cce;
870 tr.watchdog-warning {
871 background-color: #fda;
873 tr.watchdog-warning .active {
874 background-color: #ec9;
877 background-color: #ffe0e0;
881 tr.watchdog-httpd .active {
882 background-color: #cec;
885 background-color: #ffe0e0;
887 border-color: #be0101;
889 tr.watchdog-error .active {
890 background-color: #eeb9b9;
898 background-color: #eee;
899 border-bottom: 1px solid #ccc;
902 padding: 0.1em 0.6em;
905 background-color: #ddd;
908 border: 1px solid #808080;
916 padding-bottom: 0.7em;
918 .container-inline div {
921 .container-inline .form-submit {