Projet

Général

Profil

Révision d7f58da2

Ajouté par Florent Torregrosa il y a presque 10 ans

Switch MAYO on version 7.x-2.0 to be adaptative.

Voir les différences:

drupal7/sites/all/themes/mayo/css/style.css
1
article,
2
aside,
3
details,
4
figcaption,
5
figure,
6
footer,
7
header,
8
hgroup,
9
nav,
10
section,
11
summary {
12
  display: block;
13
}
14

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

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

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

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

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

  
43
body {
44
  margin: 0;
45
}
46

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  
145
img {
146
  border: 0;
147
}
148

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

  
153
figure {
154
  margin: 0;
155
}
156

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

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

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

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

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

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

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

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

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

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

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

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

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

  
11 240
ul {
12 241
  margin: 0;
13 242
  padding: 0;
14 243
  list-style-type: disc;
15 244
  margin-left: 10px;
16 245
}
246

  
17 247
ol {
18 248
  margin: 0;
19 249
  padding: 0;
20 250
  margin-left: 10px;
21 251
}
252

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  
68 398
.spacer {
69 399
  display: block;
......
80 410
  border-width: 1px;
81 411
  overflow: hidden;
82 412
}
413

  
83 414
#header-watermark {
84 415
  margin: 0;
85 416
  padding: 0;
......
88 419
  background-repeat: no-repeat;
89 420
  background-position: top center;
90 421
}
422

  
91 423
div#logo {
92 424
  float: left;
93 425
}
426

  
94 427
#name-and-slogan {
95 428
  float: left;
96 429
}
430

  
97 431
#site-name a,
98 432
#header h1 a,
99 433
#header h1 a:link,
......
101 435
  font-weight: 800;
102 436
  text-decoration: none;
103 437
  line-height: 1em;
104
  font-size: 34px; /* we do not want it changed by text scaling */
438
  font-size: 34px;
439
  /* we do not want it changed by text scaling */
105 440
}
441

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

  
......
123 460
  font-size: 0.9em;
124 461
  font-weight: normal;
125 462
}
463

  
126 464
#footer-wrapper .column-block {
127 465
  border-style: solid;
128 466
  border-width: 0px;
129 467
}
468

  
130 469
#footer-wrapper .column-block h2 {
131 470
  font-size: 1.5em;
132 471
}
472

  
133 473
#footer .block {
134 474
  margin: 5px 0px;
135 475
}
......
145 485
  border-bottom-width: 1px;
146 486
  padding: 4px 0px;
147 487
}
488

  
148 489
#submenubar ul,
149 490
#menubar ul {
150 491
  padding: 0px;
......
161 502
  border-bottom-width: 1px;
162 503
  overflow: hidden;
163 504
}
505

  
164 506
#navigation ul {
165 507
  margin: 0px;
166 508
  padding: 0px;
167 509
  list-style: none;
168 510
}
511

  
169 512
#navigation ul li {
170 513
  margin: 0px;
171 514
  padding: 0px;
......
174 517
  border-right-style: solid;
175 518
  border-right-width: 1px;
176 519
}
177
#navigation ul li.active {
178
}
520

  
179 521
#navigation ul li a {
180 522
  padding: 2px 4px;
181 523
  font-weight: normal;
182 524
  font-size: 0.9em;
183 525
}
184
#navigation ul li a:hover {
185
}
526

  
186 527
#navigation #main-menu {
187 528
  margin: 0;
188 529
  padding: 0px;
189 530
  float: left;
190 531
}
532

  
191 533
#navigation #secondary-menu {
192 534
  margin: 0;
193 535
  padding: 0px;
......
201 543
  padding: 0px;
202 544
  margin: 0px;
203 545
}
546

  
204 547
#banner-top,
205 548
#banner-bottom {
206 549
  padding: 0px;
......
221 564
  border-style: solid;
222 565
  border-width: 1px;
