Projet

Général

Profil

Paste
Télécharger (15,1 ko) Statistiques
| Branche: | Révision:

root / drupal7 / sites / all / themes / mayo / sass / style.scss @ 4b706e38

1
// ====================================================================
2
// Imports
3
// ====================================================================
4

    
5
@import "compass";
6
@import "partials/variables";
7
@import "partials/mixins";
8
@import "partials/normalize";
9
@import "partials/base";
10
@import "partials/layout";
11
@import "partials/style-settings";
12

    
13
.spacer {
14
  display: block;
15
  margin-top: 10px;
16
}
17

    
18
/**
19
 * Header
20
 */
21
#header {
22
  padding: 0px;
23
  display: block;
24
  border-style: solid;
25
  border-width: 1px;
26
  overflow: hidden;
27
}
28
#header-watermark {
29
  margin: 0;
30
  padding: 0;
31
  background-image: none;
32
  background-repeat: no-repeat;
33
  background-position: top center;
34
}
35
div#logo {
36
  float: left;
37
  padding: 9px 4px 4px 9px;
38
}
39
#name-and-slogan {
40
  float: left;
41
  padding: 8px 8px;
42
}
43
#site-name a,
44
#header h1 a,
45
#header h1 a:link,
46
#header h1 a:visited {
47
  font-weight: 800;
48
  text-decoration: none;
49
  line-height: 1em;
50
  font-size: 34px; /* we do not want it changed by text scaling */
51
}
52
#site-slogan {
53
  font-weight: normal;
54
  font-style: italic;
55
  margin-bottom: 5px;
56
  font-size: 15px; /* we do not want it changed by text scaling */
57
  line-height: 1em;
58
}
59

    
60
/**
61
 * Footer
62
 */
63
#footer-wrapper {
64
  text-align: center;
65
  clear: both;
66
  display: block;
67
  margin: 0px;
68
  padding: 10px;
69
  font-size: 0.9em;
70
  font-weight: normal;
71
}
72
#footer-wrapper .column-block {
73
  border-style: solid;
74
  border-width: 0px;
75
}
76
#footer-wrapper .column-block h2 {
77
  font-size: 1.5em;
78
}
79
#footer .block {
80
  margin: 5px 0px;
81
}
82

    
83
/**
84
 * Menu bar (for sub menus)
85
 */
86
#submenubar,
87
#menubar {
88
  padding: 0px;
89
  margin: 0px;
90
  border-bottom-style: solid;
91
  border-bottom-width: 1px;
92
  padding: 4px 0px;
93
}
94
#submenubar ul,
95
#menubar ul {
96
  padding: 0px;
97
  margin: 0px;
98
}
99

    
100
/**
101
 * Top menus (#main-menu, #secondary-menu)
102
 */
103
#navigation {
104
  margin: 0px;
105
  padding: 4px 0px 4px 4px;
106
  border-bottom-style: solid;
107
  border-bottom-width: 1px;
108
  overflow: hidden;
109
}
110
#navigation ul {
111
  margin: 0px;
112
  padding: 0px;
113
  list-style: none;
114
}
115
#navigation ul li {
116
  margin: 0px;
117
  padding: 0px;
118
  margin-right: 0px;
119
  padding: 2px 4px 2px 0px;
120
  border-right-style: solid;
121
  border-right-width: 1px;
122
}
123
#navigation ul li.active {
124
}
125
#navigation ul li a {
126
  padding: 2px 4px;
127
  font-weight: normal;
128
  font-size: 0.9em;
129
}
130
#navigation ul li a:hover {
131
}
132
#navigation #main-menu {
133
  margin: 0;
134
  padding: 0px;
135
  float: left;
136
}
137
#navigation #secondary-menu {
138
  margin: 0;
139
  padding: 0px;
140
  float: right;
141
}
142

    
143
/**
144
 * Banner area (#banner-top, #banner-bottom)
145
 */
146
.banner p {
147
  padding: 0px;
148
  margin: 0px;
149
}
150
#banner-top,
151
#banner-bottom {
152
  padding: 0px;
153
  border: none;
154
  width: 100%;
155
}
156

    
157
/**
158
 * Highlighted
159
 */
160
#highlighted .block {
161
  margin-bottom: 10px;
162
}
163

    
164
.column-block {
165
  font-size: 0.9em;
166
  margin: 0px;
167
  border-style: solid;
168
  border-width: 1px;
169
}
170
.column-block h2 {
171
  font-size: 1.25em;
172
  line-height: 1em;
173
  padding: 2px 0px;
174
  margin: 0px 0px 3px 0px;
175
  border-bottom-style: solid;
176
  border-bottom-width: 1px;
177
}
178

    
179
/**
180
 * Sidebar
181
 */
