Projet

Général

Profil

Paste
Télécharger (22,4 ko) Statistiques
| Branche: | Révision:

root / drupal7 / sites / all / themes / mayo / css / style.css @ 578c6d8f

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 578c6d8f Assos Assos
.rc-2 .comment,
368
.rc-2 .node,
369
.rc-1 .column-block,
370
.rc-1 .sidebar .block,
371 d7f58da2 Florent Torregrosa
.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 578c6d8f Assos Assos
/* To wrap tabs. */
749
div.tabs .secondary li,
750
div.tabs .primary li {
751
  float: left;
752
  line-height: 1.5em;
753
  margin-right: 3px;
754
}
755
756 85ad3d82 Assos Assos
div.tabs .secondary li a.active,
757
div.tabs .primary li a.active {
758 d7f58da2 Florent Torregrosa
  background: url("../images/dark.png") repeat top left;
759 85ad3d82 Assos Assos
}
760
761
div.tabs ul.secondary li a {
762
  font-size: 0.85em;
763
  margin: 0px;
764
}
765 d7f58da2 Florent Torregrosa
766 85ad3d82 Assos Assos
div.tabs ul.secondary li {
767
  border-style: solid;
768
  border-width: 1px;
769
  padding: 0px;
770
  margin-bottom: 2px;
771
}
772
773
/**
774
 * node
775
 */
776
.node {
777
  margin: 0;
778
  padding: 15px 12px 10px 14px;
779
  margin-bottom: 10px;
780
  border-style: solid;
781
  border-width: 1px;
782
}
783 d7f58da2 Florent Torregrosa
784 85ad3d82 Assos Assos
.node-sticky {
785
  border-width: 0px;
786
}
787
788 d7f58da2 Florent Torregrosa
#content .node h2 {
789
  /* main content: node title */
790 85ad3d82 Assos Assos
  padding: 0px;
791
  background: transparent;
792
  border-bottom-style: solid;
793
  border-bottom-width: 1px;
794
  font-size: 1.45em;
795
}
796
797
.node .submitted {
798
  font-size: 0.75em;
799
}
800
801
.node ul,
802
.node ol {
803
  padding-left: 15px;
804
}
805 d7f58da2 Florent Torregrosa
806 85ad3d82 Assos Assos
.node ul.links {
807
  padding: 0px;
808
  font-size: 0.75em;
809
  float: right;
810
  clear: both;
811
}
812 d7f58da2 Florent Torregrosa
813 85ad3d82 Assos Assos
.node .user-picture {
814
  float: right;
815
  padding: 0px 0px 10px 10px;
816
  background-color: inherit;
817
}
818
819
/**
820
 * Comment
821
 */
822
.comment {
823
  padding: 8px 10px;
824
  margin-bottom: 10px;
825
  border-style: solid;
826
  border-width: 1px;
827
}
828 d7f58da2 Florent Torregrosa
829 85ad3d82 Assos Assos
.comment-unpublished {
830
  background: url(../images/unpublished.png) repeat top right;
831
}
832 d7f58da2 Florent Torregrosa
833 85ad3d82 Assos Assos
.comment-spam {
834
  background: url(../images/spam.png) repeat top right;
835
}
836 d7f58da2 Florent Torregrosa
837 85ad3d82 Assos Assos
.comment h3 {
838
  border-bottom-style: solid;
839
  border-bottom-width: 1px;
840
}
841 d7f58da2 Florent Torregrosa
842 85ad3d82 Assos Assos
#comments h2.title {
843
  margin-bottom: 5px;
844
  font-size: 1.3em;
845
}
846 d7f58da2 Florent Torregrosa
847 85ad3d82 Assos Assos
.comment .submitted {
848
  font-size: 0.75em;
849
}
850 d7f58da2 Florent Torregrosa
851 85ad3d82 Assos Assos
.comment ul.links {
852
  padding: 0px;
853
  font-size: 0.75em;
854
  float: right;
855
  clear: both;
856
}
857 d7f58da2 Florent Torregrosa
858 85ad3d82 Assos Assos
.comment .user-picture {
859
  float: right;
860
  padding: 4px 0px 10px 10px;
861
  background-color: inherit;
862
}
863
864
/**
865
 * User profile
866
 */
