Guest User

CSS Code even though it probably doesn't matter

a guest
May 1st, 2020
455
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.48 KB | None | 0 0
  1. /*--------------------------------------------------------------
  2. Typography
  3. --------------------------------------------------------------*/
  4.  
  5. body,
  6. button,
  7. input,
  8. select,
  9. textarea {
  10.     font-family: 'Source Sans Pro', 'Helvetica', Arial, sans-serif;
  11.     font-size: 18px;
  12.     line-height: 1.5;
  13. }
  14.  
  15. h1,
  16. h2,
  17. h3,
  18. h4,
  19. h5,
  20. h6 {
  21.     clear: both;
  22. }
  23.  
  24. p {
  25.     margin-bottom: 1.5em;
  26. }
  27.  
  28. b,
  29. strong {
  30.     font-weight: bold;
  31. }
  32.  
  33. dfn,
  34. cite,
  35. em,
  36. i {
  37.     font-style: italic;
  38. }
  39.  
  40. blockquote {
  41.     margin: 0 1.5em;
  42. }
  43.  
  44. address {
  45.     margin: 0 0 1.5em;
  46. }
  47.  
  48. pre {
  49.     background: #eee;
  50.     font-family: "Courier 10 Pitch", Courier, monospace;
  51.     font-size: 15px;
  52.     font-size: 1.5rem;
  53.     line-height: 1.6;
  54.     margin-bottom: 1.6em;
  55.     max-width: 100%;
  56.     overflow: auto;
  57.     padding: 1.6em;
  58. }
  59.  
  60. code,
  61. kbd,
  62. tt,
  63. var {
  64.     font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  65. }
  66.  
  67. abbr,
  68. acronym {
  69.     border-bottom: 1px dotted #666;
  70.     cursor: help;
  71. }
  72.  
  73. mark,
  74. ins {
  75.     background: #fff9c0;
  76.     text-decoration: none;
  77. }
  78.  
  79. sup,
  80. sub {
  81.     font-size: 75%;
  82.     height: 0;
  83.     line-height: 0;
  84.     position: relative;
  85.     vertical-align: baseline;
  86. }
  87.  
  88. sup {
  89.     bottom: 1ex;
  90. }
  91.  
  92. sub {
  93.     top: .5ex;
  94. }
  95.  
  96. small {
  97.     font-size: 75%;
  98. }
  99.  
  100. big {
  101.     font-size: 125%;
  102. }
  103.  
  104. /*--------------------------------------------------------------
  105. Layout
  106. --------------------------------------------------------------*/
  107. body {
  108.     margin: 0;
  109.     padding: 0;
  110. }
  111.  
  112. .masthead {
  113.     padding: 1em 2em;
  114.     background-color: #0D1B2E;
  115.     color: white;
  116. }
  117.  
  118. .masthead h1 {
  119.     text-align: center;
  120. }
  121.  
  122. .intro {
  123.     padding: 2em 2em;
  124.     color: #ffffff;
  125.     background: #429890;
  126. }
  127.  
  128.  
  129. .intro p,
  130. .test-area {
  131.     margin: 0 auto;
  132.     max-width: 550px;
  133. }
  134.  
  135. .test-area {
  136.     margin-bottom: 4em;
  137.     padding: 0 2em;
  138. }
  139.  
  140. .test-wrapper {
  141.     border: 10px solid grey;
  142.     border-radius: 10px;
  143. }
  144.  
  145. #origin-text {
  146.     margin: 1em 0;
  147.     padding: 1em 1em 0;
  148.     background-color: #ededed;
  149. }
  150.  
  151. #origin-text p {
  152.     margin: 0;
  153.     padding-bottom: 1em;
  154. }
  155.  
  156. .test-wrapper {
  157.     display: flex;
  158. }
  159.  
  160. .test-wrapper textarea {
  161.     flex: 1;
  162. }
  163.  
  164. .meta {
  165.     margin-top: 1em;
  166.     display: flex;
  167.     justify-content: space-between;
  168.     flex-wrap: wrap;
  169. }
  170.  
  171. .timer {
  172.     font-size: 3em;
  173.     font-weight: bold;
  174. }
  175.  
  176. #reset {
  177.     padding: .5em 1em;
  178.     font-size: 1.2em;
  179.     font-weight: bold;
  180.     color: #E95D0F;
  181.     background: white ;
  182.     border: 10px solid #E95D0F;
  183. }
  184.  
  185. #reset:hover {
  186.     color: white;
  187.     background-color: #E95D0F;
  188. }
Add Comment
Please, Sign In to add comment