diff options
Diffstat (limited to 'client-web/public/assets/style/master.css')
-rw-r--r-- | client-web/public/assets/style/master.css | 168 |
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; - } -} |