Project

General

Profile

Download (14 KB) Statistics
| Branch: | Tag: | Revision:
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

    
112
/*
113
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
114
 *    http://clagnut.com/blog/348/#c790
115
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
116
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
117
 */
118

    
119
html {
120
  font-size: 100% * ($base-font-size / 16px); /* 1 */
121
  -webkit-text-size-adjust: 100%; /* 2 */
122
  -ms-text-size-adjust: 100%; /* 2 */
123
  /* Establishes a vertical rhythm unit using $base-line-height. */
124
  @include adjust-leading-to(1);
125
}
126

    
127
/*
128
 * Addresses font-family inconsistency between 'textarea' and other form elements.
129
 */
130

    
131
html,
132
button,
133
input,
134
select,
135
textarea {
136
  font-family: $base-font-family;
137
}
138

    
139
/*
140
 * Addresses margins handled incorrectly in IE6/7
141
 */
142

    
143
body {
144
  margin: 0;
145
}
146

    
147

    
148
/* =============================================================================
149
   Links
150
   ========================================================================== */
151

    
152
/*
153
 * The order of link states are based on Eric Meyer's article:
154
 * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
155
 */
156

    
157
a:link {
158
}
159

    
160
a:visited {
161
}
162

    
163
a:hover,
164
a:focus {
165
}
166

    
167
a:active {
168
}
169

    
170
/*
171
 * Addresses outline displayed oddly in Chrome
172
 */
173

    
174
a:focus {
175
  outline: thin dotted;
176
}
177

    
178
/*
179
 * Improves readability when focused and also mouse hovered in all browsers
180
 * people.opera.com/patrickl/experiments/keyboard/test
181
 */
182

    
183
a:hover,
184
a:active {
185
  outline: 0;
186
}
187

    
188

    
189
/* =============================================================================
190
   Typography
191

    
192
   To achieve a pleasant vertical rhythm, we use Compass' Vertical Rhythm mixins
193
   so that the line height of our base font becomes the basic unit of vertical
194
   measurement. We use multiples of that unit to set the top and bottom margins
195
   for our block level elements and to set the line heights of any fonts.
196
   For more information, see http://24ways.org/2006/compose-to-a-vertical-rhythm
197
   ========================================================================== */
198

    
199
/*
200
 * Addresses font sizes and margins set differently in IE6/7
201
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
202
 */
203

    
204
h1 {
205
  /* Sets the font-size and line-height while keeping a proper vertical rhythm. */
206
  @include adjust-font-size-to( $h1-font-size );
207

    
208
  /* Sets 1 unit of vertical rhythm on the top and bottom margins. */
209
  @include leader(1, $h1-font-size);
210
  @include trailer(1, $h1-font-size);
211
}
212

    
213
h2 {
214
  @include adjust-font-size-to( $h2-font-size );
215
  @include leader(1, $h2-font-size);
216
  @include trailer(1, $h2-font-size);
217
}
218

    
219
h3 {
220
  @include adjust-font-size-to( $h3-font-size );
221
  @include leader(1, $h3-font-size);
222
  @include trailer(1, $h3-font-size);
223
}
224

    
225
h4 {
226
  @include adjust-font-size-to( $h4-font-size );
227
  @include leader(1, $h4-font-size);
228
  @include trailer(1, $h4-font-size);
229
}
230

    
231
h5 {
232
  @include adjust-font-size-to( $h5-font-size );
233
  @include leader(1, $h5-font-size);
234
  @include trailer(1, $h5-font-size);
235
}
236

    
237
h6 {
238
  @include adjust-font-size-to( $h6-font-size );
239
  @include leader(1, $h6-font-size);
240
  @include trailer(1, $h6-font-size);
241
}
242

    
243
/* Thematic break */
244
hr {
245
  height: 1px;
246
  border: 1px solid #666;
247
  padding-bottom: -1px;
248
  margin: rhythm(1) 0;
249
}
250

    
251
/*
252
 * Addresses styling not present in IE7/8/9, S5, Chrome
253
 */
254

    
255
abbr[title] {
256
  border-bottom: 1px dotted;
257
  cursor: help;
258
  white-space: nowrap;
259
}
260

    
261
/*
262
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
263
*/
264

    
265
b,
266
strong {
267
  font-weight: bold;
268
}
269

    
270
blockquote {
271
  /* Sets 1 unit of vertical rhythm on the top and bottom margin. */
272
  margin: rhythm(1) $indent-amount;
273
}
274

    
275
/*
276
 * Addresses styling not present in S5, Chrome
277
 */
278

    
279
dfn {
280
  font-style: italic;
281
}
282

    
283
/*
284
 * Addresses styling not present in IE6/7/8/9
285
 */
