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 .task {
  19   clear: right;
  20 }
  21 .statedate {
  22   font-size: 80%;
  23   margin-right: 0.5em;
  24   padding: 0 .2em;
  25   border-radius: 1em;
  26 }
  27 .task[data-state=cancelled]     > .statedate { background-color: #fee; }
  28 .task[data-state=deleted]       > .statedate { background-color: #ddd; }
  29 .task[data-state=done]          > .statedate { background-color: #efe; }
  30 .task[data-state=someday-maybe] > .statedate { background-color: #eef; }
  31 .task[data-state=waiting]       > .statedate { background-color: #fef; }
  32 #ui {
  33   padding: 15px 10px;
  34 }
  35 body:before, body:after {
  36   content: "";
  37   position: fixed;
  38   background: var(--view-state-indicator-color);
  39   left: 0;
  40   right: 0;
  41   height: 5px;
  42 }
  43 body:before {
  44   top: 0;
  45 }
  46 body:after {
  47   bottom: 0;
  48 }
  49 body {
  50   margin: 0;
  51   min-height: 100vh;
  52   border-left: 5px solid var(--view-state-indicator-color);
  53   border-right: 5px solid var(--view-state-indicator-color);
  54 }