867
.profile .user-picture {
868
  margin: 0px;
869
  padding: 5px;
870
}
871 d7f58da2 Florent Torregrosa
872 3753f249 Assos Assos
/* =============================================================================
873
   SEARCH
874
   ========================================================================== */
875 85ad3d82 Assos Assos
/**
876 d7f58da2 Florent Torregrosa
 * Search block form
877 85ad3d82 Assos Assos
 * - no 'submit' button
878
 * - add search magnifier image
879
 * - use javascript to show prompt
880
 */
881 d7f58da2 Florent Torregrosa
.form-item-search-block-form .form-text:focus {
882
  /*outline: none; */
883
  /* remove blue outline for Safari */
884
}
885
886 85ad3d82 Assos Assos
.form-item-search-block-form .form-text {
887 d7f58da2 Florent Torregrosa
  height: 24px;
888
  color: #555555;
889
  margin: 0px;
890
  border: solid 1px #aaa;
891
  border-bottom-color: #ddd;
892
  border-right-color: #ddd;
893
  margin-top: 1px;
894
  background: white url(../images/search.png) no-repeat 2px center;
895
  padding: 0px 4px 0px 4px;
896
  padding-left: 24px;
897
  /* space for magnifying glass */
898 85ad3d82 Assos Assos
}
899 d7f58da2 Florent Torregrosa
900 85ad3d82 Assos Assos
#header .form-item-search-block-form {
901
  float: right;
902
  margin: 0px;
903
}
904 d7f58da2 Florent Torregrosa
905 85ad3d82 Assos Assos
#header-searchbox {
906
  float: right;
907
  overflow: hidden;
908
}
909 3753f249 Assos Assos
910
/************************/
911 85ad3d82 Assos Assos
/**
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 d7f58da2 Florent Torregrosa
  background: white url(../images/button.gif) repeat-x center;
922 85ad3d82 Assos Assos
}
923 d7f58da2 Florent Torregrosa
924 85ad3d82 Assos Assos
.pushbutton:hover, button:hover, .form-submit:hover {
925
  color: #111111;
926
  border: solid 1px #666666;
927 d7f58da2 Florent Torregrosa
  background: white url(../images/button-o.gif) repeat-x center;
928 85ad3d82 Assos Assos
}
929
930
/**
931
 * Font resize controls
932
 */
933
#header-fontsizer {
934
  float: right;
935
  margin: 0;
936
  margin-right: 20px;
937
  padding: 0px;
938
  border-width: 0px;
939
  line-height: 1.2em;
940
}
941 d7f58da2 Florent Torregrosa
942 85ad3d82 Assos Assos
.decreaseFont {
943
  padding-right: 22px;
944
  padding-bottom: 25px;
945 d7f58da2 Florent Torregrosa
  background: url("../images/fontsizer-1.png") no-repeat top left;
946 85ad3d82 Assos Assos
  margin-right: 1px;
947
}
948 d7f58da2 Florent Torregrosa
949 85ad3d82 Assos Assos
.resetFont {
950
  padding-right: 21px;
951
  padding-bottom: 25px;
952 d7f58da2 Florent Torregrosa
  background: url("../images/fontsizer-2.png") no-repeat top left;
953 85ad3d82 Assos Assos
}
954 d7f58da2 Florent Torregrosa
955 85ad3d82 Assos Assos
.increaseFont {
956
  padding-right: 23px;
957
  padding-bottom: 25px;
958 d7f58da2 Florent Torregrosa
  background: url("../images/fontsizer-3.png") no-repeat top left;
959 85ad3d82 Assos Assos
  margin-left: 1px;
960
}
961 d7f58da2 Florent Torregrosa
962 85ad3d82 Assos Assos
.decreaseFont:hover {
963 d7f58da2 Florent Torregrosa
  background: url("../images/fontsizer-1-o.png") no-repeat top left;
964 85ad3d82 Assos Assos
}
965 d7f58da2 Florent Torregrosa
966 85ad3d82 Assos Assos
.resetFont:hover {
967 d7f58da2 Florent Torregrosa
  background: url("../images/fontsizer-2-o.png") no-repeat top left;
968 85ad3d82 Assos Assos
}
969 d7f58da2 Florent Torregrosa
970 85ad3d82 Assos Assos
.increaseFont:hover {
971 d7f58da2 Florent Torregrosa
  background: url("../images/fontsizer-3-o.png") no-repeat top left;
972 85ad3d82 Assos Assos
}
973 d7f58da2 Florent Torregrosa
974 85ad3d82 Assos Assos
#header-fontsizer a,
975
#header-fontsizer a:visited,
976
#header-fontsizer a:focus,
977
#header-fontsizer a:active {
978 d7f58da2 Florent Torregrosa
  /* suppress dotted frame around the links for IE */
