Add Digg to sites using normalize.css

Includes updating normalize.css to the latest version from 'master'.
This commit is contained in:
Nicolas Gallagher 2012-08-07 22:31:46 +01:00
parent f051052df9
commit 03e1bf20f7
2 changed files with 89 additions and 92 deletions

View File

@ -59,9 +59,10 @@
<a href="http://twitter.github.com/bootstrap/">Twitter Bootstrap</a>, <a href="http://twitter.github.com/bootstrap/">Twitter Bootstrap</a>,
<a href="http://html5boilerplate.com/">HTML5 Boilerplate</a>, <a href="http://html5boilerplate.com/">HTML5 Boilerplate</a>,
<a href="https://www.rdio.com/">Rdio</a>, <a href="https://www.rdio.com/">Rdio</a>,
<a href="http://digg.com/">Digg</a>,
<a href="https://www.gov.uk/">GOV.UK</a>, <a href="https://www.gov.uk/">GOV.UK</a>,
<a href="http://informationarchitects.net/">iA</a>, <a href="http://informationarchitects.net/">iA</a>,
<a href="http://css-tricks.com/">CSS Tricks</a></li>, <a href="http://css-tricks.com/">CSS Tricks</a>,
and many others. and many others.
</p> </p>

176
normalize.css vendored
View File

