Projet

Général

Profil

Paste
Télécharger (13,2 ko) Statistiques
| Branche: | Révision:

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

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
  height: 200px;
32
  background-image: none;
33
  background-repeat: no-repeat;
34
  background-position: top center;
35
}
36
div#logo {
37
  float: left;
38
}
39
#name-and-slogan {
40
  float: left;
41
}
42
#site-name a,
43
#header h1 a,
44
#header h1 a:link,
45
#header h1 a:visited {
46
  font-weight: 800;
47
  text-decoration: none;
48
  line-height: 1em;
49
  font-size: 34px; /* we do not want it changed by text scaling */
50
}
51
#site-slogan {
52
  font-weight: normal;
53
  font-style: italic;
54
  margin-bottom: 5px;
55
  font-size: 15px; /* we do not want it changed by text scaling */
56
  line-height: 1em;
57
}
58

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    
300
/**
301
 * tabs
302
 */
303
div.tabs .secondary,
304
div.tabs .primary {
305
  border: none;
306
  padding: 0px;
307
  margin: 8px 0px;
308
  margin: 8px 0px 0px 0px;
309
  list-style-type: none;
310
}
311
ul.secondary li,
312
ul.primary li {
313
  padding: 2px 0px;
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
}
478

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

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

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

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

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

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

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

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

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