Projet

Général

Profil

Paste
Télécharger (24,5 ko) Statistiques
| Branche: | Révision:

root / drupal7 / sites / all / themes / mayo / css / style.css @ fc457866

1
article,
2
aside,
3
details,
4
figcaption,
5
figure,
6
footer,
7
header,
8
hgroup,
9
nav,
10
section,
11
summary {
12
  display: block;
13
}
14

    
15
audio,
16
canvas,
17
video {
18
  display: inline-block;
19
}
20

    
21
audio:not([controls]) {
22
  display: none;
23
  height: 0;
24
}
25

    
26
[hidden] {
27
  display: none;
28
}
29

    
30
html {
31
  -webkit-text-size-adjust: 100%;
32
  -ms-text-size-adjust: 100%;
33
}
34

    
35
html,
36
button,
37
input,
38
select,
39
textarea {
40
  font-family: sans-serif;
41
}
42

    
43
body {
44
  margin: 0;
45
}
46

    
47
h1 {
48
  font-size: 2em;
49
  margin: 0.67em 0;
50
}
51

    
52
#header h1 {
53
  margin: 0 0;
54
}
55

    
56
h2 {
57
  font-size: 1.5em;
58
  margin: 0.83em 0;
59
}
60

    
61
h3 {
62
  font-size: 1.17em;
63
  margin: 1em 0;
64
}
65

    
66
h4 {
67
  font-size: 1em;
68
  margin: 1.33em 0;
69
}
70

    
71
h5 {
72
  font-size: 0.83em;
73
  margin: 1.67em 0;
74
}
75

    
76
h6 {
77
  font-size: 0.75em;
78
  margin: 2.33em 0;
79
}
80

    
81
abbr[title] {
82
  border-bottom: 1px dotted;
83
}
84

    
85
b,
86
strong {
87
  font-weight: bold;
88
}
89

    
90
dfn {
91
  font-style: italic;
92
}
93

    
94
mark {
95
  background: #ff0;
96
  color: #000;
97
}
98

    
99
pre,
100
code,
101
kbd,
102
samp {
103
  font-family: monospace, serif;
104
  font-size: 1em;
105
}
106

    
107
pre {
108
  white-space: pre;
109
  white-space: pre-wrap;
110
  word-wrap: break-word;
111
}
112

    
113
q:before,
114
q:after {
115
  content: '';
116
  content: none;
117
}
118

    
119
small {
120
  font-size: 75%;
121
}
122

    
123
sub,
124
sup {
125
  font-size: 75%;
126
  line-height: 0;
127
  position: relative;
128
  vertical-align: baseline;
129
}
130

    
131
sup {
132
  top: -0.5em;
133
}
134

    
135
sub {
136
  bottom: -0.25em;
137
}
138

    
139
nav ul,
140
nav ol {
141
  list-style: none;
142
  padding: 0;
143
}
144

    
145
img {
146
  border: 0;
147
}
148

    
149
svg:not(:root) {
150
  overflow: hidden;
151
}
152

    
153
figure {
154
  margin: 0;
155
}
156

    
157
fieldset {
158
  border: 1px solid #c0c0c0;
159
  margin: 0 2px;
160
  padding: 0.35em 0.625em 0.75em;
161
}
162

    
163
legend {
164
  border: 0;
165
  padding: 0;
166
  white-space: normal;
167
}
168

    
169
button,
170
input,
171
select,
172
textarea {
173
  font-size: 100%;
174
  margin: 0;
175
  vertical-align: baseline;
176
}
177

    
178
button,
179
input {
180
  line-height: normal;
181
}
182

    
183
button,
184
input[type="button"],
185
input[type="reset"],
186
input[type="submit"] {
187
  cursor: pointer;
188
  -webkit-appearance: button;
189
}
190

    
191
button[disabled],
192
input[disabled] {
193
  cursor: default;
194
}
195

    
196
input[type="checkbox"],
197
input[type="radio"] {
198
  box-sizing: border-box;
199
  padding: 0;
200
}
201

    
202
input[type="search"] {
203
  -webkit-appearance: textfield;
204
  -moz-box-sizing: content-box;
205
  -webkit-box-sizing: content-box;
206
  box-sizing: content-box;
207
}
208
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
209
  -webkit-appearance: none;
