CSS 33
Sanitize.css Guest on 25th April 2021 07:41:27 AM
  1. /*! sanitize.css v9.0.0 | CC0 License | github.com/csstools/sanitize.css */
  2.  
  3. /* Document
  4.  * ========================================================================== */
  5.  
  6. /**
  7.  * Add border box sizing in all browsers (opinionated).
  8.  */
  9.  
  10. *,
  11. ::before,
  12. ::after {
  13.   box-sizing: border-box;
  14. }
  15.  
  16. /**
  17.  * 1. Add text decoration inheritance in all browsers (opinionated).
  18.  * 2. Add vertical alignment inheritance in all browsers (opinionated).
  19.  */
  20.  
  21. ::before,
  22. ::after {
  23.   text-decoration: inherit; /* 1 */
  24.   vertical-align: inherit; /* 2 */
  25. }
  26.  
  27. /**
  28.  * 1. Use the default cursor in all browsers (opinionated).
  29.  * 2. Correct the line height in all browsers.
  30.  * 3. Use a 4-space tab width in all browsers (opinionated).
  31.  * 4. Prevent adjustments of font size after orientation changes in
  32.  *    IE on Windows Phone and in iOS.
  33.  * 5. Breaks words to prevent overflow in all browsers (opinionated).
  34.  */
  35.  
  36. html {
  37.   cursor: default; /* 1 */
  38.   line-height: 1.15; /* 2 */
  39.   -moz-tab-size: 4; /* 3 */
  40.   tab-size: 4; /* 3 */
  41.   -ms-text-size-adjust: 100%; /* 4 */
  42.   -webkit-text-size-adjust: 100%; /* 4 */
  43.   word-break: break-word; /* 5 */
  44. }
  45.  
  46. /* Sections
  47.  * ========================================================================== */
  48.  
  49. /**
  50.  * Remove the margin in all browsers (opinionated).
  51.  */
  52.  
  53. body {
  54.   margin: 0;
  55. }
  56.  
  57. /**
  58.  * Correct the font size and margin on `h1` elements within `section` and
  59.  * `article` contexts in Chrome, Firefox, and Safari.
  60.  */
  61.  
  62. h1 {
  63.   font-size: 2em;
  64.   margin: 0.67em 0;
  65. }
  66.  
  67. /* Grouping content
  68.  * ========================================================================== */
  69.  
  70. /**
  71.  * 1. Add the correct sizing in Firefox.
  72.  * 2. Show the overflow in Edge and IE.
  73.  */
  74.  
  75. hr {
  76.   height: 0; /* 1 */
  77.   overflow: visible; /* 2 */
  78. }
  79.  
  80. /**
  81.  * Add the correct display in IE.
  82.  */
  83.  
  84. main {
  85.   display: block;
  86. }
  87.  
  88. /**
  89.  * Remove the list style on navigation lists in all browsers (opinionated).
  90.  */
  91.  
  92. nav ol,
  93. nav ul {
  94.   list-style: none;
  95. }
  96.  
  97. /**
  98.  * Correct the odd `em` font sizing in all browsers.
  99.  */
  100.  
  101. pre {
  102.   font-size: 1em; /* 2 */
  103. }
  104.  
  105. /* Text-level semantics
  106.  * ========================================================================== */
  107.  
  108. /**
  109.  * Remove the gray background on active links in IE 10.
  110.  */
  111.  
  112. a {
  113.   background-color: transparent;
  114. }
  115.  
  116. /**
  117.  * Add the correct text decoration in Edge, IE, Opera, and Safari.
  118.  */
  119.  
  120. abbr[title] {
  121.   text-decoration: underline;
  122.   text-decoration: underline dotted;
  123. }
  124.  
  125. /**
  126.  * Add the correct font weight in Chrome, Edge, and Safari.
  127.  */
  128.  
  129. b,
  130. strong {
  131.   font-weight: bolder;
  132. }
  133.  
  134. /**
  135.  * Correct the odd `em` font sizing in all browsers.
  136.  */
  137.  
  138. code,
  139. kbd,
  140. samp {
  141.   font-size: 1em;
  142. }
  143.  
  144. /**
  145.  * Add the correct font size in all browsers.
  146.  */
  147.  
  148. small {
  149.   font-size: 80%;
  150. }
  151.  
  152. /* Embedded content
  153.  * ========================================================================== */
  154.  
  155. /*
  156.  * Change the alignment on media elements in all browsers (opinionated).
  157.  */
  158.  
  159. audio,
  160. canvas,
  161. iframe,
  162. img,
  163. svg,
  164. video {
  165.   vertical-align: middle;
  166. }
  167.  
  168. /**
  169.  * Add the correct display in IE 9-.
  170.  */
  171.  
  172. audio,
  173. video {
  174.   display: inline-block;
  175. }
  176.  
  177. /**
  178.  * Add the correct display in iOS 4-7.
  179.  */
  180.  
  181. audio:not([controls]) {
  182.   display: none;
  183.   height: 0;
  184. }
  185.  
  186. /**
  187.  * Remove the border on images inside links in IE 10-.
  188.  */
  189.  
  190. img {
  191.   border-style: none;
  192. }
  193.  
  194. /**
  195.  * Change the fill color to match the text color in all browsers (opinionated).
  196.  */
  197.  
  198. svg:not([fill]) {
  199.   fill: currentColor;
  200. }
  201.  
  202. /**
  203.  * Hide the overflow in IE.
  204.  */
  205.  
  206. svg:not(:root) {
  207.   overflow: hidden;
  208. }
  209.  
  210. /* Tabular data
  211.  * ========================================================================== */
  212.  
  213. /**
  214.  * Collapse border spacing in all browsers (opinionated).
  215.  */
  216.  
  217. table {
  218.   border-collapse: collapse;
  219. }
  220.  
  221. /* Forms
  222.  * ========================================================================== */
  223.  
  224. /**
  225.  * Remove the margin in Safari.
  226.  */
  227.  
  228. button,
  229. input,
  230. select {
  231.   margin: 0;
  232. }
  233.  
  234. /**
  235.  * 1. Show the overflow in IE.
  236.  * 2. Remove the inheritance of text transform in Edge, Firefox, and IE.
  237.  */
  238.  
  239. button {
  240.   overflow: visible; /* 1 */
  241.   text-transform: none; /* 2 */
  242. }
  243.  
  244. /**
  245.  * Correct the inability to style clickable types in iOS and Safari.
  246.  */
  247.  
  248. button,
  249. [type="button"],
  250. [type="reset"],
  251. [type="submit"] {
  252.   -webkit-appearance: button;
  253. }
  254.  
  255. /**
  256.  * Correct the padding in Firefox.
  257.  */
  258.  
  259. fieldset {
  260.   padding: 0.35em 0.75em 0.625em;
  261. }
  262.  
  263. /**
  264.  * Show the overflow in Edge and IE.
  265.  */
  266.  
  267. input {
  268.   overflow: visible;
  269. }
  270.  
  271. /**
  272.  * 1. Correct the text wrapping in Edge and IE.
  273.  * 2. Correct the color inheritance from `fieldset` elements in IE.
  274.  */
  275.  
  276. legend {
  277.   color: inherit; /* 2 */
  278.   display: table; /* 1 */
  279.   max-width: 100%; /* 1 */
  280.   white-space: normal; /* 1 */
  281. }
  282.  
  283. /**
  284.  * 1. Add the correct display in Edge and IE.
  285.  * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
  286.  */
  287.  
  288. progress {
  289.   display: inline-block; /* 1 */
  290.   vertical-align: baseline; /* 2 */
  291. }
  292.  
  293. /**
  294.  * Remove the inheritance of text transform in Firefox.
  295.  */
  296.  
  297. select {
  298.   text-transform: none;
  299. }
  300.  
  301. /**
  302.  * 1. Remove the margin in Firefox and Safari.
  303.  * 2. Remove the default vertical scrollbar in IE.
  304.  * 3. Change the resize direction on textareas in all browsers (opinionated).
  305.  */
  306.  
  307. textarea {
  308.   margin: 0; /* 1 */
  309.   overflow: auto; /* 2 */
  310.   resize: vertical; /* 3 */
  311. }
  312.  
  313. /**
  314.  * Remove the padding in IE 10-.
  315.  */
  316.  
  317. [type="checkbox"],
  318. [type="radio"] {
  319.   padding: 0;
  320. }
  321.  
  322. /**
  323.  * 1. Correct the odd appearance in Chrome and Safari.
  324.  * 2. Correct the outline style in Safari.
  325.  */
  326.  
  327. [type="search"] {
  328.   -webkit-appearance: textfield; /* 1 */
  329.   outline-offset: -2px; /* 2 */
  330. }
  331.  
  332. /**
  333.  * Correct the cursor style of increment and decrement buttons in Safari.
  334.  */
  335.  
  336. ::-webkit-inner-spin-button,
  337. ::-webkit-outer-spin-button {
  338.   height: auto;
  339. }
  340.  
  341. /**
  342.  * Correct the text style of placeholders in Chrome, Edge, and Safari.
  343.  */
  344.  
  345. ::-webkit-input-placeholder {
  346.   color: inherit;
  347.   opacity: 0.54;
  348. }
  349.  
  350. /**
  351.  * Remove the inner padding in Chrome and Safari on macOS.
  352.  */
  353.  
  354. ::-webkit-search-decoration {
  355.   -webkit-appearance: none;
  356. }
  357.  
  358. /**
  359.  * 1. Correct the inability to style clickable types in iOS and Safari.
  360.  * 2. Change font properties to `inherit` in Safari.
  361.  */
  362.  
  363. ::-webkit-file-upload-button {
  364.   -webkit-appearance: button; /* 1 */
  365.   font: inherit; /* 2 */
  366. }
  367.  
  368. /**
  369.  * Remove the inner border and padding of focus outlines in Firefox.
  370.  */
  371.  
  372. ::-moz-focus-inner {
  373.   border-style: none;
  374.   padding: 0;
  375. }
  376.  
  377. /**
  378.  * Restore the focus outline styles unset by the previous rule in Firefox.
  379.  */
  380.  
  381. :-moz-focusring {
  382.   outline: 1px dotted ButtonText;
  383. }
  384.  
  385. /**
  386.  * Remove the additional :invalid styles in Firefox.
  387.  */
  388.  
  389. :-moz-ui-invalid {
  390.   box-shadow: none;
  391. }
  392.  
  393. /* Interactive
  394.  * ========================================================================== */
  395.  
  396. /*
  397.  * Add the correct display in Edge and IE.
  398.  */
  399.  
  400. details {
  401.   display: block;
  402. }
  403.  
  404. /*
  405.  * Add the correct styles in Edge, IE, and Safari.
  406.  */
  407.  
  408. dialog {
  409.   background-color: white;
  410.   border: solid;
  411.   color: black;
  412.   display: block;
  413.   height: -moz-fit-content;
  414.   height: -webkit-fit-content;
  415.   height: fit-content;
  416.   left: 0;
  417.   margin: auto;
  418.   padding: 1em;
  419.   position: absolute;
  420.   right: 0;
  421.   width: -moz-fit-content;
  422.   width: -webkit-fit-content;
  423.   width: fit-content;
  424. }
  425.  
  426. dialog:not([open]) {
  427.   display: none;
  428. }
  429.  
  430. /*
  431.  * Add the correct display in all browsers.
  432.  */
  433.  
  434. summary {
  435.   display: list-item;
  436. }
  437.  
  438. /* Scripting
  439.  * ========================================================================== */
  440.  
  441. /**
  442.  * Add the correct display in IE 9-.
  443.  */
  444.  
  445. canvas {
  446.   display: inline-block;
  447. }
  448.  
  449. /**
  450.  * Add the correct display in IE.
  451.  */
  452.  
  453. template {
  454.   display: none;
  455. }
  456.  
  457. /* User interaction
  458.  * ========================================================================== */
  459.  
  460. /*
  461.  * 1. Remove the tapping delay in IE 10.
  462.  * 2. Remove the tapping delay on clickable elements
  463.       in all browsers (opinionated).
  464.  */
  465.  
  466. a,
  467. area,
  468. button,
  469. input,
  470. label,
  471. select,
  472. summary,
  473. textarea,
  474. [tabindex] {
  475.   -ms-touch-action: manipulation; /* 1 */
  476.   touch-action: manipulation; /* 2 */
  477. }
  478.  
  479. /**
  480.  * Add the correct display in IE 10-.
  481.  */
  482.  
  483. [hidden] {
  484.   display: none;
  485. }
  486.  
  487. /* Accessibility
  488.  * ========================================================================== */
  489.  
  490. /**
  491.  * Change the cursor on busy elements in all browsers (opinionated).
  492.  */
  493.  
  494. [aria-busy="true"] {
  495.   cursor: progress;
  496. }
  497.  
  498. /*
  499.  * Change the cursor on control elements in all browsers (opinionated).
  500.  */
  501.  
  502. [aria-controls] {
  503.   cursor: pointer;
  504. }
  505.  
  506. /*
  507.  * Change the cursor on disabled, not-editable, or otherwise
  508.  * inoperable elements in all browsers (opinionated).
  509.  */
  510.  
  511. [aria-disabled="true"],
  512. [disabled] {
  513.   cursor: not-allowed;
  514. }
  515.  
  516. /*
  517.  * Change the display on visually hidden accessible elements
  518.  * in all browsers (opinionated).
  519.  */
  520.  
  521. [aria-hidden="false"][hidden]:not(:focus) {
  522.   clip: rect(0, 0, 0, 0);
  523.   display: inherit;
  524.   position: absolute;
  525. }

Paste-bin is for source code and general debugging text.

Login or Register to edit, delete and keep track of your pastes and more.

Raw Paste

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