2021-03-20 02:00:11 +01:00
|
|
|
/* 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);
|
|
|
|
color: var(--text-color)
|
|
|
|
}
|
|
|
|
|
|
|
|
/* TEXT COLOR */
|
2021-03-20 02:10:57 +01:00
|
|
|
.sub-title,
|
|
|
|
.widget--title,
|
|
|
|
p {
|
2021-03-20 02:00:11 +01:00
|
|
|
color: var(--text-color);
|
|
|
|
}
|
2021-03-20 02:10:57 +01:00
|
|
|
|
|
|
|
h1,
|
|
|
|
h2,
|
|
|
|
h3,
|
|
|
|
h4,
|
|
|
|
h5,
|
|
|
|
h6 {
|
2021-03-20 02:00:11 +01:00
|
|
|
color: #fff;
|
|
|
|
}
|
2021-03-20 02:10:57 +01:00
|
|
|
|
2021-03-20 02:00:11 +01:00
|
|
|
.settings--menu--item.active p {
|
|
|
|
color: var(--accent-color);
|
|
|
|
}
|
2021-03-20 02:10:57 +01:00
|
|
|
|
2021-03-20 02:00:11 +01:00
|
|
|
.settings--menu--item.active {
|
|
|
|
border-bottom: 1px solid var(--accent-color);
|
|
|
|
}
|
2021-03-20 02:10:57 +01:00
|
|
|
|
2021-03-20 02:00:11 +01:00
|
|
|
.settings--menu--item.active .icon svg path {
|
|
|
|
fill: var(--accent-color);
|
|
|
|
}
|
2021-03-20 02:10:57 +01:00
|
|
|
|
2021-03-20 02:00:11 +01:00
|
|
|
/* MENU */
|
|
|
|
/* @media (min-width: 1100px) {
|
|
|
|
.sidebar--inner {
|
|
|
|
display: block;
|
|
|
|
background: rgb(0 0 0 / 25%);
|
|
|
|
}
|
|
|
|
} */
|
|
|
|
.menu {
|
|
|
|
background: rgb(0 0 0 / 25%);
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 1099.98px) {
|
2021-03-20 02:10:57 +01:00
|
|
|
|
|
|
|
.sidebar--inner,
|
|
|
|
.sidebar--scroll {
|
|
|
|
background: var(--modal-bg-color);
|
|
|
|
}
|
2021-03-20 02:00:11 +01:00
|
|
|
}
|
2021-03-20 02:10:57 +01:00
|
|
|
|
2021-03-20 02:00:11 +01:00
|
|
|
@media (min-width: 1100px) {
|
2021-03-20 02:10:57 +01:00
|
|
|
.page .sidebar {
|
|
|
|
background: rgb(0 0 0 / 25%);
|
|
|
|
}
|
2021-03-20 02:00:11 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 991.98px) {
|
2021-03-20 02:10:57 +01:00
|
|
|
.menu.open {
|
|
|
|
background: var(--modal-bg-color)
|
|
|
|
}
|
2021-03-20 02:00:11 +01:00
|
|
|
}
|
2021-03-20 02:10:57 +01:00
|
|
|
|
2021-03-20 02:00:11 +01:00
|
|
|
.mob-menu-top {
|
|
|
|
background: var(--modal-bg-color);
|
|
|
|
}
|
2021-03-20 02:10:57 +01:00
|
|
|
|
2021-03-20 02:00:11 +01:00
|
|
|
.menu--item.active {
|
|
|
|
background: rgba(255, 255, 255, .15);
|
|
|
|
border-right: 4px solid var(--accent-color);
|
|
|
|
}
|
2021-03-20 02:10:57 +01:00
|
|
|
|
2021-03-20 02:00:11 +01:00
|
|
|
@media (min-width: 1100px) {
|
2021-03-20 02:10:57 +01:00
|
|
|
.sidebar--item.active {
|
|
|
|
border-top: none !important;
|
|
|
|
border-right: 4px solid var(--accent-color);
|
|
|
|
}
|
2021-03-20 02:00:11 +01:00
|
|
|
}
|
2021-03-20 02:10:57 +01:00
|
|
|
|
2021-03-20 02:00:11 +01:00
|
|
|
.sidebar--item.active {
|
|
|
|
background: rgba(255, 255, 255, .15);
|
|
|
|
border-top: 4px solid var(--accent-color);
|
|
|
|
}
|
2021-03-20 02:10:57 +01:00
|
|
|
|
2021-03-20 02:00:11 +01:00
|
|
|
.menu--item.active p,
|
2021-03-20 02:10:57 +01:00
|
|
|
.media-content .media-crew .sidebar--item.active a,
|
|
|
|
.sidebar--item.active .media-content .media-crew a,
|
|
|
|
.sidebar--item.active p {
|
2021-03-20 02:00:11 +01:00
|
|
|
color: var(--accent-color);
|
|
|
|
}
|
2021-03-20 02:10:57 +01:00
|
|
|
|
2021-03-20 02:00:11 +01:00
|
|
|
.menu--item.active .icon svg path,
|
|
|
|
.sidebar--item.active .icon svg path {
|
|
|
|
fill: var(--accent-color);
|
|
|
|
}
|
2021-03-20 02:10:57 +01:00
|
|
|
|
2021-03-20 02:00:11 +01:00
|
|
|
.mob-menu-top .nav-toggle span {
|
|
|
|
background: var(--accent-color);
|
|
|
|
}
|
2021-03-20 02:10:57 +01:00
|
|
|
|
2021-03-20 02:00:11 +01:00
|
|
|
/* LINKS */
|
2021-03-20 02:10:57 +01:00
|
|
|
a,
|
|
|
|
.table-action,
|
|
|
|
.session--toggle,
|
|
|
|
p a,
|
|
|
|
.profile-page .logout,
|
|
|
|
.person--bio--read-more {
|
2021-03-20 02:00:11 +01:00
|
|
|
color: var(--link-color);
|
|
|
|
}
|
|
|
|
|
|
|
|
/* OTHER */
|
|
|
|
.widget--item hr {
|
|
|
|
background: rgb(255 255 255 / 50%);
|
|
|
|
}
|
2021-03-20 02:10:57 +01:00
|
|
|
|
2021-03-20 02:00:11 +01:00
|
|
|
.filter--add:hover {
|
|
|
|
color: var(--accent-color);
|
|
|
|
border-color: var(--accent-color);
|
|
|
|
}
|
2021-03-20 02:10:57 +01:00
|
|
|
|
2021-03-20 02:00:11 +01:00
|
|
|
.filter--item {
|
|
|
|
background: rgb(0 0 0 / 25%);
|
|
|
|
}
|
2021-03-20 02:10:57 +01:00
|
|
|
|
2021-03-20 02:00:11 +01:00
|
|
|
/* DASH */
|
2021-03-20 02:10:57 +01:00
|
|
|
.session--prog,
|
|
|
|
.session--media .card .playback-status {
|
2021-03-20 02:00:11 +01:00
|
|
|
background: var(--accent-color);
|
|
|
|
}
|
2021-03-20 02:10:57 +01:00
|
|
|
|
2021-03-20 02:00:11 +01:00
|
|
|
.card--inner:hover .image-wrap {
|
|
|
|
-webkit-filter: brightness(.7);
|
|
|
|
filter: brightness(.7);
|
|
|
|
-webkit-box-shadow: 0 0 0 2px var(--accent-color), 0 5px 10px 0 rgb(0 0 0 / 30%);
|
2021-03-20 02:10:57 +01:00
|
|
|
-moz-box-shadow: 0 0 0 2px var(--accent-color), 0 5px 10px 0 rgba(0, 0, 0, .3);
|
2021-03-20 02:00:11 +01:00
|
|
|
box-shadow: 0 0 0 2px var(--accent-color), 0 5px 10px 0 rgb(0 0 0 / 30%);
|
|
|
|
}
|
2021-03-20 02:10:57 +01:00
|
|
|
|
2021-03-20 02:00:11 +01:00
|
|
|
.push-msg--item {
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* BUTTONS */
|
|
|
|
|
2021-03-20 02:10:57 +01:00
|
|
|
.btn,
|
|
|
|
.btn__square,
|
2021-03-20 02:10:29 +01:00
|
|
|
.rbc-btn-group button.rbc-active {
|
2021-03-20 02:00:11 +01:00
|
|
|
background: var(--button-color);
|
|
|
|
color: var(--button-text);
|
|
|
|
border: 2px solid var(--button-color);
|
|
|
|
}
|
2021-03-20 02:10:57 +01:00
|
|
|
|
|
|
|
.btn:hover,
|
|
|
|
.btn__square:hover,
|
|
|
|
.rbc-btn-group button.rbc-active:active,
|
|
|
|
.rbc-btn-group button.rbc-active:focus,
|
|
|
|
.rbc-btn-group button.rbc-active:hover,
|
|
|
|
.rbc-btn-group button:active,
|
|
|
|
.rbc-btn-group button:focus,
|
|
|
|
.rbc-btn-group button:hover {
|
2021-03-20 02:00:11 +01:00
|
|
|
background: var(--button-color-hover);
|
|
|
|
color: var(--button-text-hover);
|
|
|
|
border: 2px solid var(--button-color-hover);
|
|
|
|
}
|
2021-03-20 02:10:57 +01:00
|
|
|
|
2021-03-20 02:00:11 +01:00
|
|
|
.btn.bad:hover {
|
|
|
|
border: 2px solid #e95151;
|
|
|
|
}
|
2021-03-20 02:10:57 +01:00
|
|
|
|
2021-03-20 02:10:29 +01:00
|
|
|
.btn.good.btn__square:hover {
|
|
|
|
border: 2px solid #98dd32;
|
|
|
|
}
|
2021-03-20 02:00:11 +01:00
|
|
|
|
|
|
|
/* TABLES */
|
|
|
|
.generic-table tr:not(.child):not(.sub) td {
|
|
|
|
border-bottom: 1px solid rgba(255, 255, 255, .1);
|
|
|
|
}
|
2021-03-20 02:10:57 +01:00
|
|
|
|
2021-03-20 02:00:11 +01:00
|
|
|
.generic-table tr:not(.child):not(.sub) th {
|
|
|
|
text-align: left;
|
|
|
|
padding: 5px;
|
|
|
|
border-bottom: 1px solid rgba(255, 255, 255, .4);
|
|
|
|
}
|
|
|
|
|
|
|
|
/* MODALS */
|
2021-03-20 02:10:57 +01:00
|
|
|
.modal--inner,
|
|
|
|
.issues--inner,
|
|
|
|
.review--main {
|
2021-03-20 02:00:11 +01:00
|
|
|
background: var(--modal-bg-color);
|
|
|
|
}
|
2021-03-20 02:10:57 +01:00
|
|
|
|
|
|
|
.modal--top,
|
|
|
|
.issues--top,
|
|
|
|
.review--top {
|
2021-03-20 02:00:11 +01:00
|
|
|
background: var(--modal-bg-color);
|
|
|
|
}
|
2021-03-20 02:10:57 +01:00
|
|
|
|
2021-03-20 02:00:11 +01:00
|
|
|
/* FORMS & INPUTS */
|
|
|
|
input[type=checkbox]:checked:after {
|
|
|
|
background: var(--accent-color)
|
|
|
|
}
|
2021-03-20 02:10:57 +01:00
|
|
|
|
2021-03-20 02:00:11 +01:00
|
|
|
input:not([type=checkbox]):not(.styled-input--input):not([type=file]):focus {
|
|
|
|
border-bottom: 2px solid var(--accent-color);
|
|
|
|
background: rgba(255, 255, 255, .2);
|
|
|
|
color: var(--text-color-hover)
|
|
|
|
}
|
2021-03-20 02:10:57 +01:00
|
|
|
|
2021-03-20 02:00:11 +01:00
|
|
|
input:not([type=checkbox]):not(.styled-input--input):not([type=file]),
|
|
|
|
.login-wrap input {
|
2021-03-20 02:10:57 +01:00
|
|
|
border-bottom: 2px solid rgba(0, 0, 0, 0);
|
2021-03-20 02:00:11 +01:00
|
|
|
color: var(--text-color);
|
|
|
|
background: rgb(255 255 255 / 10%);
|
|
|
|
}
|
|
|
|
|
|
|
|
/* PLACEHOLDER TEXT */
|
|
|
|
::placeholder {
|
|
|
|
color: var(--text) !important;
|
|
|
|
opacity: .5;
|
|
|
|
}
|
|
|
|
|
|
|
|
:-moz-placeholder {
|
|
|
|
color: var(--text) !important;
|
|
|
|
opacity: .5;
|
|
|
|
}
|
|
|
|
|
|
|
|
:-ms-input-placeholder {
|
|
|
|
color: var(--text) !important;
|
|
|
|
opacity: .5;
|
|
|
|
}
|
|
|
|
|
|
|
|
::-webkit-input-placeholder {
|
|
|
|
color: var(--text) !important;
|
|
|
|
opacity: .5;
|
2021-03-20 02:10:57 +01:00
|
|
|
}
|