]> git.scottworley.com Git - vopamoi/blob - vopamoi.css
ac29e309b7c6f9d55e708ffe2f520dbf5021412a
[vopamoi] / 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 .task {
19 clear: right;
20 }
21 .statedate {
22 font-size: 80%;
23 margin-right: 0.5em;
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; }
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 }