Projet

Général

Profil

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

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

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
  background-image: none;
416
  background-repeat: no-repeat;
417
  background-position: top center;
418
}
419 d7f58da2 Florent Torregrosa
420 85ad3d82 Assos Assos
div#logo {
421
  float: left;
422 caf16a48 Assos Assos
  padding: 9px 4px 4px 9px;
423 85ad3d82 Assos Assos
}
424 d7f58da2 Florent Torregrosa
425 85ad3d82 Assos Assos
#name-and-slogan {
426
  float: left;
427 caf16a48 Assos Assos
  padding: 8px 8px;
428 85ad3d82 Assos Assos
}
429 d7f58da2 Florent Torregrosa
430 85ad3d82 Assos Assos
#site-name a,
431
#header h1 a,
432
#header h1 a:link,
433
#header h1 a:visited {
434
  font-weight: 800;
435
  text-decoration: none;
436
  line-height: 1em;
437 d7f58da2 Florent Torregrosa
  font-size: 34px;
438
  /* we do not want it changed by text scaling */
439 85ad3d82 Assos Assos
}
440 d7f58da2 Florent Torregrosa
441 85ad3d82 Assos Assos
#site-slogan {
442
  font-weight: normal;
443
  font-style: italic;
444
  margin-bottom: 5px;
445 d7f58da2 Florent Torregrosa
  font-size: 15px;
446
  /* we do not want it changed by text scaling */
447 85ad3d82 Assos Assos
  line-height: 1em;
448
}
449
450
/**
451
 * Footer
452
 */
453
#footer-wrapper {
454
  text-align: center;
455
  clear: both;
456
  display: block;
457
  margin: 0px;
458
  padding: 10px;
459
  font-size: 0.9em;
460
  font-weight: normal;
461
}
462 d7f58da2 Florent Torregrosa
463 85ad3d82 Assos Assos
#footer-wrapper .column-block {
464
  border-style: solid;
465
  border-width: 0px;
466
}
467 d7f58da2 Florent Torregrosa
468 85ad3d82 Assos Assos
#footer-wrapper .column-block h2 {
469
  font-size: 1.5em;
470
}
471 d7f58da2 Florent Torregrosa
472 85ad3d82 Assos Assos
#footer .block {
473
  margin: 5px 0px;
474
}
475
476
/**
477
 * Menu bar (for sub menus)
478
 */
479
#submenubar,
480
#menubar {
481
  padding: 0px;
482
  margin: 0px;
483
  border-bottom-style: solid;
484
  border-bottom-width: 1px;
485
  padding: 4px 0px;
486
}
487 d7f58da2 Florent Torregrosa
488 85ad3d82 Assos Assos
#submenubar ul,
489
#menubar ul {
490
  padding: 0px;
491
  margin: 0px;
492
}
493
494
/**
495
 * Top menus (#main-menu, #secondary-menu)
496
 */
497
#navigation {
498
  margin: 0px;
499
  padding: 4px 0px 4px 4px;
500
  border-bottom-style: solid;
501
  border-bottom-width: 1px;
502
  overflow: hidden;
503
}
504 d7f58da2 Florent Torregrosa
505 85ad3d82 Assos Assos
#navigation ul {
506
  margin: 0px;
507
  padding: 0px;
508
  list-style: none;
509
}
510 d7f58da2 Florent Torregrosa
511 85ad3d82 Assos Assos
#navigation ul li {
512
  margin: 0px;
513
  padding: 0px;
514
  margin-right: 0px;
515
  padding: 2px 4px 2px 0px;
516
  border-right-style: solid;
517
  border-right-width: 1px;
518
}
519 d7f58da2 Florent Torregrosa
520 85ad3d82 Assos Assos
#navigation ul li a {
521
  padding: 2px 4px;
522
  font-weight: normal;
523
  font-size: 0.9em;
524
}
525 d7f58da2 Florent Torregrosa
526 85ad3d82 Assos Assos
#navigation #main-menu {
527
  margin: 0;
528
  padding: 0px;
529
  float: left;
530
}
531 d7f58da2 Florent Torregrosa
532 85ad3d82 Assos Assos
#navigation #secondary-menu {
533
  margin: 0;
534
  padding: 0px;
535
  float: right;
536
}
537
538
/**
539
 * Banner area (#banner-top, #banner-bottom)
540
 */