210
}
211

    
212
button::-moz-focus-inner, input::-moz-focus-inner {
213
  border: 0;
214
  padding: 0;
215
}
216

    
217
textarea {
218
  overflow: auto;
219
  vertical-align: top;
220
}
221

    
222
table {
223
  border-collapse: collapse;
224
  border-spacing: 0;
225
}
226

    
227
/*------- Begin default section --------*/
228
* {
229
  margin: 0;
230
  padding: 0;
231
}
232

    
233
body {
234
  font-family: Georgia, 'Palatino Linotype', 'Book Antiqua', 'URW Palladio L', Baskerville, serif;
235
  line-height: 1.5em;
236
  font-size: 87.5%;
237
  /* = 14px assuming browser's regular font size is 16px */
238
}
239

    
240
ul {
241
  margin: 0;
242
  padding: 0;
243
  list-style-type: disc;
244
  margin-left: 10px;
245
}
246

    
247
ol {
248
  margin: 0;
249
  padding: 0;
250
  margin-left: 10px;
251
}
252

    
253
a {
254
  text-decoration: none;
255
}
256

    
257
a:hover, a:active, a:focus {
258
  text-decoration: underline;
259
}
260

    
261
em {
262
  font-style: italic;
263
}
264

    
265
/* p,a,strong,em,li,dl,dt { */
266
p, li, dl, dt {
267
  margin: 6px 0;
268
  line-height: 1.5em;
269
}
270

    
271
dd {
272
  margin-left: 2.5em;
273
}
274

    
275
table {
276
  width: 100%;
277
  margin: 4px 0px;
278
}
279

    
280
h1 {
281
  font-size: 1.4em;
282
}
283

    
284
h2 {
285
  font-size: 1.3em;
286
}
287

    
288
h3 {
289
  font-size: 1.2em;
290
}
291

    
292
h4 {
293
  font-size: 1.15em;
294
}
295

    
296
h5 {
297
  font-size: 1em;
298
}
299

    
300
fieldset {
301
  border-width: 1px;
302
  border-style: solid;
303
}
304

    
305
#site-name, #site-slogan {
306
  font-family: Georgia, 'Palatino Linotype', 'Book Antiqua', 'URW Palladio L', Baskerville, serif;
307
}
308

    
309
/*------- end of default section --------*/
310
#page-wrapper {
311
  margin: 0px auto;
312
  padding: 0px;
313
  max-width: 100%;
314
  margin-top: 15px;
315
  margin-bottom: 15px;
316
}
317

    
318
#page {
319
  padding: 0px;
320
}
321

    
322
#main-wrapper {
323
  width: 100%;
324
  position: relative;
325
}
326

    
327
#content,
328
#sidebar-first,
329
#sidebar-second {
330
  display: inline;
331
  float: left;
332
  position: relative;
333
  /*overflow: hidden; Removed for Superfish */
334
}
335

    
336
#footer-columns {
337
  width: 100%;
338
}
339

    
340
#footer-column-wrapper {
341
  float: left;
342
}
343

    
344
#footer-column {
345
  padding: 10px;
346
  margin: 0px 5px 5px 5px;
347
  text-align: left;
348
}
349

    
350
#top-columns,
351
#bottom-columns {
352
  width: 100%;
353
  overflow: hidden;
354
}
355

    
356
.column-block-wrapper {
357
  float: left;
358
}
359

    
360
.column-block {
361
  padding: 10px;
362
  margin: 0px 5px 5px 5px;
363
  text-align: left;
364
  margin: 0px;
365
}
366

    
367
.rc-2 .comment,
368
.rc-2 .node,
369
.rc-1 .column-block,
370
.rc-1 .sidebar .block,
371
.rc-3 .comment,
372
.rc-3 .node,
373
.rc-3 .column-block,
374
.rc-3 .sidebar .block {
375
  -moz-border-radius: 8px;
376
  -webkit-border-radius: 8px;
377
  border-radius: 8px;
378
}
379

    
380
.dark-messages div.status {
381
  background-color: #224422;
382
  border: solid 1px #669966;
383
  color: #aaccaa;
384
}
385
.dark-messages div.warning {
386
  background-color: #666633;
387
  border: solid 1px #aaaa44;
388
  color: #ccccaa;
389
}
390
.dark-messages div.error {
391
  background-color: #663333;
392
  border: solid 1px #bb6666;
393
  color: #ccaaaa;
394
}
395

    
396
.spacer {
397
  display: block;
398
  margin-top: 10px;
399
}
400

    
401
/**
402
 * Header
403
 */
404
#header {
405
  padding: 0px;
406
  display: block;
407
  border-style: solid;
408
  border-width: 1px;
409
  overflow: hidden;
410
}
411

    
412
#header-watermark {
413
  margin: 0;
414
  padding: 0;
415
  background-image: none;
416
  background-repeat: no-repeat;
417
  background-position: top center;
418
}
419

    
420
div#logo {
421
  float: left;
422
  padding: 9px 4px 4px 9px;
423
}
424

    
425
#name-and-slogan {
426
  float: left;
427
  padding: 8px 8px;
428
}
429

    
430
#site-name a,
431
#header h1 a,
432
#header h1 a:link,
433
#header h1 a:visited {
434
  font-weight: 800;
435
  text-decoration: none;
436
  line-height: 1em;
437
  font-size: 34px;
438
  /* we do not want it changed by text scaling */
439
}
440

    
441
#site-slogan {
442
  font-weight: normal;
443
  font-style: italic;
444
  margin-bottom: 5px;
445
  font-size: 15px;
446
  /* we do not want it changed by text scaling */
447
  line-height: 1em;
448
}
449

    
450
/**
451
 * Footer
452
 */
453
#footer-wrapper {
454
  text-align: center;
455
  clear: both;
456
  display: block;
457
  margin: 0px;
458
  padding: 10px;
459
  font-size: 0.9em;
460
  font-weight: normal;
461
}
462

    
463
#footer-wrapper .column-block {
464
  border-style: solid;
