git.plutz.net Git - webpoll/blob - webpoll.css

   1 body.home form {
   2   position: fixed;
   3   left: 50%; top: 50%;
   4   transform: translate(-50%, -50%);
   5 }
   6
   7 body.newdate form {
   8   text-align: center;
   9   margin: auto;
  10   max-width: 24em;
  11 }
  12
  13 body.newdate form input[name=title],
  14 body.newdate form textarea[name=description] {
  15   display: block;
  16   width: 100%;
  17   margin-bottom: .75em;
  18 }
  19 body.newdate form textarea[name=description] {
  20   height: 8em;
  21 }
  22
  23 body.newdate form button[name=month] {
  24   display: inline-block;
  25   width: calc(50% - 9em);
  26   vertical-align: middle;
  27   color: transparent;
  28   overflow: hidden;
  29   height: 4em;
  30   border: none;
  31 }
  32 body.newdate form textarea + button[name=month]:before,
  33 body.newdate form table + button[name=month]:before {
  34   display: block;
  35   content: '<';
  36   font-size: 2em;
  37   font-weight: bold;
  38   margin-top: .375em;
  39   color: #666;
  40 }
  41 body.newdate form table + button[name=month]:before {
  42   content: '>';
  43 }
  44
  45 body.newdate form table.calendar {
  46   vertical-align: middle;
  47 }