Projet

Général

Profil

Paste
Télécharger (20,3 ko) Statistiques
| Branche: | Révision:

root / drupal7 / themes / garland / style.css @ 76597ebf

1 85ad3d82 Assos Assos
2
/**
3
 * Generic elements
4
 */
5
body {
6
  margin: 0;
7
  padding: 0;
8
  background: #edf5fa;
9
  font: 76%/170% Verdana, sans-serif;
10
  color: #494949;
11
}
12
13
input {
14
  font: 1em/100% Verdana, sans-serif;
15
  color: #494949;
16
}
17
18
textarea,
19
select {
20
  font: 1em/160% Verdana, sans-serif;
21
  color: #494949;
22
}
23
24
h1,
25
h2,
26
h3,
27
h4,
28
h5,
29
h6 {
30
  margin: 0;
31
  padding: 0;
32
  font-weight: normal;
33
  font-family: Helvetica, Arial, sans-serif;
34
}
35
36
h1 {
37
  font-size: 170%;
38
}
39
40
h2,
41
#center h1 {
42
  font-size: 160%;
43
  line-height: 130%;
44
}
45
46
h3 {
47
  font-size: 140%;
48
}
49
50
h4 {
51
  font-size: 130%;
52
}
53
54
h5 {
55
  font-size: 120%;
56
}
57
58
h6 {
59
  font-size: 110%;
60
}
61
62
quote,
63
code,
64
fieldset {
65
  margin: .5em 0;
66
}
67
68
code,
69
pre,
70
kbd {
71
  font-size: 115%;
72
}
73
74
p {
75
  margin: 0.6em 0 1.2em;
76
  padding: 0;
77
}
78
79
a:link,
80
a:visited {
81
  color: #027AC6;
82
  text-decoration: none;
83
}
84
85
a:hover {
86
  color: #0062A0;
87
  text-decoration: underline;
88
}
89
90
a:active,
91
a.active {
92
  color: #5895be;
93
}
94
95
hr {
96
  margin: 0;
97
  padding: 0;
98
  border: none;
99
  height: 1px;
100
  background: #5294c1;
101
}
102
103
ul,
104
.block ul,
105
ol {
106
  margin: 0.5em 0 1em;
107
  padding: 0 0 0 1.5em; /* LTR */
108
}
109
110
/* Default to menu leaf bullet for unordered list items. "ul" used here so it can cascade to list items and "li.leaf" to override the system leaf image. */
111
ul,
112
ul li.leaf {
113
  list-style-image: url(images/menu-leaf.gif);
114
}
115
116
/* This is used to cancel the list style image when an ordered list is embedded in an unordered list. */
117
ol {
118
  list-style-image: none;
119
}
120
121
ul.menu,
122
.item-list ul {
123
  margin: 0.35em 0 0 -0.5em; /* LTR */
124
}
125
126
ol li,
127
ul li,
128
ul.menu li,
129
.item-list ul li,
130
li.leaf {
131
  margin: 0.15em 0 0.15em .5em; /* LTR */
132
  padding-bottom: .1em;
133
}
134
135
ul li.expanded {
136
  list-style-image: url(images/menu-expanded.gif);
137
}
138
139
ul li.collapsed {
140
  list-style-image: url(images/menu-collapsed.gif); /* LTR */
141
}
142
143
ul li.leaf a,
144
ul li.expanded a,
145
ul li.collapsed a {
146
  display: block;
147
}
148
149
ul.inline li {
150
  background: none;
151
  margin: 0;
152
  padding: 0 1em 0 0; /* LTR */
153
}
154
155
ol.task-list {
156
  margin-left: 0; /* LTR */
157
  list-style-type: none;
158
  list-style-image: none;
159
}
160
ol.task-list li {
161
  padding: 0.5em 1em 0.5em 2em; /* LTR */
162
}
163
ol.task-list li.active {
164
  background: transparent url(images/task-list.png) no-repeat 3px 50%; /* LTR */
165
}
166
ol.task-list li.done {
167
  color: #393;
168
  background: transparent url(../../misc/watchdog-ok.png) no-repeat 0px 50%; /* LTR */
169
}
170
ol.task-list li.active {
171
  margin-right: 1em; /* LTR */
172
}
173
174
fieldset ul.clearfix li {
175
  margin: 0;
176
  padding: 0;
177
  background-image: none;
178
}
179
180
dl {
181
  margin: 0.5em 0 1em 1.5em; /* LTR */
182
}
183
184
dl dt {
185
}
186
187
dl dd {
188
  margin: 0 0 .5em 1.5em; /* LTR */
189
}
190
191
img,
192
a img {
193
  border: none;
194
}
195
196
table {
197
  margin: 1em 0;
198
  width: 100%;
199
}
200
201
thead th {
202
  border-bottom: 2px solid #d3e7f4;
203
  color: #494949;
204
  font-weight: bold;
205
}
206
207
th a:link,
208
th a:visited {
209
  color: #6f9dbd;
210
}
211
212
td,
213
th {
214
  padding: .3em .5em;
215
}
216
217
tr.even,
218
tr.odd,
219
tbody th {
220
  border: solid #d3e7f4;
221
  border-width: 1px 0;
222
}
223
224
tr.odd,
225
tr.info {
226
  background-color: #edf5fa;
227
}
228
229
tr.even {
230
  background-color: #fff;
231
}
232
233
tr.drag {
234
  background-color: #ffb;
235
}
236
237
tr.drag-previous {
238
  background-color: #ffd;
239
}
240
241
tr.odd td.active {
242
  background-color: #ddecf5;
243
}
244
245
tr.even td.active {
246
  background-color: #e6f1f7;
247
}
248
249
td.region-title,
250
td.module,
251
td.container,
252
td.category {
253
  border-top: 1.5em solid #fff;
254
  border-bottom: 1px solid #b4d7f0;
255
  background-color: #d4e7f3;
256
  color: #455067;
257
  font-weight: bold;
258
}
259
260
tr:first-child td.region-title,
261
tr:first-child td.module,
262
tr:first-child td.container,
263
tr:first-child td.category {
264
  border-top-width: 0;
265
}
266
267
span.form-required {
268
  color: #ffae00;
269
}
270
271
.submitted, .description,
272
.vertical-tab-button .summary {
273
  font-size: 0.92em;
274
  color: #898989;
275
}
276
277
.description .more-help-link {
278
  font-size: 0.92em;
279
}
280
281
.description {
282
  line-height: 150%;
283
  margin-bottom: 0.75em;
284
  color: #898989;
285
}
286
287
.preview {
288
  margin: .75em 0 .75em;
289
  padding: .5em 1em;
290
}
291
292
.form-checkboxes,
293
.form-radios,
294
.form-checkboxes .form-item,
295
.form-radios .form-item {
296
  margin: 0.25em 0;
297
}
298
299
#center form {
300
  margin-bottom: 2em;
