Pas de modules personnalisés par défaut
[drupal/global/profiles/fonamental.git] / themes / cci-flight-theme / sass / normalize.scss
1 /* normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
2
3 /* =============================================================================
4 Normalize.css is intended to be used as an alternative to CSS resets.
5
6 It is suggested that you read through the normalize.css file and customise it
7 to meet the design requirements of a project rather including it as a "black
8 box". @see http://nicolasgallagher.com/about-normalize-css/
9
10 Also: @see http://meiert.com/en/blog/20080419/reset-style-sheets-are-bad/
11 @see http://snook.ca/archives/html_and_css/no_css_reset/
12 ========================================================================== */
13
14 @import "base";
15
16 /* =============================================================================
17 HTML5 display definitions
18 ========================================================================== */
19
20 /*
21 * Corrects block display not defined in IE6/7/8/9 & FF3
22 */
23
24 article,
25 aside,
26 details,
27 figcaption,
28 figure,
29 footer,
30 header,
31 hgroup,
32 menu,
33 nav,
34 section,
35 summary {
36 display: block;
37 }
38
39 /*
40 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
41 */
42
43 audio,
44 canvas,
45 video {
46 display: inline-block;
47 @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
48 *display: inline;
49 *zoom: 1;
50 }
51 }
52
53 /*
54 * Prevents modern browsers from displaying 'audio' without controls
55 * Remove excess height in iOS5 devices
56 */
57
58 audio:not([controls]) {
59 display: none;
60 height: 0;
61 }
62
63 /*
64 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
65 * Known issue: no IE6 support
66 */
67
68 [hidden] {
69 display: none;
70 }
71
72
73 /* =============================================================================
74 Base
75 ========================================================================== */
76
77 /* Instead of relying on the fonts that are available on a user's computer, you
78 can use web fonts which, like images, are resources downloaded to the user's
79 browser. Because of the bandwidth and rendering resources required, web fonts
80 should be used with care.
81
82 Numerous resources for web fonts can be found on Google. Here are a few
83 websites where you can find Open Source fonts to download:
84 - http://www.fontsquirrel.com/fontface
85 - http://www.theleagueofmoveabletype.com
86
87 In order to use these fonts, you will need to convert them into formats
88 suitable for web fonts. We recommend the free-to-use Font Squirrel's
89 Font-Face Generator:
90 http://www.fontsquirrel.com/fontface/generator
91
92 The following is an example @font-face declaration. This font can then be
93 used in any ruleset using a property like this: font-family: Example, serif;
94
95 Since we're using Sass, you'll need to declare your font faces here, then you
96 can add them to the font variables in the _base.scss partial.
97 */
98
99 /*
100 @font-face {
101 font-family: 'Example';
102 src: url('../fonts/example.eot');
103 src: url('../fonts/example.eot?iefix') format('eot'),
104 url('../fonts/example.woff') format('woff'),
105 url('../fonts/example.ttf') format('truetype'),
106 url('../fonts/example.svg#webfontOkOndcij') format('svg');
107 font-weight: normal;
108 font-style: normal;
109 }
110 */
111 @font-face {
112 font-family: 'VAGRoundedBold';
113 src: url('../fonts/18_vag_rounded_bold_07390-webfont.eot');
114 src: url('../fonts/18_vag_rounded_bold_07390-webfont.eot?#iefix') format('embedded-opentype'),
115 url('../fonts/18_vag_rounded_bold_07390-webfont.woff') format('woff'),
116 url('../fonts/18_vag_rounded_bold_07390-webfont.ttf') format('truetype'),
117 url('../fonts/18_vag_rounded_bold_07390-webfont.svg#VAGRoundedBold') format('svg');
118 font-weight: normal;
119 font-style: normal;
120 }
121
122 /*
123 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
124 * http://clagnut.com/blog/348/#c790
125 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
126 * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
127 */
128
129 html {
130 font-size: 100% * ($base-font-size / 16px); /* 1 */
131 -webkit-text-size-adjust: 100%; /* 2 */
132 -ms-text-size-adjust: 100%; /* 2 */
133 /* Establishes a vertical rhythm unit using $base-line-height. */
134 @include adjust-leading-to(1);
135 }
136
137 /*
138 * Addresses font-family inconsistency between 'textarea' and other form elements.
139 */
140
141 html,
142 button,
143 input,
144 select,
145 textarea {
146 font-family: $base-font-family;
147 }
148
149 /*
150 * Addresses margins handled incorrectly in IE6/7
151 */
152
153 body {
154 margin: 0;
155 }
156
157
158 /* =============================================================================
159 Links
160 ========================================================================== */
161
162 /*
163 * The order of link states are based on Eric Meyer's article:
164 * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
165 */
166
167 a:link {
168 }
169
170 a:visited {
171 }
172
173 a:hover,
174 a:focus {
175 }
176
177 a:active {
178 }
179
180 /*
181 * Addresses outline displayed oddly in Chrome
182 */
183
184 a:focus {
185 outline: thin dotted;
186 }
187
188 /*
189 * Improves readability when focused and also mouse hovered in all browsers
190 * people.opera.com/patrickl/experiments/keyboard/test
191 */
192
193 a:hover,
194 a:active {
195 outline: 0;
196 }
197
198
199 /* =============================================================================
200 Typography
201
202 To achieve a pleasant vertical rhythm, we use Compass' Vertical Rhythm mixins
203 so that the line height of our base font becomes the basic unit of vertical
204 measurement. We use multiples of that unit to set the top and bottom margins
205 for our block level elements and to set the line heights of any fonts.
206 For more information, see http://24ways.org/2006/compose-to-a-vertical-rhythm
207 ========================================================================== */
208
209 /*
210 * Addresses font sizes and margins set differently in IE6/7
211 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
212 */
213
214 h1 {
215 /* Sets the font-size and line-height while keeping a proper vertical rhythm. */
216 @include adjust-font-size-to( $h1-font-size );
217
218 /* Sets 1 unit of vertical rhythm on the top and bottom margins. */
219 @include leader(1, $h1-font-size);
220 @include trailer(1, $h1-font-size);
221 }
222
223 h2 {
224 @include adjust-font-size-to( $h2-font-size );
225 @include leader(1, $h2-font-size);
226 @include trailer(1, $h2-font-size);
227 }
228
229 h3 {
230 @include adjust-font-size-to( $h3-font-size );
231 @include leader(1, $h3-font-size);
232 @include trailer(1, $h3-font-size);
233 }
234
235 h4 {
236 @include adjust-font-size-to( $h4-font-size );
237 @include leader(1, $h4-font-size);
238 @include trailer(1, $h4-font-size);
239 }
240
241 h5 {
242 @include adjust-font-size-to( $h5-font-size );
243 @include leader(1, $h5-font-size);
244 @include trailer(1, $h5-font-size);
245 }
246
247 h6 {
248 @include adjust-font-size-to( $h6-font-size );
249 @include leader(1, $h6-font-size);
250 @include trailer(1, $h6-font-size);
251 }
252
253 /* Thematic break */
254 hr {
255 height: 1px;
256 border: 1px solid #666;
257 padding-bottom: -1px;
258 margin: rhythm(1) 0;
259 }
260
261 /*
262 * Addresses styling not present in IE7/8/9, S5, Chrome
263 */
264
265 abbr[title] {
266 border-bottom: 1px dotted;
267 cursor: help;
268 white-space: nowrap;
269 }
270
271 /*
272 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
273 */
274
275 b,
276 strong {
277 font-weight: bold;
278 }
279
280 blockquote {
281 /* Sets 1 unit of vertical rhythm on the top and bottom margin. */
282 margin: rhythm(1) $indent-amount;
283 }
284
285 /*
286 * Addresses styling not present in S5, Chrome
287 */
288
289 dfn {
290 font-style: italic;
291 }
292
293 /*
294 * Addresses styling not present in IE6/7/8/9
295 */
296
297 mark {
298 background: #ff0;
299 color: #000;
300 }
301
302 /*
303 * Addresses margins set differently in IE6/7
304 */
305
306 p,
307 pre {
308 /* Sets 1 unit of vertical rhythm on the top and bottom margin. */
309 margin: rhythm(1) 0;
310 }
311
312 /*
313 * Corrects font family set oddly in IE6, S4/5, Chrome
314 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
315 */
316
317 pre,
318 code,
319 kbd,
320 samp,
321 tt,
322 var {
323 font-family: $font-monospace; /* The $font-monospace value ends with ", serif". */
324 @if $legacy-support-for-ie6 {
325 _font-family: 'courier new', monospace;
326 }
327 @include adjust-font-size-to( 1 * $base-font-size );
328 }
329
330 /*
331 * Improves readability of pre-formatted text in all browsers
332 */
333
334 pre {
335 white-space: pre;
336 white-space: pre-wrap;
337 word-wrap: break-word;
338 }
339
340 /*
341 * 1. Addresses CSS quotes not supported in IE6/7
342 * 2. Addresses quote property not supported in S4
343 */
344
345 /* 1 */
346
347 q {
348 quotes: none;
349 }
350
351 /* 2 */
352
353 q:before,
354 q:after {
355 content: '';
356 content: none;
357 }
358
359 /* @todo Determine how big element affects vertical rhythm. */
360 small {
361 font-size: 75%;
362 }
363
364 /*
365 * Prevents sub and sup affecting line-height in all browsers
366 * gist.github.com/413930
367 */
368
369 sub,
370 sup {
371 font-size: 75%;
372 line-height: 0;
373 position: relative;
374 vertical-align: baseline;
375 }
376
377 sup {
378 top: -0.5em;
379 }
380
381 sub {
382 bottom: -0.25em;
383 }
384
385
386 /* =============================================================================
387 Lists
388 ========================================================================== */
389
390 /*
391 * Addresses margins set differently in IE6/7
392 */
393
394 dl,
395 menu,
396 ol,
397 ul,
398 .item-list ul /* Drupal override */ {
399 /* Sets 1 unit of vertical rhythm on the top and bottom margin. */
400 margin: rhythm(1) 0;
401 }
402
403 .item-list ul li { /* Drupal override */
404 margin: 0;
405 }
406
407 dd {
408 margin: 0 0 0 $indent-amount;
409 }
410
411 ul, ol, .item-list ul, .item-list ol {
412 ul, ol {
413 margin: 0; /* Turn off margins on nested lists. */
414 }
415 }
416
417 /*
418 * Addresses paddings set differently in IE6/7
419 */
420
421 menu,
422 ol,
423 ul,
424 .item-list ul /* Drupal override */ {
425 padding: 0 0 0 $indent-amount;
426 }
427
428 /*
429 * Corrects list images handled incorrectly in IE7
430 */
431
432 nav ul,
433 nav ol {
434 list-style: none;
435 list-style-image: none;
436 }
437
438
439 /* =============================================================================
440 Embedded content
441 ========================================================================== */
442
443 /*
444 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
445 * 2. Improves image quality when scaled in IE7
446 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
447 */
448
449 img {
450 border: 0; /* 1 */
451 -ms-interpolation-mode: bicubic; /* 2 */
452
453 /* vertical-align: bottom; */ /* Suppress the space beneath the baseline */
454
455 /* Responsive images */
456 /* @todo Add responsive embedded video. */
457 max-width: 100%;
458 height: auto;
459 }
460
461 /*
462 * Corrects overflow displayed oddly in IE9
463 */
464
465 svg:not(:root) {
466 overflow: hidden;
467 }
468
469
470 /* =============================================================================
471 Figures
472 ========================================================================== */
473
474 /*
475 * Addresses margin not present in IE6/7/8/9, S5, O11
476 */
477
478 figure {
479 margin: 0;
480 }
481
482
483 /* =============================================================================
484 Forms
485 ========================================================================== */
486
487 /*
488 * Corrects margin displayed oddly in IE6/7
489 */
490
491 form {
492 margin: 0;
493 }
494
495 /*
496 * Define consistent border, margin, and padding
497 */
498
499 fieldset {
500 border-color: #c0c0c0;
501 margin: 0 2px;
502 /* Apply borders and padding that keep the vertical rhythm. */
503 @include apply-side-rhythm-border(top, $width: 1px, $lines: 0.35);
504 @include apply-side-rhythm-border(bottom, $width: 1px, $lines: 0.65);
505 @include apply-side-rhythm-border(left, $width: 1px, $lines: 0.65);
506 @include apply-side-rhythm-border(right, $width: 1px, $lines: 0.65);
507 }
508
509 /*
510 * 1. Corrects color not being inherited in IE6/7/8/9
511 * 2. Corrects text not wrapping in FF3
512 * 3. Corrects alignment displayed oddly in IE6/7
513 */
514
515 legend {
516 border: 0; /* 1 */
517 padding: 0;
518 white-space: normal; /* 2 */
519 @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
520 *margin-left: -7px; /* 3 */
521 }
522 }
523
524 /*
525 * 1. Corrects font size not being inherited in all browsers
526 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
527 * 3. Improves appearance and consistency in all browsers
528 */
529
530 button,
531 input,
532 select,
533 textarea {
534 font-size: 100%; /* 1 */
535 margin: 0; /* 2 */
536 vertical-align: baseline; /* 3 */
537 @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
538 *vertical-align: middle; /* 3 */
539 }
540 }
541
542 /*
543 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
544 */
545
546 button,
547 input {
548 line-height: normal; /* 1 */
549 }
550
551 /*
552 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
553 * 2. Corrects inability to style clickable 'input' types in iOS
554 * 3. Removes inner spacing in IE7 without affecting normal text inputs
555 * Known issue: inner spacing remains in IE6
556 */
557
558 button,
559 input[type="button"],
560 input[type="reset"],
561 input[type="submit"] {
562 cursor: pointer; /* 1 */
563 -webkit-appearance: button; /* 2 */
564 @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
565 *overflow: visible; /* 3 */
566 }
567 }
568
569 /*
570 * Re-set default cursor for disabled elements
571 */
572
573 button[disabled],
574 input[disabled] {
575 cursor: default;
576 }
577
578 /*
579 * 1. Addresses box sizing set to content-box in IE8/9
580 * 2. Removes excess padding in IE8/9
581 * 3. Removes excess padding in IE7
582 Known issue: excess padding remains in IE6
583 */
584
585 input[type="checkbox"],
586 input[type="radio"] {
587 @include box-sizing(border-box); /* 1 */
588 padding: 0; /* 2 */
589 @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
590 *height: 13px; /* 3 */
591 *width: 13px; /* 3 */
592 }
593 }
594
595 /*
596 * 1. Addresses appearance set to searchfield in S5, Chrome
597 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
598 */
599
600 input[type="search"] {
601 -webkit-appearance: textfield; /* 1 */
602 @include box-sizing(content-box); /* 2 */
603 }
604
605 /*
606 * Removes inner padding and search cancel button in S5, Chrome on OS X
607 */
608
609 input[type="search"]::-webkit-search-decoration,
610 input[type="search"]::-webkit-search-cancel-button {
611 -webkit-appearance: none;
612 }
613
614 /*
615 * Removes inner padding and border in FF3+
616 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
617 */
618
619 button::-moz-focus-inner,
620 input::-moz-focus-inner {
621 border: 0;
622 padding: 0;
623 }
624
625 /*
626 * 1. Removes default vertical scrollbar in IE6/7/8/9
627 * 2. Improves readability and alignment in all browsers
628 */
629
630 textarea {
631 overflow: auto; /* 1 */
632 vertical-align: top; /* 2 */
633 }
634
635
636 /* =============================================================================
637 Tables
638 ========================================================================== */
639
640 /*
641 * Remove most spacing between table cells
642 */
643
644 table {
645 border-collapse: collapse;
646 border-spacing: 0;
647 /* width: 100%; */ /* Prevent cramped-looking tables */
648 /* Add vertical rhythm margins. */
649 @include leader(1);
650 @include trailer(1);
651 }
652
653 /*
654 * Drupal provides table styling which is only useful for its admin section
655 * forms, so we override this default CSS. (We set it back in forms.css.)
656 */
657
658 th {
659 text-align: left;
660 padding: 0;
661 border-bottom: none;
662 }
663
664 tbody {
665 border-top: none;
666 }