182
.sidebar * {
183
  padding: 0;
184
  margin: 0;
185
  line-height: 1.6em;
186
}
187
.sidebar .block {
188
  padding: 5px 10px;
189
  font-size: 0.9em;
190
  margin-bottom: 10px;
191
  border-style: solid;
192
  border-width: 1px;
193
}
194
.column-block h2,
195
.sidebar h2 {
196
  background: transparent;
197
  line-height: 1em;
198
  border-bottom-style: solid;
199
  border-bottom-width: 1px;
200
  margin: 4px 0px 2px 0px;
201
  padding: 2px 0px;
202
  font-size: 1.25em;
203
}
204
.column-block .content,
205
.sidebar .block .content {
206
  padding: 5px 2px;
207
  /*overflow: hidden; Removed for Superfish */
208
}
209

    
210
.column-block table tr th,
211
.sidebar .block table tr th {
212
  border-style: solid;
213
  border-width: 0px;
214
  padding: 0px 4px;
215
  background: none;
216
  border-bottom-width: 3px;
217
}
218
.column-block table tr td,
219
.sidebar .block table tr td {
220
  padding: 2px 4px;
221
  border-style: solid;
222
  border-width: 0px;
223
  border-bottom-width: 1px;
224
  background: none;
225
}
226

    
227
.sidebar .block ul {
228
  margin: 0px;
229
  padding: 0px;
230
}
231
.sidebar .block ul.links {
232
  margin-top: 10px;
233
  text-align: right;
234
}
235
.sidebar .block ul.links li {
236
  display: inline;
237
  margin-left: 15px;
238
}
239
.sidebar .block .menu {
240
  padding-left: 10px;
241
  padding-bottom: 5px;
242
}
243

    
244
/**
245
 * Page
246
 */
247
#breadcrumb {
248
  font-size: 1em;
249
  font-style: italic;
250
  padding-left: 5px;
251
}
252

    
253
#breadcrumb a {
254
  font-size: 1em;
255
  font-style: italic;
256
}
257

    
258
#page-title {
259
  padding: 4px 8px;
260
  font-size: 1.3em;
261
  margin-bottom: 10px;
262
}
263
#content .block h2 { /* main content: block title */
264
  padding: 4px 8px;
265
  font-size: 1.25em;
266
}
267
.action-links {
268
  padding-left: 10px;
269
}
270

    
271
/**
272
 * Pager
273
 */
274
div.item-list .pager {
275
  border: none;
276
  padding: 0px;
277
}
278
div.item-list ul.pager {
279
  margin: 10px 0px;
280
  margin-top: 10px;
281
  padding: 1px 0px;
282
  overflow: hidden;
283
  list-style-type: none;
284
}
285
div.item-list ul.pager li {
286
  display: inline;
287
  margin: 0px;
288
  padding: 0px;
289
  line-height: 1em;
290
  padding: 2px 0px;
291
}
292
div.item-list ul.pager li.pager-current {
293
  padding: 2px 8px;
294
}
295

    
296
div.item-list ul.pager li a {
297
  margin: 0px;
298
  padding: 2px 8px;
299
}
300

    
301
/**
302
 * tabs
303
 */
304
div.tabs .secondary,
305
div.tabs .primary {
306
  border: none;
307
  padding: 0px;
308
  margin: 8px 0px;
309
  margin: 8px 0px 0px 0px;
310
  list-style-type: none;
311
}
312
ul.secondary li,
313
ul.primary li {
314
  margin: 0px;
315
  line-height: 1em;
316
}
317
ul.secondary li a,
318
ul.primary li a {
319
  margin: 0px;
320
  padding: 2px 8px;
321
  background: transparent;
322
}
323

    
324
div.tabs .secondary,
325
div.tabs .primary {
326
  margin-bottom: 10px;
327
}
328

    
329
div.tabs .secondary li a,
330
div.tabs .primary li a {
331
  border-width: 1px;
332
}
333

    
334
/* To wrap tabs. */
335
div.tabs .secondary li,
336
div.tabs .primary li {
337
  float: left;
338
  line-height: 1.5em;
339
  margin-right: 3px;
340
}
341

    
342
div.tabs .secondary li a.active,
343
div.tabs .primary li a.active {
344
  background: url('../images/dark.png') repeat top left;
345
}
346

    
347
div.tabs ul.secondary li a {
348
  font-size: 0.85em;
349
  margin: 0px;
350
}
351
div.tabs ul.secondary li {
352
  border-style: solid;
353
  border-width: 1px;
354
  padding: 0px;
355
  margin-bottom: 2px;
356
}
357

    
358
/**
359
 * node
360
 */