301
}
302
303
.form-actions {
304
  margin: 2em 0 1em;
305
}
306
.form-button,
307
.form-submit {
308
  margin: 0 0.5em 0 0; /* LTR */
309
}
310
311
/**
312
 * Skip link
313
 */
314
#skip-link {
315
  left: 50%;
316
  margin-left: -5.25em;
317
  margin-top: 0;
318
  position: absolute;
319
  width: auto;
320
  z-index: 1000;
321
}
322
#skip-link a,
323
#skip-link a:link,
324
#skip-link a:visited {
325
  background: #444;
326
  background: rgba(0, 0, 0, 0.6);
327
  color: #fff;
328
  display: block;
329
  font-size: 0.94em;
330
  line-height: 1.7;
331
  margin-top: 1px;
332
  padding: 2px 10px;
333
  text-decoration: none;
334
  -khtml-border-radius: 0 0 2px 2px;
335
  -moz-border-radius: 0 0 2px 2px;
336
  -webkit-border-bottom-left-radius: 2px;
337
  -webkit-border-bottom-right-radius: 2px;
338
  -webkit-border-top-left-radius: 0;
339
  -webkit-border-top-right-radius: 0;
340
  border-radius: 0 0 2px 2px;
341
}
342
#skip-link a:hover,
343
#skip-link a:active,
344
#skip-link a:focus {
345
  outline: 0;
