Projet

Général

Profil

Paste
Télécharger (31,9 ko) Statistiques
| Branche: | Révision:

root / drupal7 / themes / bartik / css / style.css @ b4adf10d

1

    
2
/* ---------- Overall Specifications ---------- */
3

    
4
body {
5
  line-height: 1.5;
6
  font-size: 87.5%;
7
  word-wrap: break-word;
8
  margin: 0;
9
  padding: 0;
10
  border: 0;
11
  outline: 0;
12
}
13
a:link,
14
a:visited {
15
  text-decoration: none;
16
}
17
a:hover,
18
a:active,
19
a:focus {
20
  text-decoration: underline;
21
}
22
h1,
23
h2,
24
h3,
25
h4,
26
h5,
27
h6 {
28
  margin: 1.0em 0 0.5em;
29
  font-weight: inherit;
30
}
31
h1 {
32
  font-size: 1.357em;
33
  color: #000;
34
}
35
h2 {
36
  font-size: 1.143em;
37
}
38
p {
39
  margin: 0 0 1.2em;
40
}
41
del {
42
  text-decoration: line-through;
43
}
44
tr.odd {
45
  background-color: #dddddd;
46
}
47
img {
48
  outline: 0;
49
}
50
code,
51
pre,
52
kbd,
53
samp,
54
var {
55
  padding: 0 0.4em;
56
  font-size: 0.857em;
57
  font-family: Menlo, Consolas, "Andale Mono", "Lucida Console", "Nimbus Mono L", "DejaVu Sans Mono", monospace, "Courier New";
58
}
59
code {
60
  background-color: #f2f2f2;
61
  background-color: rgba(40, 40, 0, 0.06);
62
}
63
pre code,
64
pre kbd,
65
pre samp,
66
pre var,
67
kbd kbd,
68
kbd samp,
69
code var {
70
  font-size: 100%;
71
  background-color: transparent;
72
}
73
pre code,
74
pre samp,
75
pre var {
76
  padding: 0;
77
}
78
.description code {
79
  font-size: 1em;
80
}
81
kbd {
82
  background-color: #f2f2f2;
83
  border: 1px outset #575757;
84
  margin: 0 3px;
85
  color: #666;
86
  display: inline-block;
87
  padding: 0 6px;
88
  -khtml-border-radius: 5px;
89
  -moz-border-radius: 5px;
90
  -webkit-border-radius: 5px;
91
  border-radius: 5px;
92
}
93
pre {
94
  background-color: #f2f2f2;
95
  background-color: rgba(40, 40, 0, 0.06);
96
  margin: 10px 0;
97
  overflow: hidden;
98
  padding: 15px;
99
  white-space: pre-wrap;
100
}
101

    
102

    
103
/* ------------------ Fonts ------------------ */
104

    
105
body,
106
#site-slogan,
107
.ui-widget,
108
.comment-form label {
109
  font-family: Georgia, "Times New Roman", Times, serif;
110
}
111
#header,
112
#footer-wrapper,
113
#skip-link,
114
ul.contextual-links,
115
ul.links,
116
ul.primary,
117
.item-list .pager,
118
div.field-type-taxonomy-term-reference,
119
div.messages,
120
div.meta,
121
p.comment-time,
122
table,
123
.breadcrumb {
124
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
125
}
126
input,
127
textarea,
128
select,
129
a.button {
130
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
131
}
132

    
133
/* ------------------ Reset Styles ------------------ */
134

    
135
caption {
136
  text-align: left; /* LTR */
137
  font-weight: normal;
138
}
139
blockquote {
140
  background: #f7f7f7;
141
  border-left: 1px solid #bbb;
142
  font-style: italic;
143
  margin: 1.5em 10px;
144
  padding: 0.5em 10px;
145
}
146
blockquote:before {
147
  color: #bbb;
148
  content: "\201C";
149
  font-size: 3em;
150
  line-height: 0.1em;
151
  margin-right: 0.2em;
152
  vertical-align: -.4em;
153
}
154
blockquote:after {
155
  color: #bbb;
156
  content: "\201D";
157
  font-size: 3em;
158
  line-height: 0.1em;
159
  vertical-align: -.45em;
160
}
161
blockquote > p:first-child {
162
  display: inline;
163
}
164
a.feed-icon {
165
  display: inline-block;
166
  padding: 15px 0 0 0;
167
}
168

    
169
/* ------------------ Table Styles ------------------ */
170

    
171
table {
172
  border: 0;
173
  border-spacing: 0;
174
  font-size: 0.857em;
175
  margin: 10px 0;
176
  width: 100%;
177
}
178
table table {
179
  font-size: 1em;
180
}
181
#footer-wrapper table {
182
  font-size: 1em;
183
}
184
table tr th {
185
  background: #757575;
186
  background: rgba(0, 0, 0, 0.51);
187
  border-bottom-style: none;
188
}
189
table tr th,
190
table tr th a,
191
table tr th a:hover {
192
  color: #FFF;
193
  font-weight: bold;
194
}
195
table tbody tr th {
196
  vertical-align: top;
197
}
198
tr td,
199
tr th {
200
  padding: 4px 9px;
201
  border: 1px solid #fff;
202
  text-align: left; /* LTR */
203
}
204
#footer-wrapper tr td,
205
#footer-wrapper tr th {
206
  border-color: #555;
207
  border-color: rgba(255, 255, 255, 0.18);
208
}
209
tr.odd {
210
  background: #e4e4e4;
211
  background: rgba(0, 0, 0, 0.105);
212
}
213
tr,
214
tr.even {
215
  background: #efefef;
216
  background: rgba(0, 0, 0, 0.063);
217
}
218
table ul.links {
219
  margin: 0;
220
  padding: 0;
221
  font-size: 1em;
222
}
223
table ul.links li {
224
  padding: 0 1em 0 0;
225
}
226

    
227
/* ------------------ List Styles ------------------ */
228

    
229
.block ol,
230
.block ul {
231
  margin: 0;
232
  padding: 0 0 0.25em 1em; /* LTR */
233
}
234
.contextual-links-wrapper {
235
  font-size: small !important;
236
}
237
ul.contextual-links {
238
  font-size: 0.923em;
239
}
240
.contextual-links-wrapper a {
241
  text-shadow: 0 0 0 !important;
242
}
243
.item-list .pager {
244
  font-size: 0.929em;
245
}
246
ul.menu li {
247
  margin: 0;
248
}
249
.region-content ul,
250
.region-content ol {
251
  margin: 1em 0;
252
  padding: 0 0 0.25em 2.5em; /* LTR */
253
}
254
.item-list ul li {
255
  margin: 0;
256
  padding: 0.2em 0.5em 0 0; /* LTR */
257
}
258
ul.tips {
259
  padding: 0 0 0 1.25em; /* LTR */
260
}
261

    
262
/* ------------------ Header ------------------ */
263
#skip-link {
264
  left: 50%;
