normalize.scss 8.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477
  1. /*! normalize.css 2011-11-04T15:38 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. /*
  79. * Addresses outline displayed oddly in Chrome
  80. */
  81. a:focus {
  82. outline: thin dotted;
  83. }
  84. /*
  85. * Improves readability when focused and also mouse hovered in all browsers
  86. * people.opera.com/patrickl/experiments/keyboard/test
  87. */
  88. a:hover,
  89. a:active {
  90. outline: 0;
  91. }
  92. /* =============================================================================
  93. Typography
  94. ========================================================================== */
  95. /*
  96. * Neutralise smaller font-size in 'section' and 'article' in FF4+, Chrome, S5
  97. */
  98. h1 {
  99. font-size: 2em;
  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+, 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-left: 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, FF3
  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 border, margin, and padding
  238. */
  239. fieldset {
  240. border: 1px solid #c0c0c0;
  241. margin: 0 2px;
  242. padding: 0.35em 0.625em 0.75em;
  243. }
  244. /*
  245. * 1. Corrects color not being inherited in IE6/7/8/9
  246. * 2. Corrects alignment displayed oddly in IE6/7
  247. */
  248. legend {
  249. border: 0; /* 1 */
  250. *margin-left: -7px; /* 2 */
  251. }
  252. /*
  253. * 1. Corrects font size not being inherited in all browsers
  254. * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
  255. * 3. Improves appearance and consistency in all browsers
  256. */
  257. button,
  258. input,
  259. select,
  260. textarea {
  261. font-size: 100%; /* 1 */
  262. margin: 0; /* 2 */
  263. vertical-align: baseline; /* 3 */
  264. *vertical-align: middle; /* 3 */
  265. }
  266. /*
  267. * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
  268. */
  269. button,
  270. input {
  271. line-height: normal; /* 1 */
  272. }
  273. /*
  274. * 1. Improves usability and consistency of cursor style between image-type 'input' and others
  275. * 2. Corrects inability to style clickable 'input' types in iOS
  276. * 3. Removes inner spacing in IE7 without affecting normal text inputs
  277. * Known issue: inner spacing remains in IE6
  278. */
  279. button,
  280. input[type="button"],
  281. input[type="reset"],
  282. input[type="submit"] {
  283. cursor: pointer; /* 1 */
  284. -webkit-appearance: button; /* 2 */
  285. *overflow: visible; /* 3 */
  286. }
  287. /*
  288. * 1. Addresses box sizing set to content-box in IE8/9
  289. * 2. Removes excess padding in IE8/9
  290. */
  291. input[type="checkbox"],
  292. input[type="radio"] {
  293. box-sizing: border-box; /* 1 */
  294. padding: 0; /* 2 */
  295. }
  296. /*
  297. * 1. Addresses appearance set to searchfield in S5, Chrome
  298. * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
  299. */
  300. input[type="search"] {
  301. -webkit-appearance: textfield; /* 1 */
  302. -moz-box-sizing: content-box;
  303. -webkit-box-sizing: content-box; /* 2 */
  304. box-sizing: content-box;
  305. }
  306. /*
  307. * Removes inner padding that is displayed in S5, Chrome on OS X
  308. */
  309. input[type="search"]::-webkit-search-decoration {
  310. -webkit-appearance: none;
  311. }
  312. /*
  313. * Removes inner padding and border in FF3+
  314. * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
  315. */
  316. button::-moz-focus-inner,
  317. input::-moz-focus-inner {
  318. border: 0;
  319. padding: 0;
  320. }
  321. /*
  322. * 1. Removes default vertical scrollbar in IE6/7/8/9
  323. * 2. Improves readability and alignment in all browsers
  324. */
  325. textarea {
  326. overflow: auto; /* 1 */
  327. vertical-align: top; /* 2 */
  328. }
  329. /* =============================================================================
  330. Tables
  331. ========================================================================== */
  332. /*
  333. * Remove most spacing between table cells
  334. */
  335. table {
  336. border-collapse: collapse;
  337. border-spacing: 0;
  338. }
  339. /******************************************************************
  340. CUSTOMIZED RESET VALUES
  341. I added these extra styles as a more personalized reset. Feel free
  342. to remove them if you like or add your own. If you want to update
  343. the normalize styles, make sure to edit from this point up.
  344. ******************************************************************/
  345. ul, ol {
  346. padding: 0;
  347. list-style-type: none;
  348. }
  349. dd {
  350. margin: 0;
  351. }
  352. .sidebar ul,
  353. .sidebar ol,
  354. .commentlist {
  355. list-style: none;
  356. }
  357. /* proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens) */
  358. p {
  359. -webkit-hyphens: auto;
  360. -moz-hyphens: auto;
  361. -epub-hyphens: auto;
  362. hyphens: auto;
  363. }
  364. b,
  365. strong,
  366. .strong {
  367. font-weight: bold;
  368. }
  369. dfn,
  370. em,
  371. .em {
  372. font-style: italic;
  373. }
  374. small, .small {
  375. font-size: 75%;
  376. }