346
}
347
348
/**
349
 * Layout
350
 */
351
.region-header {
352
  min-height: 1em;
353
  background: #d2e6f3 url(images/bg-navigation.png) repeat-x 50% 100%;
354
}
355
356
.region-header .block {
357
  display: block;
358
  margin: 0 1em;
359
}
360
361
.region-header .block-region {
362
  display: block;
363
  margin: 0 0.5em 1em;
364
  padding: 0.5em;
365
  position: relative;
366
  top: 0.5em;
367
}
368
369
.region-header * {
370
  display: inline;
371
  line-height: 1.5em;
372
  margin-top: 0;
373
  margin-bottom: 0;
374
}
375
376
/* Prevent the previous directive from showing the content of script elements in Mozilla browsers. */
377
.region-header script {
378
  display: none;
379
}
380
381
.region-header p,
382
.region-header img {
383
  margin-top: 0.5em;
384
}
385
386
.region-header h2 {
387
  margin: 0 1em 0 0; /* LTR */
388
}
389
390
.region-header h3,
391
.region-header label,
392
.region-header li {
393
  margin: 0 1em;
394
  padding: 0;
395
  background: none;
396
}
397
398
#wrapper {
399
  background: #edf5fa url(images/body.png) repeat-x 50% 0;
400
}
401
402
/* Set container widths when we are using the "fixed width" option. */
403
#wrapper #container {
404
  width: 560px;
405
  margin: 0 auto;
406
  padding: 0 20px;
407
}
408
409
body.one-sidebar #wrapper #container {
410
  width: 770px;
411
}
412
413
body.two-sidebars #wrapper #container {
414
  width: 980px;
415
}
416
417
/* Unset container width when we are using the "fluid width" option. */
418
body.fluid-width #wrapper #container {
419
  width: auto;
420
  max-width: 1270px;
421
}
422
423
#wrapper #container #header {
424
  height: 80px;
425
}
426
427
#wrapper #container #header #logo-floater {
428
  position: absolute;
429
}
430
431
#branding,
432
#branding a:link,
433
#branding a:visited {
434
  line-height: 120px;
435
  position: relative;
436
  z-index: 2;
437
  white-space: nowrap;
438
}
439
440
#branding span {
441
  font-weight: bold;
442
}
443
444
#branding img {
445
  padding-top: 14px;
446
  padding-right: 20px; /* LTR */
447
  float: left; /* LTR */
448
}
449
450
/* With 3 columns, require a minimum width of 1000px to ensure there is enough horizontal space. */
451
body.two-sidebars {
452
  min-width: 980px;
453
}
454
/* With 2 columns, require a minimum width of 800px. */
455
body.sidebar-first,
456
body.sidebar-second {
457
  min-width: 780px;
458
}
459
460
/* We must define 100% width to avoid the body being too narrow for near-empty pages */
461
#wrapper #container #center {
462
  float: left; /* LTR */
463
  width: 100%;
464
}
465
466
/* So we move the #center container over the sidebars to compensate */
467
body.sidebar-first #center {
468
  margin-left: -210px; /* LTR */
469
}
470
body.sidebar-second #center {
471
  margin-right: -210px; /* LTR */
472
}
473
body.two-sidebars #center {
474
  margin: 0 -210px;
475
}
476
477
/* And add blanks left and right for the sidebars to fill */
478
body.sidebar-first #squeeze {
479
  margin-left: 210px; /* LTR */
480
}
481
body.sidebar-second #squeeze {
482
  margin-right: 210px; /* LTR */
483
}
484
body.two-sidebars #squeeze {
485
  margin: 0 210px;
486
}
487
488
/* We ensure the sidebars are still clickable using z-index */
489
#wrapper #container .sidebar {
490
  margin: 60px 0 5em;
491
  width: 210px;
492
  float: left; /* LTR */
493
  z-index: 2;
494
  position: relative;
495
}
496
497
#wrapper #container .sidebar .block {
498
  margin: 0 0 1.5em 0;