265
  margin-left: -5.25em;
266
  margin-top: 0;
267
  position: absolute;
268
  width: auto;
269
  z-index: 50;
270
}
271
#skip-link a,
272
#skip-link a:link,
273
#skip-link a:visited {
274
  background: #444;
275
  background: rgba(0, 0, 0, 0.6);
276
  color: #fff;
277
  display: block;
278
  font-size: 0.94em;
279
  line-height: 1.7;
280
  padding: 1px 10px 2px 10px;
281
  text-decoration: none;
282
  -khtml-border-radius: 0 0 10px 10px;
283
  -moz-border-radius: 0 0 10px 10px;
284
  -webkit-border-top-left-radius: 0;
285
  -webkit-border-top-right-radius: 0;
286
  -webkit-border-bottom-left-radius: 10px;
287
  -webkit-border-bottom-right-radius: 10px;
288
  border-radius: 0 0 10px 10px;
289
}
290
#skip-link a:hover,
291
#skip-link a:active,
292
#skip-link a:focus {
293
  outline: 0;
294
}
295
#logo {
296
  float: left; /* LTR */
297
  padding: 15px 15px 15px 10px; /* LTR */
298
}
299
#name-and-slogan {
300
  float: left; /* LTR */
301
  padding-top: 34px;
302
  margin: 0 0 30px 15px; /* LTR */
303
}
304
#site-name {
305
  font-size: 1.821em;
306
  color: #686868;
307
  line-height: 1;
308
}
309
h1#site-name {
310
  margin: 0;
311
}
312
#site-name a {
313
  font-weight: normal;
314
}
315
#site-slogan {
316
  font-size: 0.929em;
317
  margin-top: 7px;
318
  word-spacing: 0.1em;
319
  font-style: italic;
320
}
321
/* Region header blocks. */
322
.region-header .block {
323
  font-size: 0.857em;
324
  float: left; /* LTR */
325
  margin: 0 10px;
326
  padding: 0;
327
}
328
.region-header .block .content {
329
  margin: 0;
330
  padding: 0;
331
}
332
.region-header .block ul {
333
  margin: 0;
334
  padding: 0;
335
}
336
.region-header .block li {
337
  list-style: none;
338
  list-style-image: none;
339
  padding: 0;
340
}
341
.region-header .form-text {
342
  background: #fefefe;
343
  background: rgba(255, 255, 255, 0.7);
344
  border-color: #ccc;
345
  border-color: rgba(255, 255, 255, 0.3);
346
  margin-right: 2px; /* LTR */
347
  width: 120px;
348
}
349
.region-header .form-text:hover,
350
.region-header .form-text:focus,
351
.region-header .form-text:active {
352
  background: #fff;
353
  background: rgba(255, 255, 255, 0.8);
354
}
355
.region-header .form-required {
356
  color: #eee;
357
  color: rgba(255, 255, 255, 0.7);
358
}
359
/* Region header block menus. */
360
.region-header .block-menu {
361
  border: 1px solid;
362
  border-color: #eee;
363
  border-color: rgba(255, 255, 255, 0.2);
364
  padding: 0;
365
  width: 208px;
366
}
367
.region-header .block-menu li a {
368
  display: block;
369
  border-bottom: 1px solid;
370
  border-bottom-color: #eee;
371
  border-bottom-color: rgba(255, 255, 255, 0.2);
372
  padding: 3px 7px;
373
}
374
.region-header .block-menu li a:hover,
375
.region-header .block-menu li a:focus,
376
.region-header .block-menu li a:active {
377
  text-decoration: none;
378
  background: rgba(255, 255, 255, 0.15);
379
}
380
.region-header .block-menu li.last a {
381
  border-bottom: 0;
382
}
383
/* User Login block in the header region */
384
.region-header #block-user-login {
385
  width: auto;
386
}
387
.region-header #block-user-login .content {
388
  margin-top: 2px;
389
}
390
.region-header #block-user-login .form-item {
391
  float: left; /* LTR */
392
  margin: 0;
393
  padding: 0;
394
}
395
.region-header #block-user-login div.item-list,
396
.region-header #block-user-login div.description {
397
  font-size: 0.916em;
398
  margin: 0;
399
}
400
.region-header #block-user-login div.item-list {
401
  clear: both;
402
}
403
.region-header #block-user-login div.description {
404
  display: inline;
405
}
406
.region-header #block-user-login .item-list ul {
407
  padding: 0;
408
  line-height: 1;
409
}
410
.region-header #block-user-login .item-list li {
411
  list-style: none;
412
  float: left; /* LTR */
413
  padding: 3px 0 1px;
414
}
415
.region-header #block-user-login .item-list li.last {
416
  padding-left: 0.5em; /* LTR */
417
}
418
.region-header #block-user-login ul.openid-links li.last {
419
  padding-left: 0; /* LTR */
420
}
421
.region-header #user-login-form li.openid-link a,
422
.region-header #user-login li.openid-link a {
423
  padding-left: 20px; /* LTR */
424
}
425
.region-header #block-user-login .form-actions {
426
  margin: 4px 0 0;
427
  padding: 0;
428
  clear: both;
429
}
430
.region-header #block-user-login input.form-submit {
431
  border: 1px solid;
432
  border-color: #ccc;
433
  border-color: rgba(255, 255, 255, 0.5);
434
  background: #eee;
435
  background: rgba(255, 255, 255, 0.7);
436
  margin: 4px 0;
437
  padding: 3px 8px;
438
}
439
.region-header #block-user-login input.form-submit:hover,
440
.region-header #block-user-login input.form-submit:focus {
441
  background: #fff;
442
  background: rgba(255, 255, 255, 0.9);
