git.scottworley.com Git - vopamoi/blob - vopamoi.css

   1 input {
   2   width: calc(100% - 8px); /* 8px to account for the default padding and border */
   3 }
   4 .tag {
   5   float: right;
   6   margin-left: 1em;
   7   font-size: 80%;
   8 }
   9 span.tag {
  10   color: white;
  11   padding: 1px .5em;
  12   font-weight: bold;
  13 }
  14 input.tag {
  15   width: 7em;
  16   border: none;
  17 }
  18 .hide {
  19   display: none;
  20 }
  21 .task {
  22   clear: right;
  23 }
  24 .statedate {
  25   font-size: 80%;
  26   margin-right: 0.5em;
  27   padding: 0 .2em;
  28   border-radius: 1em;
  29 }
  30 .task[data-state=cancelled]     > .statedate { background-color: #fee; }
  31 .task[data-state=deleted]       > .statedate { background-color: #ddd; }
  32 .task[data-state=done]          > .statedate { background-color: #efe; }
  33 .task[data-state=someday-maybe] > .statedate { background-color: #eef; }
  34 .task[data-state=waiting]       > .statedate { background-color: #fef; }
  35 #ui {
  36   padding: 15px 10px;
  37 }
  38 body:before, body:after {
  39   content: "";
  40   position: fixed;
  41   background: var(--view-state-indicator-color);
  42   left: 0;
  43   right: 0;
  44   height: 5px;
  45 }
  46 body:before {
  47   top: 0;
  48 }
  49 body:after {
  50   bottom: 0;
  51 }
  52 body {
  53   margin: 0;
  54   min-height: 100vh;
  55   border-left: 5px solid var(--view-state-indicator-color);
  56   border-right: 5px solid var(--view-state-indicator-color);
  57 }