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