Updated Normalize.css from v1.0.2 to v2.1.2

This commit is contained in:
John O'Nolan 2013-08-10 16:53:38 +02:00 committed by Hannah Wolfe
parent 61a960d03f
commit e8080571bd
1 changed files with 116 additions and 221 deletions

View File

@ -1,14 +1,13 @@
/*! normalize.css v1.0.2 | MIT License | git.io/normalize */ /*! normalize.css v2.1.2 | MIT License | git.io/normalize */
/* ========================================================================== /* ==========================================================================
HTML5 display definitions HTML5 display definitions
========================================================================== */ ========================================================================== */
/* /**
* Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3. * Correct `block` display not defined in IE 8/9.
*/ */
main,
article, article,
aside, aside,
details, details,
@ -17,26 +16,25 @@ figure,
footer, footer,
header, header,
hgroup, hgroup,
main,
nav, nav,
section, section,
summary { summary {
display: block; display: block;
} }
/* /**
* Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. * Correct `inline-block` display not defined in IE 8/9.
*/ */
audio, audio,
canvas, canvas,
video { video {
display: inline-block; display: inline-block;
*display: inline;
*zoom: 1;
} }
/* /**
* Prevents modern browsers from displaying `audio` without controls. * Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices. * Remove excess height in iOS 5 devices.
*/ */
@ -45,13 +43,13 @@ audio:not([controls]) {
height: 0; height: 0;
} }
/* /**
* Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3, * Address `[hidden]` styling not present in IE 8/9.
* and Safari 4. * Hide the `template` element in IE, Safari, and Firefox < 22.
* Known issue: no IE 6 support.
*/ */
[hidden] { [hidden],
template {
display: none; display: none;
} }
@ -59,34 +57,20 @@ audio:not([controls]) {
Base Base
========================================================================== */ ========================================================================== */
/* /**
* 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using * 1. Set default font family to sans-serif.
* `em` units. * 2. Prevent iOS text size adjust after orientation change, without disabling
* 2. Prevents iOS text size adjust after orientation change, without disabling
* user zoom. * user zoom.
*/ */
html { html {
font-size: 100%; /* 1 */ font-family: sans-serif; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
-ms-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
} }
/* /**
* Addresses `font-family` inconsistency between `textarea` and other form * Remove default margin.
* elements.
*/
html,
button,
input,
select,
textarea {
font-family: sans-serif;
}
/*
* Addresses margins handled incorrectly in IE 6/7.
*/ */
body { body {
@ -97,16 +81,24 @@ body {
Links Links
========================================================================== */ ========================================================================== */
/* /**
* Addresses `outline` inconsistency between Chrome and other browsers. * Remove the gray background color from active links in IE 10.
*/
a {
background: transparent;
}
/**
* Address `outline` inconsistency between Chrome and other browsers.
*/ */
a:focus { a:focus {
outline: thin dotted; outline: thin dotted;
} }
/* /**
* Improves readability when focused and also mouse hovered in all browsers. * Improve readability when focused and also mouse hovered in all browsers.
*/ */
a:active, a:active,
@ -118,10 +110,9 @@ a:hover {
Typography Typography
========================================================================== */ ========================================================================== */
/* /**
* Addresses font sizes and margins set differently in IE 6/7. * Address variable `h1` font-size and margin within `section` and `article`
* Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5, * contexts in Firefox 4+, Safari 5, and Chrome.
* and Chrome.
*/ */
h1 { h1 {
@ -129,41 +120,16 @@ h1 {
margin: 0.67em 0; margin: 0.67em 0;
} }
h2 { /**
font-size: 1.5em; * Address styling not present in IE 8/9, Safari 5, and Chrome.
margin: 0.83em 0;
}
h3 {
font-size: 1.17em;
margin: 1em 0;
}
h4 {
font-size: 1em;
margin: 1.33em 0;
}
h5 {
font-size: 0.83em;
margin: 1.67em 0;
}
h6 {
font-size: 0.67em;
margin: 2.33em 0;
}
/*
* Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
*/ */
abbr[title] { abbr[title] {
border-bottom: 1px dotted; border-bottom: 1px dotted;
} }
/* /**
* Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
*/ */
b, b,
@ -171,20 +137,26 @@ strong {
font-weight: bold; font-weight: bold;
} }
blockquote { /**
margin: 1em 40px; * Address styling not present in Safari 5 and Chrome.
}
/*
* Addresses styling not present in Safari 5 and Chrome.
*/ */
dfn { dfn {
font-style: italic; font-style: italic;
} }
/* /**
* Addresses styling not present in IE 6/7/8/9. * Address differences between Firefox and other browsers.
*/
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
/**
* Address styling not present in IE 8/9.
*/ */
mark { mark {
@ -192,16 +164,8 @@ mark {
color: #000; color: #000;
} }
/* /**
* Addresses margins set differently in IE 6/7. * Correct font family set oddly in Safari 5 and Chrome.
*/
p {
margin: 1em 0;
}
/*
* Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
*/ */
code, code,
@ -209,49 +173,35 @@ kbd,
pre, pre,
samp { samp {
font-family: monospace, serif; font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em; font-size: 1em;
} }
/* /**
* Improves readability of pre-formatted text in all browsers. * Improve readability of pre-formatted text in all browsers.
*/ */
pre { pre {
margin: 1.5em 0;
white-space: pre;
white-space: pre-wrap; white-space: pre-wrap;
word-wrap: break-word;
} }
/* /**
* Addresses CSS quotes not supported in IE 6/7. * Set consistent quote types.
*/ */
q { q {
quotes: none; quotes: "\201C" "\201D" "\2018" "\2019";
} }
/* /**
* Addresses `quotes` property not supported in Safari 4. * Address inconsistent and variable font size in all browsers.
*/
q:before,
q:after {
content: '';
content: none;
}
/*
* Addresses inconsistent and variable font size in all browsers.
*/ */
small { small {
font-size: 80%; font-size: 80%;
} }
/* /**
* Prevents `sub` and `sup` affecting `line-height` in all browsers. * Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/ */
sub, sub,
@ -270,67 +220,20 @@ sub {
bottom: -0.25em; bottom: -0.25em;
} }
/* ==========================================================================
Lists
========================================================================== */
/*
* Addresses margins set differently in IE 6/7.
*/
dl,
menu,
ol,
ul {
margin: 1em 0;
}
dd {
margin: 0 0 0 2em;
}
/*
* Addresses paddings set differently in IE 6/7.
*/
menu,
ol,
ul {
padding: 0 0 0 2em;
}
/*
* Corrects list images handled incorrectly in IE 7.
*/
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
li {
padding:0;
margin-top:5px;
line-height: 1.6em;
}
/* ========================================================================== /* ==========================================================================
Embedded content Embedded content
========================================================================== */ ========================================================================== */
/* /**
* 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3. * Remove border when inside `a` element in IE 8/9.
* 2. Improves image quality when scaled in IE 7.
*/ */
img { img {
border: 0; /* 1 */ border: 0;
-ms-interpolation-mode: bicubic; /* 2 */
} }
/* /**
* Corrects overflow displayed oddly in IE 9. * Correct overflow displayed oddly in IE 9.
*/ */
svg:not(:root) { svg:not(:root) {
@ -341,8 +244,8 @@ svg:not(:root) {
Figures Figures
========================================================================== */ ========================================================================== */
/* /**
* Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11. * Address margin not present in IE 8/9 and Safari 5.
*/ */
figure { figure {
@ -353,15 +256,7 @@ figure {
Forms Forms
========================================================================== */ ========================================================================== */
/* /**
* Corrects margin displayed oddly in IE 6/7.
*/
form {
margin: 0;
}
/*
* Define consistent border, margin, and padding. * Define consistent border, margin, and padding.
*/ */
@ -371,38 +266,33 @@ fieldset {
padding: 0.35em 0.625em 0.75em; padding: 0.35em 0.625em 0.75em;
} }
/* /**
* 1. Corrects color not being inherited in IE 6/7/8/9. * 1. Correct `color` not being inherited in IE 8/9.
* 2. Corrects text not wrapping in Firefox 3. * 2. Remove padding so people aren't caught out if they zero out fieldsets.
* 3. Corrects alignment displayed oddly in IE 6/7.
*/ */
legend { legend {
border: 0; /* 1 */ border: 0; /* 1 */
padding: 0; padding: 0; /* 2 */
white-space: normal; /* 2 */
*margin-left: -7px; /* 3 */
} }
/* /**
* 1. Corrects font size not being inherited in all browsers. * 1. Correct font family not being inherited in all browsers.
* 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5, * 2. Correct font size not being inherited in all browsers.
* and Chrome. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
* 3. Improves appearance and consistency in all browsers.
*/ */
button, button,
input, input,
select, select,
textarea { textarea {
font-size: 100%; /* 1 */ font-family: inherit; /* 1 */
margin: 0; /* 2 */ font-size: 100%; /* 2 */
vertical-align: baseline; /* 3 */ margin: 0; /* 3 */
*vertical-align: middle; /* 3 */
} }
/* /**
* Addresses Firefox 3+ setting `line-height` on `input` using `!important` in * Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet. * the UA stylesheet.
*/ */
@ -411,14 +301,24 @@ input {
line-height: normal; line-height: normal;
} }
/* /**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
* Correct `select` style inheritance in Firefox 4+ and Opera.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls. * and `video` controls.
* 2. Corrects inability to style clickable `input` types in iOS. * 2. Correct inability to style clickable `input` types in iOS.
* 3. Improves usability and consistency of cursor style between image-type * 3. Improve usability and consistency of cursor style between image-type
* `input` and others. * `input` and others.
* 4. Removes inner spacing in IE 7 without affecting normal text inputs.
* Known issue: inner spacing remains in IE 6.
*/ */
button, button,
@ -427,36 +327,31 @@ input[type="reset"],
input[type="submit"] { input[type="submit"] {
-webkit-appearance: button; /* 2 */ -webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */ cursor: pointer; /* 3 */
*overflow: visible; /* 4 */
} }
/* /**
* Re-set default cursor for disabled elements. * Re-set default cursor for disabled elements.
*/ */
button[disabled], button[disabled],
input[disabled] { html input[disabled] {
cursor: default; cursor: default;
} }
/* /**
* 1. Addresses box sizing set to content-box in IE 8/9. * 1. Address box sizing set to `content-box` in IE 8/9.
* 2. Removes excess padding in IE 8/9. * 2. Remove excess padding in IE 8/9.
* 3. Removes excess padding in IE 7.
* Known issue: excess padding remains in IE 6.
*/ */
input[type="checkbox"], input[type="checkbox"],
input[type="radio"] { input[type="radio"] {
box-sizing: border-box; /* 1 */ box-sizing: border-box; /* 1 */
padding: 0; /* 2 */ padding: 0; /* 2 */
*height: 13px; /* 3 */
*width: 13px; /* 3 */
} }
/* /**
* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
* (include `-moz` to future-proof). * (include `-moz` to future-proof).
*/ */
@ -467,8 +362,8 @@ input[type="search"] {
box-sizing: content-box; box-sizing: content-box;
} }
/* /**
* Removes inner padding and search cancel button in Safari 5 and Chrome * Remove inner padding and search cancel button in Safari 5 and Chrome
* on OS X. * on OS X.
*/ */
@ -477,8 +372,8 @@ input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; -webkit-appearance: none;
} }
/* /**
* Removes inner padding and border in Firefox 3+. * Remove inner padding and border in Firefox 4+.
*/ */
button::-moz-focus-inner, button::-moz-focus-inner,
@ -487,9 +382,9 @@ input::-moz-focus-inner {
padding: 0; padding: 0;
} }
/* /**
* 1. Removes default vertical scrollbar in IE 6/7/8/9. * 1. Remove default vertical scrollbar in IE 8/9.
* 2. Improves readability and alignment in all browsers. * 2. Improve readability and alignment in all browsers.
*/ */
textarea { textarea {
@ -501,7 +396,7 @@ textarea {
Tables Tables
========================================================================== */ ========================================================================== */
/* /**
* Remove most spacing between table cells. * Remove most spacing between table cells.
*/ */