541
.banner p {
542
  padding: 0px;
543
  margin: 0px;
544
}
545 d7f58da2 Florent Torregrosa
546 85ad3d82 Assos Assos
#banner-top,
547
#banner-bottom {
548
  padding: 0px;
549
  border: none;
550
  width: 100%;
551
}
552
553
/**
554
 * Highlighted
555
 */
556
#highlighted .block {
557
  margin-bottom: 10px;
558
}
559
560
.column-block {
561
  font-size: 0.9em;
562
  margin: 0px;
563
  border-style: solid;
564
  border-width: 1px;
565
}
566 d7f58da2 Florent Torregrosa
567 85ad3d82 Assos Assos
.column-block h2 {
568
  font-size: 1.25em;
569
  line-height: 1em;
570
  padding: 2px 0px;
571
  margin: 0px 0px 3px 0px;
572
  border-bottom-style: solid;
573
  border-bottom-width: 1px;
574
}
575
576
/**
577
 * Sidebar
578
 */
579
.sidebar * {
580
  padding: 0;
581
  margin: 0;
582
  line-height: 1.6em;
583
}
584 d7f58da2 Florent Torregrosa
585 85ad3d82 Assos Assos
.sidebar .block {
586
  padding: 5px 10px;
587
  font-size: 0.9em;
588
  margin-bottom: 10px;
589
  border-style: solid;
590
  border-width: 1px;
591
}
592 d7f58da2 Florent Torregrosa
593 85ad3d82 Assos Assos
.column-block h2,
594
.sidebar h2 {
595
  background: transparent;
596
  line-height: 1em;
597
  border-bottom-style: solid;
598
  border-bottom-width: 1px;
599
  margin: 4px 0px 2px 0px;
600
  padding: 2px 0px;
601
  font-size: 1.25em;
602
}
603 d7f58da2 Florent Torregrosa
604 85ad3d82 Assos Assos
.column-block .content,
605
.sidebar .block .content {
606
  padding: 5px 2px;
607
  /*overflow: hidden; Removed for Superfish */
608
}
609
610
.column-block table tr th,
611
.sidebar .block table tr th {
612
  border-style: solid;
613
  border-width: 0px;
614
  padding: 0px 4px;
615
  background: none;
616
  border-bottom-width: 3px;
617
}
618 d7f58da2 Florent Torregrosa
619 85ad3d82 Assos Assos
.column-block table tr td,
620
.sidebar .block table tr td {
621
  padding: 2px 4px;
622
  border-style: solid;
623
  border-width: 0px;
624
  border-bottom-width: 1px;
625
  background: none;
626
}
627
628
.sidebar .block ul {
629
  margin: 0px;
630
  padding: 0px;
631
}
632 d7f58da2 Florent Torregrosa
633 85ad3d82 Assos Assos
.sidebar .block ul.links {
634
  margin-top: 10px;
635
  text-align: right;
636
}
637 d7f58da2 Florent Torregrosa
638 85ad3d82 Assos Assos
.sidebar .block ul.links li {
639
  display: inline;
640
  margin-left: 15px;
641
}
642 d7f58da2 Florent Torregrosa
643 85ad3d82 Assos Assos
.sidebar .block .menu {
644
  padding-left: 10px;
645
  padding-bottom: 5px;
646
}
647
648
/**
649
 * Page
650
 */
651
#breadcrumb {
652
  font-size: 1em;
653
  font-style: italic;
654
  padding-left: 5px;
655
}
656
657
#breadcrumb a {
658
  font-size: 1em;
659
  font-style: italic;
660
}
661
662
#page-title {
663
  padding: 4px 8px;
664
  font-size: 1.3em;
665
  margin-bottom: 10px;
666
}
667 d7f58da2 Florent Torregrosa
668
#content .block h2 {
669
  /* main content: block title */
670 85ad3d82 Assos Assos
  padding: 4px 8px;
671
  font-size: 1.25em;
672
}
673 d7f58da2 Florent Torregrosa
674 85ad3d82 Assos Assos
.action-links {
675
  padding-left: 10px;
676
}
677
678
/**
679
 * Pager
680
 */