465
  border-width: 0px;
466
}
467

    
468
#footer-wrapper .column-block h2 {
469
  font-size: 1.5em;
470
}
471

    
472
#footer .block {
473
  margin: 5px 0px;
474
}
475

    
476
/**
477
 * Menu bar (for sub menus)
478
 */
479
#submenubar,
480
#menubar {
481
  padding: 0px;
482
  margin: 0px;
483
  border-bottom-style: solid;
484
  border-bottom-width: 1px;
485
  padding: 4px 0px;
486
}
487

    
488
#submenubar ul,
489
#menubar ul {
490
  padding: 0px;
491
  margin: 0px;
492
}
493

    
494
/**
495
 * Top menus (#main-menu, #secondary-menu)
496
 */
497
#navigation {
498
  margin: 0px;
499
  padding: 4px 0px 4px 4px;
500
  border-bottom-style: solid;
501
  border-bottom-width: 1px;
502
  overflow: hidden;
503
}
504

    
505
#navigation ul {
506
  margin: 0px;
507
  padding: 0px;
508
  list-style: none;
509
}
510

    
511
#navigation ul li {
512
  margin: 0px;
513
  padding: 0px;
514
  margin-right: 0px;
515
  padding: 2px 4px 2px 0px;
516
  border-right-style: solid;
517
  border-right-width: 1px;
518
}
519

    
520
#navigation ul li a {
521
  padding: 2px 4px;
522
  font-weight: normal;
523
  font-size: 0.9em;
524
}
525

    
526
#navigation #main-menu {
527
  margin: 0;
528
  padding: 0px;
529
  float: left;
530
}
531

    
532
#navigation #secondary-menu {
533
  margin: 0;
534
  padding: 0px;
535
  float: right;
536
}
537

    
538
/**
539
 * Banner area (#banner-top, #banner-bottom)
540
 */
541
.banner p {
542
  padding: 0px;
543
  margin: 0px;
544
}
545

    
546
#banner-top,
547
#banner-bottom {
548
  padding: 0px;
549
  border: none;
550
  width: 100%;
551
}
552

    
553
/**
554
 * Highlighted
555
 */
556
#highlighted .block {
557
  margin-bottom: 10px;
558
}
559

    
560
.column-block {
561
  font-size: 0.9em;
562
  margin: 0px;
563
  border-style: solid;
564
  border-width: 1px;
565
}
566

    
567
.column-block h2 {
568
  font-size: 1.25em;
569
  line-height: 1em;
570
  padding: 2px 0px;
571
  margin: 0px 0px 3px 0px;
572
  border-bottom-style: solid;
573
  border-bottom-width: 1px;
574
}
575

    
576
/**
577
 * Sidebar
578
 */
579
.sidebar * {
580
  padding: 0;
581
  margin: 0;
582
  line-height: 1.6em;
583
}
584

    
585
.sidebar .block {
586
  padding: 5px 10px;
587
  font-size: 0.9em;
588
  margin-bottom: 10px;
589
  border-style: solid;
590
  border-width: 1px;
591
}
592

    
593
.column-block h2,
594
.sidebar h2 {
595
  background: transparent;
596
  line-height: 1em;
597
  border-bottom-style: solid;
598
  border-bottom-width: 1px;
599
  margin: 4px 0px 2px 0px;
600
  padding: 2px 0px;
601
  font-size: 1.25em;
602
}
603

    
604
.column-block .content,
605
.sidebar .block .content {
606
  padding: 5px 2px;
607
  /*overflow: hidden; Removed for Superfish */
608
}
609

    
610
.column-block table tr th,
611
.sidebar .block table tr th {
612
  border-style: solid;
613
  border-width: 0px;
614
  padding: 0px 4px;
615
  background: none;
616
  border-bottom-width: 3px;
617
}
618

    
619
.column-block table tr td,
620
.sidebar .block table tr td {
621
  padding: 2px 4px;
622
  border-style: solid;
623
  border-width: 0px;
624
  border-bottom-width: 1px;
625
  background: none;
626
}
627

    
628
.sidebar .block ul {
629
  margin: 0px;
630
  padding: 0px;
631
}
632

    
633
.sidebar .block ul.links {
634
  margin-top: 10px;
635
  text-align: right;
636
}
637

    
638
.sidebar .block ul.links li {
639
  display: inline;
640
  margin-left: 15px;
641
}
642

    
643
.sidebar .block .menu {
644
  padding-left: 10px;
645
  padding-bottom: 5px;
646
}
647

    
648
/**
649
 * Page
650
 */
651
#breadcrumb {
652
  font-size: 1em;
653
  font-style: italic;
654
  padding-left: 5px;
655
}
656

    
657
#breadcrumb a {
658
  font-size: 1em;
659
  font-style: italic;
660
}
661

    
662
#page-title {
663
  padding: 4px 8px;
664
  font-size: 1.3em;
665
  margin-bottom: 10px;
666
}
667

    
668
#content .block h2 {
669
  /* main content: block title */
670
  padding: 4px 8px;
671
  font-size: 1.25em;
