Imported Upstream version 6.x+1.3
[drupal-theme-rahunas+rootcandy] / rootcandy / style.css
1 /* $Id: style.css,v 1.33.2.28 2009/09/11 18:12:52 sign Exp $ */
2
3 html {
4   overflow-y: scroll;
5 }
6
7 body {
8   margin: 0px;
9   padding: 0px;
10   background: #fff;
11 }
12
13 body, p, div, span, td, th, input, select, textarea, h1, h2, h3, h4, h5, h6 {
14   font-family: Arial, Tahoma, Helvetica, sans-serif;
15 }
16
17 body, p, div, span, td, th, input, select, textarea {
18   font: 13px/160% Arial, Tahoma, Helvetica, sans-serif;
19 }
20
21 a, a:active {
22   color: #027ac6;
23   text-decoration: underline;
24 }
25
26 a:hover {
27   text-decoration: none;
28 }
29
30 h1 {
31   margin: 0px;
32 }
33
34 .clear {
35   clear: both;
36 }
37
38 /* slightly enhanced, universal clearfix hack */
39 .clearfix:after {
40   visibility: hidden;
41   display: block;
42   font-size: 0;
43   content: " ";
44   clear: both;
45   height: 0;
46 }
47
48 .clearfix {
49   display: inline-block;
50 }
51
52 /* start commented backslash hack \*/
53 * html .clearfix { height: 1%; }
54 .clearfix { display: block; }
55 /* close commented backslash hack */
56
57 /*
58  * page layout
59  */
60
61 #toppanel-head {
62   font-size: .8em;
63   color: #ffffff;
64   background: #313332 url(images/header_bg.png) repeat-x bottom;
65   text-align: center;
66   height: 28px;
67 }
68
69 #go-home {
70   float: left;
71   padding: 4px 0 0 32px;
72   background: url(images/gohome.png) no-repeat 6px 6px;
73 }
74
75 #go-home a, #admin-links a {
76   color: #fff;
77   text-decoration: none;
78 }
79
80 #go-home a:hover, #admin-links a:hover {
81   text-decoration: underline;
82 }
83
84 #header-title {
85   padding: 0;
86   color: #a7a7a7;
87 }
88
89 #admin-links {
90   color: #fff;
91   float: right;
92   padding: 0px;
93   margin: 4px 10px 0 0;
94 }
95
96 #admin-links .user-name {
97   font-weight: bold;
98 }
99
100 #admin-links .user-logout {
101   background: url(images/oxygen/signout.png) no-repeat right;
102 }
103
104 #admin-links .user-logout:hover {
105   text-decoration: none;
106 }
107
108 #admin-links .user-logout span {
109   visibility: hidden;
110 }
111
112 /*
113  * Main navigation tabs
114  */
115
116 .rootcandyspan {
117   padding: 0 5px;
118 }
119
120 #navigation {
121   float: left;
122   width: 100%;
123   background: url(images/navigation_bg.png) repeat-x bottom;
124   background-color: #b2c8d3;
125   color: #b2c8d3;
126   font-size: 94%;
127   line-height: normal;
128   padding-top: 0px;
129 }
130
131 #navigation.header-on {
132   padding-top: 26px;
133 }
134
135
136 #navigation ul {
137   margin: 0;
138   padding: 5px 10px 0;
139   list-style: none;
140 }
141
142 #navigation li {
143   float: left;
144   margin: 0;
145   padding: 0 0 0 5px;
146   text-align: center;
147 }
148
149 #navigation a {
150   float: left;
151   display: block;
152   padding: 5px 11px 1px 6px;
153   text-decoration: none;
154   font-weight: normal;
155   color: #000;
156 }
157
158 /* Commented Backslash Hack hides rule from IE5-Mac \*/
159 #navigation a {
160   float: none;
161 }
162 /* End IE5-Mac hack */
163
164 #navigation a:hover {
165   color: #c0c0c0;
166 }
167
168 #navigation #current {
169   background: url(images/tabs/tableft_small.png) no-repeat left top;
170   position: relative;
171   top: 0px;
172 }
173
174 #navigation #current a {
175   background: url(images/tabs/tabright_small.png) no-repeat right top;
176   color: #027ac6;
177   padding-bottom: 3px;
178 }
179
180 #navigation #current-32 {
181   background: url(images/tabs/tableft_big.png) no-repeat left top;
182   position: relative;
183   top: 1px;
184 }
185
186 #navigation #current-32 a {
187   background: url(images/tabs/tabright_big.png) no-repeat right top;
188   color: #027ac6;
189   padding-bottom: 2px;
190 }
191
192 #navigation #current-24, #navigation #current-16 {
193   background: url(images/tabs/tableft.png) no-repeat left top;
194   position: relative;
195   top: 0px;
196 }
197
198 #navigation #current-24 a, #navigation #current-16 a {
199   background: url(images/tabs/tabright.png) no-repeat right top;
200   color: #027ac6;
201   padding-bottom: 3px;
202 }
203
204 #navigation ul.i16 #current-16 a {
205   padding-bottom: 8px;
206 }
207
208 #navigation ul.i32 #current-32 a {
209   padding-bottom: 0px;
210 }
211
212 #navigation #logo {
213   float: right;
214   margin-right: 20px;
215 }
216
217 #logo {
218   float: right;
219   padding-right: 10px;
220 }
221
222 .content-in {
223   background: url(images/content_bg.gif);
224   margin: 5px;
225   font-size: 90%;
226   float: left;
227   width: 100%;
228   margin: 0 5px 0 0;
229 }
230
231 ul#rootcandy-menu {
232   width: 211px;
233   margin: 0;
234   padding: 0;
235 }
236
237 #rootcandy-menu li {
238   padding: 2px;
239   text-align: right;
240   padding-right: 8px;
241   list-style: none;
242 }
243
244 #rootcandy-menu li.active {
245   background-color: #fff;
246   border-top: 1px solid #dcf0f6;
247   border-bottom: 1px solid #dcf0f6;
248 }
249
250 #rootcandy-menu li.active a, #rootcandy-menu a.active-trail {
251   color: #000;
252   font-weight: bold;
253 }
254
255 #content-main {
256   background-color: #f3f7fc;
257 }
258
259 #rootcandy-menu a {
260   text-decoration: none;
261   font-size: 90%;
262 }
263
264 #rootcandy-menu a.active {
265   color: #f00;
266   font-weight: bold;
267 }
268
269 div.admin-content {
270   padding: 10px;
271   min-height: 200px;
272 }
273
274 #placeholder {
275   height: 1em;
276 }
277
278 #content-wrap {
279   background: white;
280   min-width: 780px;
281   max-width: 1260px;
282   margin: 0 auto 10px auto;
283   clear: both;
284   width: expression(document.body.clientWidth < 782? "780px" : document.body.clientWidth > 1262? "1260px" : "99%");
285 }
286
287 #content-wrap #inside {
288   margin: 0 10px 0 0;
289   padding: 0;
290 }
291
292 #content {
293   padding-left: 10px;
294   padding-top: 0px;
295   background: #fff;
296 }
297
298 .sidebar-left #content {
299   padding-left: 210px;
300 }
301
302 .sidebar-right #content {
303   padding-right: 210px;
304 }
305
306 .sidebars #content {
307   padding-left: 210px;
308   padding-right: 210px;
309 }
310
311 #sidebar-right {
312   width: 210px;
313   float: right;
314 }
315
316 #sidebar-left {
317   width: 210px;
318   float: left;
319 }
320
321 .t {background: #f4f7f8 url(images/window/t.gif) 0 0 repeat-x;}
322 .b {background: url(images/window/b.gif) 0 100% repeat-x}
323 .l {background: url(images/window/l.gif) 0 0 repeat-y}
324 .r {background: url(images/window/r.gif) 100% 0 repeat-y}
325 .bl {background: url(images/window/bl.gif) 0 100% no-repeat}
326 .br {background: url(images/window/br.gif) 100% 100% no-repeat}
327 .tl {background: url(images/window/tl.gif) 0 0 no-repeat}
328 .tr {background: url(images/window/tr.gif) 100% 0 no-repeat; padding: 10px}
329
330 .navigation-menu {
331   margin: 20px;
332 }
333
334 .navigation-menu dd {
335   color: #a0a0a0;
336   padding-bottom: 10px;
337 }
338
339 div.help {
340   border: 1px solid #e7e7e7;
341   background-color: #f7f7f7;
342   padding: 0;
343   background-position: 10px 13px !important;
344 }
345
346 .help p {
347   margin: 5px;
348 }
349
350 table {
351   margin: 1em 0;
352   width: 100%;
353   font-size: 90%;
354 }
355
356 thead th {
357   border-bottom: 2px solid #c0c0c0;
358   color: #494949;
359   font-weight: bold;
360 }
361
362 th a:link, th a:visited {
363   color: #027ac6;
364 }
365
366 td, th {
367   padding: 0;
368   line-height: 2em
369 }
370
371 tr.even, tr.odd, tbody th {
372   border: solid #f1f5f8;
373   border-width: 1px 0;
374 }
375
376 tr.odd, tr.info {
377   background: #fff;
378 }
379
380 tr.even {
381   background: #e9eff2;
382 }
383
384 tr.dblog-error {
385   background: #e7bebe;
386 }
387
388 tr.drag {
389   background-color: #fdfcf4;
390 }
391
392 tr.drag-previous {
393   background-color: #faf9e5;
394 }
395
396 tr.odd td.active, tr.even td.active {
397   background: none;
398 }
399
400 td.region, td.module, td.container, td.category {
401   border-top: 1.5em solid #fff;
402   border-bottom: 1px solid #e9f0f5;
403   background-color: #f2f5f7;
404   color: #454f67;
405   font-weight: bold;
406 }
407
408 tr a {
409   text-decoration: none;
410 }
411
412 tr:first-child td.region, tr:first-child td.module, tr:first-child td.container, tr:first-child td.category {
413   border-top-width: 0;
414 }
415
416 span.form-required {
417   color: #ffae00;
418 }
419
420 span.submitted, .description {
421   font-size: 0.92em;
422   color: #898989;
423 }
424
425 .description {
426   line-height: 150%;
427   margin-bottom: .75em;
428   color: #898989;
429 }
430
431 .messages, .preview, .help {
432   margin: .75em 0 .75em;
433   padding: .5em 1em;
434 }
435
436 .messages ul {
437   margin: 0;
438 }
439
440 .messages {
441   background-color: #fff;
442   border: 1px solid #b8d3e5;
443 }
444
445 div.status {
446   color: #33a333;
447   border-color: #c7f2c8;
448 }
449
450 div.error, tr.error {
451   color: #a30000;
452   background-color: #FFCCCC;
453   padding: 5px;
454 }
455
456 .block-region {
457   padding: .5em;
458   background: transparent;
459   border: 1px dashed #b4d7f0;
460   text-align: center;
461   font-size: 1em;
462 }
463
464 .block {
465   padding: 0 .5em;
466 }
467
468 .block h2 {
469   font-weight: bold;
470   line-height: 1.8em;
471   font-size: 1.2em;
472   color: #027ac6;
473   font-size: 100%;
474   padding: 0;
475   margin: 0;
476   background: none;
477 }
478
479 .block .content {
480   font-size: 90%;
481 }
482
483 #footer {
484   clear: both;
485   text-align: center;
486 }
487
488 .node-form .standard  {
489   clear: none;
490 }
491
492 #TB_ajaxContent fieldset {
493   display: inline;
494 }
495
496 #fieldsetcontainer a {
497   margin: 2px;
498 }
499
500 #fieldsetcontainer a:hover {
501   color: #000;
502 }
503
504 ul.primary{
505   border: none;
506 }
507
508 ul.primary li a, ul.primary li.active a {
509   border: none;
510 }
511
512 #breadcrumb .alone {
513   padding: 20px;
514 }
515
516 .breadcrumb {
517   font-size: 80%;
518   padding-left: 22px;
519   color: #a0a0a0;
520   float: left;
521 }
522
523 #breadcrumb h2 {
524   float: right;
525   padding: 0;
526   margin: 0;
527   padding-right: 20px;
528   color: #027ac6;
529   font-size: 120%;
530   font-weight: bold;
531 }
532
533 h2#title {
534   margin-top: 4px;
535 }
536
537 .admin-list a {
538   font-weight: bold;
539   line-height: 1.8em;
540 }
541
542 /* default styling for all form buttons */
543 input.form-submit, input.teaser-button {
544   background: transparent url(images/buttons/blue-button.png) no-repeat top;
545   border: 1px solid #fff;
546   color: #fff;
547   cursor: pointer;
548   font-size: 96%;
549   font-weight: bold;
550   margin: 0 4px;
551   padding: 2px 4px;
552   text-transform: uppercase;
553   outline: 1px solid #9BABB0;
554   -moz-border-radius: 4px;
555   -moz-outline-radius: 4px;
556   -webkit-border-radius: 4px;
557 }
558
559 .node-form input#edit-submit.form-submit, input#edit-save.form-submit {
560   background: transparent url(images/buttons/green-button.png) no-repeat top;
561 }
562
563 input#edit-delete.form-submit,
564 #system-modules-uninstall input#edit-submit,
565 #user-multiple-delete-confirm input#edit-submit {
566   background: transparent url(images/buttons/red-button.png) no-repeat top;
567 }
568
569 input.form-submit:hover,
570 input.teaser-button:hover,
571 input#edit-save.form-submit,
572 .node-form input#edit-submit.form-submit:hover,
573 input#edit-delete.form-submit:hover,
574  #system-modules-uninstall input#edit-submit:hover,
575 #user-multiple-delete-confirm input#edit-submit:hover   {
576   background-position: bottom;
577   cursor: pointer;
578 }
579
580 input#edit-save.form-submit[disabled], input.disabled {
581   background: transparent url(images/buttons/grey-button.png) no-repeat top;
582 }
583
584 #legal-notice {
585   font-size: 80%;
586   color: #999;
587   text-align: center;
588 }
589
590 #legal-notice a {
591   background: transparent url(images/extlink.gif) no-repeat scroll right center;
592   padding-right: 12px;
593 }
594
595 /*
596  * tabs in content
597  */
598 .level-1 h2 {
599   color: #027ac6;
600   font-size: 120%;
601   font-weight: bold;
602 }
603
604 #tabs-primary {
605   width: 100%;
606   font-size: 93%;
607   line-height: normal;
608   background: url(images/tabs/bg.gif) repeat-x bottom;
609   float: left;
610 }
611
612 #tabs-primary ul {
613   margin: 0;
614   padding: 0;
615   list-style: none;
616 }
617
618 #tabs-primary li {
619   float: left;
620   margin: 0;
621   padding: 0 0 0 9px;
622 }
623
624 #tabs-primary a {
625   float: left;
626   display: block;
627   padding: 5px 15px 4px 6px;
628   text-decoration: none;
629   font-weight: bold;
630   color: #027ac6;
631   background: none;
632 }
633
634 /* Commented Backslash Hack hides rule from IE5-Mac \*/
635 #tabs-primary a {
636   float: none;
637 }
638 /* End IE5-Mac hack */
639
640 #tabs-primary a:hover {
641   color: #000;
642   text-decoration: underline;
643 }
644
645 #tabs-primary .active {
646   background: url(images/tabs/left.gif) no-repeat left top;
647 }
648
649 #tabs-primary .active a {
650   background: url(images/tabs/right.gif) no-repeat right top;
651   color: #333;
652   padding-bottom: 5px;
653 }
654
655 #tabs-secondary {
656   border: none;
657   width: 100%;
658   font-size: 93%;
659   line-height: normal;
660   background: url(images/tabs/bg-2.gif) repeat-x bottom;
661   float: left;
662 }
663
664 #tabs-secondary ul {
665   margin: 0;
666   padding: 0;
667   list-style: none;
668   border: none;
669 }
670
671 #tabs-secondary li {
672   float: left;
673   margin: 0;
674   padding: 0 0 0 9px;
675   border: none;
676 }
677
678 #tabs-secondary a {
679   float: left;
680   display: block;
681   padding: 5px 15px 4px 6px;
682   text-decoration: none;
683   font-weight: bold;
684   color: #027ac6;
685   background: none;
686   border: none;
687 }
688
689 /* Commented Backslash Hack hides rule from IE5-Mac \*/
690 #tabs-secondary a {
691   float: none;
692 }
693 /* End IE5-Mac hack */
694
695 #tabs-secondary a:hover {
696   color: #000;
697 }
698
699 #tabs-secondary .active {
700   background: url(images/tabs/left-2.gif) no-repeat left top;
701   color: #000;
702 }
703
704 #tabs-secondary .active a {
705   background: url(images/tabs/right-2.gif) no-repeat right top;
706   color: #000;
707   padding-bottom: 5px;
708 }
709
710 /*
711  * pager
712  */
713
714 .item-list .pager li {
715   padding: 0;
716   margin: 2px;
717 }
718
719 .pager li.pager-current, .pager li a {
720   background: transparent url(images/buttons/blue-button.png) no-repeat top;
721   -moz-border-radius-bottomleft:2px;
722   -moz-border-radius-bottomright:2px;
723   -moz-border-radius-topleft:2px;
724   -moz-border-radius-topright:2px;
725   border:1px solid #90C2E1;
726   margin:0;
727   border: 1px solid #fff;
728   color: #fff;
729   cursor: pointer;
730   font-size: 96%;
731   font-weight: bold;
732   text-transform: uppercase;
733   outline: 1px solid #9BABB0;
734   -moz-border-radius: 4px;
735   -moz-outline-radius: 4px;
736   -webkit-border-radius: 4px;
737   padding: 2px 4px;
738   text-decoration: none;
739 }
740
741 .pager a:hover,
742 .pager li.pager-current {
743   background: transparent url(images/buttons/blue-button.png) no-repeat bottom;
744   text-decoration:none;
745   color: #000;
746 }
747
748 .pager a,
749 .pager li.pager-current {
750   padding: 2px 4px;
751 }
752
753 .pager {
754   text-align:center;
755 }
756
757 /*
758  * node-add-list
759  */
760
761 .node-type-list a {
762   font-weight: bold;
763 }
764
765 /*
766  * views
767  */
768
769 #views-ui-admin-tools input#edit-clear-cache {
770   margin-top: 5px;
771 }
772
773 #views-ui-edit-view-form {
774   margin-top: 10px;
775 }
776
777 #edit-add-display {
778   margin-bottom: 10px;
779 }
780
781 .remove-display input.form-submit {
782   background: transparent url(images/buttons/red-button.png) no-repeat top;
783 }
784
785 .remove-display input.form-submit:hover  {
786   background-position: bottom;
787   cursor: pointer;
788 }
789
790 .views-tabset {
791   background: transparent;
792 }
793
794 #views-ui-analyze-view-button {
795   margin: 10px 0;
796 }
797
798 /* dashboard */
799 #dashboard-left {
800   float: left;
801   width: 48%;
802 }
803
804 #dashboard-right {
805   float: right;
806   width: 48%;
807 }
808
809 #dashboard-left h2, #dashboard-right h2 {
810   border: 1px solid #e7e7e7;
811   background-color: #f7f7f7;
812   padding: 6px;
813 }
814
815 #dashboard-left .block, #dashboard-right .block {
816   margin: 0;
817   padding: 0;
818 }
819
820 #dashboard-left .block .content, #dashboard-right .block .content {
821   padding: 5px 10px;
822 }
823
824 #dashboard-left h3, #dashboard-right h3 {
825   padding: 0;
826   margin: 0px 2px;
827 }
828
829 /* sliding panel */
830
831 #toppanel {
832   position: absolute;   /*Panel will overlap  content */
833   /*position: relative;*/   /*Panel will "push" the content down */
834   width: 100%;
835   z-index: 999;
836   text-align: center;
837   margin-left: auto;
838   margin-right: auto;
839 }
840
841 #panel {
842   width: 100%;
843   height: 300px;
844   color: #999;
845   background: #313332 url(images/panel/panel_content_bg.png);
846   overflow: hidden;
847   position: relative;
848   z-index: 3;
849   display: none;
850 }
851
852
853 #toggle, #toggle ul {
854   margin: 0 auto;
855   padding: 0;
856   list-style: none;
857   width: 160px;
858 }
859
860 #toggle li {
861   float: none;
862   margin: 0;
863   padding: 0 0 0 5px;
864   text-align: center;
865 }
866
867 #toggle a {
868   float: none;
869   display: block;
870   padding: 5px 11px 1px 6px;
871   text-decoration: none;
872   font-weight: normal;
873   color: #000;
874 }
875
876 #toggle li {
877   background: url(images/panel/panel_left.png) no-repeat left top;
878   position: relative;
879   top: 0px;
880 }
881
882 #toggle li a {
883   background: url(images/panel/panel_bg.png) no-repeat right top;
884   color: #fff;
885   padding: 0 0 3px 0;
886 }
887
888 #toggle li a .panel-open {
889   background: url(images/panel/panel_open.png) no-repeat left top;
890   padding-left: 20px;
891 }
892
893 #toggle li a .panel-close {
894   background: url(images/panel/panel_close.png) no-repeat left top;
895   padding-left: 20px;
896 }
897
898 #maintenance {
899   border: 5px solid #e0e1e1;
900   width: 700px;
901   margin: 30px auto;
902   background-color: #f0f0f0;
903   padding: 10px;
904 }
905
906 #maintenance .maintenance-icon {
907   float: left;
908 }
909
910 #maintenance .maintenance-content {
911   margin: 13px 10px 10px 10px;
912 }
913
914 #maintenance .maintenance-content-p {
915   margin: 13px 10px 10px 10px;
916 }
917
918 /* Vertical tabs */
919 .vertical-tabs-list li {
920   background: #fff;
921 }
922
923 .vertical-tabs-list li.selected {
924   background: url(images/content_bg.gif);
925 }
926
927 .vertical-tabs-list .summary {
928   color: #898989;
929 }
930
931 #admin-menu {
932   background: url(images/header_bg.png);
933 }
934
935 /*
936  * Labels
937  */
938 label.label-help {
939   background: #e9eff2;
940   padding: 1px;
941   margin: 1px;
942   display: normal;
943   width: 100%;
944 }
945
946 /*******************************************************************
947  * Color Module: Don't touch                                       *
948  *******************************************************************/
949
950 .level-1 {
951   border-bottom: 1px solid #d2dada;
952   border-right: 1px solid #d2dada;
953   border-left: 1px solid #d2dada;
954   border-top: 0;
955   background: #f2f2f2;
956   padding: 4px;
957   clear: both;
958 }
959
960 .level-2 {
961   border-bottom: 1px solid #dcdcdc;
962   border-right: 1px solid #dcdcdc;
963   border-left: 1px solid #dcdcdc;
964   border-top: 0;
965   background: #fff;
966   padding: 4px;
967   clear: both;
968 }
969
970 tr.highlight {
971   background: #fffaad;
972 }