499
}
500
501
#sidebar-first .block {
502
  padding: 0 15px 0 0; /* LTR */
503
}
504
505
#sidebar-second .block {
506
  padding: 0 0 0 15px; /* LTR */
507
}
508
509
.block .content {
510
  margin: 0.5em 0;
511
}
512
513
#sidebar-first .block-region {
514
  margin: 0 15px 0 0px; /* LTR */
515
}
516
517
#sidebar-second .block-region {
518
  margin: 0 0px 0 15px; /* LTR */
519
}
520
521
.block-region {
522
  padding: 1em;
523
  background: transparent;
524
  border: 2px dashed #b4d7f0;
525
  text-align: center;
526
  font-size: 1.3em;
527
}
528
529
/* Now we add the backgrounds for the main content shading */
530
#wrapper #container #center #squeeze {
531
  background: #fff url(images/bg-content.png) repeat-x 50% 0;
532
  position: relative;
533
}
534
535
#wrapper #container #center .right-corner {
536
  background: transparent url(images/bg-content-right.png) no-repeat 100% 0;
537
  position: relative;
538
  left: 10px;
539
}
540
541
#wrapper #container #center .right-corner .left-corner {
542
  padding: 60px 25px 5em 35px;
543
  background: transparent url(images/bg-content-left.png) no-repeat 0 0;
544
  margin-left: -10px;
545
  position: relative;
546
  left: -10px;
547
  min-height: 400px;
548
}
549
550
#wrapper #container .region-footer {
551
  float: none;
552
  clear: both;
553
  text-align: center;
554
  margin: 4em 0 -3em;
555
  color: #898989;
556
}
557
558
#wrapper #container .breadcrumb {
559
  position: absolute;
560
  top: 15px;
561
  left: 35px; /* LTR */
562
  z-index: 3;
563
}
564
565
body.sidebar-first .region-footer {
566
  margin-left: -210px;
567
}
568
569
body.sidebar-second .region-footer {
570
  margin-right: -210px;
571
}
572
573
body.two-sidebars .region-footer {
574
  margin: 0 -210px;
575
}
576
577
/**
578
 * Header
579
 */
580
div#branding {
581
  font-family: Helvetica,Arial,sans-serif;
582
}
583
584
div#branding strong {
585
   font-weight: normal;
586
}
587
588
#branding,
589
#branding a:link,
590
#branding a:visited {
591
  color: #fff;
592
  text-shadow: #1659ac 0px 1px 3px;
593
  font-size: 1.5em;
594
}
595
596
#branding a:hover {
597
  text-decoration: none;
598
}
599
600
#wrapper #container .breadcrumb {
601
  font-size: 0.92em;
602
}
603
604
#wrapper #container .breadcrumb,
605
#wrapper #container .breadcrumb a {
606
  color: #529ad6;
607
}
608
609
#highlighted {
610
  padding: 1em;
611
  background-color: #fff;
612
  border: 1px solid #e0e5fb;
613
  margin-bottom: 2em;
614
}
615
616
/**
617
 * Overlay
618
 */
619
#overlay #overlay-tabs li a {
620
  background: #d9eaf5;
621
  color: #000;
622
}
623
#overlay #overlay-tabs li a:hover,
624
#overlay #overlay-tabs li a:focus {
625
  background: #fff;
626
}
627
#overlay #overlay-tabs li.active a {
628
  background: url("images/body.png") repeat-x scroll 50% -58px #edf5fa;
629
  color: #fff;
630
}
631
#overlay-content {
632
  padding: 1px;
633
}
634
#overlay-content #header {
635
  display: none;
636
}
637
#overlay-content #wrapper {
638
  background-position: 50% -80px;
639
}
640
641
642
/**
643
 * Primary navigation
644
 */
