normalize.css 7.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410
  1. /*! normalize.css v2.1.2 | MIT License | git.io/normalize */
  2. /* ==========================================================================
  3. HTML5 display definitions
  4. ========================================================================== */
  5. /**
  6. * Correct `block` display not defined in IE 8/9.
  7. */
  8. article,
  9. aside,
  10. details,
  11. figcaption,
  12. figure,
  13. footer,
  14. header,
  15. hgroup,
  16. main,
  17. nav,
  18. section,
  19. summary {
  20. display: block;
  21. }
  22. /**
  23. * Correct `inline-block` display not defined in IE 8/9.
  24. */
  25. audio,
  26. canvas,
  27. video {
  28. display: inline-block;
  29. }
  30. /**
  31. * Prevent modern browsers from displaying `audio` without controls.
  32. * Remove excess height in iOS 5 devices.
  33. */
  34. audio:not([controls]) {
  35. display: none;
  36. height: 0;
  37. }
  38. /**
  39. * Address `[hidden]` styling not present in IE 8/9.
  40. * Hide the `template` element in IE, Safari, and Firefox < 22.
  41. */
  42. [hidden],
  43. template {
  44. display: none;
  45. }
  46. script {
  47. display: none !important;
  48. }
  49. /* ==========================================================================
  50. Base
  51. ========================================================================== */
  52. /**
  53. * 1. Set default font family to sans-serif.
  54. * 2. Prevent iOS text size adjust after orientation change, without disabling
  55. * user zoom.
  56. */
  57. html {
  58. font-family: sans-serif; /* 1 */
  59. -ms-text-size-adjust: 100%; /* 2 */
  60. -webkit-text-size-adjust: 100%; /* 2 */
  61. }
  62. /**
  63. * Remove default margin.
  64. */
  65. body {
  66. margin: 0;
  67. }
  68. /* ==========================================================================
  69. Links
  70. ========================================================================== */
  71. /**
  72. * Remove the gray background color from active links in IE 10.
  73. */
  74. a {
  75. background: transparent;
  76. }
  77. /**
  78. * Address `outline` inconsistency between Chrome and other browsers.
  79. */
  80. a:focus {
  81. outline: thin dotted;
  82. }
  83. /**
  84. * Improve readability when focused and also mouse hovered in all browsers.
  85. */
  86. a:active,
  87. a:hover {
  88. outline: 0;
  89. }
  90. /* ==========================================================================
  91. Typography
  92. ========================================================================== */
  93. /**
  94. * Address variable `h1` font-size and margin within `section` and `article`
  95. * contexts in Firefox 4+, Safari 5, and Chrome.
  96. */
  97. h1 {
  98. font-size: 2em;
  99. margin: 0.67em 0;
  100. }
  101. /**
  102. * Address styling not present in IE 8/9, Safari 5, and Chrome.
  103. */
  104. abbr[title] {
  105. border-bottom: 1px dotted;
  106. }
  107. /**
  108. * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
  109. */
  110. b,
  111. strong {
  112. font-weight: bold;
  113. }
  114. /**
  115. * Address styling not present in Safari 5 and Chrome.
  116. */
  117. dfn {
  118. font-style: italic;
  119. }
  120. /**
  121. * Address differences between Firefox and other browsers.
  122. */
  123. hr {
  124. -moz-box-sizing: content-box;
  125. box-sizing: content-box;
  126. height: 0;
  127. }
  128. /**
  129. * Address styling not present in IE 8/9.
  130. */
  131. mark {
  132. background: #ff0;
  133. color: #000;
  134. }
  135. /**
  136. * Correct font family set oddly in Safari 5 and Chrome.
  137. */
  138. code,
  139. kbd,
  140. pre,
  141. samp {
  142. font-family: monospace, serif;
  143. font-size: 1em;
  144. }
  145. /**
  146. * Improve readability of pre-formatted text in all browsers.
  147. */
  148. pre {
  149. white-space: pre-wrap;
  150. }
  151. /**
  152. * Set consistent quote types.
  153. */
  154. q {
  155. quotes: "\201C" "\201D" "\2018" "\2019";
  156. }
  157. /**
  158. * Address inconsistent and variable font size in all browsers.
  159. */
  160. small {
  161. font-size: 80%;
  162. }
  163. /**
  164. * Prevent `sub` and `sup` affecting `line-height` in all browsers.
  165. */
  166. sub,
  167. sup {
  168. font-size: 75%;
  169. line-height: 0;
  170. position: relative;
  171. vertical-align: baseline;
  172. }
  173. sup {
  174. top: -0.5em;
  175. }
  176. sub {
  177. bottom: -0.25em;
  178. }
  179. /* ==========================================================================
  180. Embedded content
  181. ========================================================================== */
  182. /**
  183. * Remove border when inside `a` element in IE 8/9.
  184. */
  185. img {
  186. border: 0;
  187. }
  188. /**
  189. * Correct overflow displayed oddly in IE 9.
  190. */
  191. svg:not(:root) {
  192. overflow: hidden;
  193. }
  194. /* ==========================================================================
  195. Figures
  196. ========================================================================== */
  197. /**
  198. * Address margin not present in IE 8/9 and Safari 5.
  199. */
  200. figure {
  201. margin: 0;
  202. }
  203. /* ==========================================================================
  204. Forms
  205. ========================================================================== */
  206. /**
  207. * Define consistent border, margin, and padding.
  208. */
  209. fieldset {
  210. border: 1px solid #c0c0c0;
  211. margin: 0 2px;
  212. padding: 0.35em 0.625em 0.75em;
  213. }
  214. /**
  215. * 1. Correct `color` not being inherited in IE 8/9.
  216. * 2. Remove padding so people aren't caught out if they zero out fieldsets.
  217. */
  218. legend {
  219. border: 0; /* 1 */
  220. padding: 0; /* 2 */
  221. }
  222. /**
  223. * 1. Correct font family not being inherited in all browsers.
  224. * 2. Correct font size not being inherited in all browsers.
  225. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
  226. */
  227. button,
  228. input,
  229. select,
  230. textarea {
  231. font-family: inherit; /* 1 */
  232. font-size: 100%; /* 2 */
  233. margin: 0; /* 3 */
  234. }
  235. /**
  236. * Address Firefox 4+ setting `line-height` on `input` using `!important` in
  237. * the UA stylesheet.
  238. */
  239. button,
  240. input {
  241. line-height: normal;
  242. }
  243. /**
  244. * Address inconsistent `text-transform` inheritance for `button` and `select`.
  245. * All other form control elements do not inherit `text-transform` values.
  246. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
  247. * Correct `select` style inheritance in Firefox 4+ and Opera.
  248. */
  249. button,
  250. select {
  251. text-transform: none;
  252. }
  253. /**
  254. * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
  255. * and `video` controls.
  256. * 2. Correct inability to style clickable `input` types in iOS.
  257. * 3. Improve usability and consistency of cursor style between image-type
  258. * `input` and others.
  259. */
  260. button,
  261. html input[type="button"], /* 1 */
  262. input[type="reset"],
  263. input[type="submit"] {
  264. -webkit-appearance: button; /* 2 */
  265. cursor: pointer; /* 3 */
  266. }
  267. /**
  268. * Re-set default cursor for disabled elements.
  269. */
  270. button[disabled],
  271. html input[disabled] {
  272. cursor: default;
  273. }
  274. /**
  275. * 1. Address box sizing set to `content-box` in IE 8/9.
  276. * 2. Remove excess padding in IE 8/9.
  277. */
  278. input[type="checkbox"],
  279. input[type="radio"] {
  280. box-sizing: border-box; /* 1 */
  281. padding: 0; /* 2 */
  282. }
  283. /**
  284. * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
  285. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
  286. * (include `-moz` to future-proof).
  287. */
  288. input[type="search"] {
  289. -webkit-appearance: textfield; /* 1 */
  290. -moz-box-sizing: content-box;
  291. -webkit-box-sizing: content-box; /* 2 */
  292. box-sizing: content-box;
  293. }
  294. /**
  295. * Remove inner padding and search cancel button in Safari 5 and Chrome
  296. * on OS X.
  297. */
  298. input[type="search"]::-webkit-search-cancel-button,
  299. input[type="search"]::-webkit-search-decoration {
  300. -webkit-appearance: none;
  301. }
  302. /**
  303. * Remove inner padding and border in Firefox 4+.
  304. */
  305. button::-moz-focus-inner,
  306. input::-moz-focus-inner {
  307. border: 0;
  308. padding: 0;
  309. }
  310. /**
  311. * 1. Remove default vertical scrollbar in IE 8/9.
  312. * 2. Improve readability and alignment in all browsers.
  313. */
  314. textarea {
  315. overflow: auto; /* 1 */
  316. vertical-align: top; /* 2 */
  317. }
  318. /* ==========================================================================
  319. Tables
  320. ========================================================================== */
  321. /**
  322. * Remove most spacing between table cells.
  323. */
  324. table {
  325. border-collapse: collapse;
  326. border-spacing: 0;
  327. }