40c4aca20d13069a39b29e09775d20e9e78d7ce8
[drupal-theme-rahunas+rootcandy] / rootcandy / style.css
1 /* $Id: style.css,v 1.33.2.23 2009/06/14 21:56:51 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 #legal-notice {
581   font-size: 80%;
582   color: #999;
583   text-align: center;
584 }
585
586 #legal-notice a {
587   background: transparent url(images/extlink.gif) no-repeat scroll right center;
588   padding-right: 12px;
589 }
590
591 /*
592  * tabs in content
593  */
594 .level-1 h2 {
595   color: #027ac6;
596   font-size: 120%;
597   font-weight: bold;
598 }
599
600 #tabs-primary {
601   width: 100%;
602   font-size: 93%;
603   line-height: normal;
604   background: url(images/tabs/bg.gif) repeat-x bottom;
605   float: left;
606 }
607
608 #tabs-primary ul {
609   margin: 0;
610   padding: 0;
611   list-style: none;
612 }
613
614 #tabs-primary li {
615   float: left;
616   margin: 0;
617   padding: 0 0 0 9px;
618 }
619
620 #tabs-primary a {
621   float: left;
622   display: block;
623   padding: 5px 15px 4px 6px;
624   text-decoration: none;
625   font-weight: bold;
626   color: #027ac6;
627   background: none;
628 }
629
630 /* Commented Backslash Hack hides rule from IE5-Mac \*/
631 #tabs-primary a {
632   float: none;
633 }
634 /* End IE5-Mac hack */
635
636 #tabs-primary a:hover {
637   color: #000;
638   text-decoration: underline;
639 }
640
641 #tabs-primary .active {
642   background: url(images/tabs/left.gif) no-repeat left top;
643 }
644
645 #tabs-primary .active a {
646   background: url(images/tabs/right.gif) no-repeat right top;
647   color: #333;
648   padding-bottom: 5px;
649 }
650
651 #tabs-secondary {
652   border: none;
653   width: 100%;
654   font-size: 93%;
655   line-height: normal;
656   background: url(images/tabs/bg-2.gif) repeat-x bottom;
657   float: left;
658 }
659
660 #tabs-secondary ul {
661   margin: 0;
662   padding: 0;
663   list-style: none;
664   border: none;
665 }
666
667 #tabs-secondary li {
668   float: left;
669   margin: 0;
670   padding: 0 0 0 9px;
671   border: none;
672 }
673
674 #tabs-secondary a {
675   float: left;
676   display: block;
677   padding: 5px 15px 4px 6px;
678   text-decoration: none;
679   font-weight: bold;
680   color: #027ac6;
681   background: none;
682   border: none;
683 }
684
685 /* Commented Backslash Hack hides rule from IE5-Mac \*/
686 #tabs-secondary a {
687   float: none;
688 }
689 /* End IE5-Mac hack */
690
691 #tabs-secondary a:hover {
692   color: #000;
693 }
694
695 #tabs-secondary .active {
696   background: url(images/tabs/left-2.gif) no-repeat left top;
697   color: #000;
698 }
699
700 #tabs-secondary .active a {
701   background: url(images/tabs/right-2.gif) no-repeat right top;
702   color: #000;
703   padding-bottom: 5px;
704 }
705
706 /*
707  * pager
708  */
709
710 .item-list .pager li {
711   padding: 0;
712   margin: 2px;
713 }
714
715 .pager li.pager-current, .pager li a {
716   background: transparent url(images/buttons/blue-button.png) no-repeat top;
717   -moz-border-radius-bottomleft:2px;
718   -moz-border-radius-bottomright:2px;
719   -moz-border-radius-topleft:2px;
720   -moz-border-radius-topright:2px;
721   border:1px solid #90C2E1;
722   margin:0;
723   border: 1px solid #fff;
724   color: #fff;
725   cursor: pointer;
726   font-size: 96%;
727   font-weight: bold;
728   text-transform: uppercase;
729   outline: 1px solid #9BABB0;
730   -moz-border-radius: 4px;
731   -moz-outline-radius: 4px;
732   -webkit-border-radius: 4px;
733   padding: 2px 4px;
734   text-decoration: none;
735 }
736
737 .pager a:hover,
738 .pager li.pager-current {
739   background: transparent url(images/buttons/blue-button.png) no-repeat bottom;
740   text-decoration:none;
741   color: #000;
742 }
743
744 .pager a,
745 .pager li.pager-current {
746   padding: 2px 4px;
747 }
748
749 .pager {
750   text-align:center;
751 }
752
753 /*
754  * node-add-list
755  */
756
757 .node-type-list a {
758   font-weight: bold;
759 }
760
761 /*
762  * views
763  */
764
765 #views-ui-admin-tools input#edit-clear-cache {
766   margin-top: 5px;
767 }
768
769 #views-ui-edit-view-form {
770   margin-top: 10px;
771 }
772
773 #edit-add-display {
774   margin-bottom: 10px;
775 }
776
777 .remove-display input.form-submit {
778   background: transparent url(images/buttons/red-button.png) no-repeat top;
779 }
780
781 .remove-display input.form-submit:hover  {
782   background-position: bottom;
783   cursor: pointer;
784 }
785
786 .views-tabset {
787   background: transparent;
788 }
789
790 #views-ui-analyze-view-button {
791   margin: 10px 0;
792 }
793
794 /* dashboard */
795 #dashboard-left {
796   float: left;
797   width: 48%;
798 }
799
800 #dashboard-right {
801   float: right;
802   width: 48%;
803 }
804
805 #dashboard-left h2, #dashboard-right h2 {
806   border: 1px solid #e7e7e7;
807   background-color: #f7f7f7;
808   padding: 6px;
809 }
810
811 #dashboard-left .block, #dashboard-right .block {
812   margin: 0;
813   padding: 0;
814 }
815
816 #dashboard-left .block .content, #dashboard-right .block .content {
817   padding: 5px 10px;
818 }
819
820 #dashboard-left h3, #dashboard-right h3 {
821   padding: 0;
822   margin: 0px 2px;
823 }
824
825 /* sliding panel */
826 #toppanel {
827   position: absolute;   /*Panel will overlap  content */
828   /*position: relative;*/   /*Panel will "push" the content down */
829   top: 0;
830   width: 100%;
831   z-index: 999;
832   text-align: center;
833   margin-left: auto;
834   margin-right: auto;
835 }
836
837 #panel {
838   width: 100%;
839   height: 300px;
840   color: #999;
841   background: #313332 url(images/panel/panel_content_bg.png);
842   overflow: hidden;
843   position: relative;
844   z-index: 3;
845   display: none;
846 }
847
848
849 #toggle, #toggle ul {
850   margin: 0 auto;
851   padding: 0;
852   list-style: none;
853   width: 160px;
854 }
855
856 #toggle li {
857   float: none;
858   margin: 0;
859   padding: 0 0 0 5px;
860   text-align: center;
861 }
862
863 #toggle a {
864   float: none;
865   display: block;
866   padding: 5px 11px 1px 6px;
867   text-decoration: none;
868   font-weight: normal;
869   color: #000;
870 }
871
872 #toggle li {
873   background: url(images/panel/panel_left.png) no-repeat left top;
874   position: relative;
875   top: 0px;
876 }
877
878 #toggle li a {
879   background: url(images/panel/panel_bg.png) no-repeat right top;
880   color: #fff;
881   padding: 0 0 3px 0;
882 }
883
884 #toggle li a .panel-open {
885   background: url(images/panel/panel_open.png) no-repeat left top;
886   padding-left: 20px;
887 }
888
889 #toggle li a .panel-close {
890   background: url(images/panel/panel_close.png) no-repeat left top;
891   padding-left: 20px;
892 }
893
894 #maintenance {
895   border: 5px solid #e0e1e1;
896   width: 700px;
897   margin: 30px auto;
898   background-color: #f0f0f0;
899   padding: 10px;
900 }
901
902 #maintenance .maintenance-icon {
903   float: left;
904 }
905
906 #maintenance .maintenance-content {
907   margin: 13px 10px 10px 10px;
908 }
909
910 #maintenance .maintenance-content-p {
911   margin: 13px 10px 10px 10px;
912 }
913
914 /* Vertical tabs */
915 .vertical-tabs-list li {
916   background: #fff;
917 }
918
919 .vertical-tabs-list li.selected {
920   background: url(images/content_bg.gif);
921 }
922
923 .vertical-tabs-list .summary {
924   color: #898989;
925 }
926
927 /*******************************************************************
928  * Color Module: Don't touch                                       *
929  *******************************************************************/
930
931 .level-1 {
932   border-bottom: 1px solid #d2dada;
933   border-right: 1px solid #d2dada;
934   border-left: 1px solid #d2dada;
935   border-top: 0;
936   background: #f2f2f2;
937   padding: 4px;
938   clear: both;
939 }
940
941 .level-2 {
942   border-bottom: 1px solid #dcdcdc;
943   border-right: 1px solid #dcdcdc;
944   border-left: 1px solid #dcdcdc;
945   border-top: 0;
946   background: #fff;
947   padding: 4px;
948   clear: both;
949 }
950
951 tr.highlight {
952   background: #fffaad;
953 }