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