223 566
}
567

  
224 568
.column-block h2 {
225 569
  font-size: 1.25em;
226 570
  line-height: 1em;
......
238 582
  margin: 0;
239 583
  line-height: 1.6em;
240 584
}
585

  
241 586
.sidebar .block {
242 587
  padding: 5px 10px;
243 588
  font-size: 0.9em;
......
245 590
  border-style: solid;
246 591
  border-width: 1px;
247 592
}
593

  
248 594
.column-block h2,
249 595
.sidebar h2 {
250 596
  background: transparent;
......
255 601
  padding: 2px 0px;
256 602
  font-size: 1.25em;
257 603
}
604

  
258 605
.column-block .content,
259 606
.sidebar .block .content {
260 607
  padding: 5px 2px;
......
269 616
  background: none;
270 617
  border-bottom-width: 3px;
271 618
}
619

  
272 620
.column-block table tr td,
273 621
.sidebar .block table tr td {
274 622
  padding: 2px 4px;
......
282 630
  margin: 0px;
283 631
  padding: 0px;
284 632
}
633

  
285 634
.sidebar .block ul.links {
286 635
  margin-top: 10px;
287 636
  text-align: right;
288 637
}
638

  
289 639
.sidebar .block ul.links li {
290 640
  display: inline;
291 641
  margin-left: 15px;
292 642
}
643

  
293 644
.sidebar .block .menu {
294 645
  padding-left: 10px;
295 646
  padding-bottom: 5px;
......
314 665
  font-size: 1.3em;
315 666
  margin-bottom: 10px;
316 667
}
317
#content .block h2 { /* main content: block title */
668

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

  
321 675
.action-links {
322 676
  padding-left: 10px;
323 677
}
......
329 683
  border: none;
330 684
  padding: 0px;
331 685
}
686

  
332 687
div.item-list ul.pager {
333 688
  margin: 10px 0px;
334 689
  margin-top: 10px;
......
336 691
  overflow: hidden;
337 692
  list-style-type: none;
338 693
}
694

  
339 695
div.item-list ul.pager li {
340 696
  display: inline;
341 697
  margin: 0px;
......
343 699
  line-height: 1em;
344 700
  padding: 2px 0px;
345 701
}
702

  
346 703
div.item-list ul.pager li.pager-current {
347 704
  padding: 2px 8px;
348 705
}
......
363 720
  margin: 8px 0px 0px 0px;
364 721
  list-style-type: none;
365 722
}
723

  
366 724
ul.secondary li,
367 725
ul.primary li {
368 726
  padding: 2px 0px;
369 727
  margin: 0px;
370 728
  line-height: 1em;
371 729
}
730

  
372 731
ul.secondary li a,
373 732
ul.primary li a {
374 733
  margin: 0px;
......
388 747

  
389 748
div.tabs .secondary li a.active,
390 749
div.tabs .primary li a.active {
391
  background: url('../images/dark.png') repeat top left;
750
  background: url("../images/dark.png") repeat top left;
392 751
}
393 752

  
394 753
div.tabs ul.secondary li a {
395 754
  font-size: 0.85em;
396 755
  margin: 0px;
397 756
}
757

  
398 758
div.tabs ul.secondary li {
399 759
  border-style: solid;
400 760
  border-width: 1px;
......
409 769
  margin: 0;
410 770
  padding: 15px 12px 10px 14px;
411 771
  margin-bottom: 10px;
412

  
413 772
  border-style: solid;
414 773
  border-width: 1px;
415 774
}
775

  
416 776
.node-sticky {
417 777
  border-width: 0px;
418 778
}
419 779

  
420
#content .node h2 { /* main content: node title */
780
#content .node h2 {
781
  /* main content: node title */
421 782
  padding: 0px;
422 783
  background: transparent;
423 784
  border-bottom-style: solid;
......
433 794
.node ol {
434 795
  padding-left: 15px;
435 796
}
797

  
436 798
.node ul.links {
437 799
  padding: 0px;
438 800
  font-size: 0.75em;
439 801
  float: right;
440 802
  clear: both;
441 803
}
804

  
442 805
.node .user-picture {
443 806
  float: right;
444 807
  padding: 0px 0px 10px 10px;
......
454 817
  border-style: solid;
455 818
  border-width: 1px;
456 819
}
820

  
457 821
.comment-unpublished {
458 822
  background: url(../images/unpublished.png) repeat top right;
459 823
}
824

  
460 825
.comment-spam {
461 826
  background: url(../images/spam.png) repeat top right;
462 827
}
828

  
463 829
.comment h3 {
464 830
  border-bottom-style: solid;
465 831
  border-bottom-width: 1px;
466 832
}
833

  
467 834
#comments h2.title {
468 835
  margin-bottom: 5px;
469 836
  font-size: 1.3em;
470 837
}
838

  
471 839
.comment .submitted {
472 840
  font-size: 0.75em;
473 841
}
842

  
474 843
.comment ul.links {
475 844
  padding: 0px;
476 845
  font-size: 0.75em;
477 846
  float: right;
478 847
  clear: both;
479 848
}
849

  
480 850
.comment .user-picture {
481 851
  float: right;
482 852
  padding: 4px 0px 10px 10px;
......
490 860
  margin: 0px;
491 861
  padding: 5px;
492 862
}
863

  
493 864
/* =============================================================================
494 865
   SEARCH
495 866
   ========================================================================== */
