Projet

Général

Profil

Paste
Télécharger (21,8 ko) Statistiques
| Branche: | Révision:

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

1 d7f58da2 Florent Torregrosa
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 85ad3d82 Assos Assos
191 d7f58da2 Florent Torregrosa
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 85ad3d82 Assos Assos
* {
229
  margin: 0;
230
  padding: 0;
231
}
232 d7f58da2 Florent Torregrosa
233 85ad3d82 Assos Assos
body {
234
  font-family: Georgia, 'Palatino Linotype', 'Book Antiqua', 'URW Palladio L', Baskerville, serif;
235
  line-height: 1.5em;
236 d7f58da2 Florent Torregrosa
  font-size: 87.5%;
237
  /* = 14px assuming browser's regular font size is 16px */
238 85ad3d82 Assos Assos
}
239 d7f58da2 Florent Torregrosa
240 85ad3d82 Assos Assos
ul {
241
  margin: 0;
242
  padding: 0;
243
  list-style-type: disc;
244
  margin-left: 10px;
245
}
246 d7f58da2 Florent Torregrosa
247 85ad3d82 Assos Assos
ol {
248
  margin: 0;
249
  padding: 0;
250
  margin-left: 10px;
251
}
252 d7f58da2 Florent Torregrosa
253 85ad3d82 Assos Assos
a {
254
  text-decoration: none;
255
}
256 d7f58da2 Florent Torregrosa
257 85ad3d82 Assos Assos
a:hover, a:active, a:focus {
258
  text-decoration: underline;
259
}
260 d7f58da2 Florent Torregrosa
261 85ad3d82 Assos Assos
em {
262
  font-style: italic;
263
}
264 d7f58da2 Florent Torregrosa
265 85ad3d82 Assos Assos
/* p,a,strong,em,li,dl,dt { */
266 d7f58da2 Florent Torregrosa
p, li, dl, dt {
267 85ad3d82 Assos Assos
  margin: 6px 0;
268
  line-height: 1.5em;
269
}
270 d7f58da2 Florent Torregrosa
271 85ad3d82 Assos Assos
dd {
272
  margin-left: 2.5em;
273
}
274 d7f58da2 Florent Torregrosa
275 85ad3d82 Assos Assos
table {
276
  width: 100%;
277
  margin: 4px 0px;
278
}
279 d7f58da2 Florent Torregrosa
280 85ad3d82 Assos Assos
h1 {
281
  font-size: 1.4em;
282
}
283 d7f58da2 Florent Torregrosa
284 85ad3d82 Assos Assos
h2 {
285
  font-size: 1.3em;
286
}
287 d7f58da2 Florent Torregrosa
288 85ad3d82 Assos Assos
h3 {
289
  font-size: 1.2em;
290
}
291 d7f58da2 Florent Torregrosa
292 85ad3d82 Assos Assos
h4 {
293
  font-size: 1.15em;
294
}
295 d7f58da2 Florent Torregrosa
296 85ad3d82 Assos Assos
h5 {
297
  font-size: 1em;
298
}
299 d7f58da2 Florent Torregrosa
300 85ad3d82 Assos Assos
fieldset {
301
  border-width: 1px;
302
  border-style: solid;
303
}
304 d7f58da2 Florent Torregrosa
305 85ad3d82 Assos Assos
#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 d7f58da2 Florent Torregrosa
#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-1 .comment,
368
.rc-1 .node,
369
.rc-2 .column-block,
370
.rc-2 .sidebar .block,
371
.rc-3 .comment,
372
.rc-3 .node,
373
.rc-3 .column-block,
374
.rc-3 .sidebar .block {
375
  -webkit-border-radius: 8px;
376
  -moz-border-radius: 8px;
377
  -ms-border-radius: 8px;
378
  -o-border-radius: 8px;
379
  border-radius: 8px;
380
}
381
382
.dark-messages div.status {
383
  background-color: #224422;
384
  border: solid 1px #669966;
385
  color: #aaccaa;
386
}
387
.dark-messages div.warning {
388
  background-color: #666633;
389
  border: solid 1px #aaaa44;
390
  color: #ccccaa;
391
}
392
.dark-messages div.error {
393
  background-color: #663333;
394
  border: solid 1px #bb6666;
395
  color: #ccaaaa;
396
}
397 85ad3d82 Assos Assos
398
.spacer {
399
  display: block;
400
  margin-top: 10px;
401
}
402
403
/**
404
 * Header
405
 */
406
#header {
407
  padding: 0px;
408
  display: block;
409
  border-style: solid;
410
  border-width: 1px;
411
  overflow: hidden;
412
}
413 d7f58da2 Florent Torregrosa
414 85ad3d82 Assos Assos
#header-watermark {
415
  margin: 0;
416
  padding: 0;
417
  height: 200px;
418
  background-image: none;
419
  background-repeat: no-repeat;
420
  background-position: top center;
421
}
422 d7f58da2 Florent Torregrosa
423 85ad3d82 Assos Assos
div#logo {
424
  float: left;
