]> git.scottworley.com Git - vopamoi/blame - vopamoi.css
Provide a visual indicator of the current view-state
[vopamoi] / vopamoi.css
CommitLineData
4e05a0a2
SW
1input {
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}
9span.tag {
10 color: white;
11 padding: 1px .5em;
12 font-weight: bold;
7b5b90b9
SW
13}
14input.tag {
15 width: 7em;
634868c9 16 border: none;
7b5b90b9 17}
73ffc3d0
SW
18.task {
19 clear: right;
20}
4c532769
SW
21#ui {
22 padding: 15px 10px;
23}
24body:before, body:after {
25 content: "";
26 position: fixed;
27 background: var(--view-state-indicator-color);
28 left: 0;
29 right: 0;
30 height: 5px;
31}
32body:before {
33 top: 0;
34}
35body:after {
36 bottom: 0;
37}
38body {
39 margin: 0;
40 min-height: 100vh;
41 border-left: 5px solid var(--view-state-indicator-color);
42 border-right: 5px solid var(--view-state-indicator-color);
43}