SHARE
TWEET

Untitled

a guest May 21st, 2019 48 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. * {
  2.     box-sizing: border-box;
  3.     font-family: sans-serif;
  4. }
  5.  
  6. html,
  7. body,
  8. form {
  9.     margin: 0;
  10.     padding: 0;
  11.     height: 100%;
  12. }
  13.  
  14. textarea,
  15. input[type="text"] {
  16.     font-family: monospace;
  17. }
  18.  
  19. button,
  20. input[type="button"],
  21. input[type="submit"] {
  22.     font-size: 1rem;
  23.     padding: 0.5rem;
  24.     margin: 0;
  25.     margin-bottom: 0.25rem;
  26.     border: none;
  27.     vertical-align: middle;
  28.     border-radius: 0.25rem;
  29.     background: #e8e8ff;
  30.     color: #6767b2;
  31. }
  32.  
  33. button:focus,
  34. input[type="button"]:focus,
  35. input[type="submit"]:focus {
  36.     outline: none;
  37. }
  38.  
  39. button:active,
  40. input[type="button"]:active,
  41. input[type="submit"]:active {
  42.     background: #6767b2;
  43.     color: #fff;
  44. }
  45.  
  46. body {
  47.     display: grid;
  48.     grid-template-rows: auto 1fr;
  49.     background: #ccccff;
  50.     color: #6767b2;
  51. }
  52.  
  53. body>header {
  54.     background: #fff;
  55.     padding: 1rem 2rem;
  56.     font-size: 1.25rem;
  57.     border-bottom: solid 0.25rem #6767b2;
  58. }
  59.  
  60. body>main {
  61.     padding: 1rem;
  62.     height: 100%;
  63. }
  64.  
  65. section {
  66.     background: #fff;
  67.     border-bottom: solid 0.25em #6767b2;
  68.     display: inline-block;
  69.     vertical-align: top;
  70.     padding: 1rem;
  71.     border-radius: 0.5rem;
  72. }
  73.  
  74. section>header {
  75.     background: #e8e8ff;
  76.     color: #6767b2;
  77.     padding: 0.5rem 1rem;
  78.     margin: -1rem;
  79.     margin-bottom: 1rem;
  80.     font-size: 1.25rem;
  81.     border-top-right-radius: 0.5rem;
  82.     border-top-left-radius: 0.5rem;
  83. }
  84.  
  85. label {
  86.     background: #e8e8ff;
  87.     padding: 0.5rem;
  88.     margin-bottom: 0.5rem;
  89.     border-radius: 0.25rem;
  90. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top