Projet

Général

Profil

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

root / drupal7 / sites / all / themes / adaptivetheme / at_subtheme / css / global.base.css @ a08833bd

1
/*
2
 * @file
3
 * global.base
4
 *
5
 * - normalize with small modifications for Drupal and AT: http://necolas.github.com/normalize.css/
6
 * - Gutter widths, see $gutter-width in _custom.scss
7
 * - Default container alignment.
8
 * - Flexible images and media declarations.
9
 * - Copies of the SCSS mixins for reference, which includes an improved
10
 *   element-invisible and focusable styles.
11
 */
12
/* =============================================================================
13
    HTML5 display definitions
14
   ========================================================================== */
15
/*
16
 * Corrects block display not defined in IE6/7/8/9 & FF3
17
 */
18
/* line 24, ../sass/global.base.scss */
19
article,
20
aside,
21
details,
22
figcaption,
23
figure,
24
footer,
25
header,
26
hgroup,
27
main,
28
nav,
29
section,
30
summary {
31
  display: block;
32
}
33

    
34
/*
35
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
36
 */
37
/* line 43, ../sass/global.base.scss */
38
audio,
39
canvas,
40
video {
41
  display: inline-block;
42
  *display: inline;
43
  *zoom: 1;
44
}
45

    
46
/*
47
 * Prevents modern browsers from displaying 'audio' without controls
48
 * Remove excess height in iOS5 devices
49
 */
50
/* line 56, ../sass/global.base.scss */
51
audio:not([controls]) {
52
  display: none;
53
  height: 0;
54
}
55

    
56
/*
57
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
58
 * Known issue: no IE6 support
59
 */
60
/* line 66, ../sass/global.base.scss */
61
[hidden] {
62
  display: none;
63
}
64

    
65
/* =============================================================================
66
    Base
67
   ========================================================================== */
68
/*
69
 * If you are using the themes Responsive JS feature (media_queries.js) do not
70
 * set a font-family on the html element, use body.
71
 *
72
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
73
 *    http://clagnut.com/blog/348/#c790
74
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
75
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
76
 */
77
/* line 84, ../sass/global.base.scss */
78
html {
79
  font-size: 100%;
80
  -webkit-text-size-adjust: 100%;
81
  line-height: 1.5;
82
  height: 100%;
83
  overflow-y: scroll;
84
}
85

    
86
/*
87
 * 1 . Addresses margins handled incorrectly in IE6/7
88
 */
89
/* line 96, ../sass/global.base.scss */
90
body {
91
  min-height: 100%;
92
  margin: 0;
93
  padding: 0;
94
  -webkit-font-smoothing: antialiased;
95
  font-smoothing: antialiased;
96
  text-rendering: optimizeLegibility\9;
97
  /* Only IE, can mess with Android */
98
}
99

    
100
/*
101
 * Addresses font-family inconsistency between 'textarea' and other form elements.
102
 */
103
/* line 109, ../sass/global.base.scss */
104
button,
105
input,
106
select,
107
textarea {
108
  font-family: sans-serif;
109
}
110

    
111
/* =============================================================================
112
    Links
113
   ========================================================================== */
114
/*
115
 * Addresses outline displayed oddly in Chrome
116
 */
117
/* line 124, ../sass/global.base.scss */
118
a:focus {
119
  outline: thin dotted;
120
}
121

    
122
/*
123
 * Improves readability when focused and also mouse hovered in all browsers
124
 * people.opera.com/patrickl/experiments/keyboard/test
125
 */
126
/* line 133, ../sass/global.base.scss */
127
a:hover,
128
a:active {
129
  outline: 0;
130
}
131

    
132
/* =============================================================================
133
    Typography
134
   ========================================================================== */
135
/*
136
 * Headings
137
 *
138
 * Addresses font sizes and margins set differently in IE6/7
139
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
140
 */
