diff --git a/css/normalize.css b/css/normalize.css index b62144e9080508b39cead7862633fcb229484681..5383c7dfb0a0b6d62fa4f17dac0c4eb88a0fc26d 100755 --- a/css/normalize.css +++ b/css/normalize.css @@ -36,9 +36,8 @@ video { * Prevents modern browsers from displaying 'audio' without controls */ audio:not([controls]) { - display: none; + display: none; } - /* * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 * Known issue: no IE6 support @@ -69,9 +68,8 @@ html { * Addresses margins handled incorrectly in IE6/7 */ body { - margin: 0; + margin: 0; } - /* * Addresses font-family inconsistency between 'textarea' and other form elements. */ @@ -90,18 +88,16 @@ textarea { * Addresses outline displayed oddly in Chrome */ a:focus { - outline: thin dotted; + outline: thin dotted; } - /* * Improves readability when focused and also mouse hovered in all browsers * people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active { - outline: 0; + outline: 0; } - /* ============================================================================= Typography ========================================================================== */ @@ -109,14 +105,13 @@ a:active { * Neutralise smaller font-size in 'section' and 'article' in FF4+, Chrome, S5 */ h1 { - font-size: 2em; + font-size: 2em; } - /* * Addresses styling not present in IE7/8/9, S5, Chrome */ abbr[title] { - border-bottom: 1px dotted; + border-bottom: 1px dotted; } /* @@ -124,25 +119,25 @@ abbr[title] { */ b, strong { - font-weight: bold; + font-weight: bold; } blockquote { - margin: 1em 40px; + margin: 1em 40px; } /* * Addresses styling not present in S5, Chrome */ dfn { - font-style: italic; + font-style: italic; } /* * Addresses styling not present in IE6/7/8/9 */ mark { - background: #ff0; - color: #000; + background: #ff0; + color: #000; } /* @@ -153,16 +148,16 @@ pre, code, kbd, samp { - font-family: monospace, serif; - _font-family: 'courier new', monospace; - font-size: 1em; + font-family: monospace, serif; + _font-family: 'courier new', monospace; + font-size: 1em; } /* * Improves readability of pre-formatted text in all browsers */ pre { - white-space: pre; + white-space: pre; white-space: pre-wrap; word-wrap: break-word; } @@ -174,18 +169,18 @@ pre { /* 1 */ q { - quotes: none; + quotes: none; } /* 2 */ q:before, q:after { - content: ''; - content: none; + content: ''; + content: none; } small { - font-size: 75%; + font-size: 75%; } /* @@ -194,18 +189,18 @@ small { */ sub, sup { - font-size: 75%; + font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { - top: -0.5em; + top: -0.5em; } sub { - bottom: -0.25em; + bottom: -0.25em; } /* ============================================================================= @@ -213,18 +208,18 @@ sub { ========================================================================== */ ul, ol { - margin-left: 0; - padding: 0 0 0 40px; + margin-left: 0; + padding: 0 0 0 40px; } dd { - margin: 0 0 0 40px; + margin: 0 0 0 40px; } nav ul, nav ol { - list-style: none; - list-style-image: none; + list-style: none; + list-style-image: none; } /* ============================================================================= @@ -236,7 +231,7 @@ nav ol { * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ img { - border: 0; /* 1 */ + border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } @@ -244,9 +239,8 @@ img { * Corrects overflow displayed oddly in IE9 */ svg:not(:root) { - overflow: hidden; + overflow: hidden; } - /* ============================================================================= Figures ========================================================================== */ @@ -254,9 +248,8 @@ svg:not(:root) { * Addresses margin not present in IE6/7/8/9, S5, O11 */ figure { - margin: 0; + margin: 0; } - /* ============================================================================= Forms ========================================================================== */ @@ -264,16 +257,16 @@ figure { * Corrects margin displayed oddly in IE6/7 */ form { - margin: 0; + margin: 0; } /* * Define consistent border, margin, and padding */ fieldset { - border: 1px solid #c0c0c0; + border: 1px solid #c0c0c0; margin: 0 2px; - padding: 0.35em 0.625em 0.75em; + padding: 0.35em 0.625em 0.75em; } /* @@ -281,7 +274,7 @@ fieldset { * 2. Corrects alignment displayed oddly in IE6/7 */ legend { - border: 0; /* 1 */ + border: 0; /* 1 */ *margin-left: -7px; /* 2 */ } @@ -294,7 +287,7 @@ button, input, select, textarea { - font-size: 100%; /* 1 */ + font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ @@ -305,7 +298,7 @@ textarea { */ button, input { - line-height: normal; /* 1 */ + line-height: normal; /* 1 */ } /* @@ -318,8 +311,8 @@ button, input[type="button"], input[type="reset"], input[type="submit"] { - cursor: pointer; /* 1 */ - *overflow: visible; /* 3 */ + cursor: pointer; /* 1 */ + *overflow: visible; /* 3 */ -webkit-appearance: button; /* 2 */ } @@ -329,7 +322,7 @@ input[type="submit"] { */ input[type="checkbox"], input[type="radio"] { - box-sizing: border-box; /* 1 */ + box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } @@ -338,17 +331,17 @@ input[type="radio"] { * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) */ input[type="search"] { - box-sizing: content-box; + box-sizing: content-box; -moz-box-sizing: content-box; - -webkit-appearance: textfield; /* 1 */ - -webkit-box-sizing: content-box; /* 2 */ + -webkit-appearance: textfield; /* 1 */ + -webkit-box-sizing: content-box; /* 2 */ } /* * Removes inner padding that is displayed in S5, Chrome on OS X */ input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; + -webkit-appearance: none; } /* @@ -357,8 +350,8 @@ input[type="search"]::-webkit-search-decoration { */ button::-moz-focus-inner, input::-moz-focus-inner { - border: 0; - padding: 0; + border: 0; + padding: 0; } /* @@ -366,10 +359,9 @@ input::-moz-focus-inner { * 2. Improves readability and alignment in all browsers */ textarea { - overflow: auto; /* 1 */ + overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } - /* ============================================================================= Tables ========================================================================== */