645
ul.main-menu {
646
  margin: 0;
647
  padding: 0;
648
  float: right; /* LTR */
649
  position: relative;
650
  z-index: 4;
651
}
652
653
ul.main-menu li {
654
  margin: 0;
655
  padding: 0;
656
  float: left; /* LTR */
657
  background-image: none;
658
}
659
660
ul.main-menu li a,
661
ul.main-menu li a:link,
662
ul.main-menu li a:visited {
663
  display: block;
664
  margin: 0 1em;
665
  padding: .75em 0 0;
666
  color: #fff;
667
  background: transparent url(images/bg-navigation-item.png) no-repeat 50% 0;
668
}
669
670
ul.main-menu li a:hover,
671
ul.main-menu li a.active {
672
  color: #fff;
673
  background: transparent url(images/bg-navigation-item-hover.png) no-repeat 50% 0;
674
}
675
676
/**
677
 * Secondary navigation
678
 */
679
ul.secondary-menu {
680
  margin: 0;
681
  padding: 18px 0 0;
682
  float: right; /* LTR */
683
  clear: right; /* LTR */
684
  position: relative;
685
  z-index: 4;
686
}
687
688
ul.secondary-menu li {
689
  margin: 0;
690
  padding: 0;
691
  float: left; /* LTR */
692
  background-image: none;
693
}
694
695
ul.secondary-menu li a,
696
ul.secondary-menu li a:link,
697
ul.secondary-menu li a:visited {
698
  display: block;
699
  margin: 0 1em;
700
  padding: .75em 0 0;
701
  color: #cde3f1;
702
  background: transparent;
703
}
704
705
ul.secondary-menu li a:hover,
706
ul.secondary-menu li a.active {
707
  color: #cde3f1;
708
  background: transparent;
709
}
710
711
/**
712
 * Local tasks
713
 */
714
ul.primary,
715
ul.primary li,
716
ul.secondary,
717
ul.secondary li {
718
  border: 0;
719
  background: none;
720
  margin: 0;
721
  padding: 0;
722
}
723
724
#tabs-wrapper {
725
  margin: 0 -26px 1em;
726
  padding: 0 26px;
727
  border-bottom: 1px solid #e9eff3;
728
  position: relative;
729
}
730
ul.primary {
731
  padding: 0.5em 0 10px;
732
  float: left; /* LTR */
733
}
734
ul.secondary {
735
  clear: both;
736
  text-align: left; /* LTR */
737
  border-bottom: 1px solid #e9eff3;
738
  margin: -0.2em -26px 1em;
739
  padding: 0 26px 0.6em;
740
}
741
h1.with-tabs {
742
  float: left; /* LTR */
743
  margin: 0 2em 0 0; /* LTR */
744
  padding: 0;
745
}
746
747
ul.primary li a,
748
ul.primary li.active a,
749
ul.primary li a:hover,
750
ul.primary li a:visited,
751
ul.secondary li a,
752
ul.secondary li.active a,
753
ul.secondary li a:hover,
754
ul.secondary li a:visited {
755
  border: 0;
756
  background: transparent;
757
  padding: 4px 1em;
758
  margin: 0 0 0 1px; /* LTR */
759
  height: auto;
760
  text-decoration: none;
761
  position: relative;
762
  top: -1px;
763
  display: inline-block;
764
}
765
ul.primary li.active a,
766
ul.primary li.active a:link,
767
ul.primary li.active a:visited,
768
ul.primary li a:hover,
769
ul.secondary li.active a,
770
ul.secondary li.active a:link,
771
ul.secondary li.active a:visited,
772
ul.secondary li a:hover {
773
  background: url(images/bg-tab.png) repeat-x 0 50%;
774
  color: #fff;
775
}
776
ul.primary li.active a,
777
ul.secondary li.active a {
778
  font-weight: bold;
779
}
780
781
/**
782
 * Nodes & comments
783
 */
