]>
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 | } |
b9f7e989 SW |
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 | } | |
312acaa8 SW |
29 | .hide { |
30 | display: none; | |
31 | } | |
73ffc3d0 SW |
32 | .task { |
33 | clear: right; | |
34 | } | |
3a164930 SW |
35 | .task > .task { |
36 | margin-left: 1em; | |
37 | } | |
b5ac5cc3 | 38 | .statedate { |
dc472fc5 | 39 | font-size: 80%; |
b5ac5cc3 | 40 | margin-right: 0.5em; |
dc472fc5 SW |
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; } | |
4c532769 SW |
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 | } |