aboutsummaryrefslogtreecommitdiff
path: root/client-web
diff options
context:
space:
mode:
Diffstat (limited to 'client-web')
-rw-r--r--client-web/public/assets/style/master.css180
-rw-r--r--client-web/public/assets/style/menu.css37
-rw-r--r--client-web/public/assets/style/room.css78
3 files changed, 0 insertions, 295 deletions
diff --git a/client-web/public/assets/style/master.css b/client-web/public/assets/style/master.css
deleted file mode 100644
index e08e8c2..0000000
--- a/client-web/public/assets/style/master.css
+++ /dev/null
@@ -1,180 +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);
-}
-
-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,
-.side-ui-control {
- padding: 0.5em;
- margin: 0.25em;
- background-color: var(--ac);
- border: 0px solid transparent;
- border-radius: 3px;
- font-size: small;
- font-weight: 400;
-}
-
-input[type="button"]:hover,
-button:hover,
-.side-ui-control:hover {
- filter: brightness(130%);
-}
-
-input[type="button"].active,
-button.active,
-.side-ui-control: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,
-.side-ui-control:disabled {
- filter: sepia(90%);
-}
-
-.side-ui-control input {
- display: none;
-}
-
-.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;
-}
-
-.main {
- height: calc(100vh - 64px);
- display: flex;
-}
-
-#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;
- }
-}
diff --git a/client-web/public/assets/style/menu.css b/client-web/public/assets/style/menu.css
deleted file mode 100644
index 6f67af0..0000000
--- a/client-web/public/assets/style/menu.css
+++ /dev/null
@@ -1,37 +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>
-*/
-
-.control-bar {
- background-color: var(--bg);
- border: 0px solid transparent;
- display: flex;
- align-items: center;
- justify-content: center;
- width: 100%;
- height: 64px;
- z-index: 100;
-}
-
-.menu-br {
- position: fixed;
- bottom: 0px;
- right: 0px;
- display: block;
- text-align: right;
-}
-.menu-br .version {
- font-size: medium;
- font-weight: bold;
- color: var(--ac-light);
- padding: 0.5em;
-}
-
-.info-br {
- position: absolute;
- right: 0.5em;
- bottom: calc(64px + 0.5em);
- text-align: right;
-} \ No newline at end of file
diff --git a/client-web/public/assets/style/room.css b/client-web/public/assets/style/room.css
deleted file mode 100644
index 1a82f0c..0000000
--- a/client-web/public/assets/style/room.css
+++ /dev/null
@@ -1,78 +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>
-*/
-.room {
- overflow-y: scroll;
- width: 100%;
- display: flex;
- flex-wrap: wrap;
-}
-
-.user {
- background-color: var(--bg);
- border: 0px solid transparent;
- border-radius: 5px;
- padding: 1em;
- margin: 0.5em;
- vertical-align: top;
- min-width: fit-content;
- height: 13em;
- display: inline-block;
- position: relative;
-}
-
-.user .info .name {
- font-weight: 400;
-}
-
-.user.local .info .name {
- text-decoration: underline;
-}
-
-.user .info {
- margin-bottom: 1em;
-}
-
-.user .resource {
- display: inline-block;
- vertical-align: top;
-}
-
-.media {
- max-height: 9em;
- border: 0px solid transparent;
- border-radius: 5px;
-}
-
-.local-controls {
- display: inline;
-}
-
-.local-controls::before {
- content: "|";
-}
-
-.transfer-status {
- background-color: #00000040;
-}
-
-.progress-bar {
- z-index: -1;
- padding: 0px;
- margin: 0px;
- height: 6px;
- border-radius: 3px;
- background-color: var(--ac-light);
-}
-
-
-.resource-track>div {
- border: 2px solid transparent;
- border-radius: 4px;
-}
-
-.resource-track>div.audio-active {
- border: 2px solid var(--ac-light);
-}