141
/* line 150, ../sass/global.base.scss */
142
h1 {
143
  font-size: 2em;
144
  margin: 0.67em 0;
145
}
146

    
147
/* line 156, ../sass/global.base.scss */
148
h2 {
149
  font-size: 1.5em;
150
  margin: 0.83em 0;
151
}
152

    
153
/* line 162, ../sass/global.base.scss */
154
h3 {
155
  font-size: 1.17em;
156
  margin: 1em 0;
157
}
158

    
159
/* line 168, ../sass/global.base.scss */
160
h4 {
161
  font-size: 1em;
162
  margin: 1.33em 0;
163
}
164

    
165
/* line 174, ../sass/global.base.scss */
166
h5 {
167
  font-size: 0.83em;
168
  margin: 1.67em 0;
169
}
170

    
171
/* line 180, ../sass/global.base.scss */
172
h6 {
173
  font-size: 0.75em;
174
  margin: 2.33em 0;
175
}
176

    
177
/*
178
 * Addresses styling not present in IE7/8/9, S5, Chrome
179
 */
180
/* line 189, ../sass/global.base.scss */
181
abbr[title] {
182
  border-bottom: 1px dotted;
183
}
184

    
185
/*
186
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
187
 */
188
/* line 197, ../sass/global.base.scss */
189
b,
190
strong {
191
  font-weight: bold;
192
}
193

    
194
/* line 203, ../sass/global.base.scss */
195
blockquote {
196
  margin: 1em 40px;
197
}
198

    
199
/*
200
 * Addresses styling not present in S5, Chrome
201
 */
202
/* line 211, ../sass/global.base.scss */
203
dfn {
204
  font-style: italic;
205
}
206

    
207
/*
208
 * Addresses styling not present in IE6/7/8/9
209
 */
210
/* line 219, ../sass/global.base.scss */
211
mark {
212
  background: #ff0;
213
  color: #000;
214
}
215

    
216
/*
217
 * Addresses margins set differently in IE6/7
218
 */
219
/* line 228, ../sass/global.base.scss */
220
p,
221
pre {
222
  margin: 0 0 1.5em;
223
}
224

    
225
/*
226
 * Corrects font family set oddly in IE6, S4/5, Chrome
227
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
228
 */
229
/* line 238, ../sass/global.base.scss */
230
pre,
231
code,
232
kbd,
233
samp {
234
  font-family: monospace, serif;
235
  _font-family: 'courier new', monospace;
236
  font-size: 1em;
237
}
238

    
239
/*
240
 * Improves readability of pre-formatted text in all browsers
241
 */
242
/* line 251, ../sass/global.base.scss */
243
pre {
244
  white-space: pre;
245
  white-space: pre-wrap;
246
  word-wrap: break-word;
247
}
248

    
249
/*
250
 * 1. Addresses CSS quotes not supported in IE6/7
251
 * 2. Addresses quote property not supported in S4
252
 */
253
/* line 263, ../sass/global.base.scss */
254
q {
255
  quotes: none;
256
}
257

    
258
/* line 268, ../sass/global.base.scss */
259
q:before,
260
q:after {
261
  content: '';
262
  content: none;
263
}
264

    
265
/* line 275, ../sass/global.base.scss */
266
small {
267
  font-size: 75%;
268
}
269

    
270
/*
271
 * Prevents sub and sup affecting line-height in all browsers
272
 * gist.github.com/413930
273
 */
274
/* line 284, ../sass/global.base.scss */
275
sub,
276
sup {
277
  font-size: 75%;
278
  line-height: 0;
279
  position: relative;
280
  vertical-align: baseline;
281
}
282

    
283
/* line 293, ../sass/global.base.scss */
284
sup {
285
  top: -0.5em;
286
}
287

    
288
/* line 298, ../sass/global.base.scss */
289
sub {
290
  bottom: -0.25em;
291
}
292

    
293
/* =============================================================================
294
    Lists
295
   ========================================================================== */