425
}
426 d7f58da2 Florent Torregrosa
427 85ad3d82 Assos Assos
#name-and-slogan {
428
  float: left;
429
}
430 d7f58da2 Florent Torregrosa
431 85ad3d82 Assos Assos
#site-name a,
432
#header h1 a,
433
#header h1 a:link,
434
#header h1 a:visited {
435
  font-weight: 800;
436
  text-decoration: none;
437
  line-height: 1em;
438 d7f58da2 Florent Torregrosa
  font-size: 34px;
439
  /* we do not want it changed by text scaling */
440 85ad3d82 Assos Assos
}
441 d7f58da2 Florent Torregrosa
442 85ad3d82 Assos Assos
#site-slogan {
443
  font-weight: normal;
444
  font-style: italic;
445
  margin-bottom: 5px;
446 d7f58da2 Florent Torregrosa
  font-size: 15px;
447
  /* we do not want it changed by text scaling */
448 85ad3d82 Assos Assos
  line-height: 1em;
449
}
450
451
/**
452
 * Footer
453
 */
454
#footer-wrapper {
455
  text-align: center;
456
  clear: both;
457
  display: block;
458
  margin: 0px;
459
  padding: 10px;
460
  font-size: 0.9em;
461
  font-weight: normal;
462
}
463 d7f58da2 Florent Torregrosa
464 85ad3d82 Assos Assos
#footer-wrapper .column-block {
465
  border-style: solid;
466
  border-width: 0px;
467
}
468 d7f58da2 Florent Torregrosa
469 85ad3d82 Assos Assos
#footer-wrapper .column-block h2 {
470
  font-size: 1.5em;
471
}
472 d7f58da2 Florent Torregrosa
473 85ad3d82 Assos Assos
#footer .block {
474
  margin: 5px 0px;
475
}
476
477
/**
478
 * Menu bar (for sub menus)
479
 */
480
#submenubar,
481
#menubar {
482
  padding: 0px;
483
  margin: 0px;
484
  border-bottom-style: solid;
485
  border-bottom-width: 1px;
486
  padding: 4px 0px;
487
}
488 d7f58da2 Florent Torregrosa
489 85ad3d82 Assos Assos
#submenubar ul,
490
#menubar ul {
491
  padding: 0px;
492
  margin: 0px;
493
}
494
495
/**
496
 * Top menus (#main-menu, #secondary-menu)
497
 */
498
#navigation {
499
  margin: 0px;
500
  padding: 4px 0px 4px 4px;
501
  border-bottom-style: solid;
502
  border-bottom-width: 1px;
503
  overflow: hidden;
504
}
505 d7f58da2 Florent Torregrosa
506 85ad3d82 Assos Assos
#navigation ul {
507
  margin: 0px;
508
  padding: 0px;
509
  list-style: none;
510
}
511 d7f58da2 Florent Torregrosa
512 85ad3d82 Assos Assos
#navigation ul li {
513
  margin: 0px;
514
  padding: 0px;
515
  margin-right: 0px;
516
  padding: 2px 4px 2px 0px;
517
  border-right-style: solid;
518
  border-right-width: 1px;
519
}
520 d7f58da2 Florent Torregrosa
521 85ad3d82 Assos Assos
#navigation ul li a {
522
  padding: 2px 4px;
523
  font-weight: normal;
524
  font-size: 0.9em;
525
}
526 d7f58da2 Florent Torregrosa
527 85ad3d82 Assos Assos
#navigation #main-menu {
528
  margin: 0;
529
  padding: 0px;
530
  float: left;
531
}
532 d7f58da2 Florent Torregrosa
533 85ad3d82 Assos Assos
#navigation #secondary-menu {
534
  margin: 0;
535
  padding: 0px;
536
  float: right;
537
}
538
539
/**
540
 * Banner area (#banner-top, #banner-bottom)
541
 */
542
.banner p {
543
  padding: 0px;
544
  margin: 0px;
545
}
546 d7f58da2 Florent Torregrosa
547 85ad3d82 Assos Assos
#banner-top,
548
#banner-bottom {
549
  padding: 0px;
550
  border: none;
551
  width: 100%;
552
}
553
554
/**
555
 * Highlighted
556
 */
557
#highlighted .block {
558
  margin-bottom: 10px;
559
}
560
561
.column-block {
562
  font-size: 0.9em;
563
  margin: 0px;
564
  border-style: solid;
565
  border-width: 1px;
566
}
567 d7f58da2 Florent Torregrosa
568 85ad3d82 Assos Assos
.column-block h2 {
569
  font-size: 1.25em;
570
  line-height: 1em;
571
  padding: 2px 0px;
572
  margin: 0px 0px 3px 0px;
573
  border-bottom-style: solid;
574
  border-bottom-width: 1px;
575
}
576
577
/**
578
 * Sidebar
579
 */