443
}
444
/* Search block in region header. */
445
.region-header #block-search-form {
446
  width: 208px;
447
}
448
.region-header #block-search-form .form-text {
449
  width: 154px;
450
}
451
/* Language switcher block in region header. */
452
.region-header .block-locale ul li {
453
  display: inline;
454
  padding: 0 0.5em;
455
}
456

    
457
/* --------------- Main Menu ------------ */
458

    
459
#main-menu {
460
  clear: both;
461
}
462
#main-menu-links {
463
  font-size: 0.929em;
464
  margin: 0;
465
  padding: 0 15px;
466
}
467
#main-menu-links li {
468
  float: left; /* LTR */
469
  list-style: none;
470
  padding: 0 1px;
471
  margin: 0 1px;
472
}
473
#main-menu-links a {
474
  color: #333;
475
  background: #ccc;
476
  background: rgba(255, 255, 255, 0.7);
477
  float: left; /* LTR */
478
  height: 2.4em;
479
  line-height: 2.4em;
480
  padding: 0 0.8em;
481
  text-decoration: none;
482
  text-shadow: 0 1px #eee;
483
  -khtml-border-radius-topleft: 8px;
484
  -khtml-border-radius-topright: 8px;
485
  -moz-border-radius-topleft: 8px;
486
  -moz-border-radius-topright: 8px;
487
  -webkit-border-top-left-radius: 8px;
488
  -webkit-border-top-right-radius: 8px;
489
  border-top-left-radius: 8px;
490
  border-top-right-radius: 8px;
491
}
492
#main-menu-links a:hover,
493
#main-menu-links a:focus {
494
  background: #f6f6f2;
495
  background: rgba(255, 255, 255, 0.95);
496
}
497
#main-menu-links a:active {
498
  background: #b3b3b3;
499
  background: rgba(255, 255, 255, 1);
500
}
501
#main-menu-links li a.active {
502
  border-bottom: none;
503
}
504
.featured #main-menu-links li a:active,
505
.featured #main-menu-links li a.active {
506
  background: #f0f0f0;
507
  background: rgba(240, 240, 240, 1.0);
508
}
509

    
510
/* --------------- Secondary Menu ------------ */
511

    
512
#secondary-menu-links {
513
  float: right; /* LTR */
514
  font-size: 0.929em;
515
  margin: 10px 10px 0;
516
}
517
#secondary-menu-links a:hover,
518
#secondary-menu-links a:focus {
519
  text-decoration: underline;
520
}
521

    
522
/* ------------------- Main ------------------- */
523

    
524
#main {
525
  margin-top: 20px;
526
  margin-bottom: 40px;
527
}
528

    
529
/* ----------------- Featured ----------------- */
530

    
531
#featured {
532
  text-align: center;
533
  font-size: 1.643em;
534
  font-weight: normal;
535
  line-height: 1.4;
536
  padding: 20px 0 45px;
537
  margin: 0;
538
  background: #f0f0f0;
539
  background: rgba(30, 50, 10, 0.08);
540
  border-bottom: 1px solid #e7e7e7;
541
  text-shadow: 1px 1px #fff;
542
}
543
#featured h2 {
544
  font-size: 1.174em;
545
  line-height: 1;
546
}
547
#featured p {
548
  margin: 0;
549
  padding: 0;
550
}
551

    
552
/* --------------- Highlighted ---------------- */
553

    
554
#highlighted {
555
  border-bottom: 1px solid #d3d7d9;
556
  font-size: 120%;
557
}
558

    
559
/* ------------------- Help ------------------- */
560

    
561
.region-help {
562
  border: 1px solid #d3d7d9;
563
  padding: 0 1.5em;
564
  margin-bottom: 30px;
565
}
566

    
567
/* ----------------- Content ------------------ */
568

    
569
.content {
570
  margin-top: 10px;
571
}
572
h1#page-title {
573
  font-size: 2em;
574
  line-height: 1;
575
}
576
#content h2 {
577
  margin-bottom: 2px;
578
  font-size: 1.429em;
579
  line-height: 1.4;