296
/*
297
 * Addresses margins set differently in IE6/7
298
 */
299
/* line 310, ../sass/global.base.scss */
300
dl,
301
menu,
302
ol,
303
ul {
304
  margin: 1em 0;
305
}
306

    
307
/* line 318, ../sass/global.base.scss */
308
dd {
309
  margin: 0 0 0 40px;
310
}
311

    
312
/*
313
 * Addresses paddings set differently in IE6/7
314
 */
315
/* line 326, ../sass/global.base.scss */
316
menu,
317
ol,
318
ul {
319
  padding: 0 0 0 40px;
320
}
321

    
322
/*
323
 * Corrects list images handled incorrectly in IE7
324
 */
325
/* line 336, ../sass/global.base.scss */
326
nav ul,
327
nav ol {
328
  list-style: none;
329
  list-style-image: none;
330
}
331

    
332
/* =============================================================================
333
    Embedded content
334
   ========================================================================== */
335
/*
336
 * 1. Remove border when inside 'a' element in IE6/7/8/9, FF3
337
 * 2. Improves image quality when scaled in IE7
338
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
339
 */
340
/* line 352, ../sass/global.base.scss */
341
img {
342
  /* border: 0; */
343
  /* Drupal core already does this, uncomment if you need it */
344
  -ms-interpolation-mode: bicubic;
345
}
346

    
347
/*
348
 * Corrects overflow displayed oddly in IE9
349
 */
350
/* line 361, ../sass/global.base.scss */
351
svg:not(:root) {
352
  overflow: hidden;
353
}
354

    
355
/* =============================================================================
356
    Figures
357
   ========================================================================== */
358
/*
359
 * Addresses margin not present in IE6/7/8/9, S5, O11
360
 */
361
/* line 373, ../sass/global.base.scss */
362
figure {
363
  margin: 0;
364
}
365

    
366
/* =============================================================================
367
    Forms
368
   ========================================================================== */
369
/*
370
 * Corrects margin displayed oddly in IE6/7
371
 */
372
/* line 385, ../sass/global.base.scss */
373
form {
374
  margin: 0;
375
}
376

    
377
/*
378
 * Define consistent margin, and padding
379
 */
380
/* line 393, ../sass/global.base.scss */
381
fieldset {
382
  margin: 0 2px;
383
  padding: 0.35em 0.625em 0.75em;
384
}
385

    
386
/*
387
 * 1. Corrects color not being inherited in IE6/7/8/9
388
 * 2. Corrects text not wrapping in FF3
389
 * 3. Corrects alignment displayed oddly in IE6/7
390
 */
391
/* line 404, ../sass/global.base.scss */
392
legend {
393
  border: 0;
394
  padding: 0;
395
  white-space: normal;
396
  *margin-left: -7px;
397
}
398

    
399
/*
400
 * 1. Corrects font size not being inherited in all browsers
401
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
402
 * 3. Improves appearance and consistency in all browsers
403
 */
404
/* line 417, ../sass/global.base.scss */
405
button,
406
input,
407
select,
408
textarea {
409
  font-size: 100%;
410
  margin: 0;
411
  vertical-align: baseline;
412
  *vertical-align: middle;
413
}
414

    
415
/*
416
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
417
 */
418
/* line 431, ../sass/global.base.scss */
419
button,
420
input {
421
  line-height: normal;
422
}
423

    
424
/*
425
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
426
 * 2. Corrects inability to style clickable 'input' types in iOS
427
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
428
 *    Known issue: inner spacing remains in IE6
429
 */
430
/* line 443, ../sass/global.base.scss */
431
button,
432
input[type="button"],
433
input[type="reset"],
434
input[type="submit"] {
435
  cursor: pointer;
436
  -webkit-appearance: button;
437
  *overflow: visible;
438
}
439

    
440
/*
441
 * Re-set default cursor for disabled elements
442
 */
