diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2021-08-24 19:07:19 +0200 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2021-08-24 19:07:19 +0200 |
| commit | f31ed7d781fb36d9b4debe7287b11badd8d7f75a (patch) | |
| tree | 86eea18af825e0a3aced428a1679e9c4bf04350c /public | |
| parent | 1cc630da4247e75a18629d960768d06239b0175b (diff) | |
add legend, filter visible nodes
Diffstat (limited to 'public')
| -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 */ |