580
}
581
.node .content {
582
  font-size: 1.071em;
583
}
584
.node-teaser .content {
585
  font-size: 1em;
586
}
587
.node-teaser h2 {
588
  margin-top: 0;
589
  padding-top: 0.5em;
590
}
591
.node-teaser h2 a {
592
  color: #181818;
593
}
594
.node-teaser {
595
  border-bottom: 1px solid #d3d7d9;
596
  margin-bottom: 30px;
597
  padding-bottom: 15px;
598
}
599
.node-sticky {
600
  background: #f9f9f9;
601
  background: rgba(0, 0, 0, 0.024);
602
  border: 1px solid #d3d7d9;
603
  padding: 0 15px 15px;
604
}
605
.node-full {
606
  background: none;
607
  border: none;
608
  padding: 0;
609
}
610
.node-teaser .content {
611
  clear: none;
612
  line-height: 1.6;
613
}
614
.meta {
615
  font-size: 0.857em;
616
  color: #68696b;
617
  margin-bottom: -5px;
618
}
619
.submitted .user-picture img {
620
  float: left; /* LTR */
621
  height: 20px;
622
  margin: 1px 5px 0 0; /* LTR */
623
}
624
.field-type-taxonomy-term-reference {
625
  margin: 0 0 1.2em;
626
}
627
.field-type-taxonomy-term-reference .field-label {
628
  font-weight: normal;
629
  margin: 0;
630
  padding-right: 5px; /* LTR */
631
}
632
.field-type-taxonomy-term-reference .field-label,
633
.field-type-taxonomy-term-reference ul.links {
634
  font-size: 0.8em;
635
}
636
.node-teaser .field-type-taxonomy-term-reference .field-label,
637
.node-teaser .field-type-taxonomy-term-reference ul.links {
638
  font-size: 0.821em;
639
}
640
.field-type-taxonomy-term-reference ul.links {
641
  padding: 0;
642
  margin: 0;
643
  list-style: none;
644
}
645
.field-type-taxonomy-term-reference ul.links li {
646
  float: left; /* LTR */
647
  padding: 0 1em 0 0; /* LTR */
648
  white-space: nowrap;
649
}
650
.link-wrapper {
651
  text-align: right;
652
}
653
.field-type-image img,
654
.user-picture img {
655
  margin: 0 0 1em;
656
}
657
ul.links {
658
  color: #68696b;
659
  font-size: 0.821em;
660
}
661
.node-unpublished {
662
  margin: -20px -15px 0;
663
  padding: 20px 15px 0;
664
}
665
.node-unpublished .comment-text .comment-arrow {
666
  border-left: 1px solid #fff4f4;
667
  border-right: 1px solid #fff4f4;
668
}
669

    
670
/* ----------------- Comments ----------------- */
671

    
672
.comment h2.title {
673
  margin-bottom: 1em;
674
}
675
.comment div.user-picture img {
676
  margin-left: 0; /* LTR */
677
}
678
.comment {
679
  margin-bottom: 20px;
680
  display: table;
681
  vertical-align: top;
682
}
683
.comment .attribution {
684
  display: table-cell;
685
  padding: 0 30px 0 0; /* LTR */
686
  vertical-align: top;
687
  overflow: hidden;
688
}
689
.comment .attribution img {
690
  margin: 0;
691
  border: 1px solid #d3d7d9;
692
}
693
.comment .attribution .username {
694
  white-space: nowrap;
695
}
696
.comment .submitted p {
697
  margin: 4px 0;
698
  font-size: 1.071em;
699
  line-height: 1.2;
700
}
701
.comment .submitted .comment-time {
702
  font-size: 0.786em;
703
  color: #68696b;
704
}
705
.comment .submitted .comment-permalink {
706
  font-size: 0.786em;
707
}
708
.comment .content {
709
  font-size: 0.929em;
710
  line-height: 1.6;
711
}
712
.comment .comment-arrow {
713
  background: url(../images/comment-arrow.gif) no-repeat 0 center transparent; /* LTR */
714
  border-left: 1px solid;
715
  border-right: 1px solid;
716
  height: 40px;
717
  margin-left: -47px; /* LTR */
718
  margin-top: 10px;
719
  position: absolute;
720
  width: 20px;
721
}
722
.comment .comment-text {
723
  padding: 10px 25px;
724
  border: 1px solid #d3d7d9;
725
  display: table-cell;
726
  vertical-align: top;
727
  position: relative;
728
  width: 100%;
729
}
730
.comment .indented {
731
  margin-left: 40px; /* LTR */
732
}
733
.comment ul.links {
734
  padding: 0 0 0.25em 0;
735
}
736
.comment ul.links li {
737
  padding: 0 0.5em 0 0; /* LTR */
738
}
739
.comment-unpublished {
740
  margin-right: 5px; /* LTR */
741
  padding: 5px 2px 5px 5px; /* LTR */
742
}
743
.comment-unpublished .comment-text .comment-arrow {
744
  border-left: 1px solid #fff4f4;
745
  border-right: 1px solid #fff4f4;
746
}
747

    
748
/* ------------------ Sidebar ----------------- */
749
.sidebar .section {
750
  padding-top: 10px;
751
}
752
.sidebar .block {
753
  border: 1px solid;
754
  padding: 15px 20px;
755
  margin: 0 0 20px;
756
}
757
.sidebar h2 {
758
  margin: 0 0 0.5em;
759
  border-bottom: 1px solid #d6d6d6;
760
  padding-bottom: 5px;
761
  text-shadow: 0 1px 0 #fff;
762
  font-size: 1.071em;
763
  line-height: 1.2;
764
}
765
.sidebar .block .content {
766
  font-size: 0.914em;
767
  line-height: 1.4;
768
}
769
.sidebar tbody {
770
  border: none;
771
}
772
.sidebar tr.even,
773
.sidebar tr.odd {
774
  background: none;
775
  border-bottom: 1px solid #d6d6d6;
776
}
777

    
778
/* ----------------- Triptych ----------------- */
779

    
780
#triptych-wrapper {
781
  background-color: #f0f0f0;
782
  background: rgba(30, 50, 10, 0.08);
783
  border-top: 1px solid #e7e7e7;
784
}
785
#triptych h2 {
786
  color: #000;
787
  font-size: 1.714em;
788
  margin-bottom: 0.8em;
789
  text-shadow: 0 1px 0 #fff;
790
  text-align: center;
791
  line-height: 1;
792
}
793
#triptych .block {
794
  margin-bottom: 2em;
795
  padding-bottom: 2em;
796
  border-bottom: 1px solid #dfdfdf;
797
  line-height: 1.3;
798
}
799
#triptych .block.last {
800
  border-bottom: none;
801
}
802
#triptych .block ul li,
803
#triptych .block ol li {
804
  list-style: none;
805
}
806
#triptych .block ul,
807
#triptych .block ol {
808
  padding-left: 0;
809
}
810
#triptych #block-user-login .form-text {
811
  width: 185px;
812
}
813
#triptych #block-user-online p {
814
  margin-bottom: 0;
815
}
816
#triptych #block-node-syndicate h2 {
817
  overflow: hidden;
818
  width: 0;
819
  height: 0;
820
}
821
#triptych-last #block-node-syndicate {
822
  text-align: right;
823
}
824
#triptych #block-search-form .form-type-textfield input {
825
  width: 185px;
826
}
827
#triptych-middle #block-system-powered-by {
828
  text-align: center;
829
}
830
#triptych-last #block-system-powered-by {
831
  text-align: right;
832
}
833

    
834
/* ------------------ Footer ------------------ */
835

    
836
#footer-wrapper {
837
  color: #c0c0c0;
838
  color: rgba(255, 255, 255, 0.65);
839
  font-size: 0.857em;
840
}
841
#footer-wrapper a {
842
  color: #fcfcfc;
843
  color: rgba(255, 255, 255, 0.8);
844
}
845
#footer-wrapper a:hover,
846
#footer-wrapper a:focus {
847
  color: #fefefe;
848
  color: rgba(255, 255, 255, 0.95);
849
  text-decoration: underline;
850
}
851
#footer-wrapper .block {
852
  margin: 20px 0;
853
  border: 1px solid #444;
854
  border-color: rgba(255, 255, 255, 0.1);
855
  padding: 10px;
856
}
857
#footer-columns .block-menu,
858
#footer .block {
859
  margin: 0;
860
  padding: 0;
861
  border: none;
862
}
863
#footer .block {
864
  margin: 0.5em 0;
865
}
866
#footer .block .content {
867
  padding: 0.5em 0;