681
div.item-list .pager {
682
  border: none;
683
  padding: 0px;
684
}
685 d7f58da2 Florent Torregrosa
686 85ad3d82 Assos Assos
div.item-list ul.pager {
687
  margin: 10px 0px;
688
  margin-top: 10px;
689
  padding: 1px 0px;
690
  overflow: hidden;
691
  list-style-type: none;
692
}
693 d7f58da2 Florent Torregrosa
694 85ad3d82 Assos Assos
div.item-list ul.pager li {
695
  display: inline;
696
  margin: 0px;
697
  padding: 0px;
698
  line-height: 1em;
699
  padding: 2px 0px;
700
}
701 d7f58da2 Florent Torregrosa
702 85ad3d82 Assos Assos
div.item-list ul.pager li.pager-current {
703
  padding: 2px 8px;
704
}
705
706
div.item-list ul.pager li a {
707
  margin: 0px;
708
  padding: 2px 8px;
709
}
710
711
/**
712
 * tabs
713
 */
714
div.tabs .secondary,
715
div.tabs .primary {
716
  border: none;
717
  padding: 0px;
718
  margin: 8px 0px;
719
  margin: 8px 0px 0px 0px;
720
  list-style-type: none;
721
}
722 d7f58da2 Florent Torregrosa
723 85ad3d82 Assos Assos
ul.secondary li,
724
ul.primary li {
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 caf16a48 Assos Assos
  padding: 8px;
907
  margin: 0px;
908 85ad3d82 Assos Assos
}
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 f066bdb5 Assos Assos
  background: #fff 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 f066bdb5 Assos Assos
  background: #fff 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 caf16a48 Assos Assos
  padding: 13px 0 0 0;
938 85ad3d82 Assos Assos
  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 caf16a48 Assos Assos
/* --------------- System Tabs  --------------- */
1218
.tabs {
1219
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
1220
  margin-bottom: 20px;
1221
}
1222
1223
.tabs ul.primary {
1224
  padding: 0 3px;
1225
  margin: 0;
1226
  overflow: hidden;
1227
  border: none;
1228
  background: transparent url(../images/tabs-border.png) repeat-x left bottom;
1229
}
1230
1231
.tabs ul.primary li {
1232
  display: block;
1233
  float: left;
1234
  /* LTR */
1235
  vertical-align: bottom;
1236
  margin: 0 5px 0 0;
1237
  /* LTR */
1238
}
1239
1240
.tabs ul.primary li.active a {
1241
  border-bottom: 1px solid #ffffff;
1242
}
1243
1244
.tabs ul.primary li a {
1245
  color: #000;
1246
  background-color: #ededed;
1247
  height: 1.8em;
1248
  line-height: 1.9;
1249
  display: block;
1250
  font-size: 0.929em;
1251
  float: left;
1252
  /* not LTR */
1253
  padding: 0 10px 3px;
1254
  margin: 0;
1255
  text-shadow: 0 1px 0 #fff;
1256
  -khtml-border-radius-topleft: 6px;
1257
  -moz-border-radius-topleft: 6px;
1258
  -webkit-border-top-left-radius: 6px;
1259
  border-top-left-radius: 6px;
1260
  -khtml-border-radius-topright: 6px;
1261
  -moz-border-radius-topright: 6px;
1262
  -webkit-border-top-right-radius: 6px;
1263
  border-top-right-radius: 6px;
1264
}
1265
1266
.tabs ul.primary li.active a {
1267
  background-color: #ffffff;
1268
}
1269
1270
.tabs ul.secondary {
1271
  border-bottom: none;
1272
  padding: 0.5em 0;
1273
}
1274
1275
.tabs ul.secondary li {
1276
  display: block;
1277
  float: left;
1278
  /* LTR */
1279
}
1280
1281
.tabs ul.secondary li:last-child {
1282
  border-right-width: 1px;
1283
  /* LTR */
1284
}
1285
1286
.tabs ul.secondary li:first-child {
1287
  padding-left: 0;
1288
  /* LTR */
1289
}
1290
1291
.tabs ul.secondary li a {
1292
  padding: 0.25em 0.5em;
1293
}
1294
1295
.tabs ul.secondary li a.active {
1296
  background: #f2f2f2;
1297
  border-bottom: none;
1298
  -moz-border-radius: 5px;
1299
  -webkit-border-radius: 5px;
1300
  -khtml-border-radius: 5px;
1301
  border-radius: 5px;
1302
}
1303
1304
ul.action-links {
1305
  list-style: none;
1306
  margin: 5px;
1307
  padding: 0.5em 1em;
1308
}
1309
1310
ul.action-links li {
1311
  display: inline-block;
1312
  margin-left: 10px;
1313
}
1314
1315
ul.action-links li a {
1316
  padding-left: 15px;
1317
  background: url(../images/add.png) no-repeat left center;
1318
  margin: 0 10px 0 0;
1319
}
1320
1321 d7f58da2 Florent Torregrosa
/**
1322
 * For the layout of the responsive sidebar settings.
1323
 */
