normalize.css 7.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355
  1. /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
  2. /**
  3. * 1. Set default font family to sans-serif.
  4. * 2. Prevent iOS and IE text size adjust after device orientation change,
  5. * without disabling user zoom.
  6. */
  7. html {
  8. font-family: sans-serif;
  9. /* 1 */
  10. -ms-text-size-adjust: 100%;
  11. /* 2 */
  12. -webkit-text-size-adjust: 100%;
  13. /* 2 */
  14. }
  15. /**
  16. * Remove default margin.
  17. */
  18. body {
  19. margin: 0;
  20. }
  21. /* HTML5 display definitions
  22. ========================================================================== */
  23. /**
  24. * Correct `block` display not defined for any HTML5 element in IE 8/9.
  25. * Correct `block` display not defined for `details` or `summary` in IE 10/11
  26. * and Firefox.
  27. * Correct `block` display not defined for `main` in IE 11.
  28. */
  29. article,
  30. aside,
  31. details,
  32. figcaption,
  33. figure,
  34. footer,
  35. header,
  36. hgroup,
  37. main,
  38. menu,
  39. nav,
  40. section,
  41. summary {
  42. display: block;
  43. }
  44. /**
  45. * 1. Correct `inline-block` display not defined in IE 8/9.
  46. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
  47. */
  48. audio,
  49. canvas,
  50. progress,
  51. video {
  52. display: inline-block;
  53. /* 1 */
  54. vertical-align: baseline;
  55. /* 2 */
  56. }
  57. /**
  58. * Prevent modern browsers from displaying `audio` without controls.
  59. * Remove excess height in iOS 5 devices.
  60. */
  61. audio:not([controls]) {
  62. display: none;
  63. height: 0;
  64. }
  65. /**
  66. * Address `[hidden]` styling not present in IE 8/9/10.
  67. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
  68. */
  69. [hidden],
  70. template {
  71. display: none;
  72. }
  73. /* Links
  74. ========================================================================== */
  75. /**
  76. * Remove the gray background color from active links in IE 10.
  77. */
  78. a {
  79. background-color: transparent;
  80. }
  81. /**
  82. * Improve readability of focused elements when they are also in an
  83. * active/hover state.
  84. */
  85. a:active,
  86. a:hover {
  87. outline: 0;
  88. }
  89. /* Text-level semantics
  90. ========================================================================== */
  91. /**
  92. * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
  93. */
  94. abbr[title] {
  95. border-bottom: 1px dotted;
  96. }
  97. /**
  98. * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
  99. */
  100. b,
  101. strong {
  102. font-weight: bold;
  103. }
  104. /**
  105. * Address styling not present in Safari and Chrome.
  106. */
  107. dfn {
  108. font-style: italic;
  109. }
  110. /**
  111. * Address variable `h1` font-size and margin within `section` and `article`
  112. * contexts in Firefox 4+, Safari, and Chrome.
  113. */
  114. h1 {
  115. font-size: 2em;
  116. margin: 0.67em 0;
  117. }
  118. /**
  119. * Address styling not present in IE 8/9.
  120. */
  121. mark {
  122. background: #ff0;
  123. color: #000;
  124. }
  125. /**
  126. * Address inconsistent and variable font size in all browsers.
  127. */
  128. small {
  129. font-size: 80%;
  130. }
  131. /**
  132. * Prevent `sub` and `sup` affecting `line-height` in all browsers.
  133. */
  134. sub,
  135. sup {
  136. font-size: 75%;
  137. line-height: 0;
  138. position: relative;
  139. vertical-align: baseline;
  140. }
  141. sup {
  142. top: -0.5em;
  143. }
  144. sub {
  145. bottom: -0.25em;
  146. }
  147. /* Embedded content
  148. ========================================================================== */
  149. /**
  150. * Remove border when inside `a` element in IE 8/9/10.
  151. */
  152. img {
  153. border: 0;
  154. }
  155. /**
  156. * Correct overflow not hidden in IE 9/10/11.
  157. */
  158. svg:not(:root) {
  159. overflow: hidden;
  160. }
  161. /* Grouping content
  162. ========================================================================== */
  163. /**
  164. * Address margin not present in IE 8/9 and Safari.
  165. */
  166. figure {
  167. margin: 1em 40px;
  168. }
  169. /**
  170. * Address differences between Firefox and other browsers.
  171. */
  172. hr {
  173. box-sizing: content-box;
  174. height: 0;
  175. }
  176. /**
  177. * Contain overflow in all browsers.
  178. */
  179. pre {
  180. overflow: auto;
  181. }
  182. /**
  183. * Address odd `em`-unit font size rendering in all browsers.
  184. */
  185. code,
  186. kbd,
  187. pre,
  188. samp {
  189. font-family: monospace, monospace;
  190. font-size: 1em;
  191. }
  192. /* Forms
  193. ========================================================================== */
  194. /**
  195. * Known limitation: by default, Chrome and Safari on OS X allow very limited
  196. * styling of `select`, unless a `border` property is set.
  197. */
  198. /**
  199. * 1. Correct color not being inherited.
  200. * Known issue: affects color of disabled elements.
  201. * 2. Correct font properties not being inherited.
  202. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
  203. */
  204. button,
  205. input,
  206. optgroup,
  207. select,
  208. textarea {
  209. color: inherit;
  210. /* 1 */
  211. font: inherit;
  212. /* 2 */
  213. margin: 0;
  214. /* 3 */
  215. }
  216. /**
  217. * Address `overflow` set to `hidden` in IE 8/9/10/11.
  218. */
  219. button {
  220. overflow: visible;
  221. }
  222. /**
  223. * Address inconsistent `text-transform` inheritance for `button` and `select`.
  224. * All other form control elements do not inherit `text-transform` values.
  225. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
  226. * Correct `select` style inheritance in Firefox.
  227. */
  228. button,
  229. select {
  230. text-transform: none;
  231. }
  232. /**
  233. * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
  234. * and `video` controls.
  235. * 2. Correct inability to style clickable `input` types in iOS.
  236. * 3. Improve usability and consistency of cursor style between image-type
  237. * `input` and others.
  238. * 4. CUSTOM FOR WEBFLOW: Removed the input[type="submit"] selector to reduce
  239. * specificity and defer to the .w-button selector
  240. */
  241. button,
  242. html input[type="button"],
  243. input[type="reset"] {
  244. -webkit-appearance: button;
  245. /* 2 */
  246. cursor: pointer;
  247. /* 3 */
  248. }
  249. /**
  250. * Re-set default cursor for disabled elements.
  251. */
  252. button[disabled],
  253. html input[disabled] {
  254. cursor: default;
  255. }
  256. /**
  257. * Remove inner padding and border in Firefox 4+.
  258. */
  259. button::-moz-focus-inner,
  260. input::-moz-focus-inner {
  261. border: 0;
  262. padding: 0;
  263. }
  264. /**
  265. * Address Firefox 4+ setting `line-height` on `input` using `!important` in
  266. * the UA stylesheet.
  267. */
  268. input {
  269. line-height: normal;
  270. }
  271. /**
  272. * It's recommended that you don't attempt to style these elements.
  273. * Firefox's implementation doesn't respect box-sizing, padding, or width.
  274. *
  275. * 1. Address box sizing set to `content-box` in IE 8/9/10.
  276. * 2. Remove excess padding in IE 8/9/10.
  277. */
  278. input[type='checkbox'],
  279. input[type='radio'] {
  280. box-sizing: border-box;
  281. /* 1 */
  282. padding: 0;
  283. /* 2 */
  284. }
  285. /**
  286. * Fix the cursor style for Chrome's increment/decrement buttons. For certain
  287. * `font-size` values of the `input`, it causes the cursor style of the
  288. * decrement button to change from `default` to `text`.
  289. */
  290. input[type='number']::-webkit-inner-spin-button,
  291. input[type='number']::-webkit-outer-spin-button {
  292. height: auto;
  293. }
  294. /**
  295. * 1. CUSTOM FOR WEBFLOW: changed from `textfield` to `none` to normalize iOS rounded input
  296. * 2. CUSTOM FOR WEBFLOW: box-sizing: content-box rule removed
  297. * (similar to normalize.css >=4.0.0)
  298. */
  299. input[type='search'] {
  300. -webkit-appearance: none;
  301. /* 1 */
  302. }
  303. /**
  304. * Remove inner padding and search cancel button in Safari and Chrome on OS X.
  305. * Safari (but not Chrome) clips the cancel button when the search input has
  306. * padding (and `textfield` appearance).
  307. */
  308. input[type='search']::-webkit-search-cancel-button,
  309. input[type='search']::-webkit-search-decoration {
  310. -webkit-appearance: none;
  311. }
  312. /**
  313. * Define consistent border, margin, and padding.
  314. */
  315. fieldset {
  316. border: 1px solid #c0c0c0;
  317. margin: 0 2px;
  318. padding: 0.35em 0.625em 0.75em;
  319. }
  320. /**
  321. * 1. Correct `color` not being inherited in IE 8/9/10/11.
  322. * 2. Remove padding so people aren't caught out if they zero out fieldsets.
  323. */
  324. legend {
  325. border: 0;
  326. /* 1 */
  327. padding: 0;
  328. /* 2 */
  329. }
  330. /**
  331. * Remove default vertical scrollbar in IE 8/9/10/11.
  332. */
  333. textarea {
  334. overflow: auto;
  335. }
  336. /**
  337. * Don't inherit the `font-weight` (applied by a rule above).
  338. * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
  339. */
  340. optgroup {
  341. font-weight: bold;
  342. }
  343. /* Tables
  344. ========================================================================== */
  345. /**
  346. * Remove most spacing between table cells.
  347. */
  348. table {
  349. border-collapse: collapse;
  350. border-spacing: 0;
  351. }
  352. td,
  353. th {
  354. padding: 0;
  355. }