diff --git a/normalize.css b/normalize.css index 57b5d2679..2683ad080 100644 --- a/normalize.css +++ b/normalize.css @@ -1,375 +1,369 @@ -/*! normalize.css v2.0.1 | MIT License | git.io/normalize */ - -/* ========================================================================== - HTML5 display definitions - ========================================================================== */ - -/* - * Corrects `block` display not defined in IE 8/9. - */ - -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -nav, -section, -summary { - display: block; -} - -/* - * Corrects `inline-block` display not defined in IE 8/9. - */ - -audio, -canvas, -video { - display: inline-block; -} - -/* - * Prevents modern browsers from displaying `audio` without controls. - * Remove excess height in iOS 5 devices. - */ - -audio:not([controls]) { - display: none; - height: 0; -} - -/* - * Addresses styling for `hidden` attribute not present in IE 8/9. - */ - -[hidden] { - display: none; -} - -/* ========================================================================== - Base - ========================================================================== */ - -/* - * 1. Sets default font family to sans-serif. - * 2. Prevents iOS text size adjust after orientation change, without disabling - * user zoom. - */ - -html { - font-family: sans-serif; /* 1 */ - -webkit-text-size-adjust: 100%; /* 2 */ - -ms-text-size-adjust: 100%; /* 2 */ -} - -/* - * Removes default margin. - */ - -body { - margin: 0; -} - -/* ========================================================================== - Links - ========================================================================== */ - -/* - * Addresses `outline` inconsistency between Chrome and other browsers. - */ - -a:focus { - outline: thin dotted; -} - -/* - * Improves readability when focused and also mouse hovered in all browsers. - */ - -a:active, -a:hover { - outline: 0; -} - -/* ========================================================================== - Typography - ========================================================================== */ - -/* - * Addresses `h1` font sizes within `section` and `article` in Firefox 4+, - * Safari 5, and Chrome. - */ - -h1 { - font-size: 2em; -} - -/* - * Addresses styling not present in IE 8/9, Safari 5, and Chrome. - */ - -abbr[title] { - border-bottom: 1px dotted; -} - -/* - * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome. - */ - -b, -strong { - font-weight: bold; -} - -/* - * Addresses styling not present in Safari 5 and Chrome. - */ - -dfn { - font-style: italic; -} - -/* - * Addresses styling not present in IE 8/9. - */ - -mark { - background: #ff0; - color: #000; -} - - -/* - * Corrects font family set oddly in Safari 5 and Chrome. - */ - -code, -kbd, -pre, -samp { - font-family: monospace, serif; - font-size: 1em; -} - -/* - * Improves readability of pre-formatted text in all browsers. - */ - -pre { - white-space: pre; - white-space: pre-wrap; - word-wrap: break-word; -} - -/* - * Sets consistent quote types. - */ - -q { - quotes: "\201C" "\201D" "\2018" "\2019"; -} - -/* - * Addresses inconsistent and variable font size in all browsers. - */ - -small { - font-size: 80%; -} - -/* - * Prevents `sub` and `sup` affecting `line-height` in all browsers. - */ - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sup { - top: -0.5em; -} - -sub { - bottom: -0.25em; -} - -/* ========================================================================== - Embedded content - ========================================================================== */ - -/* - * Removes border when inside `a` element in IE 8/9. - */ - -img { - border: 0; -} - -/* - * Corrects overflow displayed oddly in IE 9. - */ - -svg:not(:root) { - overflow: hidden; -} - -/* ========================================================================== - Figures - ========================================================================== */ - -/* - * Addresses margin not present in IE 8/9 and Safari 5. - */ - -figure { - margin: 0; -} - -/* ========================================================================== - Forms - ========================================================================== */ - -/* - * Define consistent border, margin, and padding. - */ - -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; -} - -/* - * 1. Corrects color not being inherited in IE 8/9. - * 2. Remove padding so people aren't caught out if they zero out fieldsets. - */ - -legend { - border: 0; /* 1 */ - padding: 0; /* 2 */ -} - -/* - * 1. Corrects font family not being inherited in all browsers. - * 2. Corrects font size not being inherited in all browsers. - * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome - */ - -button, -input, -select, -textarea { - font-family: inherit; /* 1 */ - font-size: 100%; /* 2 */ - margin: 0; /* 3 */ -} - -/* - * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in - * the UA stylesheet. - */ - -button, -input { - line-height: normal; -} - -/* - * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` - * and `video` controls. - * 2. Corrects inability to style clickable `input` types in iOS. - * 3. Improves usability and consistency of cursor style between image-type - * `input` and others. - */ - -button, -html input[type="button"], /* 1 */ -input[type="reset"], -input[type="submit"] { - -webkit-appearance: button; /* 2 */ - cursor: pointer; /* 3 */ -} - -/* - * Re-set default cursor for disabled elements. - */ - -button[disabled], -input[disabled] { - cursor: default; -} - -/* - * 1. Addresses box sizing set to `content-box` in IE 8/9. - * 2. Removes excess padding in IE 8/9. - */ - -input[type="checkbox"], -input[type="radio"] { - box-sizing: border-box; /* 1 */ - padding: 0; /* 2 */ -} - -/* - * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. - * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome - * (include `-moz` to future-proof). - */ - -input[type="search"] { - -webkit-appearance: textfield; /* 1 */ - -moz-box-sizing: content-box; - -webkit-box-sizing: content-box; /* 2 */ - box-sizing: content-box; -} - -/* - * Removes inner padding and search cancel button in Safari 5 and Chrome - * on OS X. - */ - -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} - -/* - * Removes inner padding and border in Firefox 4+. - */ - -button::-moz-focus-inner, -input::-moz-focus-inner { - border: 0; - padding: 0; -} - -/* - * 1. Removes default vertical scrollbar in IE 8/9. - * 2. Improves readability and alignment in all browsers. - */ - -textarea { - overflow: auto; /* 1 */ - vertical-align: top; /* 2 */ -} - -/* ========================================================================== - Tables - ========================================================================== */ - -/* - * Remove most spacing between table cells. - */ - -table { - border-collapse: collapse; - border-spacing: 0; -} +/*! normalize.css v2.0.1 | MIT License | git.io/normalize */ + +/* ========================================================================== + HTML5 display 定义 + ========================================================================== */ + +/* + * 更正 IE 8/9 中未定义的 `block` 元素显示。 + */ + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +nav, +section, +summary { + display: block; +} + +/* + * 更正 IE 8/9 中未定义的 `inline-block` 元素显示 + */ + +audio, +canvas, +video { + display: inline-block; +} + +/* + * 防止现代浏览器将没有 controls 属性的 `audio` 元素显示出来 + * 移除 iOS 5 设备中多余的高度 + */ + +audio:not([controls]) { + display: none; + height: 0; +} + +/* + * 校正 IE 8/9 中 `hidden` 属性不起作用的问题 + */ + +[hidden] { + display: none; +} + +/* ========================================================================== + 基本 + ========================================================================== */ + +/* + * 1. 将默认字体设置为 sans-serif + * 2. 在不禁止用户缩放的情况下避免 iOS 设备方向调整后自动校正字体大小 + */ + +html { + font-family: sans-serif; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ + -ms-text-size-adjust: 100%; /* 2 */ +} + +/* + * 移除缺省的外边距 + */ + +body { + margin: 0; +} + +/* ========================================================================== + 链接 + ========================================================================== */ + +/* + * 校正 `outline` 在 Chrome 和其他浏览器间的不一致 + */ + +a:focus { + outline: thin dotted; +} + +/* + * 增强在所有浏览器中聚焦和鼠标悬停时的可读性 + */ + +a:active, +a:hover { + outline: 0; +} + +/* ========================================================================== + 排版 + ========================================================================== */ + +/* + * 校正 Firefox 4+,Safari 5 和 Chrome 中 `section` 和 `article` 内的 `h1` 字体大小 + */ + +h1 { + font-size: 2em; +} + +/* + * 校正 IE 8/9, Safari 5 和 Chrome 中样式不呈现的问题 + */ + +abbr[title] { + border-bottom: 1px dotted; +} + +/* + * 校正 Firefox 4+, Safari 5 和 Chrome 中 `bolder` 的样式 + */ + +b, +strong { + font-weight: bold; +} + +/* + * 校正 Safari 5 和 Chrome 中样式不呈现的问题 + */ + +dfn { + font-style: italic; +} + +/* + * 校正 IE 8/9 中样式不呈现的问题 + */ + +mark { + background: #ff0; + color: #000; +} + + +/* + * 更正 Safari 5 和 Chrome 中诡异的字体设置 + */ + +code, +kbd, +pre, +samp { + font-family: monospace, serif; + font-size: 1em; +} + +/* + * 增强所有浏览器中预格式化文本的可读性 + */ + +pre { + white-space: pre; + white-space: pre-wrap; + word-wrap: break-word; +} + +/* + * 设置一致的引用类型 + */ + +q { + quotes: "\201C" "\201D" "\2018" "\2019"; +} + +/* + * 校正所有浏览器中易变且不一致的字体大小 + */ + +small { + font-size: 80%; +} + +/* + * 防止所有浏览器中的 `sub` 和 `sup` 影响到行高 (line-height) + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +/* ========================================================================== + 嵌入内容 + ========================================================================== */ + +/* + * 移除在 IE 8/9 中嵌入到 `a` 元素时的边框 + */ + +img { + border: 0; +} + +/* + * 更正 IE 9 中诡异的 `overflow` 表现 + */ + +svg:not(:root) { + overflow: hidden; +} + +/* ========================================================================== + Figures + ========================================================================== */ + +/* + * 更正 IE 8/9 和 Safari 5 中外边距不展示的问题 + */ + +figure { + margin: 0; +} + +/* ========================================================================== + 表单 + ========================================================================== */ + +/* + * 定义一致的边框、外边距和内边距 + */ + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +/* + * 1. 更正 IE 8/9 中颜色不继承的问题 + * 2. 移除内边距,确保人们在将 `fieldset` 设置为 0 时不至于大跌眼镜 + */ + +legend { + border: 0; /* 1 */ + padding: 0; /* 2 */ +} + +/* + * 1. 更正所有浏览器中字体不继承的问题 + * 2. 更正所有浏览器中字号不继承的问题 + * 3. 更正 Firefox 4+, Safari 5 和 Chrome 中外边距不同的问题 + */ + +button, +input, +select, +textarea { + font-family: inherit; /* 1 */ + font-size: 100%; /* 2 */ + margin: 0; /* 3 */ +} + +/* + * 更正 Firefox 4+ 用户代理样式表 (UA stylesheet) 中在 `input` 上设置 `line-height` 时使用 `!important` 的问题 + */ + +button, +input { + line-height: normal; +} + +/* + * 1. 避免 Android 4.0.* 中的 WebKit bug,该 bug 会破坏原生的 `audio` 和 `video` 控制器 + * 2. 更正 iOS 中无法设置可点击的 `input` 的问题 + * 3. 增强图片类型以及其他类型的 `input` 中指针的可用性以及样式的一致性 + */ + +button, +html input[type="button"], /* 1 */ +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; /* 2 */ + cursor: pointer; /* 3 */ +} + +/* + * 重置 disabled 元素的默认指针样式 + */ + +button[disabled], +input[disabled] { + cursor: default; +} + +/* + * 1. 调整 IE 8/9 box sizing 被设置为 `content-box` 的问题 + * 2. 移除 IE 8/9 中多余的内边距 + */ + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/* + * 1. 校正 Safari 5 和 Chrome 中 `appearance` 被设置为 `searchfield` 的问题 + * 2. 校正 Safari 5 和 Chrome 中 `box-sizing` 被设置为 `border-box` 的问题 + * (include `-moz` to future-proof) + */ + +input[type="search"] { + -webkit-appearance: textfield; /* 1 */ + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; /* 2 */ + box-sizing: content-box; +} + +/* + * 移除 OS X 中 Safari 5 和 Chrome 内部的内边距以及搜索框的取消按钮 + */ + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/* + * 移除 Firefox 4+ 内部的内边距 + */ + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +/* + * 1. 移除 IE 8/9 中默认的垂直滚动条 + * 2. 增强所有浏览器下的文字对齐以及可读性 + */ + +textarea { + overflow: auto; /* 1 */ + vertical-align: top; /* 2 */ +} + +/* ========================================================================== + 表格 + ========================================================================== */ + +/* + * 移除单元格间大部分的间距 + */ + +table { + border-collapse: collapse; + border-spacing: 0; +}