580
.sidebar * {
581
  padding: 0;
582
  margin: 0;
583
  line-height: 1.6em;
584
}
585 d7f58da2 Florent Torregrosa
586 85ad3d82 Assos Assos
.sidebar .block {
587
  padding: 5px 10px;
588
  font-size: 0.9em;
589
  margin-bottom: 10px;
590
  border-style: solid;
591
  border-width: 1px;
592
}
593 d7f58da2 Florent Torregrosa
594 85ad3d82 Assos Assos
.column-block h2,
595
.sidebar h2 {
596
  background: transparent;
597
  line-height: 1em;
598
  border-bottom-style: solid;
599
  border-bottom-width: 1px;
600
  margin: 4px 0px 2px 0px;
601
  padding: 2px 0px;
602
  font-size: 1.25em;
603
}
604 d7f58da2 Florent Torregrosa
605 85ad3d82 Assos Assos
.column-block .content,
606
.sidebar .block .content {
607
  padding: 5px 2px;
608
  /*overflow: hidden; Removed for Superfish */
609
}
610
611
.column-block table tr th,
612
.sidebar .block table tr th {
613
  border-style: solid;
614
  border-width: 0px;
615
  padding: 0px 4px;
616
  background: none;
617
  border-bottom-width: 3px;
618
}
619 d7f58da2 Florent Torregrosa
620 85ad3d82 Assos Assos
.column-block table tr td,
621
.sidebar .block table tr td {
622
  padding: 2px 4px;
623
  border-style: solid;
624
  border-width: 0px;
625
  border-bottom-width: 1px;
626
  background: none;
627
}
628
629
.sidebar .block ul {
630
  margin: 0px;
631
  padding: 0px;
632
}
633 d7f58da2 Florent Torregrosa
634 85ad3d82 Assos Assos
.sidebar .block ul.links {
635
  margin-top: 10px;
636
  text-align: right;
637
}
638 d7f58da2 Florent Torregrosa
639 85ad3d82 Assos Assos
.sidebar .block ul.links li {
640
  display: inline;
641
  margin-left: 15px;
642
}
643 d7f58da2 Florent Torregrosa
644 85ad3d82 Assos Assos
.sidebar .block .menu {
645
  padding-left: 10px;
646
  padding-bottom: 5px;
647
}
648
649
/**
650
 * Page
651
 */
652
#breadcrumb {
653
  font-size: 1em;
654
  font-style: italic;
655
  padding-left: 5px;
656
}
657
658
#breadcrumb a {
659
  font-size: 1em;
660
  font-style: italic;
661
}
662
663
#page-title {
664
  padding: 4px 8px;
665
  font-size: 1.3em;
666
  margin-bottom: 10px;
667
}
668 d7f58da2 Florent Torregrosa
669
#content .block h2 {
670
  /* main content: block title */
671 85ad3d82 Assos Assos
  padding: 4px 8px;
672
  font-size: 1.25em;
673
}
674 d7f58da2 Florent Torregrosa
675 85ad3d82 Assos Assos
.action-links {
676
  padding-left: 10px;
677
}
678
679
/**
680
 * Pager
681
 */
682
div.item-list .pager {
683
  border: none;
684
  padding: 0px;
685
}
686 d7f58da2 Florent Torregrosa
687 85ad3d82 Assos Assos
div.item-list ul.pager {
688
  margin: 10px 0px;
689
  margin-top: 10px;
690
  padding: 1px 0px;
691
  overflow: hidden;
692
  list-style-type: none;
693
}
694 d7f58da2 Florent Torregrosa
695 85ad3d82 Assos Assos
div.item-list ul.pager li {
696
  display: inline;
697
  margin: 0px;
698
  padding: 0px;
699
  line-height: 1em;
700
  padding: 2px 0px;
701
}
702 d7f58da2 Florent Torregrosa
703 85ad3d82 Assos Assos
div.item-list ul.pager li.pager-current {
704
  padding: 2px 8px;
705
}
706
707
div.item-list ul.pager li a {
708
  margin: 0px;
709
  padding: 2px 8px;
710
}
711
712
/**
713
 * tabs
714
 */
715
div.tabs .secondary,
716
div.tabs .primary {
717
  border: none;
718
  padding: 0px;
719
  margin: 8px 0px;
720
  margin: 8px 0px 0px 0px;
721
  list-style-type: none;
722
}
723 d7f58da2 Florent Torregrosa
724 85ad3d82 Assos Assos
ul.secondary li,
725
ul.primary li {
726
  padding: 2px 0px;
727
  margin: 0px;
728
  line-height: 1em;
729
}
730 d7f58da2 Florent Torregrosa
731 85ad3d82 Assos Assos
ul.secondary li a,
732
ul.primary li a {
733
  margin: 0px;
734
  padding: 2px 8px;
735
  background: transparent;
736
}
737
738
div.tabs .secondary,
739
div.tabs .primary {
740
  margin-bottom: 10px;
741
}
742
743
div.tabs .secondary li a,
744
div.tabs .primary li a {
745
  border-width: 1px;
746
}
747
748
div.tabs .secondary li a.active,
749
div.tabs .primary li a.active {
750 d7f58da2 Florent Torregrosa
  background: url("../images/dark.png") repeat top left;
751 85ad3d82 Assos Assos
}
752
753
div.tabs ul.secondary li a {
754
  font-size: 0.85em;
755
  margin: 0px;
756
}
757 d7f58da2 Florent Torregrosa
758 85ad3d82 Assos Assos
div.tabs ul.secondary li {
759
  border-style: solid;
760
  border-width: 1px;
761
  padding: 0px;
762
  margin-bottom: 2px;
763
}
764
765
/**
766
 * node
767
 */
