Projet

Général

Profil

Paste
Télécharger (32,1 ko) Statistiques
| Branche: | Révision:

root / drupal7 / themes / bartik / css / style.css @ 42e6daf3

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
  text-transform: lowercase;
708
}
709
.comment .content {
710
  font-size: 0.929em;
711
  line-height: 1.6;
712
}
713
.comment .comment-arrow {
714
  background: url(../images/comment-arrow.gif) no-repeat 0 center transparent; /* LTR */
715
  border-left: 1px solid;
716
  border-right: 1px solid;
717
  height: 40px;
718
  margin-left: -47px; /* LTR */
719
  margin-top: 10px;
720
  position: absolute;
721
  width: 20px;
722
}
723
.comment .comment-text {
724
  padding: 10px 25px;
725
  border: 1px solid #d3d7d9;
726
  display: table-cell;
727
  vertical-align: top;
728
  position: relative;
729
  width: 100%;
730
}
731
.comment .indented {
732
  margin-left: 40px; /* LTR */
733
}
734
.comment ul.links {
735
  padding: 0 0 0.25em 0;
736
}
737
.comment ul.links li {
738
  padding: 0 0.5em 0 0; /* LTR */
739
}
740
.comment-unpublished {
741
  margin-right: 5px; /* LTR */
742
  padding: 5px 2px 5px 5px; /* LTR */
743
}
744
.comment-unpublished .comment-text .comment-arrow {
745
  border-left: 1px solid #fff4f4;
746
  border-right: 1px solid #fff4f4;
747
}
748

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

    
779
/* ----------------- Triptych ----------------- */
780

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

    
835
/* ------------------ Footer ------------------ */
836

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

    
952
/* --------------- System Tabs  --------------- */
953

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

    
1037
/* ---------------- Messages  ----------------- */
1038

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

    
1051
/* -------------- Breadcrumbs   -------------- */
1052

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

    
1057
/* -------------- User Profile   -------------- */
1058

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

    
1063
/* -------------- Password Meter  ------------- */
1064

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

    
1086
/* ---------------- Buttons    ---------------- */
1087

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

    
1117
/* -------------- Form Elements   ------------- */
1118

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

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

    
1329
/* Animated throbber */
1330
html.js input.form-autocomplete {
1331
  background-position: 100% 4px; /* LTR */
1332
}
1333
html.js input.throbbing {
1334
  background-position: 100% -16px; /* LTR */
1335
}
1336

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

    
1422
/* -------------- Other Overrides ------------- */
1423

    
1424
div.password-suggestions {
1425
  border: 0;
1426
}
1427
.ui-widget-overlay {
1428
  background: #222222;
1429
  opacity: 0.7;
1430
}
1431
div.vertical-tabs .vertical-tabs-panes fieldset.vertical-tabs-pane {
1432
  padding: 1em;
1433
}
1434
#forum .name {
1435
  font-size: 1.083em;
1436
}
1437
#forum .description {
1438
  font-size: 1em;
1439
}
1440

    
1441
/* --------------- Search Form ---------------- */
1442

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

    
1480
/* --------------- Search Results ---------------- */
1481
ol.search-results {
1482
  padding-left: 0;
1483
}
1484
.search-results li {
1485
  border-bottom: 1px solid #d3d7d9;
1486
  padding-bottom: 0.4285em;
1487
  margin-bottom: 0.5em;
1488
}
1489
.search-results li:last-child {
1490
  border-bottom: none;
1491
  padding-bottom: 0;
1492
  margin-bottom: 1em;
1493
}
1494
.search-results .search-snippet-info {
1495
  padding-left: 0;
1496
}
1497

    
1498
/* -------------- Shortcut Links -------------- */
1499

    
1500
.shortcut-wrapper {
1501
  margin: 2.2em 0 1.1em 0; /* Same as usual h1#page-title margin. */
1502
}
1503
.shortcut-wrapper h1#page-title {
1504
  float: left; /* LTR */
1505
  margin: 0;
1506
}
1507
div.add-or-remove-shortcuts {
1508
  padding-top: 0.9em;
1509
}
1510
.overlay div.add-or-remove-shortcuts {
1511
  padding-top: 0.8em;
1512
}
1513

    
1514
/* ---------- Admin-specific Theming ---------- */
1515

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

    
1574
/* ---------- Overlay layout styles ----------- */
1575

    
1576
.overlay #main,
1577
.overlay #content {
1578
  width: auto;
1579
  float: none;
1580
}
1581
.overlay #page {
1582
  padding: 0 2em;
1583
}
1584
.overlay .region-page-top,
1585
.overlay #header,
1586
.overlay #page-title,
1587
.overlay #featured,
1588
.overlay #sidebar-first,
1589
.overlay #triptych-wrapper,
1590
.overlay #footer-wrapper {
1591
  display: none;
1592
}
1593
.overlay-processed .field-type-image {
1594
  display: block;
1595
  float: none;
1596
}
1597
.overlay #messages {
1598
  width: auto;
1599
}
1600

    
1601
/* ---------- Poll ----------- */
1602

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