reset.css 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193
  1. /* link underlines tend to make hypertext less readable,
  2. because underlines obscure the shapes of the lower halves of words */
  3. :link, :visited {
  4. text-decoration: none
  5. }
  6. /* no list-markers by default, since lists are used more often for semantics */
  7. ul, ol {
  8. list-style: none
  9. }
  10. /* avoid browser default inconsistent heading font-sizes */
  11. /* and pre/code too */
  12. h1, h2, h3, h4, h5, h6, pre, code {
  13. font-size: 1rem;
  14. }
  15. /* remove the inconsistent (among browsers) default ul,ol padding or margin */
  16. /* the default spacing on headings does not match nor align with
  17. normal interline spacing at all, so let's get rid of it. */
  18. /* zero out the spacing around pre, form, body, html, p, blockquote as well */
  19. /* form elements are oddly inconsistent, and not quite CSS emulatable. */
  20. /* nonetheless strip their margin and padding as well */
  21. ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, textarea {
  22. margin: 0;
  23. padding: 0;
  24. border: none;
  25. }
  26. /* whoever thought blue linked image borders were a good idea? */
  27. a img, :link img, :visited img {
  28. border: none;
  29. }
  30. /* de-italicize address */
  31. address {
  32. font-style: normal;
  33. }
  34. /* firefox focus outline */
  35. :focus {
  36. outline: none;
  37. }
  38. ::-moz-focus-inner {
  39. border: 0;
  40. }
  41. /* details element arrow */
  42. details > summary {
  43. list-style: none;
  44. }
  45. details > summary::-webkit-details-marker {
  46. display: none;
  47. }
  48. /* have IE ignore the detail elements altogether */
  49. @supports not (-ms-ime-align: auto) {
  50. details summary {
  51. cursor: pointer;
  52. }
  53. }
  54. [hidden] {
  55. display: none;
  56. }
  57. * {
  58. box-sizing: border-box !important;
  59. }
  60. /* TYPOGRAPHY AND GENERAL SELECTORS */
  61. body,
  62. html {
  63. -webkit-font-smoothing: antialiased;
  64. -moz-osx-font-smoothing: grayscale;
  65. background-attachment: fixed;
  66. color: var(--white);
  67. font-family: var(--main-font);
  68. font-size: var(--small-size);
  69. }
  70. h1 {
  71. font-size: var(--main-size);
  72. font-weight: 700;
  73. }
  74. h2 {
  75. font-size: var(--medium-size);
  76. font-weight: 600;
  77. }
  78. h3 {
  79. font-size: var(--small-size);
  80. font-weight: 600;
  81. }
  82. p {
  83. font-family: var(--main-font);
  84. font-size: var(--small-size);
  85. font-weight: 400;
  86. margin-bottom: var(--small-size);
  87. }
  88. textarea {
  89. font-family: var(--main-font);
  90. font-weight: 400;
  91. }
  92. ul {
  93. text-decoration: none;
  94. margin: 0;
  95. padding: 0;
  96. list-style: none;
  97. }
  98. li {
  99. margin: 0;
  100. padding: 0;
  101. }
  102. /* BUTTONS AND FILEPICKER */
  103. button {
  104. cursor: pointer !important;
  105. float: right !important;
  106. align-self: end !important;
  107. }
  108. input {
  109. cursor: text !important;
  110. }
  111. button,
  112. input {
  113. all: unset;
  114. padding: 5px 10px;
  115. }
  116. button,
  117. select,
  118. input:not([type=text]) {
  119. cursor: pointer !important;
  120. }
  121. input:not([type=button], [type=color], [type=checkbox], [type=radio]) {
  122. cursor: auto !important;
  123. }
  124. /*noinspection CssInvalidPseudoSelector*/
  125. *|*::-moz-button-content {
  126. all: unset;
  127. }
  128. input[type=checkbox] {
  129. all: unset;
  130. display: inline-block;
  131. width: 1em;
  132. height: 1em;
  133. }
  134. input[type=radio] {
  135. all: unset;
  136. cursor: pointer !important;
  137. display: inline-block;
  138. width: 1em;
  139. height: 1em;
  140. border-radius: 50%;
  141. margin: 3px 3px 0 5px;
  142. }
  143. /* file selector */
  144. input[type=file] {
  145. all: unset;
  146. display: block;
  147. width: 100%;
  148. border-radius: var(--unit-size) !important;
  149. }
  150. input + label {
  151. all: unset;
  152. align-self: center;
  153. }
  154. /* button part of file selector */
  155. ::file-selector-button {
  156. cursor: pointer;
  157. background-color: unset;
  158. border: unset;
  159. margin: 3px;
  160. }