@ -1,11 +1,11 @@
/*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */ /*! normalize.css 2012-08-07T21:27 UTC | MIT License | git.io/normalize */
/* ============================================================================= /* ==========================================================================
HTML5 display definitions HTML5 display definitions
========================================================================== */ ========================================================================== */
/* /*
* Corrects block display not defined in IE6/7/8/9 & FF3 * Corrects `block` display not defined in IE6/7/8/9 & FF3.
*/ */
article, article,
@ -23,7 +23,7 @@ summary {
} }
/* /*
* Corrects inline-block display not defined in IE6/7/8/9 & FF3 * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3.
*/ */
audio, audio,
@ -35,8 +35,8 @@ video {
} }
/* /*
* Prevents modern browsers from displaying 'audio' without controls * Prevents modern browsers from displaying `audio` without controls.
* Remove excess height in iOS5 devices * Remove excess height in iOS5 devices.
*/ */
audio:not([controls]) { audio:not([controls]) {
@ -45,24 +45,23 @@ audio:not([controls]) {
} }
/* /*
* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4.
* Known issue: no IE6 support * Known issue: no IE6 support.
*/ */
[hidden] { [hidden] {
display: none; display: none;
} }
/* ==========================================================================
/* =============================================================================
Base Base
========================================================================== */ ========================================================================== */
/* /*
* 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units * 1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using
* http://clagnut.com/blog/348/#c790 * `em` units.
* 2. Prevents iOS text size adjust after orientation change, without disabling user zoom * 2. Prevents iOS text size adjust after orientation change, without disabling
* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ * user zoom.
*/ */
html { html {
@ -72,7 +71,8 @@ html {
} }
/* /*
* Addresses font-family inconsistency between 'textarea' and other form elements. * Addresses `font-family` inconsistency between `textarea` and other form
* elements.
*/ */
html, html,
@ -84,20 +84,19 @@ textarea {
} }
/* /*
* Addresses margins handled incorrectly in IE6/7 * Addresses margins handled incorrectly in IE6/7.
*/ */
body { body {
margin: 0; margin: 0;
} }
/* ==========================================================================
/* =============================================================================
Links Links
========================================================================== */ ========================================================================== */
/* /*
* Addresses outline displayed oddly in Chrome * Addresses `outline` inconsistency between Chrome and other browsers.
*/ */
a:focus { a:focus {
@ -105,23 +104,22 @@ a:focus {
} }
/* /*
* Improves readability when focused and also mouse hovered in all browsers * Improves readability when focused and also mouse hovered in all browsers.
* people.opera.com/patrickl/experiments/keyboard/test * people.opera.com/patrickl/experiments/keyboard/test
*/ */
a:hover, a:active,
a:active { a:hover {
outline: 0; outline: 0;
} }
/* ==========================================================================
/* =============================================================================
Typography Typography
========================================================================== */ ========================================================================== */
/* /*
* Addresses font sizes and margins set differently in IE6/7 * Addresses font sizes and margins set differently in IE6/7.
* Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 * Addresses font sizes within `section` and `article` in FF4+, Chrome, S5.
*/ */
h1 { h1 {
@ -155,7 +153,7 @@ h6 {
} }
/* /*
* Addresses styling not present in IE7/8/9, S5, Chrome * Addresses styling not present in IE7/8/9, S5, Chrome.
*/ */
abbr[title] { abbr[title] {
@ -163,8 +161,8 @@ abbr[title] {
} }
/* /*
* Addresses style set to 'bolder' in FF3+, S4/5, Chrome * Addresses style set to `bolder` in FF3+, S4/5, Chrome.
*/ */
b, b,
strong { strong {
@ -176,7 +174,7 @@ blockquote {
} }
/* /*
* Addresses styling not present in S5, Chrome * Addresses styling not present in S5, Chrome.
*/ */
dfn { dfn {
@ -184,7 +182,7 @@ dfn {
} }
/* /*
* Addresses styling not present in IE6/7/8/9 * Addresses styling not present in IE6/7/8/9.
*/ */
mark { mark {
@ -193,7 +191,7 @@ mark {
} }
/* /*
* Addresses margins set differently in IE6/7 * Addresses margins set differently in IE6/7.
*/ */
p, p,
@ -202,13 +200,13 @@ pre {
} }
/* /*
* Corrects font family set oddly in IE6, S4/5, Chrome * Corrects font family set oddly in IE6, S4/5, Chrome.
* en.wikipedia.org/wiki/User:Davidgothberg/Test59 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
*/ */
pre,
code, code,
kbd, kbd,
pre,
samp { samp {
font-family: monospace, serif; font-family: monospace, serif;
_font-family: 'courier new', monospace; _font-family: 'courier new', monospace;
@ -216,7 +214,7 @@ samp {
} }
/* /*
* Improves readability of pre-formatted text in all browsers * Improves readability of pre-formatted text in all browsers.
*/ */
pre { pre {
@ -226,17 +224,16 @@ pre {
} }
/* /*
* 1. Addresses CSS quotes not supported in IE6/7 * Addresses CSS quotes not supported in IE6/7.
* 2. Addresses quote property not supported in S4
*/ */
/* 1 */
q { q {
quotes: none; quotes: none;
} }
/* 2 */ /*
* Addresses `quotes` property not supported in S4.
*/
q:before, q:before,
q:after { q:after {
@ -249,7 +246,7 @@ small {
} }
/* /*
* Prevents sub and sup affecting line-height in all browsers * Prevents `sub` and `sup` affecting `line-height` in all browsers.
* gist.github.com/413930 * gist.github.com/413930
*/ */
@ -269,13 +266,12 @@ sub {
bottom: -0.25em; bottom: -0.25em;
} }
/* ==========================================================================
/* =============================================================================
Lists Lists
========================================================================== */ ========================================================================== */
/* /*
* Addresses margins set differently in IE6/7 * Addresses margins set differently in IE6/7.
*/ */
dl, dl,
@ -290,7 +286,7 @@ dd {
} }
/* /*
* Addresses paddings set differently in IE6/7 * Addresses paddings set differently in IE6/7.
*/ */
menu, menu,
@ -300,7 +296,7 @@ ul {
} }
/* /*
* Corrects list images handled incorrectly in IE7 * Corrects list images handled incorrectly in IE7.
*/ */
nav ul, nav ul,
@ -309,14 +305,13 @@ nav ol {
list-style-image: none; list-style-image: none;
} }
/* ==========================================================================
/* =============================================================================
Embedded content Embedded content
========================================================================== */ ========================================================================== */
/* /*
* 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 * 1. Removes border when inside `a` element in IE6/7/8/9, FF3.
* 2. Improves image quality when scaled in IE7 * 2. Improves image quality when scaled in IE7.
* code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
*/ */
@ -326,33 +321,31 @@ img {
} }
/* /*
* Corrects overflow displayed oddly in IE9 * Corrects overflow displayed oddly in IE9.
*/ */
svg:not(:root) { svg:not(:root) {
overflow: hidden; overflow: hidden;
} }
/* ==========================================================================
/* =============================================================================
Figures Figures
========================================================================== */ ========================================================================== */
/* /*
* Addresses margin not present in IE6/7/8/9, S5, O11 * Addresses margin not present in IE6/7/8/9, S5, O11.
*/ */
figure { figure {
margin: 0; margin: 0;
} }
/* ==========================================================================
/* =============================================================================
Forms Forms
========================================================================== */ ========================================================================== */
/* /*
* Corrects margin displayed oddly in IE6/7 * Corrects margin displayed oddly in IE6/7.
*/ */
form { form {
@ -360,7 +353,7 @@ form {
} }
/* /*
* Define consistent border, margin, and padding * Define consistent border, margin, and padding.
*/ */
fieldset { fieldset {
@ -370,9 +363,9 @@ fieldset {
} }
/* /*
* 1. Corrects color not being inherited in IE6/7/8/9 * 1. Corrects color not being inherited in IE6/7/8/9.
* 2. Corrects text not wrapping in FF3 * 2. Corrects text not wrapping in FF3.
* 3. Corrects alignment displayed oddly in IE6/7 * 3. Corrects alignment displayed oddly in IE6/7.
*/ */
legend { legend {
@ -383,9 +376,9 @@ legend {
} }
/* /*
* 1. Corrects font size not being inherited in all browsers * 1. Corrects font size not being inherited in all browsers.
* 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome.
* 3. Improves appearance and consistency in all browsers * 3. Improves appearance and consistency in all browsers.
*/ */
button, button,
@ -399,32 +392,36 @@ textarea {
} }
/* /*
* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet * Addresses FF3/4 setting `line-height` on `input` using `!important` in the
* UA stylesheet.
*/ */
button, button,
input { input {
line-height: normal; /* 1 */ line-height: normal;
} }
/* /*
* 1. Improves usability and consistency of cursor style between image-type 'input' and others * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* 2. Corrects inability to style clickable 'input' types in iOS * and `video` controls.
* 3. Removes inner spacing in IE7 without affecting normal text inputs * 2. Corrects inability to style clickable `input` types in iOS.
* Known issue: inner spacing remains in IE6 * 3. Improves usability and consistency of cursor style between image-type
* `input` and others.
* 4. Removes inner spacing in IE7 without affecting normal text inputs.
* Known issue: inner spacing remains in IE6.
*/ */
button, button,
input[type="button"], html input[type="button"], /* 1 */
input[type="reset"], input[type="reset"],
input[type="submit"] { input[type="submit"] {
cursor: pointer; /* 1 */
-webkit-appearance: button; /* 2 */ -webkit-appearance: button; /* 2 */
*overflow: visible; /* 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],
@ -433,10 +430,10 @@ input[disabled] {
} }
/* /*
* 1. Addresses box sizing set to content-box in IE8/9 * 1. Addresses box sizing set to content-box in IE8/9.
* 2. Removes excess padding in IE8/9 * 2. Removes excess padding in IE8/9.
* 3. Removes excess padding in IE7 * 3. Removes excess padding in IE7.
Known issue: excess padding remains in IE6 * Known issue: excess padding remains in IE6.
*/ */
input[type="checkbox"], input[type="checkbox"],
@ -448,8 +445,9 @@ input[type="radio"] {
} }
/* /*
* 1. Addresses appearance set to searchfield in S5, Chrome * 1. Addresses `appearance` set to `searchfield` in S5, Chrome.
* 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) * 2. Addresses `box-sizing` set to `border-box` in S5, Chrome (include `-moz`
* to future-proof).
*/ */
input[type="search"] { input[type="search"] {
@ -460,17 +458,16 @@ input[type="search"] {
} }
/* /*
* Removes inner padding and search cancel button in S5, Chrome on OS X * Removes inner padding and search cancel button in S5, Chrome on OS X.
*/ */
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-cancel-button { input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; -webkit-appearance: none;
} }
/* /*
* Removes inner padding and border in FF3+ * Removes inner padding and border in FF3+.
* www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
*/ */
button::-moz-focus-inner, button::-moz-focus-inner,
@ -480,8 +477,8 @@ input::-moz-focus-inner {
} }
/* /*
* 1. Removes default vertical scrollbar in IE6/7/8/9 * 1. Removes default vertical scrollbar in IE6/7/8/9.
* 2. Improves readability and alignment in all browsers * 2. Improves readability and alignment in all browsers.
*/ */
textarea { textarea {
@ -489,13 +486,12 @@ textarea {
vertical-align: top; /* 2 */ vertical-align: top; /* 2 */
} }
/* ==========================================================================
/* =============================================================================
Tables Tables
========================================================================== */ ========================================================================== */
/* /*
* Remove most spacing between table cells * Remove most spacing between table cells.
*/ */
table { table {