672
}
673

    
674
.action-links {
675
  padding-left: 10px;
676
}
677

    
678
/**
679
 * Pager
680
 */
681
div.item-list .pager {
682
  border: none;
683
  padding: 0px;
684
}
685

    
686
div.item-list ul.pager {
687
  margin: 10px 0px;
688
  margin-top: 10px;
689
  padding: 1px 0px;
690
  overflow: hidden;
691
  list-style-type: none;
692
}
693

    
694
div.item-list ul.pager li {
695
  display: inline;
696
  margin: 0px;
697
  padding: 0px;
698
  line-height: 1em;
699
  padding: 2px 0px;
700
}
701

    
702
div.item-list ul.pager li.pager-current {
703
  padding: 2px 8px;
704
}
705

    
706
div.item-list ul.pager li a {
707
  margin: 0px;
708
  padding: 2px 8px;
709
}
710

    
711
/**
712
 * tabs
713
 */
714
div.tabs .secondary,
715
div.tabs .primary {
716
  border: none;
717
  padding: 0px;
718
  margin: 8px 0px;
719
  margin: 8px 0px 0px 0px;
720
  list-style-type: none;
721
}
722

    
723
ul.secondary li,
724
ul.primary li {
725
  margin: 0px;
726
  line-height: 1em;
727
}
728

    
729
ul.secondary li a,
730
ul.primary li a {
731
  margin: 0px;
732
  padding: 2px 8px;
733
  background: transparent;
734
}
735

    
736
div.tabs .secondary,
737
div.tabs .primary {
738
  margin-bottom: 10px;
739
}
740

    
741
div.tabs .secondary li a,
742
div.tabs .primary li a {
743
  border-width: 1px;
744
}
745

    
746
/* To wrap tabs. */
747
div.tabs .secondary li,
748
div.tabs .primary li {
749
  float: left;
750
  line-height: 1.5em;
751
  margin-right: 3px;
752
}
753

    
754
div.tabs .secondary li a.active,
755
div.tabs .primary li a.active {
756
  background: url("../images/dark.png") repeat top left;
757
}
758

    
759
div.tabs ul.secondary li a {
760
  font-size: 0.85em;
761
  margin: 0px;
762
}
763

    
764
div.tabs ul.secondary li {
765
  border-style: solid;
766
  border-width: 1px;
767
  padding: 0px;
768
  margin-bottom: 2px;
769
}
770

    
771
/**
772
 * node
773
 */
774
.node {
775
  margin: 0;
776
  padding: 15px 12px 10px 14px;
777
  margin-bottom: 10px;
778
  border-style: solid;
779
  border-width: 1px;
780
}
781

    
782
.node-sticky {
783
  border-width: 0px;
784
}
785

    
786
#content .node h2 {
787
  /* main content: node title */
788
  padding: 0px;
789
  background: transparent;
790
  border-bottom-style: solid;
791
  border-bottom-width: 1px;
792
  font-size: 1.45em;
793
}
794

    
795
.node .submitted {
796
  font-size: 0.75em;
797
}
798

    
799
.node ul,
800
.node ol {
801
  padding-left: 15px;
802
}
803

    
804
.node ul.links {
805
  padding: 0px;
806
  font-size: 0.75em;
807
  float: right;
808
  clear: both;
809
}
810

    
811
.node .user-picture {
812
  float: right;
813
  padding: 0px 0px 10px 10px;
814
  background-color: inherit;
815
}
816

    
817
/**
818
 * Comment
819
 */
820
.comment {
821
  padding: 8px 10px;
822
  margin-bottom: 10px;
823
  border-style: solid;
824
  border-width: 1px;
825
}
826

    
827
.comment-unpublished {
828
  background: url(../images/unpublished.png) repeat top right;
829
}
830

    
831
.comment-spam {
832
  background: url(../images/spam.png) repeat top right;
833
}
834

    
835
.comment h3 {
836
  border-bottom-style: solid;
837
  border-bottom-width: 1px;
838
}
839

    
840
#comments h2.title {
841
  margin-bottom: 5px;
842
  font-size: 1.3em;
843
}
844

    
845
.comment .submitted {
846
  font-size: 0.75em;
847
}
848

    
849
.comment ul.links {
850
  padding: 0px;
851
  font-size: 0.75em;
852
  float: right;
853
  clear: both;
854
}
855

    
856
.comment .user-picture {
857
  float: right;
858
  padding: 4px 0px 10px 10px;
859
  background-color: inherit;
860
}
861

    
862
/**
863
 * User profile
864
 */
865
.profile .user-picture {
866
  margin: 0px;
867
  padding: 5px;
868
}
869

    
870
/* =============================================================================
871
   SEARCH
872
   ========================================================================== */
873
/**
874
 * Search block form
875
 * - no 'submit' button
876
 * - add search magnifier image
877
 * - use javascript to show prompt
878
 */