1324
fieldset.mayo-layout-form div.form-type-radio label, div.smalltouch-portrait-layout {
1325
  background: url(../images/page-layouts-sprite.png);
1326
  height: 60px;
1327
  width: 60px;
1328
  display: block;
1329
  margin-top: 4px;
1330
  text-align: center;
1331
}
1332
1333
fieldset.mayo-layout-form .form-type-radio label[for$=three-col-grail] {
1334
  background-position: 0 0;
1335
}
1336
1337
fieldset.mayo-layout-form .form-type-radio label[for$=two-sidebars-right] {
1338
  background-position: -122px 0;
1339
}
1340
1341
fieldset.mayo-layout-form .form-type-radio label[for$=two-sidebars-left] {
1342
  background-position: -61px 0;
1343
}
1344
1345
fieldset.mayo-layout-form .form-type-radio label[for$=two-sidebars-left-stack] {
1346
  background-position: -183px 0;
1347
}
1348
1349
fieldset.mayo-layout-form .form-type-radio label[for$=two-sidebars-right-stack] {
1350
  background-position: -244px 0;
1351
}
1352
1353
fieldset.mayo-layout-form .form-type-radio label[for$=one-col-stack] {
1354
  background-position: -305px 0;
1355
}
1356
1357
fieldset.mayo-layout-form .form-type-radio label[for$=one-col-vert] {
1358
  background-position: -366px 0;
1359
}
1360
1361
div.smalltouch-portrait-layout {
1362
  background-position: -305px 0;
1363
}
1364
1365
.mayo-layout-form div.form-item {
1366
  clear: none;
1367
  float: left;
1368
  margin-right: 25px;
1369
}
1370
1371
fieldset.mayo-layout-form div.form-type-radio label, div.smalltouch-portrait-layout {
1372
  overflow: hidden;
1373
  text-indent: 100%;
1374
  white-space: nowrap;
1375
}
1376
1377
fieldset.mayo-layout-form div.form-type-radio {
1378
  clear: none;
1379
  float: left;
1380
  margin: 0 30px 10px 0;
1381
  text-align: center;
1382
  width: 60px;
1383
}
1384
1385
#main-wrapper {
1386
  width: 100%;
1387
  position: relative;
1388
}
1389
1390
#main {
1391
  width: 100%;
1392
}
1393
1394
@media only screen and (max-width: 320px) {
1395 f066bdb5 Assos Assos
  #top-columns .column-block-wrapper,
1396
  #bottom-columns .column-block-wrapper,
1397
  #footer-columns .column-block-wrapper {
1398 d7f58da2 Florent Torregrosa
    width: 100% !important;
1399
    margin-top: 1em;
1400
  }
1401
1402 f066bdb5 Assos Assos
  #top-columns .column-block-wrapper .column-block,
1403
  #bottom-columns .column-block-wrapper .column-block,
1404
  #footer-columns .column-block-wrapper .column-block {
1405 d7f58da2 Florent Torregrosa
    height: auto !important;
1406
    margin: 0 !important;
1407
  }
1408
}
1409
#content,
1410
#sidebar-first,
1411
#sidebar-second {
1412
  margin: 0;
1413
  width: 100%;
1414
}
1415
#content img,
1416
#sidebar-first img,
1417
#sidebar-second img {
1418
  max-width: 100%;
1419
  height: auto;
1420
}
1421
1422
@media only screen and (max-width: 320px) {
1423
  #content img,
1424
  #sidebar-first img,
1425
  #sidebar-second img {
1426
    max-width: 100%;
1427
    height: auto;
1428
  }
1429
1430 578c6d8f Assos Assos
  #site-name a, #site-name a:link, #site-name a:visited {
1431
    margin: 0 0;
1432
    font-size: .85em;
1433
    font-weight: 800;
1434
    line-height: 1em;
1435
  }
1436
1437
  #header h1 a, #header h1 a:link, #header h1 a:visited {