286

    
287
mark {
288
  background: #ff0;
289
  color: #000;
290
}
291

    
292
/*
293
 * Addresses margins set differently in IE6/7
294
 */
295

    
296
p,
297
pre {
298
  /* Sets 1 unit of vertical rhythm on the top and bottom margin. */
299
  margin: rhythm(1) 0;
300
}
301

    
302
/*
303
 * Corrects font family set oddly in IE6, S4/5, Chrome
304
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
305
 */
306

    
307
pre,
308
code,
309
kbd,
310
samp,
311
tt,
312
var {
313
  font-family: $font-monospace; /* The $font-monospace value ends with ", serif". */
314
  @if $legacy-support-for-ie6 {
315
    _font-family: 'courier new', monospace;
316
  }
317
  @include adjust-font-size-to( 1 * $base-font-size );
318
}
319

    
320
/*
321
 * Improves readability of pre-formatted text in all browsers
322
 */
323

    
324
pre {
325
  white-space: pre;
326
  white-space: pre-wrap;
327
  word-wrap: break-word;
328
}
329

    
330
/*
331
 * 1. Addresses CSS quotes not supported in IE6/7
332
 * 2. Addresses quote property not supported in S4
333
 */
334

    
335
/* 1 */
336

    
337
q {
338
  quotes: none;
339
}
340

    
341
/* 2 */
342

    
343
q:before,
344
q:after {
345
  content: '';
346
  content: none;
347
}
348

    
349
/* @todo Determine how big element affects vertical rhythm. */
350
small {
351
  font-size: 75%;
352
}
353

    
354
/*
355
 * Prevents sub and sup affecting line-height in all browsers
356
 * gist.github.com/413930
357
 */
358

    
359
sub,
360
sup {
361
  font-size: 75%;
362
  line-height: 0;
363
  position: relative;
364
  vertical-align: baseline;
365
}
366

    
367
sup {
368
  top: -0.5em;
369
}
370

    
371
sub {
372
  bottom: -0.25em;
373
}
374

    
375

    
376
/* =============================================================================
377
   Lists
378
   ========================================================================== */
379

    
380
/*
381
 * Addresses margins set differently in IE6/7
382
 */
383

    
384
dl,
385
menu,
386
ol,
387
ul,
388
.item-list ul /* Drupal override */ {
389
  /* Sets 1 unit of vertical rhythm on the top and bottom margin. */
390
  margin: rhythm(1) 0;
391
}
392

    
393
.item-list ul li { /* Drupal override */
394
  margin: 0;
395
}
396

    
397
dd {
398
  margin: 0 0 0 $indent-amount; /* LTR */
399
}
400

    
401
ul, ol, .item-list ul, .item-list ol {
402
  ul, ol {
403
    margin: 0; /* Turn off margins on nested lists. */
404
  }
405
}
406

    
407
/*
408
 * Addresses paddings set differently in IE6/7
409
 */
410

    
411
menu,
412
ol,
413
ul,
414
.item-list ul /* Drupal override */ {
415
  padding: 0 0 0 $indent-amount; /* LTR */
416
}
417

    
418
/*
419
 * Corrects list images handled incorrectly in IE7
420
 */
421

    
422
nav ul,
423
nav ol {
424
  list-style: none;
425
  list-style-image: none;
426
}
427

    
428

    
429
/* =============================================================================
430
   Embedded content
431
   ========================================================================== */
432

    
433
/*
434
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
435
 * 2. Improves image quality when scaled in IE7
436
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
437
 */
438

    
439
img {
440
  border: 0; /* 1 */
441
  -ms-interpolation-mode: bicubic; /* 2 */
442

    
443
  /* vertical-align: bottom; */ /* Suppress the space beneath the baseline */
444

    
445
  /* Responsive images */
446
  /* @todo Add responsive embedded video. */
447
  max-width: 100%;
448
  height: auto;
449
}
450

    
451
/*
452
 * Corrects overflow displayed oddly in IE9
453
 */
454

    
455
svg:not(:root) {
456
  overflow: hidden;
457
}
458

    
459

    
460
/* =============================================================================
461
   Figures
462
   ========================================================================== */
463

    
464
/*
465
 * Addresses margin not present in IE6/7/8/9, S5, O11
466
 */
467

    
468
figure {
469
  margin: 0;
470
}
471

    
472

    
473
/* =============================================================================
474
   Forms
475
   ========================================================================== */
476

    
477
/*
478
 * Corrects margin displayed oddly in IE6/7
479
 */
480

    
481
form {
482
  margin: 0;
483
}
484

    
485
/*
486
 * Define consistent border, margin, and padding
487
 */