879
.form-item-search-block-form .form-text:focus {
880
  /*outline: none; */
881
  /* remove blue outline for Safari */
882
}
883

    
884
.form-item-search-block-form .form-text {
885
  height: 24px;
886
  color: #555555;
887
  margin: 0px;
888
  border: solid 1px #aaa;
889
  border-bottom-color: #ddd;
890
  border-right-color: #ddd;
891
  margin-top: 1px;
892
  background: #fff url(../images/search.png) no-repeat 2px center;
893
  padding: 0px 4px 0px 4px;
894
  padding-left: 24px;
895
  /* space for magnifying glass */
896
}
897

    
898
#header .form-item-search-block-form {
899
  float: right;
900
  margin: 0px;
901
}
902

    
903
#header-searchbox {
904
  float: right;
905
  overflow: hidden;
906
  padding: 8px;
907
  margin: 0px;
908
}
909

    
910
/************************/
911
/**
912
 * Form
913
 */
914
.pushbutton, button, .form-submit {
915
  margin: 2px;
916
  padding: 2px 10px;
917
  color: #555555;
918
  cursor: pointer;
919
  font-size: 0.9em;
920
  border: solid 1px #888888;
921
  background: #fff url(../images/button.gif) repeat-x center;
922
}
923

    
924
.pushbutton:hover, button:hover, .form-submit:hover {
925
  color: #111111;
926
  border: solid 1px #666666;
927
  background: #fff url(../images/button-o.gif) repeat-x center;
928
}
929

    
930
/**
931
 * Font resize controls
932
 */
933
#header-fontsizer {
934
  float: right;
935
  margin: 0;
936
  margin-right: 20px;
937
  padding: 13px 0 0 0;
938
  border-width: 0px;
939
  line-height: 1.2em;
940
}
941

    
942
.decreaseFont {
943
  padding-right: 22px;
944
  padding-bottom: 25px;
945
  background: url("../images/fontsizer-1.png") no-repeat top left;
946
  margin-right: 1px;
947
}
948

    
949
.resetFont {
950
  padding-right: 21px;
951
  padding-bottom: 25px;
952
  background: url("../images/fontsizer-2.png") no-repeat top left;
953
}
954

    
955
.increaseFont {
956
  padding-right: 23px;
957
  padding-bottom: 25px;
958
  background: url("../images/fontsizer-3.png") no-repeat top left;
959
  margin-left: 1px;
960
}
961

    
962
.decreaseFont:hover {
963
  background: url("../images/fontsizer-1-o.png") no-repeat top left;
964
}
965

    
966
.resetFont:hover {
967
  background: url("../images/fontsizer-2-o.png") no-repeat top left;
968
}
969

    
970
.increaseFont:hover {
971
  background: url("../images/fontsizer-3-o.png") no-repeat top left;
972
}
973

    
974
#header-fontsizer a,
975
#header-fontsizer a:visited,
976
#header-fontsizer a:focus,
977
#header-fontsizer a:active {
978
  /* suppress dotted frame around the links for IE */
979
  border: none;
980
  outline: none;
981
}
982

    
983
/**
984
 * Other
985
 */
986
table.views-view-grid tr td {
987
  padding: 15px;
988
}
989

    
990
.filter-wrapper {
991
  border: none;
992
  margin-top: 5px;
993
  padding: 5px;
994
  font-size: 0.9em;
995
}
996

    
997
.filter-wrapper ul li {
998
  margin-left: 10px;
999
}
1000

    
1001
.field-type-taxonomy-term-reference {
1002
  overflow: hidden;
1003
  margin-bottom: 0.5em;
1004
}
1005

    
1006
.field-type-taxonomy-term-reference .field-label {
1007
  float: left;
1008
  overflow: hidden;
1009
}
1010

    
1011
.field-type-taxonomy-term-reference .field-items {
1012
  overflow: hidden;
1013
}
1014

    
1015
.field-type-taxonomy-term-reference .field-items .field-item {
1016
  float: left;
1017
  margin: 0 0.6em;
1018
  padding: 0px;
1019
}
1020

    
1021
.field-type-text-with-summary {
1022
  /*clear: left;*/
1023
  /* do not use 'both' */
1024
}
1025

    
1026
table tr {
1027
  border-style: solid;
1028
  border-width: 0px;
1029
}
1030

    
1031
table tr td {
1032
  padding: 4px 6px;
1033
  border-style: solid;
1034
  border-width: 0px;
1035
}
1036

    
1037
table tr th {
1038
  border-style: solid;
1039
  padding: 4px 6px;
1040
  border-width: 0px;
1041
  border-right-width: 1px;
1042
}
1043

    
1044
table thead * {
1045
  padding: 2px 3px;
1046
  border-bottom: none;
1047
  border-width: 0px;
1048
}
1049

    
1050
table tbody {
1051
  border-width: 0px;
1052
}
1053

    
1054
table.sticky-enabled tr td {
1055
  padding: 2px 3px;
1056
  border-style: solid;
1057
  border-width: 0px;
1058
}
1059

    
1060
tr.even td.active,
1061
tr.odd td.active {
1062
  background-image: url("../images/dark.png");
1063
}
1064

    
1065
tr.even,
1066
tr.odd {
1067
  border-width: 0px;
1068
}
1069

    
1070
blockquote {
1071
  padding: 0px 10px;
1072
  border-left-style: solid;
1073
  border-left-width: 5px;
1074
  font-style: italic;
1075
}
1076

    
1077
/**
1078
 * Nice menus
1079
 */