443
/* line 456, ../sass/global.base.scss */
444
button[disabled],
445
input[disabled] {
446
  cursor: default;
447
}
448

    
449
/*
450
 * 1. Addresses box sizing set to content-box in IE8/9
451
 * 2. Removes excess padding in IE8/9
452
 * 3. Removes excess padding in IE7
453
 *    Known issue: excess padding remains in IE6
454
 */
455
/* line 468, ../sass/global.base.scss */
456
input[type="checkbox"],
457
input[type="radio"] {
458
  box-sizing: border-box;
459
  padding: 0;
460
  *height: 13px;
461
  *width: 13px;
462
}
463

    
464
/*
465
 * 1. Addresses appearance set to searchfield in S5, Chrome
466
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
467
 */
468
/* line 481, ../sass/global.base.scss */
469
input[type="search"] {
470
  -webkit-appearance: textfield;
471
  -moz-box-sizing: content-box;
472
  -webkit-box-sizing: content-box;
473
  box-sizing: content-box;
474
}
475

    
476
/*
477
 * Removes inner padding and search cancel button in S5, Chrome on OS X
478
 */
479
/* line 492, ../sass/global.base.scss */
480
input[type="search"]::-webkit-search-decoration,
481
input[type="search"]::-webkit-search-cancel-button {
482
  -webkit-appearance: none;
483
}
484

    
485
/*
486
 * Removes inner padding and border in FF3+
487
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
488
 */
489
/* line 502, ../sass/global.base.scss */
490
button::-moz-focus-inner,
491
input::-moz-focus-inner {
492
  border: 0;
493
  padding: 0;
494
}
495

    
496
/*
497
 * 1. Removes default vertical scrollbar in IE6/7/8/9
498
 * 2. Improves readability and alignment in all browsers
499
 */
500
/* line 513, ../sass/global.base.scss */
501
textarea {
502
  overflow: auto;
503
  vertical-align: top;
504
}
505

    
506
/* =============================================================================
507
    Tables
508
   ========================================================================== */
509
/*
510
 * 1. Remove most spacing between table cells
511
 */
512
/* line 526, ../sass/global.base.scss */
513
table {
514
  border: 1px solid;
515
  border-spacing: 0;
516
  border-collapse: collapse;
517
  font-size: inherit;
518
  font: 100%;
519
}
520

    
521
/* =============================================================================
522
    Gutters
523
   ========================================================================== */
524
/*
525
 * If gutters are set in theme settings they will override these values,
526
 * see Extensions > Modify Output > Design
527
 * $gutter-width is set in _base.scss
528
 */
529
/* line 544, ../sass/global.base.scss */
530
#main-content,
531
.block-inner,
532
.pane-inner,
533
.menu-wrapper,
534
.branding-elements,
535
.breadcrumb-wrapper,
536
.attribution,
537
.at-panel .rounded-corner,
538
.block-panels-mini > .block-title,
539
.rendered-by-ds .panel-display .region-inner,
540
div.messages,
541
.at-gutter {
542
  margin-left: 10px;
543
  margin-right: 10px;
544
}
545

    
546
/*
547
 * Panel pages need negative margin equal to the gutter width applied to #content,
548
 * this is taken care of in theme settings as per above for normal gutters
549
 */
550
/* line 564, ../sass/global.base.scss */
551
#content .panel-display,
552
#content .panel-flexible {
553
  margin-left: -10px;
554
  margin-right: -10px;
555
}
556

    
557
/* =============================================================================
558
    Flexible Media and Cross browser improvements
559
   ========================================================================== */
560
/*
561
 * - This can cause issues in table cells where no width is set on the column,
562
 *   only in some versions of webkit and IE 7/8.
563
 * - declaring the width attribute on image elements and using max-width causes
564
 *   the "dissappering images" bug in IE8.
565
 * - Mapping services such as Google Maps may break also, see below for fixes.
566
 */