979
  border: none;
980
  outline: none;
981 85ad3d82 Assos Assos
}
982
983
/**
984
 * Other
985
 */
986
table.views-view-grid tr td {
987
  padding: 15px;
988
}
989 d7f58da2 Florent Torregrosa
990 85ad3d82 Assos Assos
.filter-wrapper {
991
  border: none;
992
  margin-top: 5px;
993
  padding: 5px;
994
  font-size: 0.9em;
995
}
996 d7f58da2 Florent Torregrosa
997 85ad3d82 Assos Assos
.filter-wrapper ul li {
998
  margin-left: 10px;
999
}
1000 d7f58da2 Florent Torregrosa
1001 85ad3d82 Assos Assos
.field-type-taxonomy-term-reference {
1002
  overflow: hidden;
1003
  margin-bottom: 0.5em;
1004
}
1005 d7f58da2 Florent Torregrosa
1006 85ad3d82 Assos Assos
.field-type-taxonomy-term-reference .field-label {
1007
  float: left;
1008
  overflow: hidden;
1009
}
1010 d7f58da2 Florent Torregrosa
1011 85ad3d82 Assos Assos
.field-type-taxonomy-term-reference .field-items {
1012
  overflow: hidden;
1013
}
1014 d7f58da2 Florent Torregrosa
1015 85ad3d82 Assos Assos
.field-type-taxonomy-term-reference .field-items .field-item {
1016
  float: left;
1017
  margin: 0 0.6em;
1018
  padding: 0px;
1019
}
1020 d7f58da2 Florent Torregrosa
1021 85ad3d82 Assos Assos
.field-type-text-with-summary {
1022 d7f58da2 Florent Torregrosa
  /*clear: left;*/
1023
  /* do not use 'both' */
1024 85ad3d82 Assos Assos
}
1025
1026
table tr {
1027
  border-style: solid;
1028
  border-width: 0px;
1029
}
1030 d7f58da2 Florent Torregrosa
1031 85ad3d82 Assos Assos
table tr td {
1032
  padding: 4px 6px;
1033
  border-style: solid;
1034
  border-width: 0px;
1035
}
1036 d7f58da2 Florent Torregrosa
1037 85ad3d82 Assos Assos
table tr th {
1038
  border-style: solid;
1039
  padding: 4px 6px;
1040
  border-width: 0px;
1041
  border-right-width: 1px;
1042
}
1043 d7f58da2 Florent Torregrosa
1044 85ad3d82 Assos Assos
table thead * {
1045
  padding: 2px 3px;
1046
  border-bottom: none;
1047
  border-width: 0px;
1048
}
1049 d7f58da2 Florent Torregrosa
1050 85ad3d82 Assos Assos
table tbody {
1051
  border-width: 0px;
1052
}
1053 d7f58da2 Florent Torregrosa
1054 85ad3d82 Assos Assos
table.sticky-enabled tr td {
1055
  padding: 2px 3px;
1056
  border-style: solid;
1057
  border-width: 0px;
1058
}
1059 d7f58da2 Florent Torregrosa
1060 85ad3d82 Assos Assos
tr.even td.active,
1061
tr.odd td.active {
1062 d7f58da2 Florent Torregrosa
  background-image: url("../images/dark.png");
1063 85ad3d82 Assos Assos
}
1064 d7f58da2 Florent Torregrosa
1065 85ad3d82 Assos Assos
tr.even,
1066
tr.odd {
1067
  border-width: 0px;
1068
}
1069 d7f58da2 Florent Torregrosa
1070 85ad3d82 Assos Assos
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 d7f58da2 Florent Torregrosa
1086 85ad3d82 Assos Assos
ul.nice-menu,
1087
ul.nice-menu ul,
1088
ul.nice-menu li {
1089
  /* remove all borders */
1090
  border: 0;
1091
}
1092 d7f58da2 Florent Torregrosa
1093 85ad3d82 Assos Assos
ul.nice-menu li {
1094
  /* height of root menu items */
1095
  line-height: 1.2em;
1096
}
1097 d7f58da2 Florent Torregrosa
1098 85ad3d82 Assos Assos
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 d7f58da2 Florent Torregrosa
1109 85ad3d82 Assos Assos
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 d7f58da2 Florent Torregrosa
  border-width: 0px;