1080
ul.nice-menu {
1081
  line-height: 1em;
1082
  margin: 0px;
1083
  padding: 0px;
1084
}
1085

    
1086
ul.nice-menu,
1087
ul.nice-menu ul,
1088
ul.nice-menu li {
1089
  /* remove all borders */
1090
  border: 0;
1091
}
1092

    
1093
ul.nice-menu li {
1094
  /* height of root menu items */
1095
  line-height: 1.2em;
1096
}
1097

    
1098
ul.nice-menu li a {
1099
  /* root menu items */
1100
  font-size: 0.9em;
1101
  padding: 4px 8px;
1102
  border: none;
1103
  border-right-style: solid;
1104
  border-right-width: 1px;
1105
  /* background-color is set by colors.css */
1106
  /* border-right-color is set by colors.css */
1107
}
1108

    
1109
ul.nice-menu li.last a {
1110
  /* last item of the root menu */
1111
  border-right: none;
1112
}
1113

    
1114
ul.nice-menu li ul {
1115
  margin: 0;
1116
  padding: 0px;
1117
}
1118

    
1119
ul.nice-menu li.last ul li a,
1120
ul.nice-menu li ul li a,
1121
ul.nice-menu li ul li.last a {
1122
  /* all other chile menu items */
1123
  border-style: solid;
1124
  border-width: 1px;
1125
  border-width: 0px;
1126
  /* border-color is set by colors.css */
1127
}
1128

    
1129
ul.nice-menu li.menuparent a {
1130
  /* root menu item that has drop down menu */
1131
  background-image: url("../images/arrow-down.png");
1132
  background-repeat: no-repeat;
1133
  background-position: 98%;
1134
  /* background-color is set by colors.css */
1135
}
1136

    
1137
ul.nice-menu li a {
1138
  /* root menu item that has no drop down menu */
1139
  /* background-color is set by colors.css */
1140
}
1141

    
1142
ul.nice-menu li {
1143
  padding: 0px;
1144
}
1145

    
1146
ul.nice-menu li ul li.menuparent a:hover,
1147
ul.nice-menu li ul li.menuparent:hover,
1148
ul.nice-menu li ul li.menuparent {
1149
  /* drop down menu item that has child menu */
1150
  background-image: url("../images/arrow-right.png");
1151
  background-repeat: no-repeat;
1152
  background-position: 95%;
1153
  /* background-color is set by colors.css */
1154
}
1155

    
1156
ul.nice-menu li.menuparent ul {
1157
  padding-top: -5px;
1158
}
1159

    
1160
ul.nice-menu li.menuparent li a {
1161
  background: none;
1162
  /* do not delete! */
1163
}
1164

    
1165
ul.nice-menu li.menuparent li {
1166
  background: none;
1167
  /* do not delete! */
1168
}
1169

    
1170
ul.nice-menu li ul li.menuparent li a:hover {
1171
  background: none;
1172
  /* do not delete! */
1173
}
1174

    
1175
/**
1176
 * Overlay layout for admin pages
1177
 */
1178
.overlay #main,
1179
.overlay #content {
1180
  width: auto;
1181
  float: none;
1182
}
1183

    
1184
.overlay #skip-link,
1185
.overlay .region-page-top,
1186
.overlay #header,
1187
.overlay #page-title,
1188
.overlay #featured,
1189
.overlay #sidebar-first,
1190
.overlay #sidebar-second,
1191
.overlay #footer-wrapper,
1192
.overlay #banner-top,
1193
.overlay #banner-bottom,
1194
.overlay #highlighted,
1195
.overlay #navigation {
1196
  display: none;
1197
}
1198

    
1199
.overlay #messages {
1200
  width: auto;
1201
}
1202

    
1203
.overlay #page-wrapper {
1204
  width: 100%;
1205
}
1206

    
1207
.overlay #page {
1208
  margin: 0;
1209
  padding: 0px;
1210
}
1211

    
1212
#overlay-content {
1213
  margin: 0;
1214
  padding: 0px;
