-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstyle.min.css
1 lines (1 loc) · 10 KB
/
style.min.css
1
*{font-family:arial;box-sizing:border-box}body{margin:0;height:100%;width:100%}.flexRowBetween{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.flexRow{display:flex;flex-direction:row;align-items:center}button{outline:0}:root{--main-highlight-color:#755ebc;--main-highlight-read-color:#473c66;--header-height:40px;--popup-bg-color:#18181bab}html.styleOriginalTheme{--main-bg-color0:#34495e;--main-bg-color1:#273240;--main-bg-color2:#18181b;--main-text-color0:white;--main-text-color2:#bdc2c4;--main-color0:#161c22;--main-color2:#39c0d2;--main-color3:#47e9ff;--main-button-ratio-color:#39c0d2;--main-button-color:#39c0d2;--main-button-text-color:var(--main-color0);--main-background-transparent-1:#18181bbd;--main-bg-title:var(--main-color2);--main-title-border:none;--main-box-shadow:0 5px 5px var(--main-bg-color2);--title-text-color:black;--bg-adminMsg:var(--main-bg-color2);--bg-header:var(--main-bg-color1);--bg-navMenu:var(--main-bg-color0);--warning-color:#ff5656;--warning-color-hover:#ffaaa8;--bg-switchLabel:var(--main-bg-color2)}html.styleDarkTheme{--main-bg-color0:#0e0e10;--main-bg-color1:#18181b;--main-bg-color2:#1f1f23;--main-text-color0:white;--main-text-color2:#6c6c6c;--main-color0:#161c22;--main-color2:#9147ff;--main-color3:#772ce8;--main-button-ratio-color:#a970ff;--main-button-color:#9147ff;--main-button-text-color:var(--main-text-color0);--main-background-transparent-1:#09090ad7;--main-bg-title:var(--main-bg-color1);--main-title-border:1px solid var(--main-text-color2);--main-box-shadow:0 5px 5px var(--main-bg-color1);--title-text-color:var(--main-text-color0);--bg-adminMsg:#2a707e;--bg-header:#1f1f23;--bg-navMenu:var(--bg-header);--warning-color:#ff4f4d;--warning-color-hover:#ffaaa8;--bg-switchLabel:var(--main-text-color2)}.buttonStyle{border-radius:20px;border:none;padding:5px 12px;background-color:var(--main-button-color);color:var(--main-button-text-color);font-weight:700;font-size:16px;cursor:pointer;outline:0}.buttonStyle:focus,.buttonStyle:hover{background-color:var(--main-color3)}.warningButton{cursor:pointer;background-color:var(--warning-color);color:var(--main-bg-color1)}.warningButton:focus,.warningButton:hover{background-color:var(--warning-color-hover)}.inputStyle{outline:0;border-radius:20px;border:none;padding:5px 12px;background-color:var(--main-color2);color:var(--main-color0)!important;font-weight:700;font-size:16px;text-align:center}.inputStyle::placeholder{color:var(--main-bg-color0)}.inputStyle:focus::placeholder{opacity:.8}::-webkit-scrollbar{width:6px;background:0 0}::-webkit-scrollbar-thumb{border-radius:10px;background:#c9c9c9}header{display:flex;justify-content:space-between;background-color:var(--bg-header);padding:5px 10px;height:var(--header-height)}header a,header p{color:var(--main-text-color2);font-size:.8rem}#headerNav{z-index:2;top:var(--header-height);width:300px;position:absolute;right:0;background-color:var(--main-bg-color0);padding:7px;display:none;box-shadow:var(--main-box-shadow);overflow-y:auto;display:none;flex-direction:column;justify-content:space-between;border-bottom:var(--main-title-border);border-left:var(--main-title-border)}#headerNav.menuVisible{display:flex}#headerNav>div:last-child{text-align:center;margin-top:10px}#headerBurger{cursor:pointer;padding:4px;height:30px;width:30px;display:none;flex-direction:column;justify-content:center;align-items:center;border-radius:5px;z-index:50}#headerBurger.menuVisible{background-color:#8d8f917a}#headerBurger.displayOn{display:flex}#headerBurger div{width:20px;height:3px;background-color:var(--main-text-color0);border-radius:2px;margin:0 0 3px 0}#headerBurger div:last-child{margin:0}#optionsDiv .divSliderButton label[for]{margin:0 8px 0;color:#fff;font-weight:400}#optionsDiv .divSliderButton label[for]:nth-child(3){margin:0 8px 0 18px}#optionsDiv div.flexRow{flex-direction:column;justify-content:center;align-items:flex-end}#optionsDiv div.flexRow>*{margin:4px 0;margin-right:2%}#optionsDiv #backToHomeButton{margin-left:18px;margin-top:12px}#optionsDiv #clearCacheButton{font-weight:100;margin-top:15px}#optionsDiv .divSliderButton label{display:inline-block;vertical-align:middle}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.switchButton{position:relative;display:inline-block;width:40px;min-width:40px;height:22px}.switchButton input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--main-text-color2);transition:.4s}.slider::before{position:absolute;content:"";height:14px;width:14px;left:4px;bottom:4px;background-color:var(--main-bg-color1);transition:.4s}input:checked+.slider{background-color:var(--main-button-ratio-color)}input:checked+.slider:before{transform:translateX(18px)}.switchLabel{position:absolute;top:130%;width:180px;text-align:center;padding:7px 9px;color:var(--main-text-color0);background-color:var(--bg-switchLabel);border-radius:3px;display:none;z-index:5;left:inherit;right:0;transform:inherit}.switchButton .slider:hover+.switchLabel{display:block}#choiceTheme{color:var(--main-text-color0)}.theme-title{margin-right:10px}#choiceTheme .container{position:relative;padding-left:24px}#choiceTheme .container input{opacity:0;height:0;width:0}#choiceTheme .checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:var(--main-text-color2);border-radius:50%;cursor:pointer}#choiceTheme .container input:checked~.checkmark{background-color:var(--main-button-ratio-color)}#choiceTheme .checkmark:after{content:"";position:absolute;display:none}#choiceTheme .container input:checked~.checkmark:after{display:block}#choiceTheme .container .checkmark:after{top:6px;left:6px;width:8px;height:8px;border-radius:50%;background:var(--main-bg-color1)}main{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;height:calc(100% - var(--header-height));width:100%;min-height:150px}.mainContainer{background-color:var(--main-bg-color0);padding:10px;width:100%;height:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start}.mainDiv{width:100%;height:100%}.buttonBanerReward{height:40px}.mainDiv.divNotConnect{overflow-y:scroll;scrollbar-width:thin;scrollbar-color:#c9c9c9 transparent;background-color:var(--bg-header);border-radius:10px}.homeNotCoContainer{color:var(--main-text-color0);display:flex;flex-direction:column;justify-content:center;align-items:center}.pageTitle{display:flex;align-items:baseline;justify-content:center}.homeNotCoContainer h1{text-align:center}.homeNotCoContainer p{text-align:center}#hightlitedMessageChat{height:100%;width:100%;background-color:var(--main-bg-color1);border-radius:10px}.titleChat{height:40px;background-color:var(--main-bg-title);color:var(--title-text-color);display:flex;justify-content:center;align-items:center;cursor:default;border-top-right-radius:10px;border-top-left-radius:10px;border-bottom:var(--main-title-border)}.titleChat div{margin-right:7px;height:80%;max-height:35px;border:2px solid var(--main-color0);border-radius:50%;overflow:hidden}.titleChat img{height:100%}.titleChat p{text-transform:uppercase;font-weight:700;text-align:center;margin:0}.titleChat .extLink{color:inherit;text-decoration:inherit}.chatMainContainer{position:relative;height:calc(100% - 58px)}.chatContainer{height:100%;overflow-y:auto;margin:0 5px 8px 0;scrollbar-width:thin;scrollbar-color:#c9c9c9 transparent}#chatGoToBottom{position:absolute;bottom:10px;left:50%;width:max-content;transform:translateX(-50%);background-color:var(--main-background-transparent-1);color:var(--main-text-color0);padding:8px 25px;cursor:pointer;border-radius:10px;font-weight:700;border:1px solid #ffffff8a}#chatGoToBottom p{margin:0}.chat-lineMessage{padding:10px}.chat-lineNameDiv{display:inline-block}.chat-messageDate,.chat-messageTime{color:var(--main-text-color2);vertical-align:middle}.chat-messageTime{margin:0 2px 0 0}.chat-messageSeparator{margin:0 3px;color:var(--main-text-color0);font-weight:700}.chat-lineName{font-weight:700;color:var(--main-text-color0)}.chat-lineName.noColor{color:var(--main-text-color0)!important}.chat-message{color:#fff;padding:2px;margin-right:10px;margin-top:3px;word-break:break-word;word-wrap:break-word;line-height:1.5rem}.chat-message.chat-message-withEmote{margin-top:-1px}.chat-message-highlighted.chat-message-withEmote{margin-top:-5px}.chat-message-highlighted{border:4px solid var(--main-highlight-color);background:var(--main-highlight-color);margin-top:0;cursor:pointer}.chat-message-highlighted[read]{background-color:var(--main-highlight-read-color);border-color:var(--main-highlight-read-color)}.chat-messageEmote{vertical-align:middle}.chat-lineBadge{width:20px;vertical-align:middle}.chat-message a{color:var(--main-color2);text-decoration:none}.chat-message a:hover{color:var(--main-color3)}.chat-messageMention{padding:2.5px 6px;border-radius:50px;background-color:rgba(255,255,255,.8);color:#000}.chat-messageMention.off{background-color:inherit;color:inherit;padding:0;border-radius:0}#notifContainer{position:absolute;left:0;top:0;width:100%;display:flex;flex-direction:column;justify-items:flex-start;align-items:center;overflow:hidden;pointer-events:none}.oneNotifContainer{overflow:hidden}.notif{background-color:var(--main-bg-color2);padding:5px 50px;border-radius:20px;z-index:50;position:relative;top:0;transition:top .4s ease-in-out;margin-top:5px;pointer-events:all;cursor:default;border:var(--main-title-border)}.oneNotifContainer.hide .notif{top:-100px}.notifTitle{color:var(--main-text-color0);font-size:18px;font-weight:700}.notif{margin:0}#popupDivContainer{position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--popup-bg-color);z-index:10}#popupContainer{width:100%;height:100%;display:flex;justify-content:center;align-items:center}#popupContainer .onePopup{background-color:var(--main-bg-color2);color:var(--main-text-color0);display:flex;flex-direction:column;padding:20px 40px;border-radius:20px;max-width:90%;border:var(--main-title-border)}.onePopup div{align-self:flex-end;margin-top:10px}.onePopup p{margin:7px 0}#popupContainer button{border-radius:5px;border:none;outline:0;padding:5px 10px;margin:5px;cursor:pointer;font-weight:700}