normalize.css 8.9 KB

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