784
.node {
785
  border-bottom: 1px solid #e9eff3;
786
  margin: 0 -16px 1.5em;
787
  padding: 1.5em 16px;
788
}
789
790
ul.links li,
791
ul.inline li {
792
  margin-left: 0;
793
  margin-right: 0;
794
  padding-left: 0; /* LTR */
795
  padding-right: 1em; /* LTR */
796
  background-image: none;
797
}
798
799
.node .links,
800
.comment .links {
801
  text-align: left; /* LTR */
802
  padding-left: 0; /* LTR */
803
}
804
805
.user-picture,
806
.comment .submitted {
807
  float: right; /* LTR */
808
  clear: right; /* LTR */
809
  padding-left: 1em; /* LTR */
810
}
811
812
.new {
813
  color: #ffae00;
814
  font-size: 0.92em;
815
  font-weight: bold;
816
  float: right; /* LTR */
817
}
818
819
.preview .node,
820
.preview .comment,
821
.node-sticky {
822
  margin: 0;
823
  padding: 0.5em 0;
824
  border: 0;
825
  background: 0;
826
}
827
828
.node-sticky {
829
  padding: 1em;
830
  background-color: #fff;
831
  border: 1px solid #e0e5fb;
832
  margin-bottom: 2em;
833
}
834
835
#comments {
836
  position: relative;
837
  top: -1px;
838
  border-bottom: 1px solid #e9eff3;
839
  margin: 1.5em -25px 0;
840
  padding: 0 25px;
841
}
842
843
#comments h2.comments {
844
  margin: 0 -25px;
845
  padding: .5em 25px;
846
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
847
}
848
849
.comment {
850
  margin: 0 -25px;
851
  padding: 1.5em 25px 1.5em;
852
  border-top: 1px solid #e9eff3;
853
}
854
855
.indented {
856
  margin-left: 25px; /* LTR */
857
}
858
859
.comment h3 a.active {
860
  color: #494949;
861
}
862
863
.node .content,
864
.comment .content {
865
  margin: 0.6em 0;
866
}
867
868
/**
869
 * Aggregator.module
870
 */
871
#aggregator {
872
  margin-top: 1em;
873
}
874
#aggregator .feed-item-title {
875
  font-size: 160%;
876
  line-height: 130%;
877
}
878
#aggregator .feed-item {
879
  border-bottom: 1px solid #e9eff3;
880
  margin: -1.5em -31px 1.75em;
881
  padding: 1.5em 31px;
882
}
883
#aggregator .feed-item-categories {
884
  font-size: 0.92em;
885
}
886
#aggregator .feed-item-meta {
887
  font-size: 0.92em;
888
  color: #898989;
889
}
890
891
/**
892
 * Color.module
893
 */
894
#palette .form-item {
895
  border: 1px solid #fff;
896
}
897
#palette .item-selected {
898
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
899
  border: 1px solid #d9eaf5;
900
}
901
902
/**
903
 * Menu.module
904
 */
905
tr.odd td.menu-disabled {
906
  background-color: #edf5fa;
907
}
908
tr.even td.menu-disabled {
909
  background-color: #fff;
910
}
911
912
/**
913
 * Poll.module
914
 */
915
.poll .bar {
916
  background: #fff url(images/bg-bar-white.png) repeat-x 0 0;
917
  border: solid #f0f0f0;
918
  border-width: 0 1px 1px;
919
}
920
921
.poll .bar .foreground {
922
  background: #71a7cc url(images/bg-bar.png) repeat-x 0 100%;
923
}
924
925
.poll .percent {
926
  font-size: .9em;
927
}
928
929
/**
930
 * Autocomplete.
931
 */
932
#autocomplete li {
933
  cursor: default;
934
  padding: 2px;
935
  margin: 0;
936
}
937
938
/**
939
 * Collapsible fieldsets
940
 */