496 867
/**
497
 * Header searchbox form
868
 * Search block form
498 869
 * - no 'submit' button
499 870
 * - add search magnifier image
500 871
 * - use javascript to show prompt
501 872
 */
502
 #header-searchbox form div {
503
   display: inline;
504
 }
505
 /* text field header search */
873
.form-item-search-block-form .form-text:focus {
874
  /*outline: none; */
875
  /* remove blue outline for Safari */
876
}
877

  
506 878
.form-item-search-block-form .form-text {
507
  border: 1px solid #ccc;
508
  border-right: none;
509
  float: left; /* LTR */
510
  height: 14px;
511
  padding: 6px;
512
  color: #4e4e4e;
513
  background-color: #FAFAFA;
514
}
515
/* submit button */
516
#header-searchbox form input.form-submit {
517
  border:none;
518
  width:31px;
519
  height:26px;
520
  border: 1px solid #ccc;
521
  border-left: 0;
522
  text-indent:-9999px;
523
  margin:0;
524
  background: none;
525
  padding: 0;
879
  height: 24px;
880
  color: #555555;
881
  margin: 0px;
882
  border: solid 1px #aaa;
883
  border-bottom-color: #ddd;
884
  border-right-color: #ddd;
885
  margin-top: 1px;
886
  background: white url(../images/search.png) no-repeat 2px center;
887
  padding: 0px 4px 0px 4px;
888
  padding-left: 24px;
889
  /* space for magnifying glass */
526 890
}
891

  
527 892
#header .form-item-search-block-form {
528 893
  float: right;
529 894
  margin: 0px;
530 895
}
896

  
531 897
#header-searchbox {
532 898
  float: right;
533 899
  overflow: hidden;
534 900
}
535
/*#header-searchbox .form-submit:hover,
536
#header-searchbox .form-submit:focus,
537
#header-searchbox .form-submit:active {
538
  cursor: pointer;
539
}*/
540

  
541
/*
542
 *  Search block form
543
 *  - submit replaced by magnify image.
544
 *  - says 'search this site'
545
 */
546

  
547
#block-search-form .block .inner .content {
548
  padding-top: 0;
549
}
550

  
551
/* text field search block */
552
.block-search .form-item input.form-search,
553
.white_bg .region-header .block-search .form-item input.form-search,
554
.white_bg #navigation .block-search .form-item input.form-search {
555
  border: 1px solid #ccc;
556
  border-right: none;
557
  float: left; /* LTR */
558
  height: 14px;
559
  padding: 6px;
560
  color: #4e4e4e;
561
  background-color: #FAFAFA;