768
.node {
769
  margin: 0;
770
  padding: 15px 12px 10px 14px;
771
  margin-bottom: 10px;
772
  border-style: solid;
773
  border-width: 1px;
774
}
775 d7f58da2 Florent Torregrosa
776 85ad3d82 Assos Assos
.node-sticky {
777
  border-width: 0px;
778
}
779
780 d7f58da2 Florent Torregrosa
#content .node h2 {
781
  /* main content: node title */
782 85ad3d82 Assos Assos
  padding: 0px;
783
  background: transparent;
784
  border-bottom-style: solid;
785
  border-bottom-width: 1px;
786
  font-size: 1.45em;
787
}
788
789
.node .submitted {
790
  font-size: 0.75em;
791
}
792
793
.node ul,
794
.node ol {
795
  padding-left: 15px;
796
}
797 d7f58da2 Florent Torregrosa
798 85ad3d82 Assos Assos
.node ul.links {
799
  padding: 0px;
800
  font-size: 0.75em;
801
  float: right;
802
  clear: both;
803
}
804 d7f58da2 Florent Torregrosa
805 85ad3d82 Assos Assos
.node .user-picture {
806
  float: right;
807
  padding: 0px 0px 10px 10px;
808
  background-color: inherit;
809
}
810
811
/**
812
 * Comment
813
 */
814
.comment {
815
  padding: 8px 10px;
816
  margin-bottom: 10px;
817
  border-style: solid;
818
  border-width: 1px;
819
}
820 d7f58da2 Florent Torregrosa
821 85ad3d82 Assos Assos
.comment-unpublished {
822
  background: url(../images/unpublished.png) repeat top right;
823
}
824 d7f58da2 Florent Torregrosa
825 85ad3d82 Assos Assos
.comment-spam {
826
  background: url(../images/spam.png) repeat top right;
827
}
828 d7f58da2 Florent Torregrosa
829 85ad3d82 Assos Assos
.comment h3 {
830
  border-bottom-style: solid;
831
  border-bottom-width: 1px;
832
}
833 d7f58da2 Florent Torregrosa
834 85ad3d82 Assos Assos
#comments h2.title {
835
  margin-bottom: 5px;
836
  font-size: 1.3em;
837
}
838 d7f58da2 Florent Torregrosa
839 85ad3d82 Assos Assos
.comment .submitted {
840
  font-size: 0.75em;
841
}
842 d7f58da2 Florent Torregrosa
843 85ad3d82 Assos Assos
.comment ul.links {
844
  padding: 0px;
845
  font-size: 0.75em;
846
  float: right;
847
  clear: both;
848
}
849 d7f58da2 Florent Torregrosa
850 85ad3d82 Assos Assos
.comment .user-picture {
851
  float: right;
852
  padding: 4px 0px 10px 10px;
853
  background-color: inherit;
854
}
855
856
/**
857
 * User profile
858
 */
859
.profile .user-picture {
860
  margin: 0px;
861
  padding: 5px;
862
}
863 d7f58da2 Florent Torregrosa
864 3753f249 Assos Assos
/* =============================================================================
865
   SEARCH
866
   ========================================================================== */
867 85ad3d82 Assos Assos
/**
868 d7f58da2 Florent Torregrosa
 * Search block form
869 85ad3d82 Assos Assos
 * - no 'submit' button
870
 * - add search magnifier image
871
 * - use javascript to show prompt
872
 */
873 d7f58da2 Florent Torregrosa
.form-item-search-block-form .form-text:focus {
874
  /*outline: none; */
875
  /* remove blue outline for Safari */
876
}
877
878 85ad3d82 Assos Assos
.form-item-search-block-form .form-text {
879 d7f58da2 Florent Torregrosa
  height: 24px;
880
  color: #555555;
881
  margin: 0px;
882
  border: solid 1px #aaa;
883
  border-bottom-color: #ddd;
884
  border-right-color: #ddd;
885
  margin-top: 1px;
886
  background: white url(../images/search.png) no-repeat 2px center;
887
  padding: 0px 4px 0px 4px;
888
  padding-left: 24px;
889
  /* space for magnifying glass */
890 85ad3d82 Assos Assos
}
891 d7f58da2 Florent Torregrosa
892 85ad3d82 Assos Assos
#header .form-item-search-block-form {
893
  float: right;
