Projet

Général

Profil

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

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

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
div.tabs .secondary li a.active,
335
div.tabs .primary li a.active {
336
  background: url('../images/dark.png') repeat top left;
337
}
338

    
339
div.tabs ul.secondary li a {
340
  font-size: 0.85em;
341
  margin: 0px;
342
}
343
div.tabs ul.secondary li {
344
  border-style: solid;
345
  border-width: 1px;
346
  padding: 0px;
347
  margin-bottom: 2px;
348
}
349

    
350
/**
351
 * node
352
 */
353
.node {
354
  margin: 0;
355
  padding: 15px 12px 10px 14px;
356
  margin-bottom: 10px;
357

    
358
  border-style: solid;
359
  border-width: 1px;
360
}
361
.node-sticky {
362
  border-width: 0px;
363
}
364

    
365
#content .node h2 { /* main content: node title */
366
  padding: 0px;
367
  background: transparent;
368
  border-bottom-style: solid;
369
  border-bottom-width: 1px;
370
  font-size: 1.45em;
371
}
372

    
373
.node .submitted {
374
  font-size: 0.75em;
375
}
376

    
377
.node ul,
378
.node ol {
379
  padding-left: 15px;
380
}
381
.node ul.links {
382
  padding: 0px;
383
  font-size: 0.75em;
384
  float: right;
385
  clear: both;
386
}
387
.node .user-picture {
388
  float: right;
389
  padding: 0px 0px 10px 10px;
390
  background-color: inherit;
391
}
392

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

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

    
471
/************************/
472
/**
473
 * Form
474
 */
475
.pushbutton, button, .form-submit {
476
  margin: 2px;
477
  padding: 2px 10px;
478
  color: #555555;
479
  cursor: pointer;
480
  font-size: 0.9em;
481
  border: solid 1px #888888;
482
  background: #fff url(../images/button.gif) repeat-x center;
483
}
484
.pushbutton:hover, button:hover, .form-submit:hover {
485
  color: #111111;
486
  border: solid 1px #666666;
487
  background: #fff url(../images/button-o.gif) repeat-x center;
488
}
489

    
490
/**
491
 * Font resize controls
492
 */
493
#header-fontsizer {
494
  float: right;
495
  margin: 0;
496
  margin-right: 20px;
497
  padding: 0px;
498
  border-width: 0px;
499
  line-height: 1.2em;
500

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

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

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

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

    
648
ul.nice-menu li ul {
649
  margin: 0;
650
  padding: 0px;
651
}
652

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

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