diff options
Diffstat (limited to 'public/assets/css/css.css')
| -rw-r--r-- | public/assets/css/css.css | 35 |
1 files changed, 32 insertions, 3 deletions
diff --git a/public/assets/css/css.css b/public/assets/css/css.css index fd62f45..f976e8f 100644 --- a/public/assets/css/css.css +++ b/public/assets/css/css.css @@ -14,9 +14,38 @@ body { padding: 4px; max-width: 250px; text-align: center; - font-size: 18px !important; - line-height: 1.3; - font-family: serif !important; + font-size: 1rem !important; + line-height: 1.5; + font-family: "Merriweather", serif !important; +} + +/** Legend */ + +.legend { + position: absolute; + bottom: 0; + left: 0; + font-size: 1rem; + line-height: 1.25; + padding: 1rem; + margin: 1rem 2rem; + background: rgba(0, 0, 0, 0.5); + text-transform: capitalize; + font-variant: small-caps; + color: #fff; + transition: opacity 0.2s; +} +.legend div { + cursor: pointer; +} +.legend div:hover { + text-decoration: underline; +} +.legend .selected { + text-decoration: underline; +} +.legend .unselected { + opacity: 0.8; } /** Detail view */ |