52 أسطر
1.4 KiB
CSS
52 أسطر
1.4 KiB
CSS
@import url('https://fonts.googleapis.com/css?family=Comfortaa:wght@500&display=swap');
|
|
|
|
:root {
|
|
--body-bg: radial-gradient(#393939, #000000);
|
|
--border: 1px solid rgb(255 255 255 / 32%);
|
|
--border-radius: 1rem;
|
|
--msger-width: 800px;
|
|
--msger-height: 700px;
|
|
--msger-bubble-width: 85%;
|
|
--msger-bg: radial-gradient(#393939, #000000);
|
|
--wb-width: 800px;
|
|
--wb-height: 600px;
|
|
--wb-bg: radial-gradient(#393939, #000000);
|
|
--select-bg: #2c2c2c;
|
|
--left-msg-bg: #252d31;
|
|
--right-msg-bg: #056162;
|
|
--private-msg-bg: #6b1226;
|
|
--box-shadow: 0px 8px 16px 0px rgb(0 0 0);
|
|
--btns-hover-scale: scale(1.1);
|
|
--settings-bg: radial-gradient(#393939, #000000);
|
|
--tab-btn-active: rgb(42 42 42 / 70%);
|
|
--btns-bg-color: rgba(0, 0, 0, 0.7);
|
|
/* buttons bar horizontal */
|
|
--btns-top: 50%;
|
|
--btns-right: 0%;
|
|
--btns-left: 10px;
|
|
--btns-margin-left: 0px;
|
|
--btns-width: 60px;
|
|
--btns-flex-direction: column;
|
|
/* buttons bar horizontal
|
|
--btns-top: 95%;
|
|
--btns-right: 25%;
|
|
--btns-left: 50%;
|
|
--btns-margin-left: -160px;
|
|
--btns-width: 320px;
|
|
--btns-flex-direction: row;
|
|
*/
|
|
|
|
--transcription-height: 680px;
|
|
--transcription-width: 420px;
|
|
--trx-bg: radial-gradient(#393939, #000000);
|
|
|
|
--vmi-wh: 15vw;
|
|
/* https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit */
|
|
--videoObjFit: cover;
|
|
}
|
|
|
|
* {
|
|
outline: none;
|
|
font-family: 'Comfortaa';
|
|
}
|