562
}
563
/* submit button */
564
.block-search form input.form-submit {
565
  border:none;
566
  width:31px;
567
  height:26px;
568
  border: 1px solid #ccc;
569
  border-left: 0;
570
  text-indent:-9999px;
571
  margin:0;
572
  background: none;
573
  padding: 0;
574
}
575 901

  
576
/*.block-search .form-submit:hover,
577
.block-search .form-submit:focus,
578
.block-search .form-submit:active {
579
  cursor: pointer;
580
}*/
581

  
582
/*#search-block-form input[type="submit"] {
583
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
584
}*/
585 902
/************************/
586 903
/**
587 904
 * Form
......
593 910
  cursor: pointer;
594 911
  font-size: 0.9em;
595 912
  border: solid 1px #888888;
596
  background: #fff url(../images/button.gif) repeat-x center;
913
  background: white url(../images/button.gif) repeat-x center;
597 914
}
915

  
598 916
.pushbutton:hover, button:hover, .form-submit:hover {
599 917
  color: #111111;
600 918
  border: solid 1px #666666;
601
  background: #fff url(../images/button-o.gif) repeat-x center;
919
  background: white url(../images/button-o.gif) repeat-x center;
602 920
}
603 921

  
604 922
/**
......
611 929
  padding: 0px;
612 930
  border-width: 0px;
613 931
  line-height: 1.2em;
614

  
615 932
}
933

  
616 934
.decreaseFont {
617 935
  padding-right: 22px;
618 936
  padding-bottom: 25px;
619
  background: url('../images/fontsizer-1.png') no-repeat top left;
937
  background: url("../images/fontsizer-1.png") no-repeat top left;
620 938
  margin-right: 1px;
621 939
}
940

  
622 941
.resetFont {
623 942
  padding-right: 21px;
624 943
  padding-bottom: 25px;
625
  background: url('../images/fontsizer-2.png') no-repeat top left;
944
  background: url("../images/fontsizer-2.png") no-repeat top left;
626 945
}
946

  
627 947
.increaseFont {
628 948
  padding-right: 23px;
629 949
  padding-bottom: 25px;
630
  background: url('../images/fontsizer-3.png') no-repeat top left;
950
  background: url("../images/fontsizer-3.png") no-repeat top left;
631 951
  margin-left: 1px;
632 952
}
953

  
633 954
.decreaseFont:hover {
634
  background: url('../images/fontsizer-1-o.png') no-repeat top left;
955
  background: url("../images/fontsizer-1-o.png") no-repeat top left;
635 956
}
957

  
636 958
.resetFont:hover {
637
  background: url('../images/fontsizer-2-o.png') no-repeat top left;
959
  background: url("../images/fontsizer-2-o.png") no-repeat top left;
638 960
}
961

  
639 962
.increaseFont:hover {
640
  background: url('../images/fontsizer-3-o.png') no-repeat top left;
963
  background: url("../images/fontsizer-3-o.png") no-repeat top left;
641 964
}
965

  
642 966
#header-fontsizer a,
643 967
#header-fontsizer a:visited,
644 968
#header-fontsizer a:focus,
645 969
#header-fontsizer a:active {
646
 /* suppress dotted frame around the links for IE */
647
 border: none;
648
 outline: none;
970
  /* suppress dotted frame around the links for IE */
971
  border: none;
972
  outline: none;
649 973
}
650 974

  
651 975
/**
......
654 978
table.views-view-grid tr td {
655 979
  padding: 15px;
656 980
}
981

  
657 982
.filter-wrapper {
658 983
  border: none;
659 984
  margin-top: 5px;
660 985
  padding: 5px;
661 986
  font-size: 0.9em;
662 987
}
988

  
663 989
.filter-wrapper ul li {
664 990
  margin-left: 10px;
665 991
}
992

  
666 993
.field-type-taxonomy-term-reference {
667 994
  overflow: hidden;
668 995
  margin-bottom: 0.5em;
669 996
}
997

  
670 998
.field-type-taxonomy-term-reference .field-label {
671 999
  float: left;
672 1000
  overflow: hidden;
673 1001
}
1002

  
674 1003
.field-type-taxonomy-term-reference .field-items {
675 1004
  overflow: hidden;
676 1005
}
1006

  
677 1007
.field-type-taxonomy-term-reference .field-items .field-item {
678 1008
  float: left;
679 1009
  margin: 0 0.6em;
680 1010
  padding: 0px;
681 1011
}
1012

  
682 1013
.field-type-text-with-summary {
683
  /*clear: left;*/ /* do not use 'both' */
1014
  /*clear: left;*/
1015
  /* do not use 'both' */
684 1016
}
685 1017

  
686 1018
table tr {
687 1019
  border-style: solid;
688 1020
  border-width: 0px;
689 1021
}
1022

  
690 1023
table tr td {
691 1024
  padding: 4px 6px;
692 1025
  border-style: solid;
693 1026
  border-width: 0px;
694 1027
}
1028

  
695 1029
table tr th {
696 1030
  border-style: solid;
697 1031
  padding: 4px 6px;
698 1032
  border-width: 0px;
699 1033
  border-right-width: 1px;
700 1034
}
1035

  
701 1036
table thead * {
702 1037
  padding: 2px 3px;
703 1038
  border-bottom: none;
704 1039
  border-width: 0px;
705 1040
}
1041

  
706 1042
table tbody {
707 1043
  border-width: 0px;
708 1044
}
1045

  
709 1046
table.sticky-enabled tr td {
710 1047
  padding: 2px 3px;
711 1048
  border-style: solid;
712 1049
  border-width: 0px;
713 1050
}
1051

  
714 1052
tr.even td.active,
715 1053
tr.odd td.active {
716
  background-image: url('../images/dark.png');
1054
  background-image: url("../images/dark.png");
717 1055
}
1056

  
718 1057
tr.even,
719 1058
tr.odd {
720 1059
  border-width: 0px;
721 1060
}
1061

  
722 1062
blockquote {
723 1063
  padding: 0px 10px;
724 1064
  border-left-style: solid;
......
726 1066
  font-style: italic;
727 1067
}
728 1068

  
729
/**
730
 * Superfish menu
731
 */