941
fieldset {
942
  margin: 1em 0;
943
  padding: 1em;
944
  border: 1px solid #d9eaf5;
945
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
946
}
947
948
/* Targets IE 7. Fixes background image in field sets. */
949
*:first-child+html fieldset {
950
  padding: 0 1em 1em;
951
  background-position: 0 .75em;
952
  background-color: transparent;
953
}
954
*:first-child+html .text-format-wrapper .filter-wrapper {
955
  padding: 1.5em 0 1.5em;
956
  background-position: 0 0;
957
}
958
959
/* Keep the background position at 0 for filters and vertical tabs. */
960
*:first-child+html fieldset.filter-wrapper,
961
*:first-child+html fieldset.vertical-tabs-pane {
962
  background-position: 0 0;
963
}
964
965
*:first-child+html fieldset .fieldset-wrapper .fieldset-description {
966
  padding-top: 1em;
967
}
968
969
html.js fieldset.collapsed {
970
  background: transparent;
971
  padding-top: 0;
972
  padding-bottom: .6em;
973
}
974
975
html.js fieldset.collapsible .fieldset-legend {
976
  padding-left: 2em; /* LTR */
977
  background: url(images/menu-expanded.gif) no-repeat 0% 50%; /* LTR */
978
}
979
html.js fieldset.collapsed .fieldset-legend {
980
  background: url(images/menu-collapsed.gif) no-repeat 0% 50%; /* LTR */
981
}
982
983
.fieldset-legend span.summary {
984
  color: #898989;
985
}
986
987
/**
988
 * Vertical tabs.
989
 */
990
div.vertical-tabs {
991
  border-color: #d9eaf5;
992
}
993
994
div.vertical-tabs .vertical-tabs-panes fieldset.vertical-tabs-pane {
995
  padding: 0.5em 1em;
996
}
997
998
div.vertical-tabs ul.vertical-tabs-list {
999
  border-color: #d9eaf5;
1000
}
1001
1002
div.vertical-tabs ul.vertical-tabs-list li {
1003
  background-color: #edf5fa;
1004
  border-color: #d9eaf5;
1005
}
1006
1007
div.vertical-tabs ul.vertical-tabs-list li strong {
1008
  font-weight: normal;
1009
}
1010
1011
div.vertical-tabs ul.vertical-tabs-list li.selected strong {
1012
  font-weight: bold;
1013
}
1014
1015
div.vertical-tabs ul.vertical-tabs-list li.selected small {
1016
  color: #898989;
1017
}
1018
1019
div.vertical-tabs ul.vertical-tabs-list li.selected {
1020
  background: #fff repeat-x 0 0;
1021
}
1022
1023
div.vertical-tabs ul.vertical-tabs-list li.selected.first {
1024
  background-image: url(images/gradient-inner.png);
1025
}
1026
1027
div.vertical-tabs ul.vertical-tabs-list li.selected a strong {
1028
  color: #494949;
1029
}
1030
1031
/**
1032
 * Syndication icons and block
1033
 */
1034
#block-node-syndicate h2 {
1035
  float: left; /* LTR */
1036
  padding-right: 20px; /* LTR */
1037
}
1038
1039
#block-node-syndicate img,
1040
.feed-icon {
1041
  float: right; /* LTR */
1042
  padding-top: 4px;
1043
}
1044
1045
#block-node-syndicate .content {
1046
  clear: right; /* LTR */
1047
}
1048
1049
/**
1050
 * Login Block
1051
 */
1052
#user-login-form {
1053
  text-align: center;
1054
}
1055
#user-login-form ul {
1056
  text-align: left; /* LTR */
1057
}
1058
#user-login .openid-links {
1059
  padding: 0;
1060
}
1061
#user-login-form .openid-links {
1062
  padding-left: 0.5em; /* LTR */
1063
}
1064
#user-login-form .openid-links li.user-link {
1065
  padding-left: 1em; /* LTR */
1066
}
1067
1068
/**
1069
 * User profiles.
1070
 */
1071
.profile {
1072
  margin-top: 1.5em;
1073
}
1074
.profile h3 {
1075
  border-bottom: 0;
1076
  margin-bottom: 1em;
1077
}
1078
.profile dl {
1079
  margin: 0;
1080
}
1081
.profile dt {
1082
  font-weight: normal;
1083
  color: #898989;
1084
  font-size: 0.92em;
1085
  line-height: 1.3em;
1086
  margin-top: 1.4em;
1087
  margin-bottom: 0.45em;
1088
}
1089
.profile dd {
1090
  margin-bottom: 1.6em;
1091
}
1092
1093
/**
1094
 * Admin Styles
1095
 */
