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