1215
}
1216

    
1217
/* --------------- System Tabs  --------------- */
1218
.tabs {
1219
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
1220
  margin-bottom: 20px;
1221
}
1222

    
1223
.tabs ul.primary {
1224
  padding: 0 3px;
1225
  margin: 0;
1226
  overflow: hidden;
1227
  border: none;
1228
  background: transparent url(../images/tabs-border.png) repeat-x left bottom;
1229
}
1230

    
1231
.tabs ul.primary li {
1232
  display: block;
1233
  float: left;
1234
  /* LTR */
1235
  vertical-align: bottom;
1236
  margin: 0 5px 0 0;
1237
  /* LTR */
1238
}
1239

    
1240
.tabs ul.primary li.active a {
1241
  border-bottom: 1px solid #ffffff;
1242
}
1243

    
1244
.tabs ul.primary li a {
1245
  color: #000;
1246
  background-color: #ededed;
1247
  height: 1.8em;
1248
  line-height: 1.9;
1249
  display: block;
1250
  font-size: 0.929em;
1251
  float: left;
1252
  /* not LTR */
1253
  padding: 0 10px 3px;
1254
  margin: 0;
1255
  text-shadow: 0 1px 0 #fff;
1256
  -khtml-border-radius-topleft: 6px;
1257
  -moz-border-radius-topleft: 6px;
1258
  -webkit-border-top-left-radius: 6px;
1259
  border-top-left-radius: 6px;
1260
  -khtml-border-radius-topright: 6px;
1261
  -moz-border-radius-topright: 6px;
1262
  -webkit-border-top-right-radius: 6px;
1263
  border-top-right-radius: 6px;
1264
}
1265

    
1266
.tabs ul.primary li.active a {
1267
  background-color: #ffffff;
1268
}
1269

    
1270
.tabs ul.secondary {
1271
  border-bottom: none;
1272
  padding: 0.5em 0;
1273
}
1274

    
1275
.tabs ul.secondary li {
1276
  display: block;
1277
  float: left;
1278
  /* LTR */
1279
}
1280

    
1281
.tabs ul.secondary li:last-child {
1282
  border-right-width: 1px;
1283
  /* LTR */
1284
}
1285

    
1286
.tabs ul.secondary li:first-child {
1287
  padding-left: 0;
1288
  /* LTR */
1289
}
1290

    
1291
.tabs ul.secondary li a {
1292
  padding: 0.25em 0.5em;
1293
}
1294

    
1295
.tabs ul.secondary li a.active {
1296
  background: #f2f2f2;
1297
  border-bottom: none;
1298
  -moz-border-radius: 5px;
1299
  -webkit-border-radius: 5px;
1300
  -khtml-border-radius: 5px;
1301
  border-radius: 5px;
1302
}
1303

    
1304
ul.action-links {
1305
  list-style: none;
1306
  margin: 5px;
1307
  padding: 0.5em 1em;
1308
}
1309

    
1310
ul.action-links li {
1311
  display: inline-block;
1312
  margin-left: 10px;
1313
}
1314

    
1315
ul.action-links li a {
1316
  padding-left: 15px;
1317
  background: url(../images/add.png) no-repeat left center;
1318
  margin: 0 10px 0 0;
1319
}
1320

    
1321
/**
1322
 * For the layout of the responsive sidebar settings.
1323
 */
1324
fieldset.mayo-layout-form div.form-type-radio label, div.smalltouch-portrait-layout {
1325
  background: url(../images/page-layouts-sprite.png);
1326
  height: 60px;
1327
  width: 60px;
1328
  display: block;
1329
  margin-top: 4px;
1330
  text-align: center;
1331
}
1332

    
1333
fieldset.mayo-layout-form .form-type-radio label[for$=three-col-grail] {
1334
  background-position: 0 0;
1335
}
1336

    
1337
fieldset.mayo-layout-form .form-type-radio label[for$=two-sidebars-right] {
1338
  background-position: -122px 0;
1339
}
1340

    
1341
fieldset.mayo-layout-form .form-type-radio label[for$=two-sidebars-left] {
1342
  background-position: -61px 0;
1343
}
1344

    
1345
fieldset.mayo-layout-form .form-type-radio label[for$=two-sidebars-left-stack] {
1346
  background-position: -183px 0;
1347
}
1348

    
1349
fieldset.mayo-layout-form .form-type-radio label[for$=two-sidebars-right-stack] {
1350
  background-position: -244px 0;
1351
}
1352

    
1353
fieldset.mayo-layout-form .form-type-radio label[for$=one-col-stack] {
1354
  background-position: -305px 0;
1355
}
1356

    
1357
fieldset.mayo-layout-form .form-type-radio label[for$=one-col-vert] {
1358
  background-position: -366px 0;
1359
}
1360

    
1361
div.smalltouch-portrait-layout {
1362
  background-position: -305px 0;
1363
}
1364

    
1365
.mayo-layout-form div.form-item {
1366
  clear: none;
1367
  float: left;
1368
  margin-right: 25px;
1369
}
1370

    
1371
fieldset.mayo-layout-form div.form-type-radio label, div.smalltouch-portrait-layout {
1372
  overflow: hidden;
1373
  text-indent: 100%;
1374
  white-space: nowrap;
1375
}
1376

    
1377
fieldset.mayo-layout-form div.form-type-radio {
1378
  clear: none;
1379
  float: left;
1380
  margin: 0 30px 10px 0;
1381
  text-align: center;
1382
  width: 60px;
1383
}
1384

    
1385
#main-wrapper {
1386
  width: 100%;
1387
  position: relative;
1388
}
1389

    
1390
#main {
1391
  width: 100%;
1392
}
1393

    
1394
@media only screen and (max-width: 320px) {
1395
  #top-columns .column-block-wrapper,
1396
  #bottom-columns .column-block-wrapper,
1397
  #footer-columns .column-block-wrapper {
1398
    width: 100% !important;
1399
    margin-top: 1em;
1400
  }
1401

    
1402
  #top-columns .column-block-wrapper .column-block,
1403
  #bottom-columns .column-block-wrapper .column-block,