1096
div.admin-panel,
1097
div.admin-panel .description,
1098
div.admin-panel .body,
1099
div.admin,
1100
div.admin .left,
1101
div.admin .right,
1102
div.admin .expert-link,
1103
div.item-list,
1104
.menu {
1105
  margin: 0;
1106
  padding: 0;
1107
}
1108
1109
div.admin .left {
1110
  float: left; /* LTR */
1111
  width: 48%;
1112
}
1113
div.admin .right {
1114
  float: right; /* LTR */
1115
  width: 48%;
1116
}
1117
1118
div.admin-panel {
1119
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
1120
  padding: 1em 1em 1.5em;
1121
}
1122
div.admin-panel .description {
1123
  margin-bottom: 1.5em;
1124
}
1125
div.admin-panel dl {
1126
  margin: 0;
1127
}
1128
div.admin-panel dd {
1129
  color: #898989;
1130
  font-size: 0.92em;
1131
  line-height: 1.3em;
1132
  margin-top: -.2em;
1133
  margin-bottom: .65em;
1134
}
1135
1136
table.system-status-report th {
1137
  border-color: #d3e7f4;
1138
}
1139
1140
#autocomplete li.selected,
1141
tr.selected td,
1142
tr.selected td.active {
1143
  background: #027ac6;
1144
  color: #fff;
1145
}
1146
1147
tr.selected td a:link,
1148
tr.selected td a:visited,
1149
tr.selected td a:active {
1150
  color: #d3e7f4;
1151
}
1152
1153
tr.taxonomy-term-preview {
1154
  opacity: 0.5;
1155
}
1156
1157
tr.taxonomy-term-divider-top {
1158
  border-bottom: none;
1159
}
1160
1161
tr.taxonomy-term-divider-bottom {
1162
  border-top: 1px dotted #CCC;
1163
}
1164
1165
.theme-selector h3 {
1166
  margin: 10px 0;
1167
}
1168
.theme-selector .operations li {
1169
  list-style-image: none;
1170
}
1171
1172
/**
1173
 * CSS support
1174
 */
1175
1176
/*******************************************************************
1177
 * Color Module: Don't touch                                       *
1178
 *******************************************************************/
1179
1180
/**
1181
 * Generic elements.
1182
 */
1183
.preview {
1184
  background-color: #fcfce8;
1185
  border: 1px solid #e5e58f;
1186
}
1187
1188
.form-item input.error,
1189
.form-item textarea.error {
1190
  border: 1px solid #c52020;
1191
  color: #363636;
1192
}
1193
1194
/**
1195
 * dblog.module
1196
 */
1197
tr.dblog-user {
1198
  background-color: #fcf9e5;
1199
}
1200
1201
tr.dblog-user td.active {
1202
  background-color: #fbf5cf;
1203
}
1204
1205
tr.dblog-content {
1206
  background-color: #fefefe;
1207
}
1208
1209
tr.dblog-content td.active {
1210
  background-color: #f5f5f5;
1211
}
1212
1213
tr.dblog-warning {
1214
  background-color: #fdf5e6;
1215
}
1216
1217
tr.dblog-warning td.active {
1218
  background-color: #fdf2de;
1219
}
1220
1221
tr.dblog-error {
1222
  background-color: #fbe4e4;
1223
}
1224
1225
tr.dblog-error td.active {
1226
  background-color: #fbdbdb;
1227
}
1228
tr.dblog-page-not-found,
1229
tr.dblog-access-denied {
1230
  background: #d7ffd7;
1231
}
1232
tr.dblog-page-not-found td.active,
1233
tr.dblog-access-denied td.active {
1234
  background: #c7eec7;
1235
}
1236
1237
/**
1238
 * Status report colors.
1239
 */
1240
table.system-status-report tr.error,
1241
table.system-status-report tr.error th {
1242
  background-color: #fcc;
1243
  border-color: #ebb;
1244
  color: #200;
1245
}
1246
table.system-status-report tr.warning,
1247
table.system-status-report tr.warning th {
1248
  background-color: #ffd;
1249
  border-color: #eeb;
1250
}
1251
table.system-status-report tr.ok,
1252
table.system-status-report tr.ok th {
1253
  background-color: #dfd;
1254
  border-color: #beb;
1255
}