Projet

Général

Profil

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

root / drupal7 / sites / all / themes / mayo / css / style.css @ 2c8c2b87

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