diff options
| author | Přemysl Eric Janouch <p@janouch.name> | 2023-12-16 20:49:05 +0100 |
|---|---|---|
| committer | Přemysl Eric Janouch <p@janouch.name> | 2023-12-16 20:49:05 +0100 |
| commit | 87eb786498e598a319dfa305cf43c4ab664d26a4 (patch) | |
| tree | 835b2695bcaa31d94bab1233e79f8e0359b9dc9d /public/style.css | |
| parent | 4e694d07851c6d6f9d0650b610a085939ed0938d (diff) | |
| download | gallery-87eb786498e598a319dfa305cf43c4ab664d26a4.tar.gz gallery-87eb786498e598a319dfa305cf43c4ab664d26a4.tar.xz gallery-87eb786498e598a319dfa305cf43c4ab664d26a4.zip | |
Style the view better
Diffstat (limited to 'public/style.css')
| -rw-r--r-- | public/style.css | 15 |
1 files changed, 12 insertions, 3 deletions
diff --git a/public/style.css b/public/style.css index 7daa69b..7feddb2 100644 --- a/public/style.css +++ b/public/style.css @@ -1,5 +1,7 @@ body { margin: 0; padding: 0; font-family: sans-serif; } +a { color: inherit; } + .container { display: flex; flex-direction: column; height: 100vh; width: 100vw; overflow: hidden; } .body { display: flex; flex-grow: 1; overflow: hidden; } @@ -11,7 +13,7 @@ ul.sidebar { margin: 0; padding: 0; background: #eee; border-right: 1px solid #ccc; min-width: 10rem; overflow: auto; } ul.sidebar li { margin: 0; padding: 0; } ul.sidebar li a { padding: .25rem .5rem; padding-left: 30px; - color: #000; display: block; text-decoration: none; white-space: nowrap; } + display: block; text-decoration: none; white-space: nowrap; } ul.sidebar li a:hover { background: #ddd; } ul.sidebar li.parent a { @@ -29,12 +31,19 @@ ul.sidebar li.child a { .browser { overflow: auto; display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: center; align-items: center; gap: 10px; padding: 9px; } -.browser:focus-visible { outline: 0; box-shadow: 0; } +.browser:focus-visible { outline: 0; box-shadow: none; } .browser img { display: block; box-shadow: 0 0 3px rgba(0, 0, 0, 0.75); } -.view { overflow: hidden; display: flex; +.view { display: flex; flex-grow: 1; overflow: hidden; justify-content: center; align-items: center; } .view img { max-width: 100%; max-height: 100%; } .viewbar { padding: .25rem .5rem; background: #eee; border-left: 1px solid #ccc; min-width: 20rem; overflow: auto; } +.viewbar h2 { margin: 0.5em 0 0.25em 0; padding: 0; font-size: 1.2rem; } +.viewbar h3 { margin: 0.25em 0; padding: 0; font-size: 1.1rem; } +.viewbar ul { margin: 0; padding: 0 0 0 1.25em; list-style-type: "- "; } +.viewbar ul.tags { padding: 0; list-style-type: none; } +.viewbar li { margin: 0; padding: 0; } +.viewbar meter { width: 1.25rem; + /* background: white; border: 1px solid #ccc; */ } |