894
  margin: 0px;
895
}
896 d7f58da2 Florent Torregrosa
897 85ad3d82 Assos Assos
#header-searchbox {
898
  float: right;
899
  overflow: hidden;
900
}
901 3753f249 Assos Assos
902
/************************/
903 85ad3d82 Assos Assos
/**
904
 * Form
905
 */
906
.pushbutton, button, .form-submit {
907
  margin: 2px;
908
  padding: 2px 10px;
909
  color: #555555;
910
  cursor: pointer;
911
  font-size: 0.9em;
912
  border: solid 1px #888888;
913 d7f58da2 Florent Torregrosa
  background: white url(../images/button.gif) repeat-x center;
914 85ad3d82 Assos Assos
}
915 d7f58da2 Florent Torregrosa
916 85ad3d82 Assos Assos
.pushbutton:hover, button:hover, .form-submit:hover {
917
  color: #111111;
918
  border: solid 1px #666666;
919 d7f58da2 Florent Torregrosa
  background: white url(../images/button-o.gif) repeat-x center;
920 85ad3d82 Assos Assos
}
921
922
/**
923
 * Font resize controls
924
 */
925
#header-fontsizer {
926
  float: right;
927
  margin: 0;
928
  margin-right: 20px;
929
  padding: 0px;
930
  border-width: 0px;
931
  line-height: 1.2em;
932
}
933 d7f58da2 Florent Torregrosa
934 85ad3d82 Assos Assos
.decreaseFont {
935
  padding-right: 22px;
936
  padding-bottom: 25px;
937 d7f58da2 Florent Torregrosa
  background: url("../images/fontsizer-1.png") no-repeat top left;
938 85ad3d82 Assos Assos
  margin-right: 1px;
939
}
940 d7f58da2 Florent Torregrosa
941 85ad3d82 Assos Assos
.resetFont {
942
  padding-right: 21px;
943
  padding-bottom: 25px;
944 d7f58da2 Florent Torregrosa
  background: url("../images/fontsizer-2.png") no-repeat top left;
945 85ad3d82 Assos Assos
}
946 d7f58da2 Florent Torregrosa
947 85ad3d82 Assos Assos
.increaseFont {
948
  padding-right: 23px;
949
  padding-bottom: 25px;
950 d7f58da2 Florent Torregrosa
  background: url("../images/fontsizer-3.png") no-repeat top left;
951 85ad3d82 Assos Assos
  margin-left: 1px;
952
}
953 d7f58da2 Florent Torregrosa
954 85ad3d82 Assos Assos
.decreaseFont:hover {
955 d7f58da2 Florent Torregrosa
  background: url("../images/fontsizer-1-o.png") no-repeat top left;
956 85ad3d82 Assos Assos
}
957 d7f58da2 Florent Torregrosa
958 85ad3d82 Assos Assos
.resetFont:hover {
959 d7f58da2 Florent Torregrosa
  background: url("../images/fontsizer-2-o.png") no-repeat top left;
960 85ad3d82 Assos Assos
}
961 d7f58da2 Florent Torregrosa
962 85ad3d82 Assos Assos
.increaseFont:hover {
963 d7f58da2 Florent Torregrosa
  background: url("../images/fontsizer-3-o.png") no-repeat top left;
964 85ad3d82 Assos Assos
}
965 d7f58da2 Florent Torregrosa
966 85ad3d82 Assos Assos
#header-fontsizer a,
967
#header-fontsizer a:visited,
968
#header-fontsizer a:focus,
969
#header-fontsizer a:active {
970 d7f58da2 Florent Torregrosa
  /* suppress dotted frame around the links for IE */
971
  border: none;
972
  outline: none;
973 85ad3d82 Assos Assos
}
974
975
/**
976
 * Other
977
 */