488

    
489
fieldset {
490
  border-color: #c0c0c0;
491
  margin: 0 2px;
492
  /* Apply borders and padding that keep the vertical rhythm. */
493
  @include apply-side-rhythm-border(top,    $width: 1px, $lines: 0.35);
494
  @include apply-side-rhythm-border(bottom, $width: 1px, $lines: 0.65);
495
  @include apply-side-rhythm-border(left,  $width: 1px, $lines: 0.65);
496
  @include apply-side-rhythm-border(right, $width: 1px, $lines: 0.65);
497
}
498

    
499
/*
500
 * 1. Corrects color not being inherited in IE6/7/8/9
501
 * 2. Corrects text not wrapping in FF3
502
 * 3. Corrects alignment displayed oddly in IE6/7
503
 */
504

    
505
legend {
506
  border: 0; /* 1 */
507
  padding: 0;
508
  white-space: normal; /* 2 */
509
  @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
510
    *margin-left: -7px; /* 3 */ /* LTR */
511
  }
512
}
513

    
514
/*
515
 * 1. Corrects font size not being inherited in all browsers
516
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
517
 * 3. Improves appearance and consistency in all browsers
518
 */
519

    
520
button,
521
input,
522
select,
523
textarea {
524
  font-size: 100%; /* 1 */
525
  margin: 0; /* 2 */
526
  vertical-align: baseline; /* 3 */
527
  @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
528
    *vertical-align: middle; /* 3 */
529
  }
530
}
531

    
532
/*
533
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
534
 */
535

    
536
button,
537
input {
538
  line-height: normal; /* 1 */
539
}
540

    
541
/*
542
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
543
 * 2. Corrects inability to style clickable 'input' types in iOS
544
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
545
 *    Known issue: inner spacing remains in IE6
546
 */
547

    
548
button,
549
input[type="button"],
550
input[type="reset"],
551
input[type="submit"] {
552
  cursor: pointer; /* 1 */
553
  -webkit-appearance: button; /* 2 */
554
  @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
555
    *overflow: visible;  /* 3 */
556
  }
557
}
558

    
559
/*
560
 * Re-set default cursor for disabled elements
561
 */
562

    
563
button[disabled],
564
input[disabled] {
565
  cursor: default;
566
}
567

    
568
/*
569
 * 1. Addresses box sizing set to content-box in IE8/9
570
 * 2. Removes excess padding in IE8/9
571
 * 3. Removes excess padding in IE7
572
      Known issue: excess padding remains in IE6
573
 */
574

    
575
input[type="checkbox"],
576
input[type="radio"] {
577
  @include box-sizing(border-box); /* 1 */
578
  padding: 0; /* 2 */
579
  @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
580
    *height: 13px; /* 3 */
581
    *width: 13px; /* 3 */
582
  }
583
}
584

    
585
/*
586
 * 1. Addresses appearance set to searchfield in S5, Chrome
587
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
588
 */
589

    
590
input[type="search"] {
591
  -webkit-appearance: textfield; /* 1 */
592
  @include box-sizing(content-box); /* 2 */
593
}
594

    
595
/*
596
 * Removes inner padding and search cancel button in S5, Chrome on OS X
597
 */
598

    
599
input[type="search"]::-webkit-search-decoration,
600
input[type="search"]::-webkit-search-cancel-button {
601
  -webkit-appearance: none;
602
}
603

    
604
/*
605
 * Removes inner padding and border in FF3+
606
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
607
 */
608

    
609
button::-moz-focus-inner,
610
input::-moz-focus-inner {
611
  border: 0;
612
  padding: 0;
613
}
614

    
615
/*
616
 * 1. Removes default vertical scrollbar in IE6/7/8/9
617
 * 2. Improves readability and alignment in all browsers
618
 */
619

    
620
textarea {
621
  overflow: auto; /* 1 */
622
  vertical-align: top; /* 2 */
623
}
624

    
625

    
626
/* =============================================================================
627
   Tables
628
   ========================================================================== */
629

    
630
/*
631
 * Remove most spacing between table cells
632
 */
633

    
634
table {
635
  border-collapse: collapse;
636
  border-spacing: 0;
637
  /* width: 100%; */ /* Prevent cramped-looking tables */
638
  /* Add vertical rhythm margins. */
639
  @include leader(1);
640
  @include trailer(1);
641
}
642

    
643
/*
644
 * Drupal provides table styling which is only useful for its admin section
645
 * forms, so we override this default CSS. (We set it back in forms.css.)
646
 */
647

    
648
th {
649
  text-align: left; /* LTR */
650
  padding: 0;
651
  border-bottom: none;
652
}
653

    
654
tbody {
655
  border-top: none;
656
}
(14-14/21)