361
.node {
362
  margin: 0;
363
  padding: 15px 12px 10px 14px;
364
  margin-bottom: 10px;
365

    
366
  border-style: solid;
367
  border-width: 1px;
368
}
369
.node-sticky {
370
  border-width: 0px;
371
}
372

    
373
#content .node h2 { /* main content: node title */
374
  padding: 0px;
375
  background: transparent;
376
  border-bottom-style: solid;
377
  border-bottom-width: 1px;
378
  font-size: 1.45em;
379
}
380

    
381
.node .submitted {
382
  font-size: 0.75em;
383
}
384

    
385
.node ul,
386
.node ol {
387
  padding-left: 15px;
388
}
389
.node ul.links {
390
  padding: 0px;
391
  font-size: 0.75em;
392
  float: right;
393
  clear: both;
394
}
395
.node .user-picture {
396
  float: right;
397
  padding: 0px 0px 10px 10px;
398
  background-color: inherit;
399
}
400

    
401
/**
402
 * Comment
403
 */
404
.comment {
405
  padding: 8px 10px;
406
  margin-bottom: 10px;
407
  border-style: solid;
408
  border-width: 1px;
409
}
410
.comment-unpublished {
411
  background: url(../images/unpublished.png) repeat top right;
412
}
413
.comment-spam {
414
  background: url(../images/spam.png) repeat top right;
415
}
416
.comment h3 {
417
  border-bottom-style: solid;
418
  border-bottom-width: 1px;
419
}
420
#comments h2.title {
421
  margin-bottom: 5px;
422
  font-size: 1.3em;
423
}
424
.comment .submitted {
425
  font-size: 0.75em;
426
}
427
.comment ul.links {
428
  padding: 0px;
429
  font-size: 0.75em;
430
  float: right;
431
  clear: both;
432
}
433
.comment .user-picture {
434
  float: right;
435
  padding: 4px 0px 10px 10px;
436
  background-color: inherit;
437
}
438

    
439
/**
440
 * User profile
441
 */
442
.profile .user-picture {
443
  margin: 0px;
444
  padding: 5px;
445
}
446
/* =============================================================================
447
   SEARCH
448
   ========================================================================== */
449
/**
450
 * Search block form
451
 * - no 'submit' button
452
 * - add search magnifier image
453
 * - use javascript to show prompt
454
 */
455
.form-item-search-block-form .form-text:focus {
456
  /*outline: none; */  /* remove blue outline for Safari */
457
}
458
.form-item-search-block-form .form-text {
459
  height: 24px;
460
  color: #555555;
461
  margin: 0px;
462
  border: solid 1px #aaa;
463
  border-bottom-color: #ddd;
464
  border-right-color: #ddd;
465
  margin-top: 1px;
466
  background: #fff url(../images/search.png) no-repeat 2px center;
467
  padding: 0px 4px 0px 4px;
468
  padding-left: 24px; /* space for magnifying glass */
469
}
470
#header .form-item-search-block-form {
471
  float: right;
472
  margin: 0px;
473
}
474
#header-searchbox {
475
  float: right;
476
  overflow: hidden;
477
  padding: 8px;
478
  margin: 0px;
479
}
480

    
481
/************************/
482
/**
483
 * Form
484
 */
485
.pushbutton, button, .form-submit {
486
  margin: 2px;
487
  padding: 2px 10px;
488
  color: #555555;
489
  cursor: pointer;
490
  font-size: 0.9em;
491
  border: solid 1px #888888;
492
  background: #fff url(../images/button.gif) repeat-x center;
493
}
494
.pushbutton:hover, button:hover, .form-submit:hover {
495
  color: #111111;
496
  border: solid 1px #666666;
497
  background: #fff url(../images/button-o.gif) repeat-x center;
498
}
499

    
500
/**
501
 * Font resize controls
502
 */
503
#header-fontsizer {
504
  float: right;
505
  margin: 0;
506
  margin-right: 20px;
507
  padding: 13px 0 0 0;
508
  border-width: 0px;
509
  line-height: 1.2em;
