]>
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 | } |
73ffc3d0 SW |
18 | .task { |
19 | clear: right; | |
20 | } | |
b5ac5cc3 | 21 | .statedate { |
dc472fc5 | 22 | font-size: 80%; |
b5ac5cc3 | 23 | margin-right: 0.5em; |
dc472fc5 SW |
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; } | |
4c532769 SW |
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 | } |