868
  margin-top: 0;
869
}
870
#footer .block h2 {
871
  margin: 0;
872
}
873
#footer-columns h2 {
874
  border-bottom: 1px solid #555;
875
  border-color: rgba(255, 255, 255, 0.15);
876
  font-size: 1em;
877
  margin-bottom: 0;
878
  padding-bottom: 3px;
879
  text-transform: uppercase;
880
}
881
#footer-columns .content {
882
  margin-top: 0;
883
}
884
#footer-columns p {
885
  margin-top: 1em;
886
}
887
#footer-columns .content ul {
888
  list-style: none;
889
  padding-left: 0; /* LTR */
890
  margin-left: 0;
891
}
892
#footer-columns .content li {
893
  list-style: none;
894
  margin: 0;
895
  padding: 0;
896
}
897
#footer-columns .content li a {
898
  display: block;
899
  border-bottom: 1px solid #555;
900
  border-color: rgba(255, 255, 255, 0.15);
901
  line-height: 1.2;
902
  padding: 0.8em 2px 0.8em 20px; /* LTR */
903
  text-indent: -15px;
904
}
905
#footer-columns .content li a:hover,
906
#footer-columns .content li a:focus {
907
  background-color: #1f1f21;
908
  background-color: rgba(255, 255, 255, 0.05);
909
  text-decoration: none;
910
}
911
#footer {
912
  letter-spacing: 0.2px;
913
  margin-top: 30px;
914
  border-top: 1px solid #555;
915
  border-color: rgba(255, 255, 255, 0.15);
916
}
917
#footer .region {
918
  margin-top: 20px;
919
}
920
#footer .block {
921
  clear: both;
922
}
923
#footer ul,
924
#footer li {
925
  list-style: none;
926
  margin: 0;
927
  padding: 0;
928
}
929
#footer li a {
930
  float: left; /* LTR */
931
  padding: 0 12px;
932
  display: block;
933
  border-right: 1px solid #555; /* LTR */
934
  border-color: rgba(255, 255, 255, 0.15);
935
}
936
#footer li.first a {
937
  padding-left: 0; /* LTR */
938
}
939
#footer li.last a {
940
  padding-right: 0; /* LTR */
941
  border-right: none; /* LTR */
942
}
943
#footer-wrapper tr.odd {
944
  background-color: transparent;
945
}
946
#footer-wrapper tr.even {
947
  background-color: #2c2c2c;
948
  background-color: rgba(0, 0, 0, 0.15);
949
}
950

    
951
/* --------------- System Tabs  --------------- */
952

    
953
.tabs {
954
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
955
  margin-bottom: 20px;
956
}
957
.tabs ul.primary {
958
  padding: 0 3px;
959
  margin: 0;
960
  overflow: hidden;
961
  border: none;
962
  background: transparent url(../images/tabs-border.png) repeat-x left bottom;
963
}
964
.tabs ul.primary li {
965
  display: block;
966
  float: left; /* LTR */
967
  vertical-align: bottom;
968
  margin: 0 5px 0 0; /* LTR */
969
}
970
.tabs ul.primary li.active a {
971
  border-bottom: 1px solid #ffffff;
972
}
973
.tabs ul.primary li a {
974
  color: #000;
975
  background-color: #ededed;
976
  height: 1.8em;
977
  line-height: 1.9;
978
  display: block;
979
  font-size: 0.929em;
980
  float: left; /* not LTR */
981
  padding: 0 10px 3px;
982
  margin: 0;
983
  text-shadow: 0 1px 0 #fff;
984
  -khtml-border-radius-topleft: 6px;
985
  -moz-border-radius-topleft: 6px;
986
  -webkit-border-top-left-radius: 6px;
987
  border-top-left-radius: 6px;
988
  -khtml-border-radius-topright: 6px;
989
  -moz-border-radius-topright: 6px;
990
  -webkit-border-top-right-radius: 6px;
991
  border-top-right-radius: 6px;
992
}
993
.tabs ul.primary li.active a {
994
  background-color: #ffffff;
995
}
996
.tabs ul.secondary {
997
  border-bottom: none;
998
  padding: 0.5em 0;
999
}
1000
.tabs ul.secondary li {
1001
  display: block;
1002
  float: left; /* LTR */
1003
}
1004
.tabs ul.secondary li:last-child {
1005
  border-right: none; /* LTR */
1006
}
1007
.tabs ul.secondary li:first-child {
1008
  padding-left: 0; /* LTR */
1009
}
1010
.tabs ul.secondary li a {
1011
  padding: 0.25em 0.5em;
1012
}
1013
.tabs ul.secondary li a.active {
1014
  background: #f2f2f2;
1015
  border-bottom: none;
1016
  -moz-border-radius: 5px;
1017
  -webkit-border-radius: 5px;
1018
  -khtml-border-radius: 5px;
1019
  border-radius: 5px;
1020
}
1021
ul.action-links {
1022
  list-style: none;
1023
  margin: 5px;
1024
  padding: 0.5em 1em;
1025
}
1026
ul.action-links li {
1027
  display: inline-block;
1028
  margin-left: 10px;
1029
}
1030
ul.action-links li a {
1031
  padding-left: 15px;
1032
  background: url(../images/add.png) no-repeat left center;
1033
  margin: 0 10px 0 0;
1034
}
1035

    
1036
/* ---------------- Messages  ----------------- */
1037

    
1038
#messages {
1039
  padding: 20px 0 5px;
1040
  margin: 0 auto;
1041
}
1042
.featured #messages {
1043
  background: #f0f0f0;
1044
  background: rgba(30, 50, 10, 0.08);
