normalize.less 8.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504
  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. }
  272. /* =============================================================================
  273. Forms
  274. ========================================================================== */
  275. /*
  276. * Corrects margin displayed oddly in IE6/7
  277. */
  278. form {
  279. margin: 0;
  280. }
  281. /*
  282. * Define consistent border, margin, and padding
  283. */
  284. fieldset {
  285. border: 1px solid #c0c0c0;
  286. margin: 0 2px;
  287. padding: 0.35em 0.625em 0.75em;
  288. }
  289. /*
  290. * 1. Corrects color not being inherited in IE6/7/8/9
  291. * 2. Corrects text not wrapping in FF3
  292. * 3. Corrects alignment displayed oddly in IE6/7
  293. */
  294. legend {
  295. border: 0; /* 1 */
  296. padding: 0;
  297. white-space: normal; /* 2 */
  298. *margin-left: -7px; /* 3 */
  299. }
  300. /*
  301. * 1. Corrects font size not being inherited in all browsers
  302. * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
  303. * 3. Improves appearance and consistency in all browsers
  304. */
  305. button,
  306. input,
  307. select,
  308. textarea {
  309. font-size: 100%; /* 1 */
  310. margin: 0; /* 2 */
  311. vertical-align: baseline; /* 3 */
  312. *vertical-align: middle; /* 3 */
  313. }
  314. /*
  315. * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
  316. */
  317. button,
  318. input {
  319. line-height: normal; /* 1 */
  320. }
  321. /*
  322. * 1. Improves usability and consistency of cursor style between image-type 'input' and others
  323. * 2. Corrects inability to style clickable 'input' types in iOS
  324. * 3. Removes inner spacing in IE7 without affecting normal text inputs
  325. * Known issue: inner spacing remains in IE6
  326. */
  327. button,
  328. input[type="button"],
  329. input[type="reset"],
  330. input[type="submit"] {
  331. cursor: pointer; /* 1 */
  332. -webkit-appearance: button; /* 2 */
  333. *overflow: visible; /* 3 */
  334. }
  335. /*
  336. * Re-set default cursor for disabled elements
  337. */
  338. button[disabled],
  339. input[disabled] {
  340. cursor: default;
  341. }
  342. /*
  343. * 1. Addresses box sizing set to content-box in IE8/9
  344. * 2. Removes excess padding in IE8/9
  345. * 3. Removes excess padding in IE7
  346. Known issue: excess padding remains in IE6
  347. */
  348. input[type="checkbox"],
  349. input[type="radio"] {
  350. box-sizing: border-box; /* 1 */
  351. padding: 0; /* 2 */
  352. *height: 13px; /* 3 */
  353. *width: 13px; /* 3 */
  354. }
  355. /*
  356. * 1. Addresses appearance set to searchfield in S5, Chrome
  357. * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
  358. */
  359. input[type="search"] {
  360. -webkit-appearance: textfield; /* 1 */
  361. -moz-box-sizing: content-box;
  362. -webkit-box-sizing: content-box; /* 2 */
  363. box-sizing: content-box;
  364. }
  365. /*
  366. * Removes inner padding and search cancel button in S5, Chrome on OS X
  367. */
  368. input[type="search"]::-webkit-search-decoration,
  369. input[type="search"]::-webkit-search-cancel-button {
  370. -webkit-appearance: none;
  371. }
  372. /*
  373. * Removes inner padding and border in FF3+
  374. * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
  375. */
  376. button::-moz-focus-inner,
  377. input::-moz-focus-inner {
  378. border: 0;
  379. padding: 0;
  380. }
  381. /*
  382. * 1. Removes default vertical scrollbar in IE6/7/8/9
  383. * 2. Improves readability and alignment in all browsers
  384. */
  385. textarea {
  386. overflow: auto; /* 1 */
  387. vertical-align: top; /* 2 */
  388. }
  389. /* =============================================================================
  390. Tables
  391. ========================================================================== */
  392. /*
  393. * Remove most spacing between table cells
  394. */
  395. table {
  396. border-collapse: collapse;
  397. border-spacing: 0;
  398. }