aboutsummaryrefslogtreecommitdiff
path: root/client-web/public/assets/style/master.css
diff options
context:
space:
mode:
Diffstat (limited to 'client-web/public/assets/style/master.css')
-rw-r--r--client-web/public/assets/style/master.css168
1 files changed, 0 insertions, 168 deletions
diff --git a/client-web/public/assets/style/master.css b/client-web/public/assets/style/master.css
deleted file mode 100644
index d4cdac8..0000000
--- a/client-web/public/assets/style/master.css
+++ /dev/null
@@ -1,168 +0,0 @@
-/*
- This file is part of keks-meet (https://codeberg.org/metamuffin/keks-meet)
- which is licensed under the GNU Affero General Public License (version 3); see /COPYING.
- Copyright (C) 2022 metamuffin <metamuffin@disroot.org>
-*/
-@import url("../font/include.css");
-@import url("./logger.css");
-@import url("./chat.css");
-@import url("./room.css");
-@import url("./prefs.css");
-@import url("./menu.css");
-@import url("/overrides.css");
-
-* {
- font-family: "Ubuntu", sans-serif;
- color: white;
- margin: 0px;
- padding: 0px;
-}
-
-body.start {
- background-image: linear-gradient(var(--ac-dark-transparent), black 150%),
- url("./tile-backdrop.svg");
- background-attachment: fixed;
- background-size: cover, 750px;
- background-color: var(--ac-dark);
- position: absolute;
- inset: 0;
- display: flex;
- place-content: center;
- align-items: center;
- overflow: hidden;
-}
-
-body {
- font-weight: 300;
- background-color: var(--bg-dark);
- height: 100vh;
- width: 100vw;
- justify-content: left;
-}
-
-h1 {
- text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.75);
- font-size: 5em;
- font-weight: 700;
- text-align: center;
- margin-bottom: 0.1em;
-}
-
-input[type="button"],
-button {
- padding: 0.5em;
- margin: 0.25em;
- background-color: var(--ac);
- border: 0px solid transparent;
- border-radius: 3px;
-}
-
-input[type="button"]:hover,
-button:hover {
- filter: brightness(130%);
-}
-
-input[type="button"].active,
-button.active {
- filter: hue-rotate(20deg);
-}
-
-input[type="text"],
-select,
-input[type="number"] {
- background-color: var(--bg-dark);
- border: 1px solid var(--ac-light);
-}
-
-input:disabled,
-button:disabled {
- filter: sepia(90%);
-}
-
-.start-box {
- text-align: center;
- position: absolute;
- max-width: 64em;
-}
-
-.instructions {
- margin-bottom: 0.5em;
- font-size: x-large;
- color: #c5c5c5;
- text-align: left;
-}
-
-.start-box input[type="text"] {
- margin: 2em 0 1em 0;
- width: 25em;
- font-weight: 500;
- color: whitesmoke;
- border: 0.15em solid var(--ac);
- background-color: rgba(0, 0, 0, 0.3);
- backdrop-filter: blur(5px);
- border-radius: 0.5em;
- outline: none;
-}
-
-.start-box input[type="text"]:focus {
- transition: 0.1s ease-out;
- background-color: rgba(0, 0, 0, 0.5);
- border-color: lightgray !important;
-}
-
-.start-box input[type="button"] {
- margin: 1em 0 1em 0;
- border-radius: 0.5em;
- font-size: x-large;
- width: 12em;
- padding: 0.5em;
- font-weight: 500;
- color: white;
- background-color: var(--ac);
- backdrop-filter: blur(5px);
- border: 0;
- cursor: pointer;
- border: 0.15em solid var(--ac);
-}
-
-.start-box .description {
- margin-bottom: 1.5em;
- font-size: x-large;
- font-weight: bold;
- text-align: center;
-}
-
-#room-id-input {
- padding: 0.5em;
- font-size: x-large;
-}
-
-@media (max-width: 1100px) {
- .start-box {
- max-width: 90%;
- }
- .start-box input[type="text"] {
- width: 90%;
- }
-}
-
-@media (max-width: 900px) and (max-height: 700px), (max-height: 550px) {
- h1 {
- font-size: 3em;
- font-weight: 700;
- text-align: center;
- }
- .instructions {
- font-size: large;
- }
- .start-box .description {
- font-size: large;
- }
- #room-id-input {
- padding: 0.5em;
- font-size: large;
- }
- .start-box input[type="button"] {
- font-size: large;
- }
-}