1126 85ad3d82 Assos Assos
  /* border-color is set by colors.css */
1127
}
1128 d7f58da2 Florent Torregrosa
1129 85ad3d82 Assos Assos
ul.nice-menu li.menuparent a {
1130
  /* root menu item that has drop down menu */
1131 d7f58da2 Florent Torregrosa
  background-image: url("../images/arrow-down.png");
1132 85ad3d82 Assos Assos
  background-repeat: no-repeat;
1133
  background-position: 98%;
1134
  /* background-color is set by colors.css */
1135
}
1136 d7f58da2 Florent Torregrosa
1137 85ad3d82 Assos Assos
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 d7f58da2 Florent Torregrosa
1142 85ad3d82 Assos Assos
ul.nice-menu li {
1143
  padding: 0px;
1144
}
1145 d7f58da2 Florent Torregrosa
1146 85ad3d82 Assos Assos
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 d7f58da2 Florent Torregrosa
  background-image: url("../images/arrow-right.png");
1151 85ad3d82 Assos Assos
  background-repeat: no-repeat;
1152
  background-position: 95%;
1153
  /* background-color is set by colors.css */
1154
}
1155 d7f58da2 Florent Torregrosa
1156 85ad3d82 Assos Assos
ul.nice-menu li.menuparent ul {
1157
  padding-top: -5px;
1158
}
1159 d7f58da2 Florent Torregrosa
1160 85ad3d82 Assos Assos
ul.nice-menu li.menuparent li a {
1161 d7f58da2 Florent Torregrosa
  background: none;
1162
  /* do not delete! */
1163 85ad3d82 Assos Assos
}
1164 d7f58da2 Florent Torregrosa
1165 85ad3d82 Assos Assos
ul.nice-menu li.menuparent li {
1166 d7f58da2 Florent Torregrosa
  background: none;
1167
  /* do not delete! */
1168 85ad3d82 Assos Assos
}
1169 d7f58da2 Florent Torregrosa
1170 85ad3d82 Assos Assos
ul.nice-menu li ul li.menuparent li a:hover {
1171 d7f58da2 Florent Torregrosa
  background: none;
1172
  /* do not delete! */
1173 85ad3d82 Assos Assos
}
1174
1175
/**
1176
 * Overlay layout for admin pages
1177
 */
1178
.overlay #main,
1179
.overlay #content {
1180
  width: auto;
1181
  float: none;
1182
}
1183 d7f58da2 Florent Torregrosa
1184 85ad3d82 Assos Assos
.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 d7f58da2 Florent Torregrosa
1199 85ad3d82 Assos Assos
.overlay #messages {
1200
  width: auto;
1201
}
1202 d7f58da2 Florent Torregrosa
1203 85ad3d82 Assos Assos
.overlay #page-wrapper {
1204
  width: 100%;
1205
}
1206 d7f58da2 Florent Torregrosa
1207 85ad3d82 Assos Assos
.overlay #page {
1208
  margin: 0;
1209
  padding: 0px;