732
.sf-menu li a {
733
  /* root menu items */
734
  font-size: 0.9em;
735
  padding: 2px 8px;
736
  border: none;
737
  border-right-style: solid;
738
  border-right-width: 1px;
739
  /* background-color is set by colors.css */
740
  /* border-right-color is set by colors.css */
741
  font-weight: normal;
742
}
743
.sf-menu li.last a {
744
  /* last item of the root menu */
745
  border-right: none;
746
}
747
.sf-menu li.last ul li a,
748
.sf-menu li ul li a,
749
.sf-menu li ul li.last a {
750
  /* all other child menu items */
751
  border-style: solid;
752
  border-width: 1px;
753
  /* border-color is set by colors.css */
754
}
755
.sf-menu li.menuparent a {
756
  /* item with child menu - adding some spaces for arrows */
757
  padding: 8px 19px 2px 8px;  /* Added 6px at top for alignment*/
758
}
759
.sf-menu li a.sfHover,
760
.sf-menu li a:hover {
761
  /* background-color is set by colors.css */
762
}
763
.sf-menu li:hover ul,
764
.sf-menu li.sfHover ul {
765
  top: 2.8em;  /* Added 1.0em to bring down child items */
766
}
767
.sf-sub-indicator {
768
  background: url('../images/sf-arrows.png') no-repeat -10px -110px;
769
}
770
a > .sf-sub-indicator {
771
  top: 1em; /* .2em drop in arrows */
772
}
773
.sf-menu ul {
774
  -khtml-border-radius: 0px;  /* for old Safari, KHTML */
775
  -moz-border-radius: 0px;    /* for Firefox */
776
  -webkit-border-radius: 0px; /* for old Safari, KHTML */
777
  border-radius: 0px;         /* for CSS3 */
778
  border-width: 1px;
779
  border-style: solid;
780
}
781

  
782 1069
/**
783 1070
 * Nice menus
784 1071
 */
......
787 1074
  margin: 0px;
788 1075
  padding: 0px;
