git.cworth.org Git - lmno.games/blob - empires/style.css

   1 h1 {
   2     color: #333738;
   3 }
   4
   5 h2 {
   6     color: #333738;
   7 }
   8
   9 p,dl,dd {
  10     margin-bottom: 1em;
  11 }
  12
  13 .show-state-join {
  14     display:none;
  15 }
  16
  17 .show-state-reveal {
  18     display:none;
  19 }
  20
  21 .show-state-capture {
  22     display:none;
  23 }
  24
  25 .hide-state-join {
  26     display:block;
  27 }
  28
  29 .hide-state-reveal {
  30     display:block;
  31 }
  32
  33 .hide-state-capture {
  34     display:block;
  35 }
  36
  37 /* Players list starts out hidden (until a player is added). */
  38 #players-div {
  39     display:none;
  40 }
  41
  42 /* Host tools start out hidden. */
  43 #host-tools {
  44     display: none;
  45 }
  46
  47 #register-form {
  48     max-width: 100%;
  49     display: grid;
  50     grid-template-columns: 49% 49%;
  51     grid-column-gap: 2%;
  52 }
  53
  54 .form-row {
  55     max-width: 100%;
  56     padding-bottom: 0.25em;
  57 }
  58
  59 .form-row.medium.left {
  60     grid-column-start: 1;
  61 }
  62
  63 .form-row.medium.right {
  64     grid-column-start: 2;
  65 }
  66
  67 .form-row.large {
  68     grid-column-start: 1;
  69     grid-column-end: span 2;
  70 }
  71
  72 /* For a narrow screen, use a single-column for medium form rows. */
  73 @media screen and (max-width: 600px) {
  74     .form-row.medium.left,.form-row.medium.right {
  75         grid-column-start: 1;
  76         grid-column-end: span 2
  77     }
  78 }
  79
  80 input {
  81     height: 40px;
  82 }
  83
  84 #character-reveal {
  85     color: #333738;
  86     font-size: 300%;
  87     font-weight: bold;
  88 }