1210
}
1211 d7f58da2 Florent Torregrosa
1212 85ad3d82 Assos Assos
#overlay-content {
1213
  margin: 0;
1214
  padding: 0px;
1215
}
1216
1217 d7f58da2 Florent Torregrosa
/**
1218
 * For the layout of the responsive sidebar settings.
1219
 */
1220
fieldset.mayo-layout-form div.form-type-radio label, div.smalltouch-portrait-layout {
1221
  background: url(../images/page-layouts-sprite.png);
1222
  height: 60px;
1223
  width: 60px;
1224
  display: block;
1225
  margin-top: 4px;
1226
  text-align: center;
1227
}
1228
1229
fieldset.mayo-layout-form .form-type-radio label[for$=three-col-grail] {
1230
  background-position: 0 0;
1231
}
1232
1233
fieldset.mayo-layout-form .form-type-radio label[for$=two-sidebars-right] {
1234
  background-position: -122px 0;
1235
}
1236
1237
fieldset.mayo-layout-form .form-type-radio label[for$=two-sidebars-left] {
1238
  background-position: -61px 0;
1239
}
1240
1241
fieldset.mayo-layout-form .form-type-radio label[for$=two-sidebars-left-stack] {
1242
  background-position: -183px 0;
1243
}
1244
1245
fieldset.mayo-layout-form .form-type-radio label[for$=two-sidebars-right-stack] {
1246
  background-position: -244px 0;
1247
}
1248
1249
fieldset.mayo-layout-form .form-type-radio label[for$=one-col-stack] {
1250
  background-position: -305px 0;
1251
}
1252
1253
fieldset.mayo-layout-form .form-type-radio label[for$=one-col-vert] {
1254
  background-position: -366px 0;
1255
}
1256
1257
div.smalltouch-portrait-layout {
1258
  background-position: -305px 0;
1259
}
1260
1261
.mayo-layout-form div.form-item {
1262
  clear: none;
1263
  float: left;
1264
  margin-right: 25px;
1265
}
1266
1267
fieldset.mayo-layout-form div.form-type-radio label, div.smalltouch-portrait-layout {
1268
  overflow: hidden;
1269
  text-indent: 100%;
1270
  white-space: nowrap;
1271
}
1272
1273
fieldset.mayo-layout-form div.form-type-radio {
1274
  clear: none;
1275
  float: left;
1276
  margin: 0 30px 10px 0;
1277
  text-align: center;
1278
  width: 60px;
1279
}
1280
1281
#main-wrapper {
1282
  width: 100%;
1283
  position: relative;
1284
}
1285
1286
#main {
1287
  width: 100%;
1288
}
1289
1290
@media only screen and (max-width: 320px) {
1291
  #top-columns .column-block-wrapper {
1292
    width: 100% !important;
1293
    margin-top: 1em;
1294
  }
1295
1296
  #top-columns .column-block-wrapper .column-block {
1297
    height: auto !important;
1298
    margin: 0 !important;
1299
  }
1300
}
1301
#content,
1302
#sidebar-first,
1303
#sidebar-second {
1304
  margin: 0;
1305
  width: 100%;
1306
}
1307
#content img,
1308
#sidebar-first img,
1309
#sidebar-second img {
1310
  max-width: 100%;
1311
  height: auto;
1312
}
1313
1314
@media only screen and (max-width: 320px) {
1315
  #content img,
1316
  #sidebar-first img,
1317
  #sidebar-second img {
1318
    max-width: 100%;
1319
    height: auto;
1320
  }
1321
1322 578c6d8f Assos Assos
  #site-name a, #site-name a:link, #site-name a:visited {
1323
    margin: 0 0;
1324
    font-size: .85em;
1325
    font-weight: 800;
1326
    line-height: 1em;
1327
  }
1328
1329
  #header h1 a, #header h1 a:link, #header h1 a:visited {
1330
    font-size: .85em;
1331 d7f58da2 Florent Torregrosa
    font-weight: 800;
1332
    line-height: 1em;
1333
    text-decoration: none;
1334
  }
1335
1336
  #site-slogan {