789 1076
}
1077

  
790 1078
ul.nice-menu,
791 1079
ul.nice-menu ul,
792 1080
ul.nice-menu li {
793 1081
  /* remove all borders */
794 1082
  border: 0;
795 1083
}
1084

  
796 1085
ul.nice-menu li {
797 1086
  /* height of root menu items */
798 1087
  line-height: 1.2em;
799 1088
}
1089

  
800 1090
ul.nice-menu li a {
801 1091
  /* root menu items */
802 1092
  font-size: 0.9em;
......
807 1097
  /* background-color is set by colors.css */
808 1098
  /* border-right-color is set by colors.css */
809 1099
}
1100

  
810 1101
ul.nice-menu li.last a {
811 1102
  /* last item of the root menu */
812 1103
  border-right: none;
......
823 1114
  /* all other chile menu items */
824 1115
  border-style: solid;
825 1116
  border-width: 1px;
826
border-width: 0px;
1117
  border-width: 0px;
827 1118
  /* border-color is set by colors.css */
828 1119
}
1120

  
829 1121
ul.nice-menu li.menuparent a {
830 1122
  /* root menu item that has drop down menu */
831
  background-image: url('../images/arrow-down.png');
1123
  background-image: url("../images/arrow-down.png");
832 1124
  background-repeat: no-repeat;
833 1125
  background-position: 98%;
834 1126
  /* background-color is set by colors.css */
835 1127
}
1128

  
836 1129
ul.nice-menu li a {
837 1130
  /* root menu item that has no drop down menu */
838 1131
  /* background-color is set by colors.css */
839 1132
}
1133

  
840 1134
ul.nice-menu li {
841 1135
  padding: 0px;
842 1136
}
1137

  
843 1138
ul.nice-menu li ul li.menuparent a:hover,
844 1139
ul.nice-menu li ul li.menuparent:hover,
845 1140
ul.nice-menu li ul li.menuparent {
846 1141
  /* drop down menu item that has child menu */
847
  background-image: url('../images/arrow-right.png');
1142
  background-image: url("../images/arrow-right.png");
848 1143
  background-repeat: no-repeat;
849 1144
  background-position: 95%;
850 1145
  /* background-color is set by colors.css */
851 1146
}
1147

  
852 1148
ul.nice-menu li.menuparent ul {
853 1149
  padding-top: -5px;
854 1150
}
1151

  
855 1152
ul.nice-menu li.menuparent li a {
856
  background: none; /* do not delete! */
1153
  background: none;
1154
  /* do not delete! */
857 1155
}
1156

  
858 1157
ul.nice-menu li.menuparent li {
859
  background: none; /* do not delete! */
1158
  background: none;
1159
  /* do not delete! */
860 1160
}
1161

  
861 1162
ul.nice-menu li ul li.menuparent li a:hover {
862
  background: none; /* do not delete! */
1163
  background: none;
1164
  /* do not delete! */
863 1165
}
864 1166

  
865 1167
/**
......
870 1172
  width: auto;
871 1173
  float: none;
872 1174
}
1175

  
873 1176
.overlay #skip-link,
874 1177
.overlay .region-page-top,
875 1178
.overlay #header,
......
884 1187
.overlay #navigation {
885 1188
  display: none;
886 1189
}
1190

  
887 1191
.overlay #messages {
888 1192
  width: auto;
889 1193
}
1194

  
890 1195
.overlay #page-wrapper {
891 1196
  width: 100%;
892 1197
}
1198

  
893 1199
.overlay #page {
894 1200
  margin: 0;
895 1201
  padding: 0px;
896 1202
}
1203

  
897 1204
#overlay-content {
898 1205
  margin: 0;
899 1206
  padding: 0px;
900 1207
}
901 1208

  
1209
/**
1210
 * For the layout of the responsive sidebar settings.
1211
 */
1212
fieldset.mayo-layout-form div.form-type-radio label, div.smalltouch-portrait-layout {
1213
  background: url(../images/page-layouts-sprite.png);
1214
  height: 60px;
1215
  width: 60px;
1216
  display: block;
1217
  margin-top: 4px;
1218
  text-align: center;
1219
}
1220

  
1221
fieldset.mayo-layout-form .form-type-radio label[for$=three-col-grail] {
1222
  background-position: 0 0;
1223
}
1224

  
1225
fieldset.mayo-layout-form .form-type-radio label[for$=two-sidebars-right] {
1226
  background-position: -122px 0;
1227
}
1228

  
1229
fieldset.mayo-layout-form .form-type-radio label[for$=two-sidebars-left] {
1230
  background-position: -61px 0;
1231
}
1232

  
1233
fieldset.mayo-layout-form .form-type-radio label[for$=two-sidebars-left-stack] {
1234
  background-position: -183px 0;
1235
}
1236

  
1237
fieldset.mayo-layout-form .form-type-radio label[for$=two-sidebars-right-stack] {
1238
  background-position: -244px 0;
1239
}
1240

  
1241
fieldset.mayo-layout-form .form-type-radio label[for$=one-col-stack] {
1242
  background-position: -305px 0;
1243
}
1244

  
1245
fieldset.mayo-layout-form .form-type-radio label[for$=one-col-vert] {
1246
  background-position: -366px 0;
1247
}
1248

  
1249
div.smalltouch-portrait-layout {
1250
  background-position: -305px 0;
1251
}
1252

  
1253
.mayo-layout-form div.form-item {
1254
  clear: none;
1255
  float: left;
1256
  margin-right: 25px;
1257
}
1258

  
1259
fieldset.mayo-layout-form div.form-type-radio label, div.smalltouch-portrait-layout {
1260
  overflow: hidden;
1261
  text-indent: 100%;
1262
  white-space: nowrap;
1263
}
1264

  
1265
fieldset.mayo-layout-form div.form-type-radio {
1266
  clear: none;
1267
  float: left;
1268
  margin: 0 30px 10px 0;
1269
  text-align: center;
1270
  width: 60px;
1271
}
1272

  
1273
#main-wrapper {
1274
  width: 100%;
1275
  position: relative;
1276
}
1277

  
1278
#main {
1279
  width: 100%;
1280
}
1281

  
1282
@media only screen and (max-width: 320px) {
1283
  #top-columns .column-block-wrapper {
1284
    width: 100% !important;
1285
    margin-top: 1em;
1286
  }