978
table.views-view-grid tr td {
979
  padding: 15px;
980
}
981 d7f58da2 Florent Torregrosa
982 85ad3d82 Assos Assos
.filter-wrapper {
983
  border: none;
984
  margin-top: 5px;
985
  padding: 5px;
986
  font-size: 0.9em;
987
}
988 d7f58da2 Florent Torregrosa
989 85ad3d82 Assos Assos
.filter-wrapper ul li {
990
  margin-left: 10px;
991
}
992 d7f58da2 Florent Torregrosa
993 85ad3d82 Assos Assos
.field-type-taxonomy-term-reference {
994
  overflow: hidden;
995
  margin-bottom: 0.5em;
996
}
997 d7f58da2 Florent Torregrosa
998 85ad3d82 Assos Assos
.field-type-taxonomy-term-reference .field-label {
999
  float: left;
1000
  overflow: hidden;
1001
}
1002 d7f58da2 Florent Torregrosa
1003 85ad3d82 Assos Assos
.field-type-taxonomy-term-reference .field-items {
1004
  overflow: hidden;
1005
}
1006 d7f58da2 Florent Torregrosa
1007 85ad3d82 Assos Assos
.field-type-taxonomy-term-reference .field-items .field-item {
1008
  float: left;
1009
  margin: 0 0.6em;
1010
  padding: 0px;
1011
}
1012 d7f58da2 Florent Torregrosa
1013 85ad3d82 Assos Assos
.field-type-text-with-summary {
1014 d7f58da2 Florent Torregrosa
  /*clear: left;*/
1015
  /* do not use 'both' */
1016 85ad3d82 Assos Assos
}
1017
1018
table tr {
1019
  border-style: solid;
1020
  border-width: 0px;
1021
}
1022 d7f58da2 Florent Torregrosa
1023 85ad3d82 Assos Assos
table tr td {
1024
  padding: 4px 6px;
1025
  border-style: solid;
1026
  border-width: 0px;
1027
}
1028 d7f58da2 Florent Torregrosa
1029 85ad3d82 Assos Assos
table tr th {
1030
  border-style: solid;
1031
  padding: 4px 6px;
1032
  border-width: 0px;
1033
  border-right-width: 1px;
1034
}
1035 d7f58da2 Florent Torregrosa
1036 85ad3d82 Assos Assos
table thead * {
1037
  padding: 2px 3px;
1038
  border-bottom: none;
1039
  border-width: 0px;
1040
}
1041 d7f58da2 Florent Torregrosa
1042 85ad3d82 Assos Assos
table tbody {
1043
  border-width: 0px;
1044
}
1045 d7f58da2 Florent Torregrosa
1046 85ad3d82 Assos Assos
table.sticky-enabled tr td {
1047
  padding: 2px 3px;
1048
  border-style: solid;
1049
  border-width: 0px;
1050
}
1051 d7f58da2 Florent Torregrosa
1052 85ad3d82 Assos Assos
tr.even td.active,
1053
tr.odd td.active {
1054 d7f58da2 Florent Torregrosa
  background-image: url("../images/dark.png");
1055 85ad3d82 Assos Assos
}
1056 d7f58da2 Florent Torregrosa
1057 85ad3d82 Assos Assos
tr.even,
1058
tr.odd {
1059
  border-width: 0px;
1060
}
1061 d7f58da2 Florent Torregrosa
1062 85ad3d82 Assos Assos
blockquote {
1063
  padding: 0px 10px;
1064
  border-left-style: solid;
1065
  border-left-width: 5px;
1066
  font-style: italic;
1067
}
1068
1069
/**
1070
 * Nice menus
1071
 */
1072
ul.nice-menu {
1073
  line-height: 1em;
1074
  margin: 0px;
1075
  padding: 0px;
1076
}
1077 d7f58da2 Florent Torregrosa
1078 85ad3d82 Assos Assos
ul.nice-menu,
1079
ul.nice-menu ul,
1080
ul.nice-menu li {
1081
  /* remove all borders */
1082
  border: 0;
1083
}
1084 d7f58da2 Florent Torregrosa
1085 85ad3d82 Assos Assos
ul.nice-menu li {
1086
  /* height of root menu items */
1087
  line-height: 1.2em;
1088
}
1089 d7f58da2 Florent Torregrosa
1090 85ad3d82 Assos Assos
ul.nice-menu li a {
1091
  /* root menu items */
1092
  font-size: 0.9em;
1093
  padding: 4px 8px;
1094
  border: none;
1095
  border-right-style: solid;
1096
  border-right-width: 1px;
1097
  /* background-color is set by colors.css */
1098
  /* border-right-color is set by colors.css */
1099
}
1100 d7f58da2 Florent Torregrosa
1101 85ad3d82 Assos Assos
ul.nice-menu li.last a {
1102
  /* last item of the root menu */
1103
  border-right: none;
1104
}
1105
1106
ul.nice-menu li ul {
1107
  margin: 0;
1108
  padding: 0px;
1109
}
1110
1111
ul.nice-menu li.last ul li a,
1112
ul.nice-menu li ul li a,
1113
ul.nice-menu li ul li.last a {
1114
  /* all other chile menu items */
1115
  border-style: solid;
1116
  border-width: 1px;
1117 d7f58da2 Florent Torregrosa
  border-width: 0px;
1118 85ad3d82 Assos Assos
  /* border-color is set by colors.css */
1119
}
1120 d7f58da2 Florent Torregrosa
1121 85ad3d82 Assos Assos
ul.nice-menu li.menuparent a {
1122
  /* root menu item that has drop down menu */
1123 d7f58da2 Florent Torregrosa
  background-image: url("../images/arrow-down.png");
1124 85ad3d82 Assos Assos
  background-repeat: no-repeat;
1125
  background-position: 98%;
1126
  /* background-color is set by colors.css */
1127
}
1128 d7f58da2 Florent Torregrosa
1129 85ad3d82 Assos Assos
ul.nice-menu li a {
1130
  /* root menu item that has no drop down menu */
1131
  /* background-color is set by colors.css */
1132
}
1133 d7f58da2 Florent Torregrosa
1134 85ad3d82 Assos Assos
ul.nice-menu li {
1135
  padding: 0px;
1136
}
1137 d7f58da2 Florent Torregrosa
1138 85ad3d82 Assos Assos
ul.nice-menu li ul li.menuparent a:hover,
1139
ul.nice-menu li ul li.menuparent:hover,
1140
ul.nice-menu li ul li.menuparent {
1141
  /* drop down menu item that has child menu */
1142 d7f58da2 Florent Torregrosa
  background-image: url("../images/arrow-right.png");
1143 85ad3d82 Assos Assos
  background-repeat: no-repeat;
1144
  background-position: 95%;
1145
  /* background-color is set by colors.css */
1146
}
1147 d7f58da2 Florent Torregrosa
1148 85ad3d82 Assos Assos
ul.nice-menu li.menuparent ul {
1149
  padding-top: -5px;
1150
}
1151 d7f58da2 Florent Torregrosa
1152 85ad3d82 Assos Assos
ul.nice-menu li.menuparent li a {
1153 d7f58da2 Florent Torregrosa
  background: none;
1154
  /* do not delete! */
1155 85ad3d82 Assos Assos
}
1156 d7f58da2 Florent Torregrosa
1157 85ad3d82 Assos Assos
ul.nice-menu li.menuparent li {
1158 d7f58da2 Florent Torregrosa
  background: none;
1159
  /* do not delete! */
1160 85ad3d82 Assos Assos
}
1161 d7f58da2 Florent Torregrosa
1162 85ad3d82 Assos Assos
ul.nice-menu li ul li.menuparent li a:hover {
1163 d7f58da2 Florent Torregrosa
  background: none;
1164
  /* do not delete! */
1165 85ad3d82 Assos Assos
}
1166
1167
/**
1168
 * Overlay layout for admin pages
1169
 */
