]> git.scottworley.com Git - vopamoi/blob - vopamoi.css
95a0100470261cd9037e51cb2e7b4f1b161ae51a
[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 .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 }
29 .hide {
30 display: none;
31 }
32 .task {
33 clear: right;
34 }
35 .task > .task {
36 margin-left: 1em;
37 }
38 .statedate {
39 font-size: 80%;
40 margin-right: 0.5em;
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; }
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 }