styles/admin.css

   1 #admin * {
   2     font-size: 5vw;
   3 }
   4
   5 #admin button {
   6     font-size: 4.5vw;
   7 }
   8
   9 #admin button,
  10 #admin form label,
  11 #admin form input[type=submit] {
  12     text-transform: uppercase;
  13 }
  14
  15 #admin ul {
  16     list-style-type: none;
  17     margin-top: 0;
  18     padding-left: 0;
  19 }
  20
  21 #admin ul li {
  22     padding: 4% 2%;
  23 }
  24
  25 #admin ul li:nth-child(odd) {
  26     background-color: var(--color-gray);
  27 }
  28
  29 #admin ul li button {
  30     background-color: var(--color-red);
  31     border: 0.05em solid var(--color-red);
  32     color: var(--color-white);
  33     float: right;
  34     padding: 1%;
  35 }
  36
  37 #admin ul li button:active {
  38     background-color: var(--color-white);
  39     color: var(--color-red);
  40 }
  41
  42 #admin form {
  43     display: flex;
  44 }
  45
  46 #admin form label {
  47     width: 21%;
  48 }
  49
  50 #admin form input {
  51     margin-left: 2%;
  52     width: 60%;
  53 }
  54
  55 #admin form input[type=submit] {
  56     background-color: var(--color-blue);
  57     border: 0.05em solid var(--color-blue);
  58     color: var(--color-white);
  59     margin-left: 2%;
  60     width: 21%;
  61 }
  62
  63 #admin form input[type=submit]:active {
  64     background-color: var(--color-white);
  65     color: var(--color-blue);
  66 }