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