Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

403 lines
7.4KB

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