1045
}
1046
div.messages {
1047
  margin: 8px 15px;
1048
}
1049

    
1050
/* -------------- Breadcrumbs   -------------- */
1051

    
1052
.breadcrumb {
1053
  font-size: 0.929em;
1054
}
1055

    
1056
/* -------------- User Profile   -------------- */
1057

    
1058
.profile .user-picture {
1059
  float: none;
1060
}
1061

    
1062
/* -------------- Password Meter  ------------- */
1063

    
1064
.confirm-parent,
1065
.password-parent {
1066
  width: 34em;
1067
}
1068
.password-parent,
1069
div.form-item div.password-suggestions {
1070
  position: relative;
1071
}
1072
.password-strength-text,
1073
.password-strength-title,
1074
div.password-confirm {
1075
  font-size: 0.82em;
1076
}
1077
.password-strength-text {
1078
  margin-top: 0.2em;
1079
}
1080
div.password-confirm {
1081
  margin-top: 2.2em;
1082
  width: 20.73em;
1083
}
1084

    
1085
/* ---------------- Buttons    ---------------- */
1086

    
1087
input.form-submit,
1088
a.button {
1089
  background: #fff url(../images/buttons.png) 0 0 repeat-x;
1090
  border: 1px solid #e4e4e4;
1091
  border-bottom: 1px solid #b4b4b4;
1092
  border-left-color: #d2d2d2;
1093
  border-right-color: #d2d2d2;
1094
  color: #3a3a3a;
1095
  cursor: pointer;
1096
  font-size: 0.929em;
1097
  font-weight: normal;
1098
  text-align: center;
1099
  margin-bottom: 1em;
1100
  margin-right: 0.6em; /* LTR */
1101
  padding: 4px 17px;
1102
  -khtml-border-radius: 15px;
1103
  -moz-border-radius: 20px;
1104
  -webkit-border-radius: 15px;
1105
  border-radius: 15px;
1106
}
1107
a.button:link,
1108
a.button:visited,
1109
a.button:hover,
1110
a.button:focus,
1111
a.button:active {
1112
  text-decoration: none;
1113
  color: #5a5a5a;
1114
}
1115

    
1116
/* -------------- Form Elements   ------------- */
1117

    
1118
fieldset {
1119
  background: #ffffff;
1120
  border: 1px solid #cccccc;
1121
  margin-top: 10px;
1122
  margin-bottom: 32px;
1123
  padding: 0 0 10px;
1124
  position: relative;
1125
  top: 12px; /* Offsets the negative margin of legends */
1126
  -khtml-border-radius: 4px;
1127
  -moz-border-radius: 4px;
1128
  -webkit-border-radius: 4px;
1129
  border-radius: 4px;
1130
}
1131
.fieldset-wrapper {
1132
  margin-top: 25px;
1133
}
1134
.node-form .vertical-tabs .fieldset-wrapper {
1135
  margin-top: 0;
1136
}
1137
.filter-wrapper {
1138
  top: 0;
1139
  padding: 1em 0 0.2em;
1140
  -khtml-border-radius-topright: 0;
1141
  -khtml-border-radius-topleft: 0;
1142
  -moz-border-radius-topright: 0;
1143
  -moz-border-radius-topleft: 0;
1144
  -webkit-border-top-left-radius: 0;
1145
  -webkit-border-top-right-radius: 0;
1146
  border-top-left-radius: 0;
1147
  border-top-right-radius: 0;
1148
}
1149
.filter-help a {
1150
  font-size: 0.857em;
1151
  padding: 2px 20px 0;
1152
}
1153
.filter-wrapper .form-item label {
1154
  margin-right: 10px;
1155
}
1156
.filter-wrapper .form-item {
1157
  padding: 0 0 0.5em 0.5em;
1158
}
1159
.filter-guidelines {
1160
  padding: 0 1.5em 0 0.5em;
1161
}
1162
fieldset.collapsed {
1163
  background: transparent;
1164
  -khtml-border-radius: 0;
1165
  -moz-border-radius: 0;
1166
  -webkit-border-radius: 0;
1167
  border-radius: 0;
1168
}
1169
fieldset legend {
1170
  background: #dbdbdb;
1171
  border: 1px solid #ccc;
1172
  border-bottom: none;
1173
  color: #3b3b3b;
1174
  display: block;
1175
  height: 2em;
1176
  left: -1px; /* LTR */
1177
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
1178
  line-height: 2;
1179
  padding: 0;
1180
  position: absolute;
1181
  text-indent: 10px;
1182
  text-shadow: 0 1px 0 #fff;
1183
  top: -12px;
1184
  width: 100%;
1185
  -khtml-border-radius-topleft: 4px;
1186
  -moz-border-radius-topleft: 4px;
1187
  -webkit-border-top-left-radius: 4px;
1188
  border-top-left-radius: 4px;
1189
  -khtml-border-radius-topright: 4px;
1190
  -moz-border-radius-topright: 4px;
1191
  -webkit-border-top-right-radius: 4px;
1192
  border-top-right-radius: 4px;
1193
}
1194
fieldset.collapsed legend {
1195
  -khtml-border-radius: 4px;
1196
  -moz-border-radius: 4px;
1197
  -webkit-border-radius: 4px;
1198
  border-radius: 4px;
1199
}
1200
fieldset legend a {
1201
  color: #3b3b3b;
1202
}
1203
fieldset legend a:hover,
1204
fieldset legend a:focus,
1205
fieldset legend a:active {
1206
  color: #000;
1207
}
1208
fieldset .fieldset-wrapper {
1209
  padding: 0 10px;
1210
}
1211
fieldset .fieldset-description {
1212
  margin-top: 5px;
1213
  margin-bottom: 1em;
1214
  line-height: 1.4;
1215
  color: #3c3c3c;
1216
  font-style: italic;
1217
}
1218
input {
1219
  margin: 2px 0;
1220
  padding: 4px;
1221
}
1222
input,
1223
textarea {
1224
  font-size: 0.929em;
1225
}
1226
textarea {
1227
  line-height: 1.5;
1228
}
1229
textarea.form-textarea,
1230
select.form-select {
1231
  padding: 4px;
1232
}
1233
input.form-text,
1234
textarea.form-textarea,
1235
select.form-select {
1236
  border: 1px solid #ccc;
1237
}
1238
input.form-submit:hover,
1239
input.form-submit:focus {
1240
  background: #dedede;
1241
}
1242
.password-suggestions ul li {
1243
  margin-left: 1.2em; /* LTR */
1244
}
1245
.form-item {
1246
  margin-bottom: 1em;
1247
  margin-top: 2px;
1248
}
1249
.form-item label {
1250
  font-size: 0.929em;
1251
}
1252
.form-type-radio label,
1253
.form-type-checkbox label {
1254
  margin-left: 4px;
1255
}
1256
.form-type-radio .description,
1257
.form-type-checkbox .description {
1258
  margin-left: 2px;
1259
}
1260
.form-actions {
1261
  padding-top: 10px;
1262
}
1263
/* Contact Form */
1264
.contact-form #edit-name {
1265
  width: 75%;