1404
  #footer-columns .column-block-wrapper .column-block {
1405
    height: auto !important;
1406
    margin: 0 !important;
1407
  }
1408
}
1409
#content,
1410
#sidebar-first,
1411
#sidebar-second {
1412
  margin: 0;
1413
  width: 100%;
1414
}
1415
#content img,
1416
#sidebar-first img,
1417
#sidebar-second img {
1418
  max-width: 100%;
1419
  height: auto;
1420
}
1421

    
1422
@media only screen and (max-width: 320px) {
1423
  #content img,
1424
  #sidebar-first img,
1425
  #sidebar-second img {
1426
    max-width: 100%;
1427
    height: auto;
1428
  }
1429

    
1430
  #site-name a, #site-name a:link, #site-name a:visited {
1431
    margin: 0 0;
1432
    font-size: .85em;
1433
    font-weight: 800;
1434
    line-height: 1em;
1435
  }
1436

    
1437
  #header h1 a, #header h1 a:link, #header h1 a:visited {
1438
    font-size: .85em;
1439
    font-weight: 800;
1440
    line-height: 1em;
1441
    text-decoration: none;
1442
  }
1443

    
1444
  #site-slogan {
1445
    font-size: 12px;
1446
  }
1447
}
1448
@media only screen and (min-width: 321px) and (max-width: 480px) {
1449
  #content img,
1450
  #sidebar-first img,
1451
  #sidebar-second img {
1452
    max-width: 100%;
1453
    height: auto;
1454
  }
1455

    
1456
  input.form-text {
1457
    width: 95%;
1458
  }
1459

    
1460
  #site-name a, #site-name a:link, #site-name a:visited {
1461
    margin: 0 0;
1462
    font-size: 1.2em;
1463
    font-weight: 800;
1464
    line-height: 1em;
1465
  }
1466

    
1467
  #header h1 a, #header h1 a:link, #header h1 a:visited {
1468
    font-size: .85em;
1469
    font-weight: 800;
1470
    line-height: 1em;
1471
    text-decoration: none;
1472
  }
1473

    
1474
  #site-slogan {
1475
    font-size: 12px;
1476
  }
1477
}
1478
@media only screen and (min-width: 481px) and (max-width: 768px) {
1479
  #content img,
1480
  #sidebar-first img,
1481
  #sidebar-second img {
1482
    max-width: 100%;
1483
    height: auto;
1484
  }
1485

    
1486
  input.form-text {
1487
    width: 75%;
1488
  }
1489

    
1490
  #top-columns .column-block-wrapper {
1491
    width: 100% !important;
1492
    margin-top: 1em;
1493
  }
1494

    
1495
  #top-columns .column-block-wrapper .column-block {
1496
    height: auto !important;
1497
    margin: 0 !important;
1498
  }
1499

    
1500
  #sidebar-first.sb-one,
1501
  #sidebar-second.sb-one {
1502
    margin: 0;
1503
    width: 50% !important;
1504
  }
1505
  #sidebar-first.sb-one img,
1506
  #sidebar-second.sb-one img {
1507
    max-width: 100%;
1508
    height: auto;
1509
  }
1510

    
1511
  #site-name a, #site-name a:link, #site-name a:visited {
1512
    margin: 0 0;
1513
    font-size: 1.8em;
1514
    font-weight: 800;
1515
    line-height: 1em;
1516
  }
1517

    
1518
  #header h1 a, #header h1 a:link, #header h1 a:visited {
1519
    font-size: 1.3em;
1520
    font-weight: 800;
1521
    line-height: 1em;
1522
    text-decoration: none;
1523
  }
1524
}
1525
@media only screen and (min-width: 769px) and (max-width: 1024px) {
1526
  #content img,
1527
  #sidebar-first img,
1528
  #sidebar-second img {
1529
    max-width: 100%;
1530
    height: auto;
1531
  }
1532

    
1533
  input.form-text {
1534
    width: 75%;
1535
  }
1536

    
1537
  #top-columns .column-block-wrapper {
1538
    width: 100% !important;
1539
    margin-top: 1em;
1540
  }
1541

    
1542
  #top-columns .column-block-wrapper .column-block {
1543
    height: auto !important;
1544
    margin: 0 !important;
1545
  }
1546

    
1547
  #sidebar-first.sb-one,
1548
  #sidebar-second.sb-one {
1549
    margin: 0;
1550
    width: 50% !important;
1551
  }
1552
  #sidebar-first.sb-one img,
1553
  #sidebar-second.sb-one img {
1554
    max-width: 100%;
1555
    height: auto;
1556
  }
1557

    
1558
  #site-name a, #site-name a:link, #site-name a:visited {
1559
    margin: 0 0;
1560
    font-size: 2.2em;
1561
    font-weight: 800;
1562
    line-height: 1em;
1563
  }
1564

    
1565
  #header h1 a, #header h1 a:link, #header h1 a:visited {
1566
    font-size: 1.6em;
1567
    font-weight: 800;
1568
    line-height: 1em;
1569
    text-decoration: none;
1570
  }
1571
}
1572
/*@include MQ(standard-pc) {
1573
}   */