aboutsummaryrefslogtreecommitdiff
path: root/server/src/routes/ui/style/layout.css
diff options
context:
space:
mode:
Diffstat (limited to 'server/src/routes/ui/style/layout.css')
-rw-r--r--server/src/routes/ui/style/layout.css148
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;
-}