510

    
511
}
512
.decreaseFont {
513
  padding-right: 22px;
514
  padding-bottom: 25px;
515
  background: url('../images/fontsizer-1.png') no-repeat top left;
516
  margin-right: 1px;
517
}
518
.resetFont {
519
  padding-right: 21px;
520
  padding-bottom: 25px;
521
  background: url('../images/fontsizer-2.png') no-repeat top left;
522
}
523
.increaseFont {
524
  padding-right: 23px;
525
  padding-bottom: 25px;
526
  background: url('../images/fontsizer-3.png') no-repeat top left;
527
  margin-left: 1px;
528
}
529
.decreaseFont:hover {
530
  background: url('../images/fontsizer-1-o.png') no-repeat top left;
531
}
532
.resetFont:hover {
533
  background: url('../images/fontsizer-2-o.png') no-repeat top left;
534
}
535
.increaseFont:hover {
536
  background: url('../images/fontsizer-3-o.png') no-repeat top left;
537
}
538
#header-fontsizer a,
539
#header-fontsizer a:visited,
540
#header-fontsizer a:focus,
541
#header-fontsizer a:active {
542
 /* suppress dotted frame around the links for IE */
543
 border: none;
544
 outline: none;
545
}
546

    
547
/**
548
 * Other
549
 */
550
table.views-view-grid tr td {
551
  padding: 15px;
552
}
553
.filter-wrapper {
554
  border: none;
555
  margin-top: 5px;
556
  padding: 5px;
557
  font-size: 0.9em;
558
}
559
.filter-wrapper ul li {
560
  margin-left: 10px;
561
}
562
.field-type-taxonomy-term-reference {
563
  overflow: hidden;
564
  margin-bottom: 0.5em;
565
}
566
.field-type-taxonomy-term-reference .field-label {
567
  float: left;
568
  overflow: hidden;
569
}
570
.field-type-taxonomy-term-reference .field-items {
571
  overflow: hidden;
572
}
573
.field-type-taxonomy-term-reference .field-items .field-item {
574
  float: left;
575
  margin: 0 0.6em;
576
  padding: 0px;
577
}
578
.field-type-text-with-summary {
579
  /*clear: left;*/ /* do not use 'both' */
580
}
581

    
582
table tr {
583
  border-style: solid;
584
  border-width: 0px;
585
}
586
table tr td {
587
  padding: 4px 6px;
588
  border-style: solid;
589
  border-width: 0px;
590
}
591
table tr th {
592
  border-style: solid;
593
  padding: 4px 6px;
594
  border-width: 0px;
595
  border-right-width: 1px;
596
}
597
table thead * {
598
  padding: 2px 3px;
599
  border-bottom: none;
600
  border-width: 0px;
601
}
602
table tbody {
603
  border-width: 0px;
604
}
605
table.sticky-enabled tr td {
606
  padding: 2px 3px;
607
  border-style: solid;
608
  border-width: 0px;
609
}
610
tr.even td.active,
611
tr.odd td.active {
612
  background-image: url('../images/dark.png');
613
}
614
tr.even,
615
tr.odd {
616
  border-width: 0px;
617
}
618
blockquote {
619
  padding: 0px 10px;
620
  border-left-style: solid;
621
  border-left-width: 5px;
622
  font-style: italic;
623
}
624

    
625
/**
626
 * Nice menus
627
 */
628
ul.nice-menu {
629
  line-height: 1em;
630
  margin: 0px;
631
  padding: 0px;
632
}
633
ul.nice-menu,
634
ul.nice-menu ul,
635
ul.nice-menu li {
636
  /* remove all borders */
637
  border: 0;
638
}
639
ul.nice-menu li {
640
  /* height of root menu items */
641
  line-height: 1.2em;
642
}
643
ul.nice-menu li a {
644
  /* root menu items */
645
  font-size: 0.9em;
646
  padding: 4px 8px;
647
  border: none;
648
  border-right-style: solid;
649
  border-right-width: 1px;
650
  /* background-color is set by colors.css */
651
  /* border-right-color is set by colors.css */
652
}
653
ul.nice-menu li.last a {
654
  /* last item of the root menu */
655
  border-right: none;
656
}
657

    
658
ul.nice-menu li ul {
659
  margin: 0;
660
  padding: 0px;
661
}
662

    
663
ul.nice-menu li.last ul li a,
664
ul.nice-menu li ul li a,
665
ul.nice-menu li ul li.last a {
666
  /* all other chile menu items */
667
  border-style: solid;
668
  border-width: 1px;
669
border-width: 0px;
670
  /* border-color is set by colors.css */
671
}
672
ul.nice-menu li.menuparent a {
673
  /* root menu item that has drop down menu */
674
  background-image: url('../images/arrow-down.png');
675
  background-repeat: no-repeat;
676
  background-position: 98%;
677
  /* background-color is set by colors.css */
678
}
679
ul.nice-menu li a {
680
  /* root menu item that has no drop down menu */
681
  /* background-color is set by colors.css */
682
}
683
ul.nice-menu li {
684
  padding: 0px;
685
}
686
ul.nice-menu li ul li.menuparent a:hover,
687
ul.nice-menu li ul li.menuparent:hover,
688
ul.nice-menu li ul li.menuparent {
689
  /* drop down menu item that has child menu */
690
  background-image: url('../images/arrow-right.png');
691
  background-repeat: no-repeat;
692
  background-position: 95%;
693
  /* background-color is set by colors.css */
694
}
695
ul.nice-menu li.menuparent ul {
696
  padding-top: -5px;
697
}
698
ul.nice-menu li.menuparent li a {
699
  background: none; /* do not delete! */
700
}
701
ul.nice-menu li.menuparent li {
702
  background: none; /* do not delete! */
703
}
704
ul.nice-menu li ul li.menuparent li a:hover {
705
  background: none; /* do not delete! */
706
}
707

    
708
/**
709
 * Overlay layout for admin pages
710
 */
