projects / vopamoi / blame
| Commit | Line | Data |
|---|---|---|
| 4e05a0a2 SW |
1 | input { |
| 2 | width: calc(100% - 8px); /* 8px to account for the default padding and border */ | |
| 3 | } | |
| 7b5b90b9 SW |
4 | .tag { |
| 5 | float: right; | |
| 6 | margin-left: 1em; | |
| c70b3eed SW |
7 | font-size: 80%; |
| 8 | } | |
| 9 | span.tag { | |
| 10 | color: white; | |
| 11 | padding: 1px .5em; | |
| 12 | font-weight: bold; | |
| 7b5b90b9 SW |
13 | } |
| 14 | input.tag { | |
| 15 | width: 7em; | |
| 634868c9 | 16 | border: none; |
| 7b5b90b9 | 17 | } |
| 312acaa8 SW |
18 | .hide { |
| 19 | display: none; | |
| 20 | } | |
| 73ffc3d0 SW |
21 | .task { |
| 22 | clear: right; | |
| 23 | } | |
| 3a164930 SW |
24 | .task > .task { |
| 25 | margin-left: 1em; | |
| 26 | } | |
| b5ac5cc3 | 27 | .statedate { |
| dc472fc5 | 28 | font-size: 80%; |
| b5ac5cc3 | 29 | margin-right: 0.5em; |
| dc472fc5 SW |
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; } | |
| 4c532769 SW |
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 | } |