567
/* line 583, ../sass/global.base.scss */
568
img {
569
  height: auto;
570
  -ms-interpolation-mode: bicubic;
571
}
572

    
573
/* Ethan Marcotte - http://front.ie/l8rJaA */
574
/* line 590, ../sass/global.base.scss */
575
img,
576
embed,
577
object,
578
video {
579
  max-width: 100%;
580
}
581

    
582
/* Disable flexiblity for IE8 and below */
583
/* line 599, ../sass/global.base.scss */
584
.lt-ie9 img,
585
.lt-ie9 object,
586
.lt-ie9 embed,
587
.lt-ie9 video {
588
  max-width: none;
589
}
590

    
591
/* Override max-width 100% for map displays */
592
/* line 608, ../sass/global.base.scss */
593
#map img,
594
.gmap img,
595
.view-gmap img,
596
.openlayers-map img,
597
#getlocations_map_canvas img,
598
#locationmap_map img,
599
.geofieldMap img,
600
.views_horizontal_slider img,
601
.geolocation-map img,
602
.geolocation-views-map img {
603
  max-width: none !important;
604
}
605

    
606
/* =============================================================================
607
    Misc helpers, Accessibility classes etc
608
   ========================================================================== */
609
/* Prevent overflowing content */
610
/* line 627, ../sass/global.base.scss */
611
header[role=banner],
612
.content-inner,
613
.nav,
614
.region-sidebar-first,
615
.region-sidebar-second,
616
.region-secondary-content,
617
.region-tertiary-content,
618
.region-footer {
619
  overflow: visible;
620
  word-wrap: break-word;
621
}
622

    
623
/**
624
 * General classes for hiding content. These are all included as SASS mixins.
625
 * @SEE: sass/_custom.scss
626
 */
627
/**
628
 * Image replacement
629
 * Kellum Method: http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement
630
 * Additional helpers from http://html5boilerplate.com/docs/css/
631
 */
632
/* line 650, ../sass/global.base.scss */
633
.ir {
634
  /* Kellum Method */
635
  display: block !important;
636
  text-indent: 100%;
637
  white-space: nowrap;
638
  overflow: hidden;
639
  /* Remove the default border from elements like button */
640
  border: 0;
641
  /* Crush the text down to take up no space */
642
  font: 0/0 a;
643
  /* Remove any text shadows */
644
  text-shadow: none;
645
  /* Hide any residual text in Safari 4 and any mobile devices that may need it */
646
  color: transparent;
647
  /* Hide the default background color on elements like button */
648
  background-color: transparent;
649
}
650

    
651
/* More robust element-invisible and element-focuable classes */
652
/* line 670, ../sass/global.base.scss */
653
.element-invisible {
654
  border: 0;
655
  clip: rect(1px 1px 1px 1px);
656
  /* IE6, IE7 */
657
  clip: rect(1px, 1px, 1px, 1px);
658
  height: 1px;
659
  overflow: hidden;
660
  padding: 0;
661
  position: absolute;
662
  width: 1px;
663
}
664

    
665
/* line 682, ../sass/global.base.scss */
666
.element-invisible.element-focusable:active,
667
.element-invisible.element-focusable:focus {
668
  clip: auto;
669
  height: auto;
670
  overflow: visible;
671
  position: static;
672
  width: auto;
673
}
674

    
675
/* Shift content offscreen, can be usefull when you reall need to do this */
676
/* line 693, ../sass/global.base.scss */
677
.offscreen {
678
  position: absolute;
679
  top: -99999em;
680
  width: 1px;
681
  height: 1px;
682
  overflow: hidden;
683
  outline: 0;
684
}
685

    
686
/* Hide content from all users */
687
/* line 704, ../sass/global.base.scss */
688
.element-hidden {
689
  display: none;
690
}
691

    
692
/*# sourceMappingURL=global.base.css.map */