711
.overlay #main,
712
.overlay #content {
713
  width: auto;
714
  float: none;
715
}
716
.overlay #skip-link,
717
.overlay .region-page-top,
718
.overlay #header,
719
.overlay #page-title,
720
.overlay #featured,
721
.overlay #sidebar-first,
722
.overlay #sidebar-second,
723
.overlay #footer-wrapper,
724
.overlay #banner-top,
725
.overlay #banner-bottom,
726
.overlay #highlighted,
727
.overlay #navigation {
728
  display: none;
729
}
730
.overlay #messages {
731
  width: auto;
732
}
733
.overlay #page-wrapper {
734
  width: 100%;
735
}
736
.overlay #page {
737
  margin: 0;
738
  padding: 0px;
739
}
740
#overlay-content {
741
  margin: 0;
742
  padding: 0px;
743
}
744

    
745
/* --------------- System Tabs  --------------- */
746

    
747
.tabs {
748
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
749
  margin-bottom: 20px;
750
}
751
.tabs ul.primary {
752
  padding: 0 3px;
753
  margin: 0;
754
  overflow: hidden;
755
  border: none;
756
  background: transparent url(../images/tabs-border.png) repeat-x left bottom;
757
}
758
.tabs ul.primary li {
759
  display: block;
760
  float: left; /* LTR */
761
  vertical-align: bottom;
762
  margin: 0 5px 0 0; /* LTR */
763
}
764
.tabs ul.primary li.active a {
765
  border-bottom: 1px solid #ffffff;
766
}
767
.tabs ul.primary li a {
768
  color: #000;
769
  background-color: #ededed;
770
  height: 1.8em;
771
  line-height: 1.9;
772
  display: block;
773
  font-size: 0.929em;
774
  float: left; /* not LTR */
775
  padding: 0 10px 3px;
776
  margin: 0;
777
  text-shadow: 0 1px 0 #fff;
778
  -khtml-border-radius-topleft: 6px;
779
  -moz-border-radius-topleft: 6px;
780
  -webkit-border-top-left-radius: 6px;
781
  border-top-left-radius: 6px;
782
  -khtml-border-radius-topright: 6px;
783
  -moz-border-radius-topright: 6px;
784
  -webkit-border-top-right-radius: 6px;
785
  border-top-right-radius: 6px;
786
}
787
.tabs ul.primary li.active a {
788
  background-color: #ffffff;
789
}
790
.tabs ul.secondary {
791
  border-bottom: none;
792
  padding: 0.5em 0;
793
}
794
.tabs ul.secondary li {
795
  display: block;
796
  float: left; /* LTR */
797
}
798
.tabs ul.secondary li:last-child {
799
  border-right-width: 1px; /* LTR */
800
}
801
.tabs ul.secondary li:first-child {
802
  padding-left: 0; /* LTR */
803
}
804
.tabs ul.secondary li a {
805
  padding: 0.25em 0.5em;
806
}
807
.tabs ul.secondary li a.active {
808
  background: #f2f2f2;
809
  border-bottom: none;
810
  -moz-border-radius: 5px;
811
  -webkit-border-radius: 5px;
812
  -khtml-border-radius: 5px;
813
  border-radius: 5px;
814
}
815
ul.action-links {
816
  list-style: none;
817
  margin: 5px;
818
  padding: 0.5em 1em;
819
}
820
ul.action-links li {
821
  display: inline-block;
822
  margin-left: 10px;
823
}
824
ul.action-links li a {
825
  padding-left: 15px;
826
  background: url(../images/add.png) no-repeat left center;
827
  margin: 0 10px 0 0;
828
}
829

    
830
@import "partials/admin-layout-settings";
831
@import "partials/mobile-first";
832
@import "partials/responsive-media";