diff options
Diffstat (limited to 'public/style')
-rw-r--r-- | public/style/logger.css | 42 | ||||
-rw-r--r-- | public/style/master.css | 115 |
2 files changed, 0 insertions, 157 deletions
diff --git a/public/style/logger.css b/public/style/logger.css deleted file mode 100644 index cb76586..0000000 --- a/public/style/logger.css +++ /dev/null @@ -1,42 +0,0 @@ -.logger-container { - position: absolute; - top: 0px; - right: 0px; - transition: width 1s; - - background-color: rgba(0, 0, 0, 0.376); - border-radius: 0.2em; - border: 0px solid transparent; - padding: 0.2em; -} - -.logger-line { - font-size: 1em; - height: 1.2em; - - animation-name: appear, disappear; - animation-timing-function: linear, linear; - animation-delay: 0s, 3s; - animation-duration: 0.3s, 1s; - animation-fill-mode: forwards, forwards; -} - -@keyframes appear { - from { - margin-top: -1.2em; - opacity: 0; - } - to { - opacity: 1; - } -} - -@keyframes disappear { - from { - opacity: 1; - } - to { - margin-top: -1.2em; - opacity: 0; - } -} diff --git a/public/style/master.css b/public/style/master.css deleted file mode 100644 index 0b9e205..0000000 --- a/public/style/master.css +++ /dev/null @@ -1,115 +0,0 @@ -@import url("https://s.metamuffin.org/static/font-ubuntu/include.css"); -@import url("./logger.css"); - -* { - font-family: "Ubuntu", sans-serif; - font-weight: 300; - color: white; - margin: 0px; - padding: 0px; -} - -:root { - --bg: #263238; - --bg-dark: #000a12; - --bg-light: #354b58; - --bg-lighter: #4f5b62; - --bg-disabled: #720000; - --bg-enabled: #097200; - --ac: #4a148c; - --ac-light: #7c43bd; - --ac-dark: #12005e; -} - -body { - background-color: var(--bg-dark); -} - -h2 { - font-weight: 700; - margin: 1em; -} - -input[type="button"], -button { - padding: 0.5em; - margin: 0.25em; - background-color: var(--bg-light); - border: 0px solid transparent; - border-radius: 3px; -} -input[type="button"]:hover, -button:hover { - background-color: var(--bg-lighter); -} -input[type="button"].enabled, -button.enabled { - background-color: var(--bg-enabled); -} -input[type="text"] { - background-color: var(--bg-dark); - border: 1px solid var(--ac-light); -} - -.local-controls { - background-color: var(--bg); - padding: 0.5em; - position: absolute; - bottom: 0.5em; - border: 0px solid transparent; - border-radius: 5px; - left: 50%; - transform: translateX(-50%); - z-index: 100; -} - -.room { - width: 100%; - height: 100%; -} - -.user { - background-color: var(--bg); - border: 0px soly transparent; - border-radius: 5px; - padding: 1em; - vertical-align: baseline; - min-width: 10em; - margin: 0.5em; -} - -.user .info .name { - font-weight: 400; -} -.user.local .info .name { - text-decoration: underline; -} - -.media { - max-height: 30vh; - border: 0px solid transparent; - border-radius: 5px; -} - -.start-box { - position: absolute; - top: 50vh; - left: 50vw; - transform: translate(-50%, -50%); -} -.start-box p { - margin-bottom: 0.5em; -} -.start-box input[type="text"] { - margin: 0.5em; - font-size: 32px; -} - -.menu-overlay { - position: absolute; - bottom: 0px; - right: 0px; - display: block; - text-align: right; -} - |