1266
  -khtml-border-radius: 4px;
1267
  -moz-border-radius: 4px;
1268
  -webkit-border-radius: 4px;
1269
  border-radius: 4px;
1270
}
1271
.contact-form #edit-mail {
1272
  width: 75%;
1273
  -khtml-border-radius: 4px;
1274
  -moz-border-radius: 4px;
1275
  -webkit-border-radius: 4px;
1276
  border-radius: 4px;
1277
}
1278
.contact-form #edit-subject {
1279
  width: 75%;
1280
  -khtml-border-radius: 4px;
1281
  -moz-border-radius: 4px;
1282
  -webkit-border-radius: 4px;
1283
  border-radius: 4px;
1284
}
1285
.contact-form #edit-message {
1286
  width: 76.3%;
1287
  -khtml-border-top-left-radius: 4px;
1288
  -khtml-border-top-right-radius: 4px;
1289
  -moz-border-radius-topleft: 4px;
1290
  -moz-border-radius-topright: 4px;
1291
  -webkit-border-top-left-radius: 4px;
1292
  -webkit-border-top-right-radius: 4px;
1293
  border-top-left-radius: 4px;
1294
  border-top-right-radius: 4px;
1295
}
1296
.contact-form .resizable-textarea .grippie {
1297
  width: 76%;
1298
  -khtml-border-bottom-left-radius: 4px;
1299
  -khtml-border-bottom-right-radius: 4px;
1300
  -moz-border-radius-bottomleft: 4px;
1301
  -moz-border-radius-bottomright: 4px;
1302
  -webkit-border-bottom-left-radius: 4px;
1303
  -webkit-border-bottom-right-radius: 4px;
1304
  border-bottom-left-radius: 4px;
1305
  border-bottom-right-radius: 4px;
1306
}
1307

    
1308
/* Disabled form elements */
1309
input.form-button-disabled,
1310
input.form-button-disabled:hover,
1311
input.form-button-disabled:focus,
1312
input.form-button-disabled:active,
1313
.form-disabled input,
1314
.form-disabled select,
1315
.form-disabled textarea {
1316
  background: #ededed;
1317
  border-color: #bbb;
1318
  color: #717171;
1319
}
1320
.form-disabled .grippie {
1321
  background-color: #ededed;
1322
  border-color: #bbb;
1323
}
1324
.form-disabled label {
1325
  color: #717171;
1326
}
1327

    
1328
/* Comment form */
1329
.comment-form label {
1330
  float: left; /* LTR */
1331
  font-size: 0.929em;
1332
  width: 120px;
1333
}
1334
.comment-form input,
1335
.comment-form .form-select {
1336
  margin: 0;
1337
  -khtml-border-radius: 4px;
1338
  -moz-border-radius: 4px;
1339
  -webkit-border-radius: 4px;
1340
  border-radius: 4px;
1341
}
1342
.comment-form .form-type-textarea label {
1343
  float: none;
1344
}
1345
.comment-form .form-item,
1346
.comment-form .form-radios,
1347
.comment-form .form-type-checkbox,
1348
.comment-form .form-select {
1349
  margin-bottom: 10px;
1350
  overflow: hidden;
1351
}
1352
.comment-form .form-type-checkbox,
1353
.comment-form .form-radios {
1354
  margin-left: 120px; /* LTR */
1355
}
1356
.comment-form .form-type-checkbox label,
1357
.comment-form .form-radios label {
1358
  float: none;
1359
  margin-top: 0;
1360
}
1361
.comment-form input.form-file {
1362
  width: auto;
1363
}
1364
.no-sidebars .comment-form .form-text {
1365
  width: 800px;
1366
}
1367
.one-sidebar .comment-form .form-text {
1368
  width: 500px;
1369
}
1370
.two-sidebars .comment-form .form-text {
1371
  width: 320px;
1372
}
1373
.comment-form .form-item .description {
1374
  font-size: 0.786em;
1375
  line-height: 1.2;
1376
  margin-left: 120px; /* LTR */
1377
}
1378
#content h2.comment-form {
1379
  margin-bottom: 0.5em;
1380
}
1381
.comment-form .form-textarea {
1382
  -khtml-border-radius-topleft: 4px;
1383
  -khtml-border-radius-topright: 4px;
1384
  -moz-border-radius-topleft: 4px;
1385
  -moz-border-radius-topright: 4px;
1386
  -webkit-border-top-left-radius: 4px;
1387
  -webkit-border-top-right-radius: 4px;
1388
  border-top-left-radius: 4px;
1389
  border-top-right-radius: 4px;
1390
}
1391
.comment-form fieldset.filter-wrapper .fieldset-wrapper,
1392
.comment-form .text-format-wrapper .form-item {
1393
  margin-top: 0;
1394
  margin-bottom: 0;
1395
}
1396
.filter-wrapper label {
1397
  width: auto;
1398
  float: none;
1399
}
1400
.filter-wrapper .form-select {
1401
  min-width: 120px;
1402
}
1403
.comment-form fieldset.filter-wrapper .tips {
1404
  font-size: 0.786em;
1405
}
1406
#comment-body-add-more-wrapper .form-type-textarea label {
1407
  margin-bottom: 0.4em;
1408
}
1409
#edit-actions input {
1410
  margin-right: 0.6em; /* LTR */
1411
}
1412

    
1413
/* -------------- Other Overrides ------------- */
1414

    
1415
div.password-suggestions {
1416
  border: 0;
1417
}
1418
.ui-widget-overlay {
1419
  background: #222222;
1420
  opacity: 0.7;
1421
}
1422
div.vertical-tabs .vertical-tabs-panes fieldset.vertical-tabs-pane {
1423
  padding: 1em;
1424
}
1425
#forum .name {
1426
  font-size: 1.083em;
1427
}
1428
#forum .description {
1429
  font-size: 1em;
1430
}
1431

    
1432
/* --------------- Search Form ---------------- */
1433

    
1434
#block-search-form {
1435
  padding-bottom: 7px;
1436
}
1437
#block-search-form .content {
1438
  margin-top: 0;
1439
}
1440
#search-form input#edit-keys,
1441
#block-search-form .form-item-search-block-form input {
1442
  float: left; /* LTR */
