diff options
Diffstat (limited to 'server/src/routes/ui/style/layout.css')
-rw-r--r-- | server/src/routes/ui/style/layout.css | 148 |
1 files changed, 0 insertions, 148 deletions
diff --git a/server/src/routes/ui/style/layout.css b/server/src/routes/ui/style/layout.css deleted file mode 100644 index 92a8929..0000000 --- a/server/src/routes/ui/style/layout.css +++ /dev/null @@ -1,148 +0,0 @@ -/* - This file is part of jellything (https://codeberg.org/metamuffin/jellything) - which is licensed under the GNU Affero General Public License (version 3); see /COPYING. - Copyright (C) 2023 metamuffin <metamuffin.org> - Copyright (C) 2023 tpart -*/ -@font-face { - font-family: "Cantarell"; - src: url(/assets/cantarell.woff2) format("woff2"); -} - -:root { - --card-size: 17em; - --bar-height: 5em; - --port-poster-aspect: 1.41; - --land-poster-aspect: (1.41 / 2); - --land-thumb-aspect: (9 / 16); - --accent-light: rgb(255, 163, 87); - --accent-dark: rgb(199, 90, 0); - --backdrop-height: 24em; - --background-dark: #070707; - --background-light: #1c1c1c; - --background-very-light: #323232; - --main-side-margin: 2em; - --font: rgb(218, 218, 218); - --font-dark: rgb(148, 148, 148); - --font-highlight: white; -} - -::selection { - background-color: var(--accent-dark); -} - -* { - color: var(--font); - scrollbar-width: thin; - scrollbar-color: var(--background-light) #0000; -} -:root { - font-family: "Cantarell", sans-serif; - font-weight: 500; -} - -body { - background-color: var(--background-dark); - width: 100vw; - margin: 0px; - padding: 0px; -} - -h1 { - font-weight: bold; - color: var(--font-highlight); -} - -nav { - user-select: none; - z-index: 90; - position: fixed; - top: 0px; - left: 0px; - padding: 1em; - width: calc(100vw - 2em); - height: 2em; - backdrop-filter: blur(6px); - background-color: #1c1c1c9a; - - display: flex; - align-items: center; -} - -code { - font-family: monospace !important; -} -.log .time, -.log .module { - color: grey; -} - -nav a { - border: 0px solid transparent; - border-radius: 5px; - padding: 0.5em; - text-decoration: none; -} -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; - margin-left: 0.5em; - margin-right: 0.5em; - font-size: 1.5em; - display: inline; -} -nav .account { - margin-left: auto; -} -nav .account .username { - color: var(--accent-light); - font-weight: bold; - margin-right: 1em; -} - -#main { - display: block; - margin-top: var(--bar-height); - margin-left: var(--main-side-margin); - margin-right: var(--main-side-margin); - margin-bottom: 1em; -} - -section.message { - background-color: var(--background-light); - border-radius: 8px; -} -.error { - padding: 1em; - color: rgb(255, 117, 117); - font-family: monospace; -} -.success { - padding: 1em; - color: rgb(117, 255, 117); -} - -footer { - padding: 0.1em; - text-align: center; -} -footer p { - color: #828282; - font-size: 0.8em; -} |