1438
    font-size: .85em;
1439 d7f58da2 Florent Torregrosa
    font-weight: 800;
1440
    line-height: 1em;
1441
    text-decoration: none;
1442
  }
1443
1444
  #site-slogan {
1445
    font-size: 12px;
1446
  }
1447
}
1448
@media only screen and (min-width: 321px) and (max-width: 480px) {
1449
  #content img,
1450
  #sidebar-first img,
1451
  #sidebar-second img {
1452
    max-width: 100%;
1453
    height: auto;
1454
  }
1455
1456
  input.form-text {
1457
    width: 95%;
1458
  }
1459
1460 578c6d8f Assos Assos
  #site-name a, #site-name a:link, #site-name a:visited {
1461
    margin: 0 0;
1462
    font-size: 1.2em;
1463
    font-weight: 800;
1464
    line-height: 1em;
1465
  }
1466
1467
  #header h1 a, #header h1 a:link, #header h1 a:visited {
1468
    font-size: .85em;
1469 d7f58da2 Florent Torregrosa
    font-weight: 800;
1470
    line-height: 1em;
1471
    text-decoration: none;
1472
  }
1473
1474
  #site-slogan {
1475
    font-size: 12px;
1476
  }
1477
}
1478
@media only screen and (min-width: 481px) and (max-width: 768px) {
1479
  #content img,
1480
  #sidebar-first img,
1481
  #sidebar-second img {
1482
    max-width: 100%;
1483
    height: auto;
1484
  }
1485
1486
  input.form-text {
1487
    width: 75%;
1488
  }
1489
1490
  #top-columns .column-block-wrapper {
1491
    width: 100% !important;
1492
    margin-top: 1em;
1493
  }
1494
1495
  #top-columns .column-block-wrapper .column-block {
1496
    height: auto !important;
1497
    margin: 0 !important;
1498
  }
1499
1500
  #sidebar-first.sb-one,
1501
  #sidebar-second.sb-one {
1502
    margin: 0;
1503
    width: 50% !important;
1504
  }
1505
  #sidebar-first.sb-one img,
1506
  #sidebar-second.sb-one img {
1507
    max-width: 100%;
1508
    height: auto;
1509
  }
1510
1511 578c6d8f Assos Assos
  #site-name a, #site-name a:link, #site-name a:visited {
1512
    margin: 0 0;
1513
    font-size: 1.8em;
1514
    font-weight: 800;
1515
    line-height: 1em;
1516
  }
1517
1518
  #header h1 a, #header h1 a:link, #header h1 a:visited {
1519
    font-size: 1.3em;
1520 d7f58da2 Florent Torregrosa
    font-weight: 800;
1521
    line-height: 1em;
1522
    text-decoration: none;
1523
  }
1524
}
1525
@media only screen and (min-width: 769px) and (max-width: 1024px) {
1526
  #content img,
1527
  #sidebar-first img,
1528
  #sidebar-second img {
1529
    max-width: 100%;
1530
    height: auto;
1531
  }
1532
1533
  input.form-text {
1534
    width: 75%;
1535
  }
1536
1537
  #top-columns .column-block-wrapper {
1538
    width: 100% !important;
1539
    margin-top: 1em;
1540
  }
1541
1542
  #top-columns .column-block-wrapper .column-block {
1543
    height: auto !important;
1544
    margin: 0 !important;
1545
  }
1546
1547
  #sidebar-first.sb-one,
1548
  #sidebar-second.sb-one {
1549
    margin: 0;
1550
    width: 50% !important;
1551
  }
1552
  #sidebar-first.sb-one img,
1553
  #sidebar-second.sb-one img {
1554
    max-width: 100%;
1555
    height: auto;
1556
  }
1557
1558 578c6d8f Assos Assos
  #site-name a, #site-name a:link, #site-name a:visited {
1559
    margin: 0 0;
1560
    font-size: 2.2em;
1561
    font-weight: 800;
1562
    line-height: 1em;
1563
  }
1564
1565
  #header h1 a, #header h1 a:link, #header h1 a:visited {
1566
    font-size: 1.6em;
1567 d7f58da2 Florent Torregrosa
    font-weight: 800;
1568
    line-height: 1em;
1569
    text-decoration: none;
1570
  }
1571
}
1572
/*@include MQ(standard-pc) {
1573
}   */