1443
  font-size: 1em;
1444
  height: 1.143em;
1445
  margin-right: 5px;
1446
  width: 9em;
1447
}
1448
#search-block-form input.form-submit,
1449
#search-form input.form-submit {
1450
  margin-left: 0;
1451
  margin-right: 0;
1452
  height: 25px;
1453
  width: 34px;
1454
  padding: 0;
1455
  cursor: pointer;
1456
  text-indent: -9999px;
1457
  border-color: #e4e4e4 #d2d2d2 #b4b4b4;
1458
  background: url(../images/search-button.png) no-repeat center top;
1459
  overflow: hidden;
1460
}
1461
#search-block-form input.form-submit:hover,
1462
#search-block-form input.form-submit:focus,
1463
#search-form input.form-submit:hover,
1464
#search-form input.form-submit:focus {
1465
  background-position: center bottom;
1466
}
1467
#search-form .form-item-keys label {
1468
  display: block;
1469
}
1470

    
1471
/* --------------- Search Results ---------------- */
1472
ol.search-results {
1473
  padding-left: 0;
1474
}
1475
.search-results li {
1476
  border-bottom: 1px solid #d3d7d9;
1477
  padding-bottom: 0.4285em;
1478
  margin-bottom: 0.5em;
1479
}
1480
.search-results li:last-child {
1481
  border-bottom: none;
1482
  padding-bottom: 0;
1483
  margin-bottom: 1em;
1484
}
1485
.search-results .search-snippet-info {
1486
  padding-left: 0;
1487
}
1488

    
1489
/* -------------- Shortcut Links -------------- */
1490

    
1491
.shortcut-wrapper {
1492
  margin: 2.2em 0 1.1em 0; /* Same as usual h1#page-title margin. */
1493
}
1494
.shortcut-wrapper h1#page-title {
1495
  float: left; /* LTR */
1496
  margin: 0;
1497
}
1498
div.add-or-remove-shortcuts {
1499
  padding-top: 0.9em;
1500
}
1501
.overlay div.add-or-remove-shortcuts {
1502
  padding-top: 0.8em;
1503
}
1504

    
1505
/* ---------- Admin-specific Theming ---------- */
1506

    
1507
.page-admin #content img {
1508
  margin-right: 15px; /* LTR */
1509
}
1510
.page-admin #content .simpletest-image img {
1511
  margin: 0;
1512
}
1513
.page-admin-structure-block-demo .block-region {
1514
  background: #ffff66;
1515
  border: 1px dotted #9f9e00;
1516
  color: #000;
1517
  font: 90% "Lucida Grande", "Lucida Sans Unicode", sans-serif;
1518
  margin: 5px;
1519
  padding: 5px;
1520
  text-align: center;
1521
  text-shadow: none;
1522
}
1523
.page-admin-structure-block-demo #featured .block-region {
1524
  font-size: 0.55em;
1525
}
1526
.page-admin-structure-block-demo #header .block-region {
1527
  width: 500px;
1528
}
1529
.page-admin #admin-dblog img {
1530
  margin: 0 5px;
1531
}
1532
/* Fix spacing when Seven is used in the overlay. */
1533
#system-theme-settings fieldset {
1534
  padding: 0;
1535
}
1536
#system-theme-settings fieldset .fieldset-legend {
1537
  margin-top: 0;
1538
}
1539
/* Configuration. */
1540
div.admin .right,
1541
div.admin .left {
1542
  width: 49%;
1543
  margin: 0;
1544
}
1545
div.admin-panel {
1546
  background: #fbfbfb;
1547
  border: 1px solid #ccc;
1548
  margin: 10px 0;
1549
  padding: 0 5px 5px;
1550
}
1551
div.admin-panel h3 {
1552
  margin: 16px 7px;
1553
}
1554
div.admin-panel dt {
1555
  border-top: 1px solid #ccc;
1556
  padding: 7px 0 0;
1557
}
1558
div.admin-panel dd {
1559
  margin: 0 0 10px;
1560
}
1561
div.admin-panel .description {
1562
  margin: 0 0 14px 7px;
1563
}
1564

    
1565
/* ---------- Overlay layout styles ----------- */
1566

    
1567
.overlay #main,
1568
.overlay #content {
1569
  width: auto;
1570
  float: none;
1571
}
1572
.overlay #page {
1573
  padding: 0 2em;
1574
}
1575
.overlay .region-page-top,
1576
.overlay #header,
1577
.overlay #page-title,
1578
.overlay #featured,
1579
.overlay #sidebar-first,
1580
.overlay #triptych-wrapper,
1581
.overlay #footer-wrapper {
1582
  display: none;
1583
}
1584
.overlay-processed .field-type-image {
1585
  display: block;
1586
  float: none;
1587
}
1588
.overlay #messages {
1589
  width: auto;
1590
}
1591

    
1592
/* ---------- Poll ----------- */
1593

    
1594
.node .poll {
1595
  margin: 2em 0;
1596
}
1597
.node .poll #edit-choice {
1598
  margin: 0 0 1.5em;
1599
}
1600
.poll .vote-form {
1601
  text-align: left; /* LTR */
1602
}
1603
.poll .vote-form .choices {
1604
  margin: 0;
1605
}
1606
.poll .percent {
1607
  font-size: 0.857em;
1608
  font-style: italic;
1609
  margin-bottom: 3em;
1610
  margin-top: -3.2em;
1611
  float: right;
1612
  text-align: right;
1613
}
1614
.poll .text {
1615
  clear: right;
1616
  margin-right: 2.25em;
1617
}
1618
.poll .total {
1619
  font-size: 0.929em;
1620
  font-style: italic;
1621
  text-align: right; /* LTR */
1622
  clear: both;
1623
}
1624
.node .poll {
1625
  margin: 1.8em 0 0;
1626
}
1627
.node .poll .text {
1628
  margin-right: 6.75em;
1629
}
1630
.node .poll #edit-choice {
1631
  margin: 0 0 1.2em;
1632
}
1633
.poll .bar .foreground {
1634
  background-color: #666;
1635
}
1636
#footer-wrapper .poll .bar {
1637
  background-color: #666;
1638
}
1639
#footer-wrapper .poll .bar .foreground {
1640
  background-color: #ddd;
1641
}