CSS   9

normalize.css

Guest on 6th May 2021 03:04:40 PM

  1. /*! normalize.css v2.1.0 | MIT License | git.io/normalize */
  2.  
  3. /* ==========================================================================
  4.    HTML5 display definitions
  5.    ========================================================================== */
  6.  
  7. /**
  8.  * Correct `block` display not defined in IE 8/9.
  9.  */
  10.  
  11. article,
  12. aside,
  13. details,
  14. figcaption,
  15. figure,
  16. footer,
  17. header,
  18. hgroup,
  19. main,
  20. nav,
  21. section,
  22. summary {
  23.     display: block;
  24. }
  25.  
  26. /**
  27.  * Correct `inline-block` display not defined in IE 8/9.
  28.  */
  29.  
  30. audio,
  31. canvas,
  32. video {
  33.     display: inline-block;
  34. }
  35.  
  36. /**
  37.  * Prevent modern browsers from displaying `audio` without controls.
  38.  * Remove excess height in iOS 5 devices.
  39.  */
  40.  
  41. audio:not([controls]) {
  42.     display: none;
  43.     height: 0;
  44. }
  45.  
  46. /**
  47.  * Address styling not present in IE 8/9.
  48.  */
  49.  
  50. [hidden] {
  51.     display: none;
  52. }
  53.  
  54. /* ==========================================================================
  55.    Base
  56.    ========================================================================== */
  57.  
  58. /**
  59.  * 1. Set default font family to sans-serif.
  60.  * 2. Prevent iOS text size adjust after orientation change, without disabling
  61.  *    user zoom.
  62.  */
  63.  
  64. html {
  65.     font-family: sans-serif; /* 1 */
  66.     -webkit-text-size-adjust: 100%; /* 2 */
  67.     -ms-text-size-adjust: 100%; /* 2 */
  68. }
  69.  
  70. /**
  71.  * Remove default margin.
  72.  */
  73.  
  74. body {
  75.     margin: 0;
  76. }
  77.  
  78. /* ==========================================================================
  79.    Links
  80.    ========================================================================== */
  81.  
  82. /**
  83.  * Address `outline` inconsistency between Chrome and other browsers.
  84.  */
  85.  
  86. a:focus {
  87.     outline: thin dotted;
  88. }
  89.  
  90. /**
  91.  * Improve readability when focused and also mouse hovered in all browsers.
  92.  */
  93.  
  94. a:active,
  95. a:hover {
  96.     outline: 0;
  97. }
  98.  
  99. /* ==========================================================================
  100.    Typography
  101.    ========================================================================== */
  102.  
  103. /**
  104.  * Address variable `h1` font-size and margin within `section` and `article`
  105.  * contexts in Firefox 4+, Safari 5, and Chrome.
  106.  */
  107.  
  108. h1 {
  109.     margin: 0.67em 0;
  110. }
  111.  
  112. /**
  113.  * Address styling not present in IE 8/9, Safari 5, and Chrome.
  114.  */
  115.  
  116. abbr[title] {
  117.     border-bottom: 1px dotted;
  118. }
  119.  
  120. /**
  121.  * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
  122.  */
  123.  
  124. b,
  125. strong {
  126.     font-weight: bold;
  127. }
  128.  
  129. /**
  130.  * Address styling not present in Safari 5 and Chrome.
  131.  */
  132.  
  133. dfn {
  134.     font-style: italic;
  135. }
  136.  
  137. /**
  138.  * Address differences between Firefox and other browsers.
  139.  */
  140.  
  141. hr {
  142.     -moz-box-sizing: content-box;
  143.     box-sizing: content-box;
  144.     height: 0;
  145. }
  146.  
  147. /**
  148.  * Address styling not present in IE 8/9.
  149.  */
  150.  
  151. mark {
  152.     background: #ff0;
  153.     color: #000;
  154. }
  155.  
  156. /**
  157.  * Correct font family set oddly in Safari 5 and Chrome.
  158.  */
  159.  
  160. code,
  161. kbd,
  162. pre,
  163. samp {
  164.     font-family: monospace, serif;
  165.     font-size: 1em;
  166. }
  167.  
  168. /**
  169.  * Improve readability of pre-formatted text in all browsers.
  170.  */
  171.  
  172. pre {
  173.     white-space: pre-wrap;
  174. }
  175.  
  176. /**
  177.  * Set consistent quote types.
  178.  */
  179.  
  180. q {
  181.     quotes: "\201C" "\201D" "\2018" "\2019";
  182. }
  183.  
  184. /**
  185.  * Address inconsistent and variable font size in all browsers.
  186.  */
  187.  
  188. small {
  189.     font-size: 80%;
  190. }
  191.  
  192. /**
  193.  * Prevent `sub` and `sup` affecting `line-height` in all browsers.
  194.  */
  195.  
  196. sub,
  197. sup {
  198.     font-size: 75%;
  199.     line-height: 0;
  200.     position: relative;
  201.     vertical-align: baseline;
  202. }
  203.  
  204. sup {
  205.     top: -0.5em;
  206. }
  207.  
  208. sub {
  209.     bottom: -0.25em;
  210. }
  211.  
  212. /* ==========================================================================
  213.    Embedded content
  214.    ========================================================================== */
  215.  
  216. /**
  217.  * Remove border when inside `a` element in IE 8/9.
  218.  */
  219.  
  220. img {
  221.     border: 0;
  222. }
  223.  
  224. /**
  225.  * Correct overflow displayed oddly in IE 9.
  226.  */
  227.  
  228. svg:not(:root) {
  229.     overflow: hidden;
  230. }
  231.  
  232. /* ==========================================================================
  233.    Figures
  234.    ========================================================================== */
  235.  
  236. /**
  237.  * Address margin not present in IE 8/9 and Safari 5.
  238.  */
  239.  
  240. figure {
  241.     margin: 0;
  242. }
  243.  
  244. /* ==========================================================================
  245.    Forms
  246.    ========================================================================== */
  247.  
  248. /**
  249.  * Define consistent border, margin, and padding.
  250.  */
  251.  
  252. fieldset {
  253.     border: 1px solid #c0c0c0;
  254.     margin: 0 2px;
  255.     padding: 0.35em 0.625em 0.75em;
  256. }
  257.  
  258. /**
  259.  * 1. Correct `color` not being inherited in IE 8/9.
  260.  * 2. Remove padding so people aren't caught out if they zero out fieldsets.
  261.  */
  262.  
  263. legend {
  264.     border: 0; /* 1 */
  265.     padding: 0; /* 2 */
  266. }
  267.  
  268. /**
  269.  * 1. Correct font family not being inherited in all browsers.
  270.  * 2. Correct font size not being inherited in all browsers.
  271.  * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
  272.  */
  273.  
  274. button,
  275. input,
  276. select,
  277. textarea {
  278.     font-family: inherit; /* 1 */
  279.     font-size: 100%; /* 2 */
  280.     margin: 0; /* 3 */
  281. }
  282.  
  283. /**
  284.  * Address Firefox 4+ setting `line-height` on `input` using `!important` in
  285.  * the UA stylesheet.
  286.  */
  287.  
  288. button,
  289. input {
  290.     line-height: normal;
  291. }
  292.  
  293. /**
  294.  * Address inconsistent `text-transform` inheritance for `button` and `select`.
  295.  * All other form control elements do not inherit `text-transform` values.
  296.  * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
  297.  * Correct `select` style inheritance in Firefox 4+ and Opera.
  298.  */
  299.  
  300. button,
  301. select {
  302.     text-transform: none;
  303. }
  304.  
  305. /**
  306.  * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
  307.  *    and `video` controls.
  308.  * 2. Correct inability to style clickable `input` types in iOS.
  309.  * 3. Improve usability and consistency of cursor style between image-type
  310.  *    `input` and others.
  311.  */
  312.  
  313. button,
  314. html input[type="button"], /* 1 */
  315. input[type="reset"],
  316. input[type="submit"] {
  317.     -webkit-appearance: button; /* 2 */
  318.     cursor: pointer; /* 3 */
  319. }
  320.  
  321. /**
  322.  * Re-set default cursor for disabled elements.
  323.  */
  324.  
  325. button[disabled],
  326. html input[disabled] {
  327.     cursor: default;
  328. }
  329.  
  330. /**
  331.  * 1. Address box sizing set to `content-box` in IE 8/9.
  332.  * 2. Remove excess padding in IE 8/9.
  333.  */
  334.  
  335. input[type="checkbox"],
  336. input[type="radio"] {
  337.     box-sizing: border-box; /* 1 */
  338.     padding: 0; /* 2 */
  339. }
  340.  
  341. /**
  342.  * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
  343.  * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
  344.  *    (include `-moz` to future-proof).
  345.  */
  346.  
  347. input[type="search"] {
  348.     -webkit-appearance: textfield; /* 1 */
  349.     -moz-box-sizing: content-box;
  350.     -webkit-box-sizing: content-box; /* 2 */
  351.     box-sizing: content-box;
  352. }
  353.  
  354. /**
  355.  * Remove inner padding and search cancel button in Safari 5 and Chrome
  356.  * on OS X.
  357.  */
  358.  
  359. input[type="search"]::-webkit-search-cancel-button,
  360. input[type="search"]::-webkit-search-decoration {
  361.     -webkit-appearance: none;
  362. }
  363.  
  364. /**
  365.  * Remove inner padding and border in Firefox 4+.
  366.  */
  367.  
  368. button::-moz-focus-inner,
  369. input::-moz-focus-inner {
  370.     border: 0;
  371.     padding: 0;
  372. }
  373.  
  374. /**
  375.  * 1. Remove default vertical scrollbar in IE 8/9.
  376.  * 2. Improve readability and alignment in all browsers.
  377.  */
  378.  
  379. textarea {
  380.     overflow: auto; /* 1 */
  381.     vertical-align: top; /* 2 */
  382. }
  383.  
  384. /* ==========================================================================
  385.    Tables
  386.    ========================================================================== */
  387.  
  388. /**
  389.  * Remove most spacing between table cells.
  390.  */
  391.  
  392. table {
  393.     border-collapse: collapse;
  394.     border-spacing: 0;
  395. }

Raw Paste


Login or Register to edit or fork this paste. It's free.