diff options
Diffstat (limited to 'server/src/routes/ui/style/layout.css')
| -rw-r--r-- | server/src/routes/ui/style/layout.css | 33 |
1 files changed, 22 insertions, 11 deletions
diff --git a/server/src/routes/ui/style/layout.css b/server/src/routes/ui/style/layout.css index 0a6d25f..ef03873 100644 --- a/server/src/routes/ui/style/layout.css +++ b/server/src/routes/ui/style/layout.css @@ -12,6 +12,8 @@ --backdrop-height: 18em; --background-dark: #070707; --background-light: #1c1c1c; + --main-side-margin: 2em; + --font: rgb(218, 218, 218); } ::selection { @@ -19,7 +21,7 @@ } * { - color: rgb(218, 218, 218); + color: var(--font); font-family: "Cantarell", sans-serif; font-weight: 500; @@ -55,6 +57,20 @@ nav a { nav a:hover { background-color: #ffffff10; } +nav a { + color: #dfe5f3; + text-decoration: none; + background-image: linear-gradient(transparent, transparent), + linear-gradient(var(--accent-light), var(--accent-light)); + background-size: 100% 2px, 0 2px; + background-position: 100% 100%, 0 100%; + background-repeat: no-repeat; + transition: background-size 0.15s linear; +} +nav a:hover { + background-size: 0 2px, 100% 2px; +} + nav h1 { margin: 0px; @@ -66,6 +82,8 @@ nav h1 { #main { display: block; margin-top: var(--bar-height); + margin-left: var(--main-side-margin); + margin-right: var(--main-side-margin); } .error { @@ -74,15 +92,6 @@ nav h1 { font-family: monospace; } -select, -input { - color: white; - background-color: black; -} -option { - font-family: "Cantarell", sans-serif; -} - .page.dir { padding: 1em; padding-left: 3em; @@ -158,8 +167,10 @@ option { } .backdrop { - width: 100%; + width: calc(100% + 2 * var(--main-side-margin)); height: calc(var(--backdrop-height) + 5em); + margin-left: calc(-1 * var(--main-side-margin)); + margin-right: calc(-1 * var(--main-side-margin)); margin-top: calc(-1 * var(--bar-height)); margin-bottom: -5em; mask-image: linear-gradient( |