1170
.overlay #main,
1171
.overlay #content {
1172
  width: auto;
1173
  float: none;
1174
}
1175 d7f58da2 Florent Torregrosa
1176 85ad3d82 Assos Assos
.overlay #skip-link,
1177
.overlay .region-page-top,
1178
.overlay #header,
1179
.overlay #page-title,
1180
.overlay #featured,
1181
.overlay #sidebar-first,
1182
.overlay #sidebar-second,
1183
.overlay #footer-wrapper,
1184
.overlay #banner-top,
1185
.overlay #banner-bottom,
1186
.overlay #highlighted,
1187
.overlay #navigation {
1188
  display: none;
1189
}
1190 d7f58da2 Florent Torregrosa
1191 85ad3d82 Assos Assos
.overlay #messages {
1192
  width: auto;
1193
}
1194 d7f58da2 Florent Torregrosa
1195 85ad3d82 Assos Assos
.overlay #page-wrapper {
1196
  width: 100%;
1197
}
1198 d7f58da2 Florent Torregrosa
1199 85ad3d82 Assos Assos
.overlay #page {
1200
  margin: 0;
1201
  padding: 0px;
1202
}
1203 d7f58da2 Florent Torregrosa
1204 85ad3d82 Assos Assos
#overlay-content {
1205
  margin: 0;
1206
  padding: 0px;
1207
}
1208
1209 d7f58da2 Florent Torregrosa
/**
1210
 * For the layout of the responsive sidebar settings.
1211
 */
1212
fieldset.mayo-layout-form div.form-type-radio label, div.smalltouch-portrait-layout {
1213
  background: url(../images/page-layouts-sprite.png);
1214
  height: 60px;
1215
  width: 60px;
1216
  display: block;
1217
  margin-top: 4px;
1218
  text-align: center;
1219
}
1220
1221
fieldset.mayo-layout-form .form-type-radio label[for$=three-col-grail] {
1222
  background-position: 0 0;
1223
}
1224
1225
fieldset.mayo-layout-form .form-type-radio label[for$=two-sidebars-right] {
1226
  background-position: -122px 0;
1227
}
1228
1229
fieldset.mayo-layout-form .form-type-radio label[for$=two-sidebars-left] {
1230
  background-position: -61px 0;
1231
}
1232
1233
fieldset.mayo-layout-form .form-type-radio label[for$=two-sidebars-left-stack] {
1234
  background-position: -183px 0;
1235
}
1236
1237
fieldset.mayo-layout-form .form-type-radio label[for$=two-sidebars-right-stack] {
1238
  background-position: -244px 0;
1239
}
1240
1241
fieldset.mayo-layout-form .form-type-radio label[for$=one-col-stack] {
1242
  background-position: -305px 0;
1243
}
1244
1245
fieldset.mayo-layout-form .form-type-radio label[for$=one-col-vert] {
1246
  background-position: -366px 0;
1247
}
1248
1249
div.smalltouch-portrait-layout {
1250
  background-position: -305px 0;
1251
}
1252
1253
.mayo-layout-form div.form-item {
1254
  clear: none;
1255
  float: left;
1256
  margin-right: 25px;
1257
}
1258
1259
fieldset.mayo-layout-form div.form-type-radio label, div.smalltouch-portrait-layout {
1260
  overflow: hidden;
1261
  text-indent: 100%;
1262
  white-space: nowrap;
1263
}
1264
1265
fieldset.mayo-layout-form div.form-type-radio {
1266
  clear: none;
1267
  float: left;
1268
  margin: 0 30px 10px 0;
1269
  text-align: center;
1270
  width: 60px;
1271
}
1272
1273
#main-wrapper {
1274
  width: 100%;