1337
    font-size: 12px;
1338
  }
1339
}
1340
@media only screen and (min-width: 321px) and (max-width: 480px) {
1341
  #content img,
1342
  #sidebar-first img,
1343
  #sidebar-second img {
1344
    max-width: 100%;
1345
    height: auto;
1346
  }
1347
1348
  input.form-text {
1349
    width: 95%;
1350
  }
1351
1352 578c6d8f Assos Assos
  #site-name a, #site-name a:link, #site-name a:visited {
1353
    margin: 0 0;
1354
    font-size: 1.2em;
1355
    font-weight: 800;
1356
    line-height: 1em;
1357
  }
1358
1359
  #header h1 a, #header h1 a:link, #header h1 a:visited {
1360
    font-size: .85em;
1361 d7f58da2 Florent Torregrosa
    font-weight: 800;
1362
    line-height: 1em;
1363
    text-decoration: none;
1364
  }
1365
1366
  #site-slogan {
1367
    font-size: 12px;
1368
  }
1369
}
1370
@media only screen and (min-width: 481px) and (max-width: 768px) {
1371
  #content img,
1372
  #sidebar-first img,
1373
  #sidebar-second img {
1374
    max-width: 100%;
1375
    height: auto;
1376
  }
1377
1378
  input.form-text {
1379
    width: 75%;
1380
  }
1381
1382
  #top-columns .column-block-wrapper {
1383
    width: 100% !important;
1384
    margin-top: 1em;
1385
  }
1386
1387
  #top-columns .column-block-wrapper .column-block {
1388
    height: auto !important;
1389
    margin: 0 !important;
1390
  }
1391
1392
  #sidebar-first.sb-one,
1393
  #sidebar-second.sb-one {
1394
    margin: 0;
1395
    width: 50% !important;
1396
  }
1397
  #sidebar-first.sb-one img,
1398
  #sidebar-second.sb-one img {
1399
    max-width: 100%;
1400
    height: auto;
1401
  }
1402
1403 578c6d8f Assos Assos
  #site-name a, #site-name a:link, #site-name a:visited {
1404
    margin: 0 0;
1405
    font-size: 1.8em;
1406
    font-weight: 800;
1407
    line-height: 1em;
1408
  }
1409
1410
  #header h1 a, #header h1 a:link, #header h1 a:visited {
1411
    font-size: 1.3em;
1412 d7f58da2 Florent Torregrosa
    font-weight: 800;
1413
    line-height: 1em;
1414
    text-decoration: none;
1415
  }
1416
}
1417
@media only screen and (min-width: 769px) and (max-width: 1024px) {
1418
  #content img,
1419
  #sidebar-first img,
1420
  #sidebar-second img {
1421
    max-width: 100%;
1422
    height: auto;
1423
  }
1424
1425
  input.form-text {
1426
    width: 75%;
1427
  }
1428
1429
  #top-columns .column-block-wrapper {
1430
    width: 100% !important;
1431
    margin-top: 1em;
1432
  }
1433
1434
  #top-columns .column-block-wrapper .column-block {
1435
    height: auto !important;
1436
    margin: 0 !important;
1437
  }
1438
1439
  #sidebar-first.sb-one,
1440
  #sidebar-second.sb-one {
1441
    margin: 0;
1442
    width: 50% !important;
1443
  }
1444
  #sidebar-first.sb-one img,
1445
  #sidebar-second.sb-one img {
1446
    max-width: 100%;
1447
    height: auto;
1448
  }
1449
1450 578c6d8f Assos Assos
  #site-name a, #site-name a:link, #site-name a:visited {
1451
    margin: 0 0;
1452
    font-size: 2.2em;
1453
    font-weight: 800;
1454
    line-height: 1em;
1455
  }
1456
1457
  #header h1 a, #header h1 a:link, #header h1 a:visited {
1458
    font-size: 1.6em;
1459 d7f58da2 Florent Torregrosa
    font-weight: 800;
1460
    line-height: 1em;
1461
    text-decoration: none;
1462
  }
1463
}
1464
/*@include MQ(standard-pc) {
1465
}   */