1287

  
1288
  #top-columns .column-block-wrapper .column-block {
1289
    height: auto !important;
1290
    margin: 0 !important;
1291
  }
1292
}
1293
#content,
1294
#sidebar-first,
1295
#sidebar-second {
1296
  margin: 0;
1297
  width: 100%;
1298
}
1299
#content img,
1300
#sidebar-first img,
1301
#sidebar-second img {
1302
  max-width: 100%;
1303
  height: auto;
1304
}
1305

  
1306
@media only screen and (max-width: 320px) {
1307
  #content img,
1308
  #sidebar-first img,
1309
  #sidebar-second img {
1310
    max-width: 100%;
1311
    height: auto;
1312
  }
1313

  
1314
  #site-name a, #header h1 a, #header h1 a:link, #header h1 a:visited {
1315
    font-size: .75em;
1316
    font-weight: 800;
1317
    line-height: 1em;
1318
    text-decoration: none;
1319
  }
1320

  
1321
  #site-slogan {
1322
    font-size: 12px;
1323
  }
1324
}
1325
@media only screen and (min-width: 321px) and (max-width: 480px) {
1326
  #content img,
1327
  #sidebar-first img,
1328
  #sidebar-second img {
1329
    max-width: 100%;
1330
    height: auto;
1331
  }
1332

  
1333
  input.form-text {
1334
    width: 95%;
1335
  }
1336

  
1337
  #site-name a, #header h1 a, #header h1 a:link, #header h1 a:visited {
1338
    font-size: .9em;
1339
    font-weight: 800;
1340
    line-height: 1em;
1341
    text-decoration: none;
1342
  }
1343

  
1344
  #site-slogan {
1345
    font-size: 12px;
1346
  }
1347
}
1348
@media only screen and (min-width: 481px) and (max-width: 768px) {
1349
  #content img,
1350
  #sidebar-first img,
1351
  #sidebar-second img {
1352
    max-width: 100%;
1353
    height: auto;
1354
  }
1355

  
1356
  input.form-text {
1357
    width: 75%;
1358
  }
1359

  
1360
  #top-columns .column-block-wrapper {
1361
    width: 100% !important;
1362
    margin-top: 1em;
1363
  }
1364

  
1365
  #top-columns .column-block-wrapper .column-block {
1366
    height: auto !important;
1367
    margin: 0 !important;
1368
  }
1369

  
1370
  #sidebar-first.sb-one,
1371
  #sidebar-second.sb-one {
1372
    margin: 0;
1373
    width: 50% !important;
1374
  }
1375
  #sidebar-first.sb-one img,
1376
  #sidebar-second.sb-one img {
1377
    max-width: 100%;
1378
    height: auto;
1379
  }
1380

  
1381
  #site-name a, #header h1 a, #header h1 a:link, #header h1 a:visited {
1382
    font-size: 1.4em;
1383
    font-weight: 800;
1384
    line-height: 1em;
1385
    text-decoration: none;
1386
  }
1387
}
1388
@media only screen and (min-width: 769px) and (max-width: 1024px) {
1389
  #content img,
1390
  #sidebar-first img,
1391
  #sidebar-second img {
1392
    max-width: 100%;
1393
    height: auto;
1394
  }
1395

  
1396
  input.form-text {
1397
    width: 75%;
1398
  }
1399

  
1400
  #top-columns .column-block-wrapper {
1401
    width: 100% !important;
1402
    margin-top: 1em;
1403
  }
1404

  
1405
  #top-columns .column-block-wrapper .column-block {
1406
    height: auto !important;
1407
    margin: 0 !important;
1408
  }
1409

  
1410
  #sidebar-first.sb-one,
1411
  #sidebar-second.sb-one {
1412
    margin: 0;
1413
    width: 50% !important;
1414
  }
1415
  #sidebar-first.sb-one img,
1416
  #sidebar-second.sb-one img {
1417
    max-width: 100%;
1418
    height: auto;
1419
  }
1420

  
1421
  #site-name a, #header h1 a, #header h1 a:link, #header h1 a:visited {
1422
    font-size: 1.7em;
1423
    font-weight: 800;
1424
    line-height: 1em;
1425
    text-decoration: none;
1426
  }
1427
}
1428
/*@include MQ(standard-pc) {
1429
}   */

Formats disponibles : Unified diff