GilbN
3 years ago
55 changed files with 55 additions and 40150 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,195 +1 @@ |
|||
@import "https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css"; |
|||
@import "https://fonts.googleapis.com/css?family=Share+Tech+Mono&display=swap"; |
|||
@import "https://fonts.googleapis.com/css?family=VT323"; |
|||
|
|||
|
|||
* { |
|||
outline: none; |
|||
} |
|||
|
|||
@media (max-width: 500px) { |
|||
#login { |
|||
-webkit-backdrop-filter: blur(0px); |
|||
backdrop-filter: blur(0px); |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
bottom: 0; |
|||
right: 0; |
|||
height: 100%; |
|||
width: 100%; |
|||
border-radius: none !important; |
|||
} |
|||
.background-wrap,#video-bg-elem {display: none;} |
|||
} |
|||
|
|||
html { |
|||
background: var(--main-bg-color) !important; |
|||
} |
|||
body { |
|||
background: var(--main-bg-color) !important; |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
bottom: 0; |
|||
right: 0; |
|||
height: 100%; |
|||
width: 100%; |
|||
overflow: hidden; |
|||
} |
|||
@media only screen and (max-width: 768px) { |
|||
#login { |
|||
min-width: 300px; |
|||
} |
|||
} |
|||
/*FOR VIDEO BACKGROUND*/ |
|||
.background-wrap { |
|||
position: fixed; |
|||
z-index: -1000; |
|||
width: 100%; |
|||
height: 100%; |
|||
overflow: hidden; |
|||
top: 0; |
|||
left: 0; |
|||
} |
|||
#video-bg-elem { |
|||
display: block; |
|||
position: absolute; |
|||
left: 50%; |
|||
top: 50%; |
|||
transform: translate(-50%, -50%); |
|||
z-index: 1; |
|||
} |
|||
/*TEXT COLOR*/ |
|||
#login h1, |
|||
#login h2, |
|||
#login .error { |
|||
color: var(--text-color) !important; |
|||
} |
|||
#login a { |
|||
color: var(--link-color); |
|||
} |
|||
#login a:hover { |
|||
color: var(--link-color-hover); |
|||
} |
|||
#login input { |
|||
color: var(--input-color); |
|||
} |
|||
#login ::placeholder { |
|||
color: var(--input-color); |
|||
} |
|||
#login ::-webkit-input-placeholder { |
|||
color: var(--input-color); |
|||
} |
|||
#login ::-moz-placeholder { |
|||
color: var(--input-color); |
|||
} |
|||
#login :-ms-input-placeholder { |
|||
color: var(--input-color); |
|||
} |
|||
#login :-moz-placeholder { |
|||
color: var(--input-color); |
|||
} |
|||
#login input:focus::-webkit-input-placeholder { |
|||
color: transparent !important; |
|||
} |
|||
#login input:focus:-moz-placeholder { |
|||
color: transparent !important; |
|||
} |
|||
#login input:focus::-moz-placeholder { |
|||
color: transparent !important; |
|||
} |
|||
#login input:focus:-ms-input-placeholder { |
|||
color: transparent !important; |
|||
} |
|||
|
|||
/*TEXT FONT*/ |
|||
#login h1, |
|||
#login h2, |
|||
#login a, |
|||
#login .button, |
|||
#login .error { |
|||
font-family: var(--text-font); |
|||
} |
|||
|
|||
/* CASE COLOR */ |
|||
#login [class^='case-'], |
|||
#login [class*=' case-'] { |
|||
font-family: cases!important; |
|||
speak: none; |
|||
font-style: normal; |
|||
font-weight: normal; |
|||
font-variant: normal; |
|||
text-transform: none; |
|||
color: var(--case-color); |
|||
} |
|||
/*INPUT FORMS*/ |
|||
#login [type=text], |
|||
#login [type=password] { |
|||
font-family: var(--input-font); |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
border: 2px solid transparent; |
|||
text-transform: uppercase; |
|||
border-radius: 5px; |
|||
} |
|||
#login [type=text]:active, |
|||
#login [type=text]:focus, |
|||
#login [type=password]:active, |
|||
#login [type=password]:focus { |
|||
font-family: var(--input-font); |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
border: 2px solid transparent; |
|||
text-transform: uppercase; |
|||
|
|||
} |
|||
|
|||
|
|||
/*BUTTON*/ |
|||
#login .button { |
|||
color: var(--button-text-color); |
|||
background: linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color2) 0, var(--button-color2)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 100% 100% no-repeat; |
|||
background: -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color))) 0 0 no-repeat, -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color2)), to(var(--button-color2))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 100% 100% no-repeat; |
|||
background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100%; |
|||
} |
|||
#login .button:hover { |
|||
color: var(--button-text-color-hover); |
|||
background-color: var(--button-color); |
|||
background: -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color))); |
|||
background: linear-gradient(90deg, var(--button-color2) 0, var(--button-color)); |
|||
} |
|||
|
|||
|
|||
#login { |
|||
background: var(--div-background-color-15) !important; |
|||
-webkit-backdrop-filter: blur(10px); |
|||
backdrop-filter: blur(10px); |
|||
padding-top: 1rem; |
|||
position: absolute; |
|||
left: 50%; |
|||
top: 50%; |
|||
transform: translate(-50%, -50%) !; |
|||
-ms-transform: translate(-50%, -50%); |
|||
-webkit-transform: translate(-50%, -50%); |
|||
margin: 0 !important; |
|||
text-transform: uppercase; |
|||
min-width: 300px; |
|||
} |
|||
|
|||
#login .angle:after { |
|||
display: none; |
|||
} |
|||
#login .wordmark { |
|||
display: none; |
|||
} |
|||
|
|||
#login .logo { |
|||
background: var(--logo); |
|||
background-size: contain; |
|||
padding: 2rem; |
|||
border-radius: 0; |
|||
margin: 0rem 1rem 0rem 1rem; |
|||
} |
|||
#login .error { |
|||
animation-name: shake; |
|||
animation-duration: .8s; |
|||
} |
|||
@import url(https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css);@import url(https://fonts.googleapis.com/css?family=Share+Tech+Mono&display=swap);@import url(https://fonts.googleapis.com/css?family=VT323);*{outline:0}@media (max-width:500px){#login{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);position:absolute;top:0;left:0;bottom:0;right:0;height:100%;width:100%;border-radius:none!important}#video-bg-elem,.background-wrap{display:none}}html{background:var(--main-bg-color)!important}body{background:var(--main-bg-color)!important;position:absolute;top:0;left:0;bottom:0;right:0;height:100%;width:100%;overflow:hidden}@media only screen and (max-width:768px){#login{min-width:300px}}.background-wrap{position:fixed;z-index:-1000;width:100%;height:100%;overflow:hidden;top:0;left:0}#video-bg-elem{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}#login .error,#login h1,#login h2{color:var(--text-color)!important}#login a{color:var(--link-color)}#login a:hover{color:var(--link-color-hover)}#login input{color:var(--input-color)}#login ::placeholder{color:var(--input-color)}#login ::-webkit-input-placeholder{color:var(--input-color)}#login ::-moz-placeholder{color:var(--input-color)}#login :-ms-input-placeholder{color:var(--input-color)}#login :-moz-placeholder{color:var(--input-color)}#login input:focus::-webkit-input-placeholder{color:transparent!important}#login input:focus:-moz-placeholder{color:transparent!important}#login input:focus::-moz-placeholder{color:transparent!important}#login input:focus:-ms-input-placeholder{color:transparent!important}#login .button,#login .error,#login a,#login h1,#login h2{font-family:var(--text-font)}#login [class*=' case-'],#login [class^=case-]{font-family:cases!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;color:var(--case-color)}#login [type=password],#login [type=text]{font-family:var(--input-font);background-color:rgba(0,0,0,.25);border:2px solid transparent;text-transform:uppercase;border-radius:5px}#login [type=password]:active,#login [type=password]:focus,#login [type=text]:active,#login [type=text]:focus{font-family:var(--input-font);background-color:rgba(0,0,0,.25);border:2px solid transparent;text-transform:uppercase}#login .button{color:var(--button-text-color);background:linear-gradient(90deg,var(--button-color2) 0,var(--button-color)) 0 0 no-repeat,linear-gradient(90deg,var(--button-color2) 0,var(--button-color)) 0 100% no-repeat,linear-gradient(0deg,var(--button-color2) 0,var(--button-color2)) 0 100% no-repeat,linear-gradient(0deg,var(--button-color) 0,var(--button-color)) 100% 100% no-repeat;background:-webkit-gradient(linear,left top,right top,from(var(--button-color2)),to(var(--button-color))) 0 0 no-repeat,-webkit-gradient(linear,left top,right top,from(var(--button-color2)),to(var(--button-color))) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(var(--button-color2)),to(var(--button-color2))) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(var(--button-color)),to(var(--button-color))) 100% 100% no-repeat;background-size:100% 2px,100% 2px,2px 100%,2px 100%}#login .button:hover{color:var(--button-text-color-hover);background-color:var(--button-color);background:-webkit-gradient(linear,left top,right top,from(var(--button-color2)),to(var(--button-color)));background:linear-gradient(90deg,var(--button-color2) 0,var(--button-color))}#login{background:var(--div-background-color-15)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-top:1rem;position:absolute;left:50%;top:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);margin:0!important;text-transform:uppercase;min-width:300px}#login .angle:after{display:none}#login .wordmark{display:none}#login .logo{background:var(--logo);background-size:contain;padding:2rem;border-radius:0;margin:0 1rem 0 1rem}#login .error{animation-name:shake;animation-duration:.8s} |
|||
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,268 +1 @@ |
|||
/* dP dP dP */ |
|||
/* 88 88 88 */ |
|||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ |
|||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ |
|||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ |
|||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ |
|||
/* 88 */ |
|||
/* dP */ |
|||
|
|||
/* Made by @gilbN */ |
|||
/* https://github.com/gilbN/theme.park */ |
|||
|
|||
* { |
|||
outline: none; |
|||
} |
|||
|
|||
html, |
|||
body { |
|||
background: var(--main-bg-color) !important; |
|||
background-repeat: repeat, no-repeat; |
|||
background-attachment: fixed, fixed; |
|||
background-position: center center, center center; |
|||
background-size: auto, cover; |
|||
-webkit-background-size: auto, cover; |
|||
-moz-background-size: auto, cover; |
|||
-o-background-size: auto, cover; |
|||
color: var(--text); |
|||
} |
|||
|
|||
h1, |
|||
h2, |
|||
h3, |
|||
h4, |
|||
h5, |
|||
h6, |
|||
section header, |
|||
.menu-label { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
|
|||
/* Scrollbar */ |
|||
|
|||
html.has-custom-scrollbars ::-webkit-scrollbar-thumb { |
|||
background-color: rgba(255, 255, 255, .25); |
|||
outline: 1px solid #0000; |
|||
border-radius: 4px; |
|||
} |
|||
|
|||
html.has-custom-scrollbars ::-webkit-scrollbar-thumb:active, |
|||
html.has-custom-scrollbars ::-webkit-scrollbar-thumb:hover { |
|||
background-color: rgba(255, 255, 255, .45); |
|||
|
|||
} |
|||
|
|||
html.has-custom-scrollbars ::-webkit-scrollbar-track { |
|||
background: #1f1f1f; |
|||
} |
|||
|
|||
html.has-custom-scrollbars ::-webkit-scrollbar-track:hover { |
|||
background: #1f1f1f; |
|||
} |
|||
|
|||
html.has-custom-scrollbars section main { |
|||
scrollbar-color: #353535 transparent; |
|||
scrollbar-width: thin |
|||
} |
|||
|
|||
/* Text important */ |
|||
p, |
|||
.menu-list a { |
|||
color: var(--text) !important; |
|||
|
|||
} |
|||
|
|||
.panel-heading { |
|||
background-color: rgb(var(--accent-color)); |
|||
color: var(--label-text-color) !important; |
|||
} |
|||
|
|||
.panel-block { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.panel-tabs a.is-active { |
|||
border-bottom-color: rgb(var(--accent-color)); |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.panel-tabs a { |
|||
border-bottom: 1px solid var(--border-color); |
|||
color: var(--text); |
|||
} |
|||
|
|||
.panel-tabs a:hover { |
|||
border-bottom: 1px solid var(--border-color); |
|||
color: var(--text-strong-color); |
|||
} |
|||
|
|||
a.panel-block:hover, |
|||
label.panel-block:hover { |
|||
background-color: rgba(255, 255, 255, .08); |
|||
color: var(--text-strong-color); |
|||
} |
|||
|
|||
/* Side Menu*/ |
|||
.menu-list a:hover { |
|||
background-color: rgba(255, 255, 255, .08); |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
.menu-list a.is-active, |
|||
.menu-list a.is-active:hover { |
|||
background-color: rgb(var(--accent-color)); |
|||
color: var(--label-text-color) !important; |
|||
} |
|||
|
|||
.menu-list li:hover .column-icon:hover { |
|||
color: black !important; |
|||
} |
|||
|
|||
li.exited a { |
|||
color: var(--text-muted) !important; |
|||
} |
|||
|
|||
.select select, |
|||
.textarea, |
|||
.input, |
|||
.dropdown-content { |
|||
background: var(--modal-bg-color); |
|||
background-repeat: repeat, no-repeat; |
|||
background-attachment: fixed, fixed; |
|||
background-position: center center, center center; |
|||
background-size: auto, cover; |
|||
-webkit-background-size: auto, cover; |
|||
-moz-background-size: auto, cover; |
|||
-o-background-size: auto, cover; |
|||
border-color: rgba(255, 255, 255, .1); |
|||
border-radius: 4px; |
|||
color: var(--text-strong-color); |
|||
} |
|||
|
|||
.autocomplete .dropdown-item.is-hovered, |
|||
a.dropdown-item:hover, |
|||
button.dropdown-item:hover { |
|||
background: rgba(255, 255, 255, .25); |
|||
color: var(--text-strong-color); |
|||
} |
|||
|
|||
.column-icon[data-v-35775614]:hover { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.select select:focus, |
|||
.textarea:focus, |
|||
.input:focus, |
|||
.select select.is-focused, |
|||
.is-focused.textarea, |
|||
.is-focused.input, |
|||
.select select:active, |
|||
.textarea:active, |
|||
.input:active, |
|||
.select select.is-active, |
|||
.is-active.textarea, |
|||
.is-active.input { |
|||
border-color: rgb(var(--accent-color)); |
|||
box-shadow: 0 0 0 0.125em rgba(var(--accent-color), .25); |
|||
} |
|||
|
|||
/* Settings buttons */ |
|||
.button { |
|||
background: var(--button-color); |
|||
color: var(--button-text); |
|||
border-color: var(--button-color); |
|||
} |
|||
|
|||
section .is-scrollbar-notification button { |
|||
background: var(--button-color) !important; |
|||
color: var(--button-text) !important; |
|||
border-color: var(--button-color) !important; |
|||
} |
|||
|
|||
.b-radio.radio.button.is-selected { |
|||
background-color: var(--button-color-hover); |
|||
border-color: transparent; |
|||
color: var(--text-strong-color); |
|||
} |
|||
|
|||
.button:hover { |
|||
background: var(--button-color-hover) !important; |
|||
border-color: var(--button-color-hover) !important; |
|||
color: var(--button-text-hover) !important; |
|||
} |
|||
|
|||
.button:active, |
|||
.button.is-active { |
|||
background: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
color: var(--text-strong-color); |
|||
} |
|||
|
|||
.is-settings-control { |
|||
background: var(--button-color); |
|||
color: var(--button-text); |
|||
border-color: transparent; |
|||
} |
|||
|
|||
.is-settings-control:hover { |
|||
border-color: var(--button-color-hover) !important; |
|||
background: var(--button-color-hover) !important; |
|||
color: var(--button-text-hover) !important; |
|||
} |
|||
|
|||
#hide-nav { |
|||
background: var(--button-color) !important; |
|||
color: var(--button-text) !important; |
|||
} |
|||
|
|||
#hide-nav:hover { |
|||
border-color: var(--button-color-hover) !important; |
|||
background: var(--button-color-hover) !important; |
|||
color: var(--button-text-hover) !important; |
|||
} |
|||
|
|||
code { |
|||
background: rgba(0, 0, 0, .35) !important; |
|||
} |
|||
|
|||
.switch input[type=checkbox]:checked+.check { |
|||
background: var(--button-color); |
|||
} |
|||
|
|||
.switch:hover input[type=checkbox]:checked+.check { |
|||
background: var(--button-color-hover); |
|||
} |
|||
|
|||
.switch input[type=checkbox]:focus:checked+.check, |
|||
.switch input[type=checkbox]:active:checked+.check { |
|||
box-shadow: 0 0 0.5em rgb(var(--accent-color), .8); |
|||
} |
|||
|
|||
/* Events */ |
|||
|
|||
.events { |
|||
background: rgba(0, 0, 0, .35); |
|||
} |
|||
|
|||
.scroll-progress svg circle { |
|||
fill: rgba(255, 255, 255, .45) !important; |
|||
stroke: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
.scroll-progress span { |
|||
color: var(--text-strong-color) !important; |
|||
} |
|||
|
|||
.splitpanes--vertical>.splitpanes__splitter:hover { |
|||
background: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
.events.medium { |
|||
background: rgba(0, 0, 0, .45); |
|||
} |
|||
|
|||
.date { |
|||
color: rgb(var(--accent-color)) !important; |
|||
background: rgba(0, 0, 0, .25) !important; |
|||
} |
|||
*{outline:0}body,html{background:var(--main-bg-color)!important;background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;color:var(--text)}.menu-label,h1,h2,h3,h4,h5,h6,section header{color:var(--text-hover)!important}html.has-custom-scrollbars ::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.25);outline:1px solid #0000;border-radius:4px}html.has-custom-scrollbars ::-webkit-scrollbar-thumb:active,html.has-custom-scrollbars ::-webkit-scrollbar-thumb:hover{background-color:rgba(255,255,255,.45)}html.has-custom-scrollbars ::-webkit-scrollbar-track{background:#1f1f1f}html.has-custom-scrollbars ::-webkit-scrollbar-track:hover{background:#1f1f1f}html.has-custom-scrollbars section main{scrollbar-color:#353535 transparent;scrollbar-width:thin}.menu-list a,p{color:var(--text)!important}.panel-heading{background-color:rgb(var(--accent-color));color:var(--label-text-color)!important}.panel-block{color:var(--text)}.panel-tabs a.is-active{border-bottom-color:rgb(var(--accent-color));color:rgb(var(--accent-color))}.panel-tabs a{border-bottom:1px solid var(--border-color);color:var(--text)}.panel-tabs a:hover{border-bottom:1px solid var(--border-color);color:var(--text-strong-color)}a.panel-block:hover,label.panel-block:hover{background-color:rgba(255,255,255,.08);color:var(--text-strong-color)}.menu-list a:hover{background-color:rgba(255,255,255,.08);color:var(--text-hover)!important}.menu-list a.is-active,.menu-list a.is-active:hover{background-color:rgb(var(--accent-color));color:var(--label-text-color)!important}.menu-list li:hover .column-icon:hover{color:#000!important}li.exited a{color:var(--text-muted)!important}.dropdown-content,.input,.select select,.textarea{background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;border-color:rgba(255,255,255,.1);border-radius:4px;color:var(--text-strong-color)}.autocomplete .dropdown-item.is-hovered,a.dropdown-item:hover,button.dropdown-item:hover{background:rgba(255,255,255,.25);color:var(--text-strong-color)}.column-icon[data-v-35775614]:hover{color:rgb(var(--accent-color))}.input:active,.input:focus,.is-active.input,.is-active.textarea,.is-focused.input,.is-focused.textarea,.select select.is-active,.select select.is-focused,.select select:active,.select select:focus,.textarea:active,.textarea:focus{border-color:rgb(var(--accent-color));box-shadow:0 0 0 .125em rgba(var(--accent-color),.25)}.button{background:var(--button-color);color:var(--button-text);border-color:var(--button-color)}section .is-scrollbar-notification button{background:var(--button-color)!important;color:var(--button-text)!important;border-color:var(--button-color)!important}.b-radio.radio.button.is-selected{background-color:var(--button-color-hover);border-color:transparent;color:var(--text-strong-color)}.button:hover{background:var(--button-color-hover)!important;border-color:var(--button-color-hover)!important;color:var(--button-text-hover)!important}.button.is-active,.button:active{background:var(--button-color-hover);border-color:var(--button-color-hover);color:var(--text-strong-color)}.is-settings-control{background:var(--button-color);color:var(--button-text);border-color:transparent}.is-settings-control:hover{border-color:var(--button-color-hover)!important;background:var(--button-color-hover)!important;color:var(--button-text-hover)!important}#hide-nav{background:var(--button-color)!important;color:var(--button-text)!important}#hide-nav:hover{border-color:var(--button-color-hover)!important;background:var(--button-color-hover)!important;color:var(--button-text-hover)!important}code{background:rgba(0,0,0,.35)!important}.switch input[type=checkbox]:checked+.check{background:var(--button-color)}.switch:hover input[type=checkbox]:checked+.check{background:var(--button-color-hover)}.switch input[type=checkbox]:active:checked+.check,.switch input[type=checkbox]:focus:checked+.check{box-shadow:0 0 .5em rgb(var(--accent-color),.8)}.events{background:rgba(0,0,0,.35)}.scroll-progress svg circle{fill:rgba(255,255,255,.45)!important;stroke:rgb(var(--accent-color))!important}.scroll-progress span{color:var(--text-strong-color)!important}.splitpanes--vertical>.splitpanes__splitter:hover{background:rgb(var(--accent-color))!important}.events.medium{background:rgba(0,0,0,.45)}.date{color:rgb(var(--accent-color))!important;background:rgba(0,0,0,.25)!important} |
|||
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,253 +1 @@ |
|||
/* dP dP dP */ |
|||
/* 88 88 88 */ |
|||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ |
|||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ |
|||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ |
|||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ |
|||
/* 88 */ |
|||
/* dP */ |
|||
|
|||
/* Made by @gilbN */ |
|||
/* https://github.com/gilbN/theme.park */ |
|||
|
|||
body { |
|||
background: var(--main-bg-color); |
|||
background-repeat: repeat, no-repeat; |
|||
background-attachment: fixed, fixed; |
|||
background-position: center center, center center; |
|||
background-size: auto, cover; |
|||
-webkit-background-size: auto, cover; |
|||
-moz-background-size: auto, cover; |
|||
-o-background-size: auto, cover; |
|||
color: var(--text); |
|||
} |
|||
|
|||
a { |
|||
color: var(--link-color); |
|||
} |
|||
|
|||
a:hover { |
|||
color: var(--link-color-hover); |
|||
} |
|||
|
|||
a.ml-2, |
|||
a.mx-2 { |
|||
color: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
#content:before { |
|||
background: var(--main-bg-color); |
|||
background-repeat: repeat, no-repeat; |
|||
background-attachment: fixed, fixed; |
|||
background-position: center center, center center; |
|||
background-size: auto, cover; |
|||
-webkit-background-size: auto, cover; |
|||
-moz-background-size: auto, cover; |
|||
-o-background-size: auto, cover; |
|||
} |
|||
|
|||
* { |
|||
outline: none !important; |
|||
} |
|||
|
|||
/* TEXT */ |
|||
body, |
|||
.navbar-dark .navbar-text { |
|||
color: var(--text); |
|||
} |
|||
|
|||
h1, |
|||
h2, |
|||
h3, |
|||
h4, |
|||
h5, |
|||
h6, |
|||
label { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
/* ACCENTS */ |
|||
.badge-dark { |
|||
color: var(--label-text-color); |
|||
background-color: rgb(rgb(var(--accent-color))); |
|||
} |
|||
|
|||
/* NAVBAR */ |
|||
#nav .bg-dark { |
|||
background: hsla(0, 0%, 0%, .25) !important; |
|||
} |
|||
|
|||
.navbar-dark .navbar-nav .nav-link { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.navbar-dark .navbar-nav .nav-link:hover, |
|||
.navbar-dark .navbar-nav .nav-link:focus { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
#navbarSupportedContent ul li { |
|||
background-color: transparent !important; |
|||
border: none !important; |
|||
} |
|||
|
|||
/* DROPDOWN MENU */ |
|||
.dropdown-menu { |
|||
color: #fff; |
|||
background: var(--modal-bg-color); |
|||
background-repeat: repeat, no-repeat; |
|||
background-attachment: fixed, fixed; |
|||
background-position: center center, center center; |
|||
background-size: auto, cover; |
|||
-webkit-background-size: auto, cover; |
|||
-moz-background-size: auto, cover; |
|||
-o-background-size: auto, cover; |
|||
border: 1px solid transparent; |
|||
} |
|||
|
|||
.dropdown-item.active, |
|||
.dropdown-item:active, |
|||
.dropdown:active:hover { |
|||
color: var(--text-hover); |
|||
background-color: rgb(0 0 0 / 25%) !important; |
|||
} |
|||
|
|||
.dropdown-item { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.dropdown-item:hover, |
|||
.dropdown-item:focus { |
|||
color: var(--text-hover); |
|||
text-decoration: none; |
|||
background-color: rgb(255 255 255 / 8%); |
|||
} |
|||
|
|||
|
|||
/* CARDS */ |
|||
.card { |
|||
background: rgb(255 255 255 / 8%) !important; |
|||
border: 1px solid transparent; |
|||
} |
|||
|
|||
.card-header { |
|||
color: var(--text-hover); |
|||
background-color: rgb(0 0 0 / 25%); |
|||
border-bottom: 1px solid rgba(255, 255, 255, .125) !important; |
|||
} |
|||
|
|||
ul li { |
|||
background-color: rgb(255 255 255 / 8%) !important; |
|||
border: none !important; |
|||
} |
|||
|
|||
ul li:hover { |
|||
background-color: rgb(255 255 255 / 16%) !important; |
|||
border: none; |
|||
} |
|||
|
|||
/* SETTINGS */ |
|||
.plugin_content .nav-tabs .nav-link.active, |
|||
.nav-tabs .nav-item.show .nav-link { |
|||
color: var(--text-hover) !important; |
|||
background-color: rgb(0 0 0 / 25%) !important; |
|||
border-color: #4440 #4440 transparent; |
|||
} |
|||
|
|||
.plugin_content .nav-tabs { |
|||
border-bottom: 1px solid rgb(255 255 255 / 20%); |
|||
} |
|||
|
|||
.alert-secondary { |
|||
background-color: rgb(255 255 255 / 20%); |
|||
} |
|||
|
|||
/* BUTTONS */ |
|||
.btn { |
|||
border-color: var(--button-color); |
|||
background: var(--button-color); |
|||
color: var(--button-text); |
|||
margin-right: 5px; |
|||
} |
|||
|
|||
.btn:hover, |
|||
.btn:focus, |
|||
.btn:active, |
|||
.btn-primary:not(:disabled):not(.disabled):active, |
|||
.btn-primary:not(:disabled):not(.disabled).active, |
|||
.show>.btn-primary.dropdown-toggle { |
|||
border-color: var(--button-color-hover); |
|||
color: var(--button-text-hover); |
|||
background-color: var(--button-color-hover); |
|||
box-shadow: none !important; |
|||
} |
|||
|
|||
.badge-primary { |
|||
color: var(--label-text-color); |
|||
background-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.badge-secondary { |
|||
color: var(--button-text); |
|||
background-color: rgb(0 0 0 / 25%); |
|||
} |
|||
|
|||
/* FORMS */ |
|||
.form-control { |
|||
color: var(--text) !important; |
|||
background-color: rgba(0, 0, 0, .25) !important; |
|||
border: 1px solid transparent !important; |
|||
box-shadow: none !important; |
|||
transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; |
|||
} |
|||
|
|||
.form-control:focus { |
|||
background-color: rgb(0 0 0 / 50%) !important; |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
.custom-control-input:checked~.custom-control-label::before { |
|||
color: var(--label-text-color); |
|||
border-color: rgb(var(--accent-color)); |
|||
background-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.custom-checkbox .custom-control-input:checked~.custom-control-label::after { |
|||
filter: invert(1); |
|||
} |
|||
|
|||
.custom-control-input:focus~.custom-control-label::before { |
|||
box-shadow: 0 0 0 .2rem rgba(55, 90, 127, 0.25) |
|||
} |
|||
|
|||
.custom-control-input:focus:not(:checked)~.custom-control-label::before { |
|||
border-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.custom-control-input:not(:disabled):active~.custom-control-label::before { |
|||
color: #fff; |
|||
background-color: #97b3d2; |
|||
border-color: #97b3d2 |
|||
} |
|||
|
|||
|
|||
/* PLACEHOLDER TEXT */ |
|||
::placeholder { |
|||
color: var(--text) !important; |
|||
opacity: .5 !important; |
|||
} |
|||
|
|||
:-moz-placeholder { |
|||
color: var(--text) !important; |
|||
opacity: .5 !important; |
|||
} |
|||
|
|||
:-ms-input-placeholder { |
|||
color: var(--text) !important; |
|||
opacity: .5 !important; |
|||
} |
|||
|
|||
::-webkit-input-placeholder { |
|||
color: var(--text) !important; |
|||
opacity: .5; |
|||
} |
|||
body{background:var(--main-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;color:var(--text)}a{color:var(--link-color)}a:hover{color:var(--link-color-hover)}a.ml-2,a.mx-2{color:rgb(var(--accent-color))!important}#content:before{background:var(--main-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover}*{outline:0!important}.navbar-dark .navbar-text,body{color:var(--text)}h1,h2,h3,h4,h5,h6,label{color:var(--text-hover)}.badge-dark{color:var(--label-text-color);background-color:rgb(rgb(var(--accent-color)))}#nav .bg-dark{background:hsla(0,0%,0%,.25)!important}.navbar-dark .navbar-nav .nav-link{color:var(--text)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:var(--text-hover)}#navbarSupportedContent ul li{background-color:transparent!important;border:none!important}.dropdown-menu{color:#fff;background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;border:1px solid transparent}.dropdown-item.active,.dropdown-item:active,.dropdown:active:hover{color:var(--text-hover);background-color:rgb(0 0 0 / 25%)!important}.dropdown-item{color:var(--text)}.dropdown-item:focus,.dropdown-item:hover{color:var(--text-hover);text-decoration:none;background-color:rgb(255 255 255 / 8%)}.card{background:rgb(255 255 255 / 8%)!important;border:1px solid transparent}.card-header{color:var(--text-hover);background-color:rgb(0 0 0 / 25%);border-bottom:1px solid rgba(255,255,255,.125)!important}ul li{background-color:rgb(255 255 255 / 8%)!important;border:none!important}ul li:hover{background-color:rgb(255 255 255 / 16%)!important;border:none}.nav-tabs .nav-item.show .nav-link,.plugin_content .nav-tabs .nav-link.active{color:var(--text-hover)!important;background-color:rgb(0 0 0 / 25%)!important;border-color:#4440 #4440 transparent}.plugin_content .nav-tabs{border-bottom:1px solid rgb(255 255 255 / 20%)}.alert-secondary{background-color:rgb(255 255 255 / 20%)}.btn{border-color:var(--button-color);background:var(--button-color);color:var(--button-text);margin-right:5px}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.btn:active,.btn:focus,.btn:hover,.show>.btn-primary.dropdown-toggle{border-color:var(--button-color-hover);color:var(--button-text-hover);background-color:var(--button-color-hover);box-shadow:none!important}.badge-primary{color:var(--label-text-color);background-color:rgb(var(--accent-color))}.badge-secondary{color:var(--button-text);background-color:rgb(0 0 0 / 25%)}.form-control{color:var(--text)!important;background-color:rgba(0,0,0,.25)!important;border:1px solid transparent!important;box-shadow:none!important;transition:background-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control:focus{background-color:rgb(0 0 0 / 50%)!important;color:var(--text-hover)!important}.custom-control-input:checked~.custom-control-label::before{color:var(--label-text-color);border-color:rgb(var(--accent-color));background-color:rgb(var(--accent-color))}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{filter:invert(1)}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(55,90,127,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:rgb(var(--accent-color))}.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#97b3d2;border-color:#97b3d2}::placeholder{color:var(--text)!important;opacity:.5!important}:-moz-placeholder{color:var(--text)!important;opacity:.5!important}:-ms-input-placeholder{color:var(--text)!important;opacity:.5!important}::-webkit-input-placeholder{color:var(--text)!important;opacity:.5} |
|||
|
|||
File diff suppressed because one or more lines are too long
@ -1,119 +1 @@ |
|||
/* dP dP dP */ |
|||
/* 88 88 88 */ |
|||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ |
|||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ |
|||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ |
|||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ |
|||
/* 88 */ |
|||
/* dP */ |
|||
|
|||
/* Made by @gilbN */ |
|||
/* https://github.com/gilbN/theme.park */ |
|||
|
|||
html, |
|||
body { |
|||
background: var(--main-bg-color) !important; |
|||
background-repeat: repeat, no-repeat; |
|||
background-attachment: fixed, fixed; |
|||
background-position: center center, center center; |
|||
background-size: auto, cover; |
|||
-webkit-background-size: auto, cover; |
|||
-moz-background-size: auto, cover; |
|||
-o-background-size: auto, cover; |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
h1, |
|||
h2, |
|||
h3, |
|||
h4, |
|||
h5, |
|||
h6, |
|||
label { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
div.meterText:empty:before { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
#dlText { |
|||
color: #F44336; |
|||
} |
|||
|
|||
#ulText { |
|||
color: #4CAF50; |
|||
} |
|||
|
|||
#pingText, |
|||
#jitText { |
|||
color: #2cabe3; |
|||
} |
|||
|
|||
#startStopBtn { |
|||
color: var(--button-text); |
|||
background: var(--button-color); |
|||
border: 0.15em solid var(--button-color); |
|||
} |
|||
|
|||
#startStopBtn:hover { |
|||
border: 0.15em solid var(--button-color-hover); |
|||
background: var(--button-color-hover); |
|||
} |
|||
|
|||
#startStopBtn.running { |
|||
background: #FF3030 !important; |
|||
border-color: #FF6060; |
|||
color: #FFFFFF; |
|||
} |
|||
|
|||
#startStopBtn.running:hover { |
|||
background: #FF3030; |
|||
border-color: #FF6060; |
|||
color: #FFFFFF; |
|||
} |
|||
|
|||
a, |
|||
a:-webkit-any-link { |
|||
color: var(--link-color); |
|||
} |
|||
|
|||
a:hover, |
|||
a:-webkit-any-link:hover { |
|||
color: var(--link-color-hover); |
|||
} |
|||
|
|||
#ip, |
|||
.unit { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
#privacyPolicy { |
|||
background: var(--main-bg-color); |
|||
background-repeat: repeat, no-repeat; |
|||
background-attachment: fixed, fixed; |
|||
background-position: center center, center center; |
|||
background-size: auto, cover; |
|||
-webkit-background-size: auto, cover; |
|||
-moz-background-size: auto, cover; |
|||
-o-background-size: auto, cover; |
|||
} |
|||
|
|||
input { |
|||
font-family: "Roboto", sans-serif; |
|||
color: white; |
|||
background-color: rgba(0, 0, 0, 0.25) !important; |
|||
-webkit-rtl-ordering: logical; |
|||
Font-size: 16px; |
|||
padding: 10px; |
|||
border: none; |
|||
padding-left: 10px; |
|||
max-width: -webkit-fill-available; |
|||
border-radius: 3px; |
|||
margin-bottom: 5px !important; |
|||
outline: none; |
|||
} |
|||
|
|||
.testName { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
body,html{background:var(--main-bg-color)!important;background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;color:var(--text)!important}h1,h2,h3,h4,h5,h6,label{color:var(--text-hover)}div.meterText:empty:before{color:var(--text-hover)!important}#dlText{color:#f44336}#ulText{color:#4caf50}#jitText,#pingText{color:#2cabe3}#startStopBtn{color:var(--button-text);background:var(--button-color);border:.15em solid var(--button-color)}#startStopBtn:hover{border:.15em solid var(--button-color-hover);background:var(--button-color-hover)}#startStopBtn.running{background:#ff3030!important;border-color:#ff6060;color:#fff}#startStopBtn.running:hover{background:#ff3030;border-color:#ff6060;color:#fff}a,a:-webkit-any-link{color:var(--link-color)}a:-webkit-any-link:hover,a:hover{color:var(--link-color-hover)}#ip,.unit{color:rgb(var(--accent-color))}#privacyPolicy{background:var(--main-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover}input{font-family:Roboto,sans-serif;color:#fff;background-color:rgba(0,0,0,.25)!important;-webkit-rtl-ordering:logical;Font-size:16px;padding:10px;border:none;padding-left:10px;max-width:-webkit-fill-available;border-radius:3px;margin-bottom:5px!important;outline:0}.testName{color:var(--text-hover)!important} |
|||
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,147 +1 @@ |
|||
/* dP dP dP */ |
|||
/* 88 88 88 */ |
|||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ |
|||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ |
|||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ |
|||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ |
|||
/* 88 */ |
|||
/* dP */ |
|||
|
|||
/* Made by @gilbN */ |
|||
/* https://github.com/gilbN/theme.park */ |
|||
|
|||
* { |
|||
outline: none; |
|||
|
|||
} |
|||
|
|||
body { |
|||
background: var(--main-bg-color); |
|||
background-repeat: repeat, no-repeat; |
|||
background-attachment: fixed, fixed; |
|||
background-position: center center, center center; |
|||
background-size: auto, cover; |
|||
-webkit-background-size: auto, cover; |
|||
-moz-background-size: auto, cover; |
|||
-o-background-size: auto, cover; |
|||
color: var(--text) |
|||
} |
|||
|
|||
|
|||
|
|||
/* TEXT COLOR */ |
|||
.matches-title, |
|||
.matches-list:empty::before, |
|||
.card-stack:empty::after, |
|||
footer, |
|||
.Field_Label { |
|||
color: var(--text); |
|||
} |
|||
|
|||
/* ACCENTS */ |
|||
.matches-section hr { |
|||
border: 0.5px solid rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.matches-section hr::before, |
|||
.matches-title .matches-count { |
|||
background: rgb(var(--accent-color)); |
|||
color: var(--button-text); |
|||
} |
|||
|
|||
.Logo { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
/* FORMS */ |
|||
.login-form input, |
|||
input, |
|||
.TextInput { |
|||
background: rgba(0, 0, 0, .25); |
|||
border: 1px solid transparent; |
|||
color: var(--text) |
|||
} |
|||
|
|||
.login-form input:focus, |
|||
input:focus, |
|||
.TextInput:focus { |
|||
background: #fff; |
|||
border: 1px solid transparent; |
|||
color: black; |
|||
} |
|||
|
|||
input:focus { |
|||
outline: none; |
|||
} |
|||
|
|||
.Select_Element { |
|||
border: 2px solid var(--button-color); |
|||
color: var(--button-text); |
|||
} |
|||
|
|||
/* BUTTONS */ |
|||
.login-form .room-code-container .generate-button, |
|||
.login-form .submit-button, |
|||
.ButtonPrimary, |
|||
.AddRemoveList_Add, |
|||
.SegmentedControlsListItem { |
|||
background: var(--button-color); |
|||
color: var(--button-text); |
|||
border: 1px solid var(--button-color); |
|||
} |
|||
|
|||
.login-form .room-code-container .generate-button:hover, |
|||
.login-form .submit-button:hover, |
|||
.ButtonPrimary:hover, |
|||
.ButtonPrimary:active .ButtonSecondary:hover, |
|||
.ButtonSecondary:active, |
|||
.ButtonTertiary:hover, |
|||
.ButtonTertiary:active, |
|||
.AddRemoveList_Add:hover, |
|||
.AddRemoveList_Add:active, |
|||
.SegmentedControlsListItem:hover, |
|||
.SegmentedControlsListItem:active { |
|||
background: var(--button-color-hover); |
|||
color: var(--button-text-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
@media (hover: hover) { |
|||
.ButtonSecondary:hover { |
|||
color: var(--button-text-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
} |
|||
|
|||
.ButtonSecondary { |
|||
border: 2px solid var(--button-color); |
|||
color: var(--button-color); |
|||
} |
|||
|
|||
.ButtonTertiary { |
|||
color: var(--button-color); |
|||
transition: background-color var(--button-color-hover) ease-in-out; |
|||
} |
|||
|
|||
.SegmentedControlOption { |
|||
color: var(--button-text); |
|||
} |
|||
|
|||
/* CARDS */ |
|||
.card { |
|||
border: 1px solid transparent; |
|||
} |
|||
|
|||
.Card_MoreInfoButton:hover { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
.RoomInfoBar { |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
/* MENUS POPOVER */ |
|||
.PopoverMenuButton:hover { |
|||
background: rgb(255 255 255 / 15%) !important; |
|||
color: var(--mm-white); |
|||
} |
|||
*{outline:0}body{background:var(--main-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;color:var(--text)}.Field_Label,.card-stack:empty::after,.matches-list:empty::before,.matches-title,footer{color:var(--text)}.matches-section hr{border:.5px solid rgb(var(--accent-color))}.matches-section hr::before,.matches-title .matches-count{background:rgb(var(--accent-color));color:var(--button-text)}.Logo{color:rgb(var(--accent-color))}.TextInput,.login-form input,input{background:rgba(0,0,0,.25);border:1px solid transparent;color:var(--text)}.TextInput:focus,.login-form input:focus,input:focus{background:#fff;border:1px solid transparent;color:#000}input:focus{outline:0}.Select_Element{border:2px solid var(--button-color);color:var(--button-text)}.AddRemoveList_Add,.ButtonPrimary,.SegmentedControlsListItem,.login-form .room-code-container .generate-button,.login-form .submit-button{background:var(--button-color);color:var(--button-text);border:1px solid var(--button-color)}.AddRemoveList_Add:active,.AddRemoveList_Add:hover,.ButtonPrimary:active .ButtonSecondary:hover,.ButtonPrimary:hover,.ButtonSecondary:active,.ButtonTertiary:active,.ButtonTertiary:hover,.SegmentedControlsListItem:active,.SegmentedControlsListItem:hover,.login-form .room-code-container .generate-button:hover,.login-form .submit-button:hover{background:var(--button-color-hover);color:var(--button-text-hover);border-color:var(--button-color-hover)}@media (hover:hover){.ButtonSecondary:hover{color:var(--button-text-hover);border-color:var(--button-color-hover)}}.ButtonSecondary{border:2px solid var(--button-color);color:var(--button-color)}.ButtonTertiary{color:var(--button-color);transition:background-color var(--button-color-hover) ease-in-out}.SegmentedControlOption{color:var(--button-text)}.card{border:1px solid transparent}.Card_MoreInfoButton:hover{color:rgb(var(--accent-color))}.RoomInfoBar{background-color:rgba(0,0,0,.25)}.PopoverMenuButton:hover{background:rgb(255 255 255 / 15%)!important;color:var(--mm-white)} |
|||
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,173 +1 @@ |
|||
/* dP dP dP */ |
|||
/* 88 88 88 */ |
|||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ |
|||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ |
|||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ |
|||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ |
|||
/* 88 */ |
|||
/* dP */ |
|||
|
|||
/* Made by @gilbN */ |
|||
/* https://github.com/gilbN/theme.park */ |
|||
|
|||
main { |
|||
background: var(--main-bg-color); |
|||
background-repeat: repeat, no-repeat; |
|||
background-attachment: fixed, fixed; |
|||
background-position: center center, center center; |
|||
background-size: auto, cover; |
|||
-webkit-background-size: auto, cover; |
|||
-moz-background-size: auto, cover; |
|||
-o-background-size: auto, cover; |
|||
} |
|||
|
|||
h4 { |
|||
color: #ffffff; |
|||
} |
|||
|
|||
.v-toolbar { |
|||
background: transparent !important; |
|||
box-shadow: none; |
|||
} |
|||
|
|||
.v-toolbar__content, |
|||
.v-toolbar__extension { |
|||
background-color: rgba(0, 0, 0, 0.6) !important; |
|||
} |
|||
|
|||
p a { |
|||
color: var(--accent-color) !important; |
|||
} |
|||
|
|||
.application .theme--dark.v-card, |
|||
.theme--dark .v-card .primary--text { |
|||
color: var(--accent-color) !important; |
|||
} |
|||
|
|||
.application .theme--dark.v-card, |
|||
.theme--dark .v-card .accent--text { |
|||
color: var(--accent-color) !important; |
|||
} |
|||
|
|||
.application .theme--dark.v-card, |
|||
.theme--dark .v-card .primary { |
|||
color: var(--accent-color) !important; |
|||
} |
|||
|
|||
.flex.xs12 a { |
|||
color: var(--accent-color); |
|||
} |
|||
|
|||
.v-list__tile { |
|||
color: #fff !important; |
|||
} |
|||
|
|||
.v-stepper__step__step .primary { |
|||
background-color: var(--default-button-color) !important; |
|||
border-color: var(--default-button-color) !important; |
|||
} |
|||
|
|||
.primary { |
|||
background-color: var(--default-button-color) !important; |
|||
border-color: var(--default-button-color) !important; |
|||
} |
|||
|
|||
.v-input__control .v-input__slot .primary--text input, |
|||
.primary--text textarea { |
|||
caret-color: var(--accent-color) !important; |
|||
} |
|||
|
|||
.v-input input:active, |
|||
.v-input input:focus, |
|||
.v-input textarea:active, |
|||
.v-input textarea:focus .primary--text input, |
|||
.primary--text textarea { |
|||
caret-color: var(--accent-color) !important; |
|||
} |
|||
|
|||
|
|||
.application .theme--dark.v-btn:not(.v-btn--icon):not(.v-btn--flat), |
|||
.theme--dark .v-btn:not(.v-btn--icon):not(.v-btn--flat) { |
|||
background-color: var(--default-button-color) !important; |
|||
} |
|||
|
|||
.v-btn__content { |
|||
color: #fff; |
|||
} |
|||
|
|||
.v-btn--active:before, |
|||
.v-btn:focus:before, |
|||
.v-btn:hover:before { |
|||
background-color: white; |
|||
} |
|||
|
|||
.application .theme--dark.v-card, |
|||
.theme--dark .v-card { |
|||
background: var(--modal-bg-color); |
|||
background-repeat: repeat, no-repeat; |
|||
background-attachment: fixed, fixed; |
|||
background-position: center center, center center; |
|||
background-size: auto, cover; |
|||
-webkit-background-size: auto, cover; |
|||
-moz-background-size: auto, cover; |
|||
-o-background-size: auto, cover; |
|||
} |
|||
|
|||
.flex.md3 .application .theme--dark.v-card, |
|||
.theme--dark .v-card { |
|||
background: rgba(255, 255, 255, 0.10) !important; |
|||
color: #fff; |
|||
} |
|||
|
|||
.theme--dark.v-expansion-panels .v-expansion-panel { |
|||
background-color: transparent; |
|||
color: #fff; |
|||
} |
|||
|
|||
.theme--dark.v-text-field--solo>.v-input__control>.v-input__slot { |
|||
background: rgb(0 0 0 / 0.50); |
|||
} |
|||
|
|||
.flex.md3 .application .theme--dark.v-list, |
|||
.theme--dark .v-list { |
|||
background: rgba(255, 255, 255, 0.10) !important; |
|||
} |
|||
|
|||
flex xs12 .flex.md3 .application .theme--dark.v-list, |
|||
.theme--dark .v-list { |
|||
background: inherit !important; |
|||
} |
|||
|
|||
.v-navigation-drawer { |
|||
background: var(--main-bg-color) !important; |
|||
background-repeat: repeat, no-repeat; |
|||
background-attachment: fixed, fixed; |
|||
background-position: center center, center center; |
|||
background-size: auto, cover; |
|||
-webkit-background-size: auto, cover; |
|||
-moz-background-size: auto, cover; |
|||
-o-background-size: auto, cover; |
|||
} |
|||
|
|||
/*popup modal */ |
|||
.v-dialog { |
|||
background: var(--modal-bg-color); |
|||
background-repeat: repeat, no-repeat; |
|||
background-attachment: fixed, fixed; |
|||
background-position: center center, center center; |
|||
background-size: auto, cover; |
|||
-webkit-background-size: auto, cover; |
|||
-moz-background-size: auto, cover; |
|||
-o-background-size: auto, cover; |
|||
} |
|||
|
|||
.menuable__content__active { |
|||
background: var(--modal-bg-color); |
|||
background-repeat: repeat, no-repeat; |
|||
background-attachment: fixed, fixed; |
|||
background-position: center center, center center; |
|||
background-size: auto, cover; |
|||
-webkit-background-size: auto, cover; |
|||
-moz-background-size: auto, cover; |
|||
-o-background-size: auto, cover; |
|||
} |
|||
main{background:var(--main-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover}h4{color:#fff}.v-toolbar{background:0 0!important;box-shadow:none}.v-toolbar__content,.v-toolbar__extension{background-color:rgba(0,0,0,.6)!important}p a{color:var(--accent-color)!important}.application .theme--dark.v-card,.theme--dark .v-card .primary--text{color:var(--accent-color)!important}.application .theme--dark.v-card,.theme--dark .v-card .accent--text{color:var(--accent-color)!important}.application .theme--dark.v-card,.theme--dark .v-card .primary{color:var(--accent-color)!important}.flex.xs12 a{color:var(--accent-color)}.v-list__tile{color:#fff!important}.v-stepper__step__step .primary{background-color:var(--default-button-color)!important;border-color:var(--default-button-color)!important}.primary{background-color:var(--default-button-color)!important;border-color:var(--default-button-color)!important}.primary--text textarea,.v-input__control .v-input__slot .primary--text input{caret-color:var(--accent-color)!important}.primary--text textarea,.v-input input:active,.v-input input:focus,.v-input textarea:active,.v-input textarea:focus .primary--text input{caret-color:var(--accent-color)!important}.application .theme--dark.v-btn:not(.v-btn--icon):not(.v-btn--flat),.theme--dark .v-btn:not(.v-btn--icon):not(.v-btn--flat){background-color:var(--default-button-color)!important}.v-btn__content{color:#fff}.v-btn--active:before,.v-btn:focus:before,.v-btn:hover:before{background-color:#fff}.application .theme--dark.v-card,.theme--dark .v-card{background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover}.flex.md3 .application .theme--dark.v-card,.theme--dark .v-card{background:rgba(255,255,255,.1)!important;color:#fff}.theme--dark.v-expansion-panels .v-expansion-panel{background-color:transparent;color:#fff}.theme--dark.v-text-field--solo>.v-input__control>.v-input__slot{background:rgb(0 0 0 / .5)}.flex.md3 .application .theme--dark.v-list,.theme--dark .v-list{background:rgba(255,255,255,.1)!important}.theme--dark .v-list,flex xs12 .flex.md3 .application .theme--dark.v-list{background:inherit!important}.v-navigation-drawer{background:var(--main-bg-color)!important;background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover}.v-dialog{background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover}.menuable__content__active{background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover} |
|||
|
|||
File diff suppressed because one or more lines are too long
@ -1,179 +1 @@ |
|||
/* dP dP dP */ |
|||
/* 88 88 88 */ |
|||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ |
|||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ |
|||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ |
|||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ |
|||
/* 88 */ |
|||
/* dP */ |
|||
|
|||
/* Made by @gilbN */ |
|||
/* https://github.com/gilbN/theme.park */ |
|||
|
|||
#chat .userlist .names { |
|||
background: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
#chat .user-mode:before { |
|||
background: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
@media (max-width: 768px) { |
|||
#chat .userlist .names { |
|||
box-shadow: 0 0 25px 0 rgba(0, 0, 0, .5); |
|||
background: var(--window-bg-color); |
|||
background-repeat: repeat, no-repeat; |
|||
background-attachment: fixed, fixed; |
|||
background-position: center center, center center; |
|||
background-size: auto, cover; |
|||
-webkit-background-size: auto, cover; |
|||
-moz-background-size: auto, cover; |
|||
-o-background-size: auto, cover; |
|||
} |
|||
} |
|||
|
|||
@media (max-width: 768px) { |
|||
|
|||
#viewport.menu-dragging #sidebar, |
|||
#viewport.menu-open #sidebar { |
|||
box-shadow: 0 0 25px 0 rgba(0, 0, 0, .5); |
|||
background: rgba(0, 0, 0, 0.85); |
|||
} |
|||
} |
|||
|
|||
#chat .chan .notice .user, |
|||
#chat .notice .content, |
|||
#chat .notice .time { |
|||
color: var(--date-marker-color) !important; |
|||
} |
|||
|
|||
#form #nick { |
|||
background: var(--theme-accent); |
|||
color: #f3f3f3; |
|||
} |
|||
|
|||
#form { |
|||
background-color: rgba(0, 0, 0, 0.45); |
|||
border-color: #0086ff00; |
|||
color: var(--body-color); |
|||
} |
|||
|
|||
#sidebar .active, |
|||
#sidebar .active:hover { |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
#chat .msg.motd .text, |
|||
code, |
|||
.irc-monospace { |
|||
background: rgba(0, 0, 0, 0.45); |
|||
color: #f3f3f3; |
|||
} |
|||
|
|||
#chat .content, |
|||
#windows #chat .header, |
|||
#chat .user-mode::before, |
|||
#chat .userlist { |
|||
border-color: rgba(255, 255, 255, 0.08); |
|||
} |
|||
|
|||
#chat .msg[data-type=motd] .text { |
|||
background: rgba(255, 255, 255, 0.08); |
|||
} |
|||
|
|||
/* Dropdown menu */ |
|||
#context-menu, |
|||
.textcomplete-menu { |
|||
background: var(--body-bg-color); |
|||
background-repeat: repeat, no-repeat; |
|||
background-attachment: fixed, fixed; |
|||
background-position: center center, center center; |
|||
background-size: auto, cover; |
|||
-webkit-background-size: auto, cover; |
|||
-moz-background-size: auto, cover; |
|||
-o-background-size: auto, cover; |
|||
/* color: white !important; */ |
|||
} |
|||
|
|||
.context-menu-item, |
|||
.textcomplete-item { |
|||
color: var(--body-color); |
|||
} |
|||
|
|||
#chat .userlist .user.active, |
|||
.context-menu-item:focus, |
|||
.context-menu-item:hover, |
|||
.textcomplete-item:focus, |
|||
.textcomplete-item:hover, |
|||
.textcomplete-menu .active { |
|||
background-color: rgba(255, 255, 255, 0.08); |
|||
transition: none; |
|||
outline: 0; |
|||
} |
|||
|
|||
#chat.table.ignore-list td, |
|||
#chat table.ban-list td, |
|||
#chat table.ban-list th, |
|||
#chat table.channel-list td, |
|||
#chat table.channel-list th, |
|||
#chat table.ignore-list th, |
|||
#chat table.invite-list td, |
|||
#chat table.invite-list th { |
|||
padding: 5px; |
|||
vertical-align: top; |
|||
border-bottom: 1px solid rgba(255, 255, 255, 0.25); |
|||
} |
|||
|
|||
#chat .userlist .count { |
|||
background-color: rgba(0, 0, 0, 0.6); |
|||
} |
|||
|
|||
#footer button:hover, |
|||
#sidebar .chan:hover { |
|||
background-color: rgba(255, 255, 255, 0.08); |
|||
} |
|||
|
|||
#settings .extra-help:before { |
|||
content: "\F059"; |
|||
color: var(--body-color); |
|||
} |
|||
|
|||
#windows .window h2 { |
|||
color: var(--body-color); |
|||
} |
|||
|
|||
#windows .window h2 { |
|||
border-bottom: 1px solid rgba(255, 255, 255, 0.25); |
|||
} |
|||
|
|||
.input:not(:disabled):focus, |
|||
.input:not(:disabled):hover { |
|||
border-color: #ffffff; |
|||
} |
|||
|
|||
.btn:active, |
|||
.btn:focus, |
|||
.input:focus { |
|||
outline: 0; |
|||
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5); |
|||
} |
|||
|
|||
.btn { |
|||
color: inherit; |
|||
} |
|||
|
|||
.mentions-popup { |
|||
background: var(--body-bg-color); |
|||
background-repeat: repeat, no-repeat; |
|||
background-attachment: fixed, fixed; |
|||
background-position: center center, center center; |
|||
background-size: auto, cover; |
|||
-webkit-background-size: auto, cover; |
|||
-moz-background-size: auto, cover; |
|||
-o-background-size: auto, cover; |
|||
} |
|||
|
|||
#chat .toggle-content { |
|||
background: var(--highlight-bg-color); |
|||
|
|||
} |
|||
#chat .userlist .names{background:rgba(0,0,0,.25)}#chat .user-mode:before{background:rgba(0,0,0,.25)}@media (max-width:768px){#chat .userlist .names{box-shadow:0 0 25px 0 rgba(0,0,0,.5);background:var(--window-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover}}@media (max-width:768px){#viewport.menu-dragging #sidebar,#viewport.menu-open #sidebar{box-shadow:0 0 25px 0 rgba(0,0,0,.5);background:rgba(0,0,0,.85)}}#chat .chan .notice .user,#chat .notice .content,#chat .notice .time{color:var(--date-marker-color)!important}#form #nick{background:var(--theme-accent);color:#f3f3f3}#form{background-color:rgba(0,0,0,.45);border-color:#0086ff00;color:var(--body-color)}#sidebar .active,#sidebar .active:hover{background-color:rgba(0,0,0,.25)}#chat .msg.motd .text,.irc-monospace,code{background:rgba(0,0,0,.45);color:#f3f3f3}#chat .content,#chat .user-mode::before,#chat .userlist,#windows #chat .header{border-color:rgba(255,255,255,.08)}#chat .msg[data-type=motd] .text{background:rgba(255,255,255,.08)}#context-menu,.textcomplete-menu{background:var(--body-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover}.context-menu-item,.textcomplete-item{color:var(--body-color)}#chat .userlist .user.active,.context-menu-item:focus,.context-menu-item:hover,.textcomplete-item:focus,.textcomplete-item:hover,.textcomplete-menu .active{background-color:rgba(255,255,255,.08);transition:none;outline:0}#chat table.ban-list td,#chat table.ban-list th,#chat table.channel-list td,#chat table.channel-list th,#chat table.ignore-list th,#chat table.invite-list td,#chat table.invite-list th,#chat.table.ignore-list td{padding:5px;vertical-align:top;border-bottom:1px solid rgba(255,255,255,.25)}#chat .userlist .count{background-color:rgba(0,0,0,.6)}#footer button:hover,#sidebar .chan:hover{background-color:rgba(255,255,255,.08)}#settings .extra-help:before{content:"\F059";color:var(--body-color)}#windows .window h2{color:var(--body-color)}#windows .window h2{border-bottom:1px solid rgba(255,255,255,.25)}.input:not(:disabled):focus,.input:not(:disabled):hover{border-color:#fff}.btn:active,.btn:focus,.input:focus{outline:0;box-shadow:0 0 0 3px rgba(255,255,255,.5)}.btn{color:inherit}.mentions-popup{background:var(--body-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover}#chat .toggle-content{background:var(--highlight-bg-color)} |
|||
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in new issue