normalize.css 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439
  1. /*! normalize.css 2011-08-12T17:28 UTC · http://github.com/necolas/normalize.css */
  2. /* =============================================================================
  3. HTML5 display definitions
  4. ========================================================================== */
  5. /*
  6. * Corrects block display not defined in IE6/7/8/9 & FF3
  7. */
  8. article,
  9. aside,
  10. details,
  11. figcaption,
  12. figure,
  13. footer,
  14. header,
  15. hgroup,
  16. nav,
  17. section {
  18. display: block;
  19. }
  20. /*
  21. * Corrects inline-block display not defined in IE6/7/8/9 & FF3
  22. */
  23. audio,
  24. canvas,
  25. video {
  26. display: inline-block;
  27. *display: inline;
  28. *zoom: 1;
  29. }
  30. /*
  31. * Prevents modern browsers from displaying 'audio' without controls
  32. */
  33. audio:not([controls]) {
  34. display: none;
  35. }
  36. /*
  37. * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
  38. * Known issue: no IE6 support
  39. */
  40. [hidden] {
  41. display: none;
  42. }
  43. /* =============================================================================
  44. Base
  45. ========================================================================== */
  46. /*
  47. * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
  48. * http://clagnut.com/blog/348/#c790
  49. * 2. Keeps page centred in all browsers regardless of content height
  50. * 3. Prevents iOS text size adjust after orientation change, without disabling user zoom
  51. * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
  52. */
  53. html {
  54. font-size: 100%; /* 1 */
  55. overflow-y: scroll; /* 2 */
  56. -webkit-text-size-adjust: 100%; /* 3 */
  57. -ms-text-size-adjust: 100%; /* 3 */
  58. }
  59. /*
  60. * Addresses margins handled incorrectly in IE6/7
  61. */
  62. body {
  63. margin: 0;
  64. }
  65. /*
  66. * Addresses font-family inconsistency between 'textarea' and other form elements.
  67. */
  68. body,
  69. button,
  70. input,
  71. select,
  72. textarea {
  73. font-family: sans-serif;
  74. }
  75. /* =============================================================================
  76. Links
  77. ========================================================================== */
  78. a {
  79. color: #00e;
  80. }
  81. a:visited {
  82. color: #551a8b;
  83. }
  84. /*
  85. * Addresses outline displayed oddly in Chrome
  86. */
  87. a:focus {
  88. outline: thin dotted;
  89. }
  90. /*
  91. * Improves readability when focused and also mouse hovered in all browsers
  92. * people.opera.com/patrickl/experiments/keyboard/test
  93. */
  94. a:hover,
  95. a:active {
  96. outline: 0;
  97. }
  98. /* =============================================================================
  99. Typography
  100. ========================================================================== */
  101. /*
  102. * Addresses styling not present in IE7/8/9, S5, Chrome
  103. */
  104. abbr[title] {
  105. border-bottom: 1px dotted;
  106. }
  107. /*
  108. * Addresses style set to 'bolder' in FF3/4, S4/5, Chrome
  109. */
  110. b,
  111. strong {
  112. font-weight: bold;
  113. }
  114. blockquote {
  115. margin: 1em 40px;
  116. }
  117. /*
  118. * Addresses styling not present in S5, Chrome
  119. */
  120. dfn {
  121. font-style: italic;
  122. }
  123. /*
  124. * Addresses styling not present in IE6/7/8/9
  125. */
  126. mark {
  127. /*background: #ff0;*/
  128. color: #000;
  129. }
  130. /*
  131. * Corrects font family set oddly in IE6, S4/5, Chrome
  132. * en.wikipedia.org/wiki/User:Davidgothberg/Test59
  133. */
  134. pre,
  135. code,
  136. kbd,
  137. samp {
  138. font-family: monospace, serif;
  139. _font-family: 'courier new', monospace;
  140. font-size: 1em;
  141. }
  142. /*
  143. * Improves readability of pre-formatted text in all browsers
  144. */
  145. pre {
  146. white-space: pre;
  147. white-space: pre-wrap;
  148. word-wrap: break-word;
  149. }
  150. /*
  151. * 1. Addresses CSS quotes not supported in IE6/7
  152. * 2. Addresses quote property not supported in S4
  153. */
  154. /* 1 */
  155. q {
  156. quotes: none;
  157. }
  158. /* 2 */
  159. q:before,
  160. q:after {
  161. content: '';
  162. content: none;
  163. }
  164. small {
  165. font-size: 75%;
  166. }
  167. /*
  168. * Prevents sub and sup affecting line-height in all browsers
  169. * gist.github.com/413930
  170. */
  171. sub,
  172. sup {
  173. font-size: 75%;
  174. line-height: 0;
  175. position: relative;
  176. vertical-align: baseline;
  177. }
  178. sup {
  179. top: -0.5em;
  180. }
  181. sub {
  182. bottom: -0.25em;
  183. }
  184. /* =============================================================================
  185. Lists
  186. ========================================================================== */
  187. ul,
  188. ol {
  189. margin: 1em 0;
  190. padding: 0 0 0 40px;
  191. }
  192. dd {
  193. margin: 0 0 0 40px;
  194. }
  195. nav ul,
  196. nav ol {
  197. list-style: none;
  198. list-style-image: none;
  199. }
  200. /* =============================================================================
  201. Embedded content
  202. ========================================================================== */
  203. /*
  204. * 1. Removes border when inside 'a' element in IE6/7/8/9
  205. * 2. Improves image quality when scaled in IE7
  206. * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
  207. */
  208. img {
  209. border: 0; /* 1 */
  210. -ms-interpolation-mode: bicubic; /* 2 */
  211. }
  212. /*
  213. * Corrects overflow displayed oddly in IE9
  214. */
  215. svg:not(:root) {
  216. overflow: hidden;
  217. }
  218. /* =============================================================================
  219. Figures
  220. ========================================================================== */
  221. /*
  222. * Addresses margin not present in IE6/7/8/9, S5, O11
  223. */
  224. figure {
  225. margin: 0;
  226. }
  227. /* =============================================================================
  228. Forms
  229. ========================================================================== */
  230. /*
  231. * Corrects margin displayed oddly in IE6/7
  232. */
  233. form {
  234. margin: 0;
  235. }
  236. /*
  237. * Define consistent margin and padding
  238. */
  239. fieldset {
  240. margin: 0 2px;
  241. padding: 0.35em 0.625em 0.75em;
  242. }
  243. /*
  244. * 1. Corrects color not being inherited in IE6/7/8/9
  245. * 2. Corrects alignment displayed oddly in IE6/7
  246. */
  247. legend {
  248. border: 0; /* 1 */
  249. *margin-left: -7px; /* 2 */
  250. }
  251. /*
  252. * 1. Corrects font size not being inherited in all browsers
  253. * 2. Addresses margins set differently in IE6/7, F3/4, S5, Chrome
  254. * 3. Improves appearance and consistency in all browsers
  255. */
  256. button,
  257. input,
  258. select,
  259. textarea {
  260. font-size: 100%; /* 1 */
  261. margin: 0; /* 2 */
  262. vertical-align: baseline; /* 3 */
  263. *vertical-align: middle; /* 3 */
  264. }
  265. /*
  266. * 1. Addresses FF3/4 setting line-height using !important in the UA stylesheet
  267. * 2. Corrects inner spacing displayed oddly in IE6/7
  268. */
  269. button,
  270. input {
  271. line-height: normal; /* 1 */
  272. *overflow: visible; /* 2 */
  273. }
  274. /*
  275. * Corrects overlap and whitespace issue for buttons and inputs in IE6/7
  276. * Known issue: reintroduces inner spacing
  277. */
  278. table button,
  279. table input {
  280. *overflow: auto;
  281. }
  282. /*
  283. * 1. Improves usability and consistency of cursor style between image-type 'input' and others
  284. * 2. Corrects inability to style clickable 'input' types in iOS
  285. */
  286. button,
  287. html input[type="button"],
  288. input[type="reset"],
  289. input[type="submit"] {
  290. cursor: pointer; /* 1 */
  291. -webkit-appearance: button; /* 2 */
  292. }
  293. /*
  294. * 1. Addresses box sizing set to content-box in IE8/9
  295. * 2. Addresses excess padding in IE8/9
  296. */
  297. input[type="checkbox"],
  298. input[type="radio"] {
  299. box-sizing: border-box; /* 1 */
  300. padding: 0; /* 2 */
  301. }
  302. /*
  303. * 1. Addresses appearance set to searchfield in S5, Chrome
  304. * 2. Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof)
  305. */
  306. input[type="search"] {
  307. -webkit-appearance: textfield; /* 1 */
  308. -moz-box-sizing: content-box;
  309. -webkit-box-sizing: content-box; /* 2 */
  310. box-sizing: content-box;
  311. }
  312. /*
  313. * Corrects inner padding displayed oddly in S5, Chrome on OSX
  314. */
  315. input[type="search"]::-webkit-search-decoration {
  316. -webkit-appearance: none;
  317. }
  318. /*
  319. * Corrects inner padding and border displayed oddly in FF3/4
  320. * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
  321. */
  322. button::-moz-focus-inner,
  323. input::-moz-focus-inner {
  324. border: 0;
  325. padding: 0;
  326. }
  327. /*
  328. * 1. Removes default vertical scrollbar in IE6/7/8/9
  329. * 2. Improves readability and alignment in all browsers
  330. */
  331. textarea {
  332. overflow: auto; /* 1 */
  333. vertical-align: top; /* 2 */
  334. }
  335. /* =============================================================================
  336. Tables
  337. ========================================================================== */
  338. /*
  339. * Remove most spacing between table cells
  340. */
  341. table {
  342. border-collapse: collapse;
  343. border-spacing: 0;
  344. }