1275
  position: relative;
1276
}
1277
1278
#main {
1279
  width: 100%;
1280
}
1281
1282
@media only screen and (max-width: 320px) {
1283
  #top-columns .column-block-wrapper {
1284
    width: 100% !important;
1285
    margin-top: 1em;
1286
  }
1287
1288
  #top-columns .column-block-wrapper .column-block {
1289
    height: auto !important;
1290
    margin: 0 !important;
1291
  }
1292
}
1293
#content,
1294
#sidebar-first,
1295
#sidebar-second {
1296
  margin: 0;
1297
  width: 100%;
1298
}
1299
#content img,
1300
#sidebar-first img,
1301
#sidebar-second img {
1302
  max-width: 100%;
1303
  height: auto;
1304
}
1305
1306
@media only screen and (max-width: 320px) {
1307
  #content img,
1308
  #sidebar-first img,
1309
  #sidebar-second img {
1310
    max-width: 100%;
1311
    height: auto;
1312
  }
1313
1314
  #site-name a, #header h1 a, #header h1 a:link, #header h1 a:visited {
1315
    font-size: .75em;
1316
    font-weight: 800;
1317
    line-height: 1em;
1318
    text-decoration: none;
1319
  }
1320
1321
  #site-slogan {
1322
    font-size: 12px;
1323
  }
1324
}
1325
@media only screen and (min-width: 321px) and (max-width: 480px) {
1326
  #content img,
1327
  #sidebar-first img,
1328
  #sidebar-second img {
1329
    max-width: 100%;
1330
    height: auto;
1331
  }
1332
1333
  input.form-text {
1334
    width: 95%;
1335
  }
1336
1337
  #site-name a, #header h1 a, #header h1 a:link, #header h1 a:visited {
1338
    font-size: .9em;
1339
    font-weight: 800;
1340
    line-height: 1em;
1341
    text-decoration: none;
1342
  }
1343
1344
  #site-slogan {
1345
    font-size: 12px;
1346
  }
1347
}
1348
@media only screen and (min-width: 481px) and (max-width: 768px) {
1349
  #content img,
1350
  #sidebar-first img,
1351
  #sidebar-second img {
1352
    max-width: 100%;
1353
    height: auto;
1354
  }
1355
1356
  input.form-text {
1357
    width: 75%;
1358
  }
1359
1360
  #top-columns .column-block-wrapper {
1361
    width: 100% !important;
1362
    margin-top: 1em;
1363
  }
1364
1365
  #top-columns .column-block-wrapper .column-block {
1366
    height: auto !important;
1367
    margin: 0 !important;
1368
  }
1369
1370
  #sidebar-first.sb-one,
1371
  #sidebar-second.sb-one {
1372
    margin: 0;
1373
    width: 50% !important;
1374
  }
1375
  #sidebar-first.sb-one img,
1376
  #sidebar-second.sb-one img {
1377
    max-width: 100%;
1378
    height: auto;
1379
  }
1380
1381
  #site-name a, #header h1 a, #header h1 a:link, #header h1 a:visited {
1382
    font-size: 1.4em;
1383
    font-weight: 800;
1384
    line-height: 1em;
1385
    text-decoration: none;
1386
  }
1387
}
1388
@media only screen and (min-width: 769px) and (max-width: 1024px) {
1389
  #content img,
1390
  #sidebar-first img,
1391
  #sidebar-second img {
1392
    max-width: 100%;
1393
    height: auto;
1394
  }
1395
1396
  input.form-text {
1397
    width: 75%;
1398
  }
1399
1400
  #top-columns .column-block-wrapper {
1401
    width: 100% !important;
1402
    margin-top: 1em;
1403
  }
1404
1405
  #top-columns .column-block-wrapper .column-block {
1406
    height: auto !important;
1407
    margin: 0 !important;
1408
  }
1409
1410
  #sidebar-first.sb-one,
1411
  #sidebar-second.sb-one {
1412
    margin: 0;
1413
    width: 50% !important;
1414
  }
1415
  #sidebar-first.sb-one img,
1416
  #sidebar-second.sb-one img {
1417
    max-width: 100%;
1418
    height: auto;
1419
  }
1420
1421
  #site-name a, #header h1 a, #header h1 a:link, #header h1 a:visited {
1422
    font-size: 1.7em;
1423
    font-weight: 800;
1424
    line-height: 1em;
1425
    text-decoration: none;
1426
  }
1427
}
1428
/*@include MQ(standard-pc) {
1429
}   */