X-Git-Url: http://git.scottworley.com/vopamoi/blobdiff_plain/634868c9a2d36621da56cc6be8a863b5e90db941..d1d7beafa8295d5060bbe00ce7b8a2bc41495b00:/vopamoi.css diff --git a/vopamoi.css b/vopamoi.css index 9f4469c..c98337c 100644 --- a/vopamoi.css +++ b/vopamoi.css @@ -4,9 +4,54 @@ input { .tag { float: right; margin-left: 1em; - font-size: 85%; + font-size: 80%; +} +span.tag { + color: white; + padding: 1px .5em; + font-weight: bold; } input.tag { width: 7em; border: none; } +.hide { + display: none; +} +.task { + clear: right; +} +.statedate { + font-size: 80%; + margin-right: 0.5em; + padding: 0 .2em; + border-radius: 1em; +} +.task[data-state=cancelled] > .statedate { background-color: #fee; } +.task[data-state=deleted] > .statedate { background-color: #ddd; } +.task[data-state=done] > .statedate { background-color: #efe; } +.task[data-state=someday-maybe] > .statedate { background-color: #eef; } +.task[data-state=waiting] > .statedate { background-color: #fef; } +#ui { + padding: 15px 10px; +} +body:before, body:after { + content: ""; + position: fixed; + background: var(--view-state-indicator-color); + left: 0; + right: 0; + height: 5px; +} +body:before { + top: 0; +} +body:after { + bottom: 0; +} +body { + margin: 0; + min-height: 100vh; + border-left: 5px solid var(--view-state-indicator-color); + border-right: 5px solid var(--view-state-indicator-color); +}