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