mirror of
https://github.com/gilbN/theme.park.git
synced 2024-08-18 16:09:36 +02:00
formatting
This commit is contained in:
parent
d7d4fa28fa
commit
a3377c35a8
@ -42,12 +42,15 @@ body {
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
}
|
||||
|
||||
body *::-webkit-scrollbar-thumb {
|
||||
background: hsla(0,0%,100%,.2);
|
||||
background: hsla(0, 0%, 100%, .2);
|
||||
}
|
||||
|
||||
body *:hover::-webkit-scrollbar-thumb {
|
||||
background: hsla(0, 0%, 100%, 0.4);
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 14px;
|
||||
}
|
||||
@ -85,9 +88,22 @@ a:hover {
|
||||
a:-webkit-any-link:focus {
|
||||
outline: none;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
.h1,
|
||||
.h2,
|
||||
.h3,
|
||||
.h4,
|
||||
.h5,
|
||||
.h6 {
|
||||
color: var(--text-hover)
|
||||
}
|
||||
|
||||
/* LOGIN PAGE */
|
||||
|
||||
.login .login__form .text-center .h-6 {
|
||||
@ -214,6 +230,7 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
background: rgb(var(--accent-color));
|
||||
color: var(--label-text-color);
|
||||
}
|
||||
|
||||
.toast--success {
|
||||
background-color: rgba(90, 173, 99, 0.75);
|
||||
}
|
||||
@ -277,7 +294,8 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
border-color: #F44336;
|
||||
}
|
||||
|
||||
.btn-icon--green,.icon--green {
|
||||
.btn-icon--green,
|
||||
.icon--green {
|
||||
color: var(--button-color);
|
||||
}
|
||||
|
||||
@ -307,6 +325,7 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
text-decoration: none;
|
||||
background-color: rgb(255 255 255 / 0.08);
|
||||
}
|
||||
|
||||
.select__menu {
|
||||
background: var(--modal-bg-color) !important;
|
||||
background-repeat: repeat, no-repeat;
|
||||
@ -318,17 +337,22 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
-o-background-size: auto, cover;
|
||||
box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, .5);
|
||||
}
|
||||
.select__option:hover {
|
||||
|
||||
.select__option:hover {
|
||||
background: rgba(255, 255, 255, .08) !important;
|
||||
}
|
||||
.select__option {
|
||||
|
||||
.select__option {
|
||||
background: rgba(0, 0, 0, 0) !important;
|
||||
border-bottom: solid rgba(255, 255, 255, .1) 1px;
|
||||
}
|
||||
|
||||
.select__multi-value__remove {
|
||||
color: black;
|
||||
}
|
||||
.basic-multi-select .select__control--is-focused, .basic-multi-select .select__control--is-focused:hover {
|
||||
|
||||
.basic-multi-select .select__control--is-focused,
|
||||
.basic-multi-select .select__control--is-focused:hover {
|
||||
border-color: transparent !important;
|
||||
}
|
||||
|
||||
@ -340,6 +364,7 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
.setup__progress-wrap {
|
||||
background-color: rgb(0 0 0 / 50%);
|
||||
}
|
||||
|
||||
.setup__logo {
|
||||
filter: invert(1);
|
||||
}
|
||||
@ -376,7 +401,7 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
color: var(--text)
|
||||
}
|
||||
|
||||
.logs__no-data{
|
||||
.logs__no-data {
|
||||
color: var(--text);
|
||||
background-color: transparent;
|
||||
}
|
||||
@ -411,7 +436,8 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
background: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
|
||||
.ReactTable .rt-thead .rt-th, .ReactTable .rt-thead .rt-td,
|
||||
.ReactTable .rt-thead .rt-th,
|
||||
.ReactTable .rt-thead .rt-td,
|
||||
.logs__cell--header__container {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
@ -420,7 +446,10 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
border-bottom: solid 1px rgb(255 255 255 / 20%);
|
||||
}
|
||||
|
||||
.table th, .text-wrap table th, .table td, .text-wrap table td {
|
||||
.table th,
|
||||
.text-wrap table th,
|
||||
.table td,
|
||||
.text-wrap table td {
|
||||
padding: 0.75rem;
|
||||
vertical-align: top;
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.2);
|
||||
@ -501,7 +530,7 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.checkbox__input:checked + .checkbox__label:before {
|
||||
.checkbox__input:checked+.checkbox__label:before {
|
||||
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMi4zIDkuMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiPjxwYXRoIGQ9Ik0xMS44IDAuNUw1LjMgOC41IDAuNSA0LjIiLz48L3N2Zz4=);
|
||||
background-color: rgb(var(--accent-color));
|
||||
|
||||
@ -511,11 +540,13 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
|
||||
background-color: rgb(var(--accent-color));
|
||||
}
|
||||
|
||||
.custom-control-input:focus~.custom-control-label::before,
|
||||
.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
|
||||
-webkit-box-shadow: 0 0 0 1px rgb(var(--accent-color)), 0 0 0 2px rgb(var(--accent-color),.25);
|
||||
box-shadow: 0 0 0 1px rgb(var(--accent-color)), 0 0 0 2px rgb(var(--accent-color),.25);
|
||||
-webkit-box-shadow: 0 0 0 1px rgb(var(--accent-color)), 0 0 0 2px rgb(var(--accent-color), .25);
|
||||
box-shadow: 0 0 0 1px rgb(var(--accent-color)), 0 0 0 2px rgb(var(--accent-color), .25);
|
||||
}
|
||||
|
||||
/* MODALS */
|
||||
.modal-content {
|
||||
background: var(--modal-bg-color);
|
||||
@ -580,4 +611,4 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
|
||||
::-webkit-input-placeholder {
|
||||
color: var(--text);
|
||||
}
|
||||
}
|
@ -92,12 +92,20 @@ a:hover {
|
||||
.table {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.table thead th {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6,
|
||||
.custom-control-label,label,.modal-header {
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
.custom-control-label,
|
||||
label,
|
||||
.modal-header {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
@ -212,9 +220,10 @@ h1, h2, h3, h4, h5, h6,
|
||||
background-color: transparent !important;
|
||||
color: rgb(var(--accent-color)) !important;
|
||||
}
|
||||
|
||||
.content-header.bg-dark .btn-dark:hover {
|
||||
color:rgb(var(--accent-color));
|
||||
}
|
||||
color: rgb(var(--accent-color));
|
||||
}
|
||||
|
||||
.sidebar-container .sidebar-button.sb-active,
|
||||
.sidebar-container .sidebar-button.sb-active:hover {
|
||||
@ -231,10 +240,12 @@ h1, h2, h3, h4, h5, h6,
|
||||
}
|
||||
|
||||
.content-header.bg-dark .btn-dark {
|
||||
color:var(--text);
|
||||
color: var(--text);
|
||||
}
|
||||
.btn-dark.disabled:hover, .btn-dark:disabled:hover {
|
||||
color:var(--text) !important;
|
||||
|
||||
.btn-dark.disabled:hover,
|
||||
.btn-dark:disabled:hover {
|
||||
color: var(--text) !important;
|
||||
}
|
||||
|
||||
|
||||
@ -257,10 +268,12 @@ h1, h2, h3, h4, h5, h6,
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-container .badge-secondary {
|
||||
color: var(--label-text-color);
|
||||
background-color: var(--queue-color);
|
||||
}
|
||||
|
||||
/* TOP NAV BAR */
|
||||
.header-container .bg-primary {
|
||||
background-color: rgba(0, 0, 0, .35) !important;
|
||||
@ -313,13 +326,16 @@ h1, h2, h3, h4, h5, h6,
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
.auth-card {
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
.auth-card .card-footer {
|
||||
background-color: transparent;
|
||||
border-top: 1px solid rgba(255, 255, 255, .1);
|
||||
}
|
||||
|
||||
hr {
|
||||
border-top: 1px solid rgb(255 255 255 / 10%);
|
||||
}
|
||||
@ -642,6 +658,7 @@ hr {
|
||||
.custom-checkbox .custom-control-input:checked~.custom-control-label:after {
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E");
|
||||
}
|
||||
|
||||
input {
|
||||
color: var(--text-hover) !important;
|
||||
}
|
||||
@ -658,7 +675,8 @@ input {
|
||||
}
|
||||
|
||||
/* DROPDOWN MENU */
|
||||
.dropdown-menu,.dropdown-header {
|
||||
.dropdown-menu,
|
||||
.dropdown-header {
|
||||
color: var(--text);
|
||||
background: var(--drop-down-menu-bg);
|
||||
background-repeat: repeat, no-repeat;
|
||||
@ -802,23 +820,24 @@ line {
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
border: 1px solid rgba(0,0,0,.1);
|
||||
box-shadow: 0 .25rem .75rem rgba(0,0,0,.1);
|
||||
border: 1px solid rgba(0, 0, 0, .1);
|
||||
box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
|
||||
color: var(--text)
|
||||
}
|
||||
|
||||
.toast-header {
|
||||
color: var(--text-hover);
|
||||
background-color: hsla(0, 0%, 0%, .35);
|
||||
border-bottom: 1px solid rgba(0,0,0,.05);
|
||||
border-bottom: 1px solid rgba(0, 0, 0, .05);
|
||||
}
|
||||
|
||||
.alert-container .toast-container .toast .toast-body .progress .progress-bar {
|
||||
text-shadow: -2px -2px 5px rgba(var(--accent-color),.35),2px -2px 5px rgba(var(--accent-color),.35),-2px 2px 5px rgba(var(--accent-color),.35),2px 2px 5px rgba(var(--accent-color),.35);
|
||||
text-shadow: -2px -2px 5px rgba(var(--accent-color), .35), 2px -2px 5px rgba(var(--accent-color), .35), -2px 2px 5px rgba(var(--accent-color), .35), 2px 2px 5px rgba(var(--accent-color), .35);
|
||||
overflow: visible
|
||||
}
|
||||
|
||||
.progress-bar-striped {
|
||||
background-image: linear-gradient(45deg,rgba(var(--accent-color),.5) 25%,transparent 0,transparent 50%,rgba(var(--accent-color),.5) 0,rgba(var(--accent-color),.5) 75%,transparent 0,transparent);
|
||||
background-image: linear-gradient(45deg, rgba(var(--accent-color), .5) 25%, transparent 0, transparent 50%, rgba(var(--accent-color), .5) 0, rgba(var(--accent-color), .5) 75%, transparent 0, transparent);
|
||||
background-size: 1rem 1rem
|
||||
}
|
||||
|
||||
|
@ -46,7 +46,7 @@ app-org-vault-groupings .card li.active>a:first-of-type,
|
||||
app-org-vault-groupings .card li.active>div a:first-of-type,
|
||||
.groupings .card li.active>a:first-of-type,
|
||||
.groupings .card li.active>div a:first-of-type {
|
||||
color: var(--link-color-hover) !important;
|
||||
color: var(--link-color-hover) !important;
|
||||
}
|
||||
|
||||
/* TEXT */
|
||||
@ -63,9 +63,23 @@ app-org-vault-groupings .card li.active>div a:first-of-type,
|
||||
background-color: rgba(255, 255, 255, .08);
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,label,label:not(.form-check-label):not(.btn), label.bold
|
||||
.card-header:first-child,
|
||||
.card-header, .modal-header {
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
.h1,
|
||||
.h2,
|
||||
.h3,
|
||||
.h4,
|
||||
.h5,
|
||||
.h6,
|
||||
label,
|
||||
label:not(.form-check-label):not(.btn),
|
||||
label.bold .card-header:first-child,
|
||||
.card-header,
|
||||
.modal-header {
|
||||
color: var(--text-hover) !important;
|
||||
}
|
||||
|
||||
@ -73,7 +87,11 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,label,label:not(.form-check
|
||||
.navbar {
|
||||
background-color: rgb(0 0 0 / 25%) !important;
|
||||
}
|
||||
.navbar-dark .navbar-nav .show>.nav-link, .navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
|
||||
|
||||
.navbar-dark .navbar-nav .show>.nav-link,
|
||||
.navbar-dark .navbar-nav .active>.nav-link,
|
||||
.navbar-dark .navbar-nav .nav-link.show,
|
||||
.navbar-dark .navbar-nav .nav-link.active {
|
||||
color: rgb(var(--accent-color));
|
||||
}
|
||||
|
||||
@ -312,12 +330,13 @@ a.text-danger:focus {
|
||||
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
|
||||
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
|
||||
.show>.btn-outline-primary.dropdown-toggle:focus,
|
||||
.btn-outline-secondary:focus,
|
||||
.swal2-popup .swal2-actions button.swal2-cancel:focus,
|
||||
.btn-outline-secondary:focus,
|
||||
.swal2-popup .swal2-actions button.swal2-cancel:focus,
|
||||
.btn-outline-secondary.focus,
|
||||
.swal2-popup .swal2-actions button.focus.swal2-cancel,
|
||||
.btn-outline-primary:focus, .btn-outline-primary.focus {
|
||||
box-shadow: 0 0 0 0.2rem rgb(var(--accent-color),.5);
|
||||
.btn-outline-primary:focus,
|
||||
.btn-outline-primary.focus {
|
||||
box-shadow: 0 0 0 0.2rem rgb(var(--accent-color), .5);
|
||||
}
|
||||
|
||||
.btn-outline-secondary:not(:disabled):not(.disabled):active,
|
||||
@ -381,6 +400,7 @@ app-vault-groupings .card .card-body a:hover.text-muted {
|
||||
color: #fff !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
app-vault-groupings .card li.active>a:first-of-type,
|
||||
app-vault-groupings .card li.active>div a:first-of-type,
|
||||
app-org-vault-groupings .card li.active>a:first-of-type,
|
||||
@ -393,6 +413,7 @@ app-org-vault-groupings .card li.active>div a:first-of-type {
|
||||
input::-webkit-input-placeholder {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
input:focus::-webkit-input-placeholder {
|
||||
color: #000;
|
||||
}
|
||||
@ -401,6 +422,7 @@ input:focus::-webkit-input-placeholder {
|
||||
input:-moz-placeholder {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
input:focus:-moz-placeholder {
|
||||
color: #000;
|
||||
}
|
||||
@ -409,6 +431,7 @@ input:focus:-moz-placeholder {
|
||||
input::-moz-placeholder {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
input:focus::-moz-placeholder {
|
||||
color: #000;
|
||||
}
|
||||
@ -417,6 +440,7 @@ input:focus::-moz-placeholder {
|
||||
input:-ms-input-placeholder {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
input:focus:-ms-input-placeholder {
|
||||
color: #000;
|
||||
}
|
||||
|
@ -145,6 +145,7 @@
|
||||
.modal-content {
|
||||
background-color: var(--modal-bg-color);
|
||||
}
|
||||
|
||||
#GeneralDeleteModal .bg-danger {
|
||||
background: var(--modal-bg-color);
|
||||
}
|
||||
@ -173,7 +174,8 @@
|
||||
.btn-toolbar>.btn-group>#btnGroupDrop2:hover>span,
|
||||
.btn-toolbar>.btn-group>.btn-group>#btnGroupDrop2:hover>span,
|
||||
div[aria-label="Edit/Delete book"]>.btn>span:hover,
|
||||
#btnGroupDrop1[aria-expanded=true] > span, #shelf-actions > .btn-group.open > #add-to-shelf > span {
|
||||
#btnGroupDrop1[aria-expanded=true]>span,
|
||||
#shelf-actions>.btn-group.open>#add-to-shelf>span {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
@ -304,7 +306,7 @@
|
||||
|
||||
/* SERIES PAGE */
|
||||
.cover .badge {
|
||||
color: var(--label-text-color);
|
||||
background-color: rgb(var(--accent-color));
|
||||
color: var(--label-text-color);
|
||||
background-color: rgb(var(--accent-color));
|
||||
|
||||
}
|
||||
}
|
File diff suppressed because it is too large
Load Diff
@ -27,7 +27,12 @@ body {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
section header,
|
||||
.menu-label {
|
||||
color: var(--text-hover) !important;
|
||||
@ -206,11 +211,12 @@ section .is-scrollbar-notification button {
|
||||
color: var(--button-text-hover) !important;
|
||||
}
|
||||
|
||||
#hide-nav{
|
||||
#hide-nav {
|
||||
background: var(--button-color) !important;
|
||||
color: var(--button-text) !important;
|
||||
}
|
||||
#hide-nav:hover{
|
||||
|
||||
#hide-nav:hover {
|
||||
border-color: var(--button-color-hover) !important;
|
||||
background: var(--button-color-hover) !important;
|
||||
color: var(--button-text-hover) !important;
|
||||
|
@ -268,7 +268,8 @@ label {
|
||||
background: rgb(0 0 0 / 10%);
|
||||
}
|
||||
|
||||
.sidebar[data-background-color="black"] .logo, .off-canvas-sidebar[data-background-color="black"] .logo {
|
||||
.sidebar[data-background-color="black"] .logo,
|
||||
.off-canvas-sidebar[data-background-color="black"] .logo {
|
||||
border-bottom: 1px solid rgba(var(--accent-color));
|
||||
}
|
||||
|
||||
|
@ -1,18 +1,22 @@
|
||||
|
||||
/*TP CUSTOM */
|
||||
h1,h2, h3, h4, h5, h6,
|
||||
.inputLabel, label {
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
.inputLabel,
|
||||
label {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
a:not(.emby-button),
|
||||
.cardText.cardTextCentered.cardText-first > button {
|
||||
.cardText.cardTextCentered.cardText-first>button {
|
||||
color: var(--link-color) !important;
|
||||
}
|
||||
|
||||
a:hover:not(.emby-button),
|
||||
.cardText.cardTextCentered.cardText-first > button:hover
|
||||
{
|
||||
.cardText.cardTextCentered.cardText-first>button:hover {
|
||||
color: var(--link-color-hover) !important;
|
||||
}
|
||||
|
||||
@ -24,7 +28,7 @@ html {
|
||||
}
|
||||
|
||||
.emby-collapsible-button {
|
||||
border-color: var(--line-background)!important
|
||||
border-color: var(--line-background) !important
|
||||
}
|
||||
|
||||
.skinHeader-withBackground.skinHeader-withfulldrawer {
|
||||
@ -42,7 +46,8 @@ html {
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
.appfooter,.formDialogFooter:not(.formDialogFooter-clear) {
|
||||
.appfooter,
|
||||
.formDialogFooter:not(.formDialogFooter-clear) {
|
||||
background: var(--footer-background);
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
@ -52,6 +57,7 @@ html {
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
.formDialogHeader:not(.formDialogHeader-clear) {
|
||||
background: var(--modal-header-color);
|
||||
background-repeat: repeat, no-repeat;
|
||||
@ -76,7 +82,7 @@ html {
|
||||
|
||||
@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
|
||||
.skinHeader-withBackground {
|
||||
background:var(--header-blur-background);
|
||||
background: var(--header-blur-background);
|
||||
-webkit-backdrop-filter: saturate(1.8) blur(1.5em);
|
||||
backdrop-filter: saturate(1.8) blur(1.5em)
|
||||
}
|
||||
@ -89,24 +95,25 @@ html {
|
||||
}
|
||||
|
||||
.skinHeader.semiTransparent {
|
||||
-webkit-backdrop-filter: none!important;
|
||||
backdrop-filter: none!important;
|
||||
background-color: rgba(0,0,0,.3);
|
||||
background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.6)),to(rgba(0,0,0,0)));
|
||||
background: -webkit-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));
|
||||
background: -o-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));
|
||||
background: linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));
|
||||
-webkit-box-shadow: none!important;
|
||||
box-shadow: none!important;
|
||||
-webkit-backdrop-filter: none !important;
|
||||
backdrop-filter: none !important;
|
||||
background-color: rgba(0, 0, 0, .3);
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0)));
|
||||
background: -webkit-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
|
||||
background: -o-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
|
||||
background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
border-bottom: 0;
|
||||
color: rgba(255,255,255,.87)
|
||||
color: rgba(255, 255, 255, .87)
|
||||
}
|
||||
|
||||
.pageTitleWithDefaultLogo {
|
||||
background-image: url(https://theme-park.dev/Resources/emby/logowhite.png)
|
||||
}
|
||||
|
||||
.backgroundContainer,html {
|
||||
.backgroundContainer,
|
||||
html {
|
||||
background: var(--theme-background);
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
@ -118,12 +125,12 @@ html {
|
||||
}
|
||||
|
||||
.backgroundContainer.withBackdrop {
|
||||
background-color: rgba(0,0,0,.83)
|
||||
background-color: rgba(0, 0, 0, .83)
|
||||
}
|
||||
|
||||
@media not all and (min-width: 50em) {
|
||||
.itemBackgroundContainer.withBackdrop {
|
||||
background :var(--theme-background);
|
||||
background: var(--theme-background);
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
background-position: center center, center center;
|
||||
@ -134,25 +141,28 @@ html {
|
||||
}
|
||||
}
|
||||
|
||||
.paper-icon-button-light-tv:focus,.paper-icon-button-light:active {
|
||||
.paper-icon-button-light-tv:focus,
|
||||
.paper-icon-button-light:active {
|
||||
color: rgb(var(--theme-primary-color));
|
||||
background-color: var(--theme-icon-focus-background)
|
||||
}
|
||||
|
||||
@media(hover: hover) and (pointer:fine) {
|
||||
.paper-icon-button-light:focus {
|
||||
color:rgb(var(--theme-primary-color));
|
||||
color: rgb(var(--theme-primary-color));
|
||||
background-color: var(--theme-icon-focus-background)
|
||||
}
|
||||
}
|
||||
|
||||
.detailButton-icon,.fab,.raised {
|
||||
.detailButton-icon,
|
||||
.fab,
|
||||
.raised {
|
||||
background: var(--button-color);
|
||||
color: var(--button-text);
|
||||
}
|
||||
|
||||
.detailButton-icon {
|
||||
border-color: rgba(255,255,255,.3)
|
||||
border-color: rgba(255, 255, 255, .3)
|
||||
}
|
||||
|
||||
.emby-select-withcolor {
|
||||
@ -167,27 +177,33 @@ html {
|
||||
}
|
||||
|
||||
@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
|
||||
.detailButton-icon,.emby-select-withcolor.detailTrackSelect,.fab,.raised:not(.nobackdropfilter) {
|
||||
background:rgba(85,85,85,.3);
|
||||
|
||||
.detailButton-icon,
|
||||
.emby-select-withcolor.detailTrackSelect,
|
||||
.fab,
|
||||
.raised:not(.nobackdropfilter) {
|
||||
background: rgba(85, 85, 85, .3);
|
||||
-webkit-backdrop-filter: saturate(1.8) blur(1.5em);
|
||||
backdrop-filter: saturate(1.8) blur(1.5em)
|
||||
}
|
||||
|
||||
.dialog-blur,.toast {
|
||||
.dialog-blur,
|
||||
.toast {
|
||||
color: #fff;
|
||||
background: rgba(56,56,56,.76);
|
||||
background: rgba(56, 56, 56, .76);
|
||||
-webkit-backdrop-filter: blur(2.5em) saturate(1.8);
|
||||
backdrop-filter: blur(2.5em) saturate(1.8);
|
||||
-webkit-box-shadow: none!important;
|
||||
box-shadow: none!important
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important
|
||||
}
|
||||
|
||||
.toast-large {
|
||||
color: rgba(255,255,255,.87)
|
||||
color: rgba(255, 255, 255, .87)
|
||||
}
|
||||
}
|
||||
|
||||
.fab:focus,.raised:focus {
|
||||
.fab:focus,
|
||||
.raised:focus {
|
||||
background: var(--button-color-hover);
|
||||
color: var(--button-text-hover);
|
||||
}
|
||||
@ -209,12 +225,12 @@ html {
|
||||
}
|
||||
|
||||
.emby-select-withcolor:focus {
|
||||
border-color: rgb(var(--theme-primary-color))!important
|
||||
border-color: rgb(var(--theme-primary-color)) !important
|
||||
}
|
||||
|
||||
.emby-select-tv-withcolor:focus {
|
||||
background-color: rgb(var(--theme-primary-color))!important;
|
||||
color: #fff!important
|
||||
background-color: rgb(var(--theme-primary-color)) !important;
|
||||
color: #fff !important
|
||||
}
|
||||
|
||||
.checkboxLabel {
|
||||
@ -225,7 +241,9 @@ html {
|
||||
background-color: var(--theme-icon-focus-background)
|
||||
}
|
||||
|
||||
.inputLabelFocused,.selectLabelFocused,.textareaLabelFocused {
|
||||
.inputLabelFocused,
|
||||
.selectLabelFocused,
|
||||
.textareaLabelFocused {
|
||||
color: rgb(var(--accent-color))
|
||||
}
|
||||
|
||||
@ -237,7 +255,8 @@ html {
|
||||
color: rgb(var(--accent-color))
|
||||
}
|
||||
|
||||
.paperList,.visualCardBox {
|
||||
.paperList,
|
||||
.visualCardBox {
|
||||
background-color: var(--card-background)
|
||||
}
|
||||
|
||||
@ -245,12 +264,16 @@ html {
|
||||
border: var(--line-size) solid var(--line-background)
|
||||
}
|
||||
|
||||
.fieldDescription,.listItemBodyText-secondary,.secondaryText {
|
||||
.fieldDescription,
|
||||
.listItemBodyText-secondary,
|
||||
.secondaryText {
|
||||
color: var(--theme-body-secondary-text-color)
|
||||
}
|
||||
|
||||
.cardText-secondary {
|
||||
color: var(--text)
|
||||
}
|
||||
|
||||
.cardText-first {
|
||||
color: var(--theme-text-color-opaque)
|
||||
}
|
||||
@ -261,7 +284,7 @@ html {
|
||||
|
||||
@media(hover: hover) and (pointer:fine) {
|
||||
.actionSheetMenuItem:hover {
|
||||
background-color:rgba(255,255,255,.2)
|
||||
background-color: rgba(255, 255, 255, .2)
|
||||
}
|
||||
}
|
||||
|
||||
@ -269,8 +292,9 @@ html {
|
||||
background: rgb(var(--theme-primary-color));
|
||||
color: var(--label-text-color);
|
||||
}
|
||||
|
||||
.itemSelectionCount {
|
||||
color: var(--label-text-color)!important;
|
||||
color: var(--label-text-color) !important;
|
||||
|
||||
}
|
||||
|
||||
@ -289,20 +313,20 @@ html {
|
||||
|
||||
.alphaPickerButton-tv:focus {
|
||||
background-color: rgb(var(--theme-primary-color));
|
||||
color: #fff!important
|
||||
color: #fff !important
|
||||
}
|
||||
|
||||
.detailTableBodyRow-shaded:nth-child(even) {
|
||||
background: #1c1c1c;
|
||||
background: rgba(30,30,30,.9)
|
||||
background: rgba(30, 30, 30, .9)
|
||||
}
|
||||
|
||||
.listItem-border {
|
||||
border-color: var(--line-background)!important
|
||||
border-color: var(--line-background) !important
|
||||
}
|
||||
|
||||
.listItem-focusscale:focus {
|
||||
background: rgba(54,54,54,.8)
|
||||
background: rgba(54, 54, 54, .8)
|
||||
}
|
||||
|
||||
.progressring-spiner {
|
||||
@ -321,13 +345,15 @@ html {
|
||||
color: #cb272a
|
||||
}
|
||||
|
||||
.emby-input,.emby-textarea {
|
||||
.emby-input,
|
||||
.emby-textarea {
|
||||
color: inherit;
|
||||
background: rgb(0 0 0 / 25%);
|
||||
border: var(--line-size) solid rgba(255, 255, 255, 0.1)
|
||||
}
|
||||
|
||||
.emby-input:focus,.emby-textarea:focus {
|
||||
.emby-input:focus,
|
||||
.emby-textarea:focus {
|
||||
border-color: rgb(var(--theme-primary-color))
|
||||
}
|
||||
|
||||
@ -338,8 +364,9 @@ html {
|
||||
.emby-checkbox:checked+span:before {
|
||||
border-color: rgb(var(--theme-primary-color)) !important;
|
||||
background-color: rgb(var(--theme-primary-color)) !important;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.checkboxLabel::after {
|
||||
color: var(--label-text-color);
|
||||
}
|
||||
@ -372,16 +399,17 @@ html {
|
||||
|
||||
@media(hover: hover) and (pointer:fine) {
|
||||
.navMenuOption:hover {
|
||||
background:#303030
|
||||
background: #303030
|
||||
}
|
||||
}
|
||||
|
||||
.navMenuOption-selected {
|
||||
background-color: var(--theme-icon-focus-background)!important;
|
||||
background-color: var(--theme-icon-focus-background) !important;
|
||||
color: rgb(var(--accent-color))
|
||||
}
|
||||
|
||||
.emby-button-focusscale:focus,.emby-button-focusscale:focus .detailButton-icon {
|
||||
.emby-button-focusscale:focus,
|
||||
.emby-button-focusscale:focus .detailButton-icon {
|
||||
background: rgb(var(--theme-primary-color));
|
||||
color: #fff
|
||||
}
|
||||
@ -407,7 +435,9 @@ html {
|
||||
outline-color: rgb(var(--theme-primary-color))
|
||||
}
|
||||
|
||||
.channelCell,.guide-headerTimeslots,.timeslotHeaders {
|
||||
.channelCell,
|
||||
.guide-headerTimeslots,
|
||||
.timeslotHeaders {
|
||||
background: var(--theme-background);
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
@ -420,7 +450,7 @@ html {
|
||||
|
||||
@media (pointer: coarse) {
|
||||
.channelCell-mobilefocus {
|
||||
background:var(--theme-background)!important;
|
||||
background: var(--theme-background) !important;
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
background-position: center center, center center;
|
||||
@ -432,7 +462,7 @@ html {
|
||||
}
|
||||
|
||||
.channelCell-mobilefocus:not(:focus-visible) {
|
||||
background: var(--theme-background)!important;
|
||||
background: var(--theme-background) !important;
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
background-position: center center, center center;
|
||||
@ -443,7 +473,7 @@ html {
|
||||
}
|
||||
|
||||
.channelCell-mobilefocus:not(:-moz-focusring) {
|
||||
background: var(--theme-background)!important;
|
||||
background: var(--theme-background) !important;
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
background-position: center center, center center;
|
||||
@ -453,8 +483,10 @@ html {
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
.channelCell,.epgRow,.programCell {
|
||||
border-color: rgba(255,255,255,.05)
|
||||
.channelCell,
|
||||
.epgRow,
|
||||
.programCell {
|
||||
border-color: rgba(255, 255, 255, .05)
|
||||
}
|
||||
|
||||
.guide-currentTimeIndicatorDot {
|
||||
@ -470,22 +502,23 @@ html {
|
||||
}
|
||||
|
||||
.programCell-sports {
|
||||
background: #3949ab!important
|
||||
background: #3949ab !important
|
||||
}
|
||||
|
||||
.programCell-movie {
|
||||
background: #5e35b1!important
|
||||
background: #5e35b1 !important
|
||||
}
|
||||
|
||||
.programCell-kids {
|
||||
background: #039be5!important
|
||||
background: #039be5 !important
|
||||
}
|
||||
|
||||
.programCell-news {
|
||||
background: #43a047!important
|
||||
background: #43a047 !important
|
||||
}
|
||||
|
||||
.channelCell:focus,.programCell:focus {
|
||||
.channelCell:focus,
|
||||
.programCell:focus {
|
||||
background-color: rgb(var(--theme-primary-color));
|
||||
color: #fff
|
||||
}
|
||||
@ -503,7 +536,7 @@ html {
|
||||
}
|
||||
|
||||
.ratingbutton-icon-withrating {
|
||||
color: #c33!important
|
||||
color: #c33 !important
|
||||
}
|
||||
|
||||
.downloadbutton-icon-on {
|
||||
@ -515,7 +548,7 @@ html {
|
||||
}
|
||||
|
||||
.playstatebutton-icon-played {
|
||||
color: #c33!important
|
||||
color: #c33 !important
|
||||
}
|
||||
|
||||
.repeatButton-active {
|
||||
@ -561,7 +594,8 @@ html {
|
||||
.cardOverlayButtonIcon {
|
||||
background-color: rgb(var(--theme-primary-color))
|
||||
}
|
||||
.cardScalable.cardPadder-portrait > div > button > i{
|
||||
|
||||
.cardScalable.cardPadder-portrait>div>button>i {
|
||||
color: var(--label-text-color) !important;
|
||||
}
|
||||
|
||||
@ -607,11 +641,11 @@ html {
|
||||
|
||||
.scrollbuttoncontainer {
|
||||
color: #fff;
|
||||
background: rgba(20,20,20,.5)
|
||||
background: rgba(20, 20, 20, .5)
|
||||
}
|
||||
|
||||
.recordingIcon-active {
|
||||
color: #c33!important
|
||||
color: #c33 !important
|
||||
}
|
||||
|
||||
.drawerLogo {
|
||||
@ -624,16 +658,16 @@ html {
|
||||
}
|
||||
|
||||
.emby-search-tab-button.emby-tab-button-active {
|
||||
background: rgb(var(--accent-color))!important
|
||||
background: rgb(var(--accent-color)) !important
|
||||
}
|
||||
|
||||
.textActionButton.dragging {
|
||||
background: var(--button-background)!important
|
||||
background: var(--button-background) !important
|
||||
}
|
||||
|
||||
.dragging-over.full-drop-target {
|
||||
background: rgb(var(--theme-primary-color))!important;
|
||||
color: #fff!important
|
||||
background: rgb(var(--theme-primary-color)) !important;
|
||||
color: #fff !important
|
||||
}
|
||||
|
||||
.dragging-over-top:before {
|
||||
@ -649,17 +683,17 @@ html {
|
||||
background: 0 !important;
|
||||
color: var(--accent-color-hover);
|
||||
}
|
||||
}
|
||||
|
||||
.mainDrawer {
|
||||
background: var(--header-blur-background);
|
||||
-webkit-backdrop-filter: saturate(1.8) blur(1.5em);
|
||||
backdrop-filter: saturate(1.8) blur(1.5em);
|
||||
}
|
||||
|
||||
.jstree-default .jstree-clicked {
|
||||
background: rgb(var(--accent-color));
|
||||
-webkit-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
color: var(--label-text-color) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.mainDrawer {
|
||||
background: var(--header-blur-background);
|
||||
-webkit-backdrop-filter: saturate(1.8) blur(1.5em);
|
||||
backdrop-filter: saturate(1.8) blur(1.5em);
|
||||
}
|
||||
|
||||
.jstree-default .jstree-clicked {
|
||||
background: rgb(var(--accent-color));
|
||||
-webkit-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
color: var(--label-text-color) !important;
|
||||
}
|
@ -54,8 +54,18 @@ h4,
|
||||
h5,
|
||||
h6,
|
||||
p,
|
||||
.inverse .h1, .inverse .h2, .inverse .h3, .inverse .h4, .inverse .h5, .inverse .h6, .inverse h1, .inverse h2, .inverse h3, .inverse h4, .inverse h5, .inverse h6
|
||||
.dark .torrents__alert,
|
||||
.inverse .h1,
|
||||
.inverse .h2,
|
||||
.inverse .h3,
|
||||
.inverse .h4,
|
||||
.inverse .h5,
|
||||
.inverse .h6,
|
||||
.inverse h1,
|
||||
.inverse h2,
|
||||
.inverse h3,
|
||||
.inverse h4,
|
||||
.inverse h5,
|
||||
.inverse h6 .dark .torrents__alert,
|
||||
.torrents__alert {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
@ -341,6 +351,7 @@ p,
|
||||
color: #39ce83;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.dark .torrent--is-condensed.torrent--is-selected .torrent__detail,
|
||||
.torrent--is-condensed.torrent--is-selected .torrent__detail,
|
||||
.dark .torrent--is-condensed.torrent--is-selected.torrent--is-stopped .torrent__detail,
|
||||
@ -414,8 +425,7 @@ p,
|
||||
|
||||
.dark .torrent-details__table__heading--primary,
|
||||
.torrent-details__table__heading--primary,
|
||||
.dark .torrent-details__table__heading--secondary
|
||||
.torrent-details__table__heading--secondary,
|
||||
.dark .torrent-details__table__heading--secondary .torrent-details__table__heading--secondary,
|
||||
.dark .torrent-details__table__heading--tertiary,
|
||||
.torrent-details__table__heading--tertiary {
|
||||
color: var(--text-hover);
|
||||
@ -480,9 +490,13 @@ p,
|
||||
box-shadow: 1px 0 hsl(0deg 0% 100% / 12%);
|
||||
color: var(--text);
|
||||
}
|
||||
.sidebar-filter__item--heading, .sidebar-filter__item--heading:focus-visible, .sidebar-filter__item--heading:hover {
|
||||
|
||||
.sidebar-filter__item--heading,
|
||||
.sidebar-filter__item--heading:focus-visible,
|
||||
.sidebar-filter__item--heading:hover {
|
||||
color: var(--text-hover) !important;
|
||||
}
|
||||
|
||||
.dark .sidebar-filter__item,
|
||||
.sidebar-filter__item {
|
||||
color: var(--text);
|
||||
@ -515,9 +529,9 @@ p,
|
||||
color: var(--label-text-color);
|
||||
}
|
||||
|
||||
.dark .sidebar-filter__item:focus-visible .icon,
|
||||
.dark .sidebar-filter__item:focus-visible .icon,
|
||||
.dark .sidebar-filter__item:hover .icon,
|
||||
.sidebar-filter__item:focus-visible .icon,
|
||||
.sidebar-filter__item:focus-visible .icon,
|
||||
.sidebar-filter__item:hover .icon {
|
||||
fill: rgb(var(--accent-color));
|
||||
}
|
||||
@ -565,6 +579,7 @@ p,
|
||||
.torrent--is-selected.torrent--is-stopped .progress-bar__icon .icon {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.torrent--is-selected.torrent--is-stopped .progress-bar__fill {
|
||||
background: #ffffff;
|
||||
}
|
||||
@ -629,6 +644,7 @@ p,
|
||||
.modal__tabs .modal__tab.is-active:after {
|
||||
background: rgb(var(--accent-color));
|
||||
}
|
||||
|
||||
.modal--vertical .modal__tabs .modal__tab:after {
|
||||
width: 3px;
|
||||
}
|
||||
|
@ -167,8 +167,7 @@ h4,
|
||||
h5,
|
||||
h6,
|
||||
.ui.header,
|
||||
.ui.header .sub.header
|
||||
{
|
||||
.ui.header .sub.header {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
@ -324,6 +323,7 @@ b:hover,
|
||||
color: var(--text-hover);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.feeds .list ul li:not(:last-child) {
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
@ -428,6 +428,7 @@ b:hover,
|
||||
.ui.menu.new-menu {
|
||||
background: rgb(0 0 0 / 25%);
|
||||
}
|
||||
|
||||
.ui.menu.new-menu::after {
|
||||
background: transparent;
|
||||
}
|
||||
@ -974,7 +975,8 @@ a.ui.card:hover {
|
||||
|
||||
.ui.blue.labels .label,
|
||||
.ui.ui.ui.blue.label,
|
||||
.ui.grey.labels .label, .ui.ui.ui.grey.label {
|
||||
.ui.grey.labels .label,
|
||||
.ui.ui.ui.grey.label {
|
||||
background-color: rgb(var(--accent-color)) !important;
|
||||
border-color: rgb(var(--accent-color)) !important;
|
||||
color: var(--label-text-color);
|
||||
|
File diff suppressed because it is too large
Load Diff
@ -1,4 +1,3 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
@ -15,33 +14,43 @@
|
||||
* {
|
||||
outline: none !important;
|
||||
}
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
body {
|
||||
|
||||
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;
|
||||
}
|
||||
div.displayMiddle {
|
||||
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;
|
||||
}
|
||||
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;
|
||||
}
|
||||
|
||||
div.displayMiddle {
|
||||
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;
|
||||
}
|
||||
|
||||
input::-webkit-input-placeholder {
|
||||
color: var(--text) !important;
|
||||
}
|
||||
|
||||
input:focus::-webkit-input-placeholder {
|
||||
color: var(--text-hover) !important;
|
||||
}
|
||||
@ -50,6 +59,7 @@ input:focus::-webkit-input-placeholder {
|
||||
input:-moz-placeholder {
|
||||
color: var(--text) !important;
|
||||
}
|
||||
|
||||
input:focus:-moz-placeholder {
|
||||
color: var(--text-hover) !important;
|
||||
}
|
||||
@ -58,6 +68,7 @@ input:focus:-moz-placeholder {
|
||||
input::-moz-placeholder {
|
||||
color: var(--text) !important;
|
||||
}
|
||||
|
||||
input:focus::-moz-placeholder {
|
||||
color: var(--text-hover) !important;
|
||||
}
|
||||
@ -66,204 +77,267 @@ input:focus::-moz-placeholder {
|
||||
input:-ms-input-placeholder {
|
||||
color: var(--text) !important;
|
||||
}
|
||||
|
||||
input:focus:-ms-input-placeholder {
|
||||
color: var(--text-hover) !important;
|
||||
}
|
||||
/* Scrollbar */
|
||||
@media only screen and (min-width: 768px) {
|
||||
html {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
body {
|
||||
overflow-y: auto;
|
||||
height: 100%;
|
||||
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;
|
||||
}
|
||||
}
|
||||
::-webkit-scrollbar {
|
||||
width: 14px;
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
min-height: 50px;
|
||||
border: 3px solid transparent;
|
||||
border-radius: 8px;
|
||||
background-color: hsla(0,0%,100%,.2);
|
||||
background-clip: padding-box;
|
||||
}
|
||||
::-webkit-scrollbar-track {
|
||||
background-color: transparent;
|
||||
}
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
min-height: 50px;
|
||||
border: 3px solid transparent;
|
||||
border-radius: 8px;
|
||||
background-color: hsla(0,0%,100%,.5);
|
||||
background-clip: padding-box;
|
||||
}
|
||||
/* LOGIN MENU */
|
||||
div.login-ui {
|
||||
background: inherit;
|
||||
}
|
||||
.login-ui div.login-dialog {
|
||||
background: rgba(0, 0, 0, .25);
|
||||
border: none;
|
||||
}
|
||||
input[type="submit"], button, a.button {
|
||||
background-color: var(--button-color);
|
||||
border: none;
|
||||
outline: none;
|
||||
}
|
||||
input[type="submit"]:hover, button:hover, a.button:hover {
|
||||
background-color: var(--button-color-hover);
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
.login-ui .login-fields .labeled-field input:focus {
|
||||
background: rgba(0,0,0,0.45) !important;
|
||||
outline: none;
|
||||
}
|
||||
.login-ui .login-fields .labeled-field.empty input {
|
||||
background: rgba(0,0,0,0.25) !important;
|
||||
outline: none;
|
||||
}
|
||||
.login-ui .login-fields .labeled-field.empty input:focus {
|
||||
background: rgba(0,0,0,0.45) !important;
|
||||
outline: none;
|
||||
}
|
||||
.login-ui .login-dialog .login-fields input {
|
||||
background-color: rgba(0,0,0,0.45) !important;
|
||||
}
|
||||
div.location, input[type=text], input[type=email], input[type=number], input[type=password], textarea {
|
||||
color: white !important;
|
||||
background: rgba(0, 0, 0, 0.25) !important;
|
||||
}
|
||||
input[type=checkbox], input[type=number], input[type=text], input[type=email], input[type=radio], textarea {
|
||||
color: var(--text-hover) !important;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
/* HOME MENU */
|
||||
.header h2 {
|
||||
color: var(--text-hover);
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
.connection .icon.vnc, .connection .icon.rdp {
|
||||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-monitor.png);
|
||||
}
|
||||
.connection .icon.ssh, .connection .icon.telnet {
|
||||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-text.png);
|
||||
}
|
||||
|
||||
.user-menu .menu-dropdown .menu-title {
|
||||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-user.png);
|
||||
background-color: transparent;
|
||||
}
|
||||
.user-menu .menu-dropdown .menu-contents li a[href="#/"] {
|
||||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-home-dark.png);
|
||||
}
|
||||
.user-menu .menu-dropdown .menu-contents li a[href="#/settings/users"], .user-menu .menu-dropdown .menu-contents li a[href="#/settings/connections"], .user-menu .menu-dropdown .menu-contents li a[href="#/settings/sessions"], .user-menu .menu-dropdown .menu-contents li a[href="#/settings/preferences"] {
|
||||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-config-dark.png);
|
||||
}
|
||||
.user-menu .menu-dropdown .menu-contents li a.logout {
|
||||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-logout-dark.png);
|
||||
}
|
||||
.icon.user {
|
||||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-user.png);
|
||||
}
|
||||
.pager .icon.first-page {
|
||||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-first-page.png);
|
||||
}
|
||||
.pager .icon.prev-page {
|
||||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-prev-page.png);
|
||||
}
|
||||
.pager .icon.next-page {
|
||||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-next-page.png);
|
||||
}
|
||||
.pager .icon.last-page {
|
||||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-last-page.png);
|
||||
}
|
||||
.loading::before{
|
||||
background-image:url('https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/cog.png');
|
||||
}
|
||||
table.sorted th.sort-primary.sort-descending:after {
|
||||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/up.png);
|
||||
}
|
||||
|
||||
.menu-dropdown .menu-indicator {
|
||||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/down.png);
|
||||
}
|
||||
.menu-dropdown .menu-indicator:hover {
|
||||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/down.png);
|
||||
color: #f9be03;
|
||||
}
|
||||
table.sorted th.sort-primary:after {
|
||||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/down.png);
|
||||
}
|
||||
|
||||
thead {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
table.sorted th, table.sorted td {
|
||||
/* Scrollbar */
|
||||
@media only screen and (min-width: 768px) {
|
||||
html {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
body {
|
||||
overflow-y: auto;
|
||||
height: 100%;
|
||||
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;
|
||||
}
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 14px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
min-height: 50px;
|
||||
border: 3px solid transparent;
|
||||
border-radius: 8px;
|
||||
background-color: hsla(0, 0%, 100%, .2);
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
min-height: 50px;
|
||||
border: 3px solid transparent;
|
||||
border-radius: 8px;
|
||||
background-color: hsla(0, 0%, 100%, .5);
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
/* LOGIN MENU */
|
||||
div.login-ui {
|
||||
background: inherit;
|
||||
}
|
||||
|
||||
.login-ui div.login-dialog {
|
||||
background: rgba(0, 0, 0, .25);
|
||||
border: none;
|
||||
}
|
||||
|
||||
input[type="submit"],
|
||||
button,
|
||||
a.button {
|
||||
background-color: var(--button-color);
|
||||
border: none;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
input[type="submit"]:hover,
|
||||
button:hover,
|
||||
a.button:hover {
|
||||
background-color: var(--button-color-hover);
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.login-ui .login-fields .labeled-field input:focus {
|
||||
background: rgba(0, 0, 0, 0.45) !important;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.login-ui .login-fields .labeled-field.empty input {
|
||||
background: rgba(0, 0, 0, 0.25) !important;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.login-ui .login-fields .labeled-field.empty input:focus {
|
||||
background: rgba(0, 0, 0, 0.45) !important;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.login-ui .login-dialog .login-fields input {
|
||||
background-color: rgba(0, 0, 0, 0.45) !important;
|
||||
}
|
||||
|
||||
div.location,
|
||||
input[type=text],
|
||||
input[type=email],
|
||||
input[type=number],
|
||||
input[type=password],
|
||||
textarea {
|
||||
color: white !important;
|
||||
background: rgba(0, 0, 0, 0.25) !important;
|
||||
}
|
||||
|
||||
input[type=checkbox],
|
||||
input[type=number],
|
||||
input[type=text],
|
||||
input[type=email],
|
||||
input[type=radio],
|
||||
textarea {
|
||||
color: var(--text-hover) !important;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
/* HOME MENU */
|
||||
.header h2 {
|
||||
color: var(--text-hover);
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
.connection .icon.vnc,
|
||||
.connection .icon.rdp {
|
||||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-monitor.png);
|
||||
}
|
||||
|
||||
.connection .icon.ssh,
|
||||
.connection .icon.telnet {
|
||||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-text.png);
|
||||
}
|
||||
|
||||
.user-menu .menu-dropdown .menu-title {
|
||||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-user.png);
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.user-menu .menu-dropdown .menu-contents li a[href="#/"] {
|
||||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-home-dark.png);
|
||||
}
|
||||
|
||||
.user-menu .menu-dropdown .menu-contents li a[href="#/settings/users"],
|
||||
.user-menu .menu-dropdown .menu-contents li a[href="#/settings/connections"],
|
||||
.user-menu .menu-dropdown .menu-contents li a[href="#/settings/sessions"],
|
||||
.user-menu .menu-dropdown .menu-contents li a[href="#/settings/preferences"] {
|
||||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-config-dark.png);
|
||||
}
|
||||
|
||||
.user-menu .menu-dropdown .menu-contents li a.logout {
|
||||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-logout-dark.png);
|
||||
}
|
||||
|
||||
.icon.user {
|
||||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-user.png);
|
||||
}
|
||||
|
||||
.pager .icon.first-page {
|
||||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-first-page.png);
|
||||
}
|
||||
|
||||
.pager .icon.prev-page {
|
||||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-prev-page.png);
|
||||
}
|
||||
|
||||
.pager .icon.next-page {
|
||||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-next-page.png);
|
||||
}
|
||||
|
||||
.pager .icon.last-page {
|
||||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-last-page.png);
|
||||
}
|
||||
|
||||
.loading::before {
|
||||
background-image: url('https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/cog.png');
|
||||
}
|
||||
|
||||
table.sorted th.sort-primary.sort-descending:after {
|
||||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/up.png);
|
||||
}
|
||||
|
||||
.menu-dropdown .menu-indicator {
|
||||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/down.png);
|
||||
}
|
||||
|
||||
.menu-dropdown .menu-indicator:hover {
|
||||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/down.png);
|
||||
color: #f9be03;
|
||||
}
|
||||
|
||||
table.sorted th.sort-primary:after {
|
||||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/down.png);
|
||||
}
|
||||
|
||||
thead {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
table.sorted th,
|
||||
table.sorted td {
|
||||
border: 1px solid rgb(255 255 255 / 15%);
|
||||
}
|
||||
|
||||
.settings table.session-list tr.session:hover {
|
||||
background: rgba(255, 255, 255, 0.15);
|
||||
}
|
||||
.menu-dropdown.open, .menu-dropdown.open:hover {
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.menu-dropdown {
|
||||
border-left: none;
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.menu-dropdown .menu-contents li a {
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
color: var(--text);
|
||||
text-decoration: none;
|
||||
padding: .75em;
|
||||
}
|
||||
.menu-dropdown .menu-contents li a.current, .menu-dropdown .menu-contents li a.current:hover {
|
||||
background-color: rgba(0,0,0,.25);
|
||||
color:var(--text-hover)
|
||||
}
|
||||
.menu-dropdown .menu-contents li a:hover {
|
||||
background-color: rgba(0,0,0,.25);
|
||||
color: var(--text-hover);
|
||||
}
|
||||
.menu-dropdown:hover {
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
.menu-dropdown .menu-contents {
|
||||
|
||||
.menu-dropdown.open,
|
||||
.menu-dropdown.open:hover {
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
.menu-dropdown {
|
||||
border-left: none;
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
.menu-dropdown .menu-contents li a {
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
color: var(--text);
|
||||
text-decoration: none;
|
||||
padding: .75em;
|
||||
}
|
||||
|
||||
.menu-dropdown .menu-contents li a.current,
|
||||
.menu-dropdown .menu-contents li a.current:hover {
|
||||
background-color: rgba(0, 0, 0, .25);
|
||||
color: var(--text-hover)
|
||||
}
|
||||
|
||||
.menu-dropdown .menu-contents li a:hover {
|
||||
background-color: rgba(0, 0, 0, .25);
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
.menu-dropdown:hover {
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
.menu-dropdown .menu-contents {
|
||||
background: var(--drop-down-menu-bg);
|
||||
|
||||
}
|
||||
.header .filter input {
|
||||
-moz-border-radius: 0;
|
||||
-webkit-border-radius: 0;
|
||||
-khtml-border-radius: 0;
|
||||
border-radius: 0;
|
||||
border: 0;
|
||||
border-left: 1px solid rgba(0,0,0,0.125);
|
||||
background-color: transparent;
|
||||
color: var(--text-hover);
|
||||
}
|
||||
.header .filter {
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.filter .search-string {
|
||||
|
||||
}
|
||||
|
||||
.header .filter input {
|
||||
-moz-border-radius: 0;
|
||||
-webkit-border-radius: 0;
|
||||
-khtml-border-radius: 0;
|
||||
border-radius: 0;
|
||||
border: 0;
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.125);
|
||||
background-color: transparent;
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
.header .filter {
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
.filter .search-string {
|
||||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/magnifier.png) !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 1.75em !important;
|
||||
@ -274,34 +348,46 @@ input:focus:-ms-input-placeholder {
|
||||
max-width: none;
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
border: 0;
|
||||
}
|
||||
div.location, input[type=text], input[type=email], input[type=number], input[type=password], textarea {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
|
||||
.user a:visited, .connection a:visited, .connection-group a:visited {
|
||||
text-decoration: none;
|
||||
color: var(--link-color-hover);
|
||||
}
|
||||
.recent-connections .connection:hover {
|
||||
background: hsla(0, 0%, 100%, 0.08);
|
||||
color: var(--link-color-hover);
|
||||
}
|
||||
.list-item:not(.selected) .caption:hover {
|
||||
background: hsla(0, 0%, 100%, 0.07);
|
||||
color: var(--link-color-hover);
|
||||
}
|
||||
.list-item .name {
|
||||
color: var(--link-color);
|
||||
}
|
||||
|
||||
.list-item:not(.selected) .caption:hover .name {
|
||||
}
|
||||
|
||||
div.location,
|
||||
input[type=text],
|
||||
input[type=email],
|
||||
input[type=number],
|
||||
input[type=password],
|
||||
textarea {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
|
||||
.user a:visited,
|
||||
.connection a:visited,
|
||||
.connection-group a:visited {
|
||||
text-decoration: none;
|
||||
color: var(--link-color-hover);
|
||||
}
|
||||
|
||||
/* SIDE MENU */
|
||||
.menu, .menu .header {
|
||||
.recent-connections .connection:hover {
|
||||
background: hsla(0, 0%, 100%, 0.08);
|
||||
color: var(--link-color-hover);
|
||||
}
|
||||
|
||||
.list-item:not(.selected) .caption:hover {
|
||||
background: hsla(0, 0%, 100%, 0.07);
|
||||
color: var(--link-color-hover);
|
||||
}
|
||||
|
||||
.list-item .name {
|
||||
color: var(--link-color);
|
||||
}
|
||||
|
||||
.list-item:not(.selected) .caption:hover .name {
|
||||
color: var(--link-color-hover);
|
||||
}
|
||||
|
||||
/* SIDE MENU */
|
||||
.menu,
|
||||
.menu .header {
|
||||
background: var(--modal-bg-color) !important;
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
@ -309,10 +395,13 @@ input:focus:-ms-input-placeholder {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
box-shadow: none;
|
||||
}
|
||||
.menu-content, .menu-content .header, .menu-body {
|
||||
|
||||
.menu-content,
|
||||
.menu-content .header,
|
||||
.menu-body {
|
||||
background: var(--modal-bg-color) !important;
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
@ -320,135 +409,17 @@ input:focus:-ms-input-placeholder {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
.clipboard, .clipboard-service-target {
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
color: white;
|
||||
}
|
||||
/* NOTIFICATION BOX */
|
||||
.notification.error {
|
||||
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;
|
||||
color: white;
|
||||
}
|
||||
.notification {
|
||||
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;
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* SETTINGS */
|
||||
.page-tabs .page-list li a[href]:visited {
|
||||
color: white;
|
||||
}
|
||||
.page-tabs .page-list li a[href] {
|
||||
color: white;
|
||||
}
|
||||
.page-tabs .page-list li a[href]:hover {
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.user a:visited, .connection a:visited, .connection-group a:visited {
|
||||
text-decoration: none;
|
||||
color: var(--link-color);
|
||||
}
|
||||
.user a:hover, .user-group a:hover, .connection a:hover, .connection-group a:hover, a.ng-binding:hover:not(.add-user):not(.button) {
|
||||
color: var(--link-color-hover) !important;
|
||||
}
|
||||
.user a, .connection a, .connection-group a, a.ng-binding:not(.add-user):not(.button){
|
||||
text-decoration: none;
|
||||
color: var(--link-color);
|
||||
}
|
||||
div.location, input[type=text], input[type=email], input[type=number], input[type=password], textarea {
|
||||
border: 0;
|
||||
background: rgba(0, 0, 0, .25);
|
||||
}
|
||||
.location-chooser .dropdown {
|
||||
background: #666;
|
||||
}
|
||||
/* USER SETTINGS */
|
||||
.page-tabs .page-list li a[href], .section-tabs li a {
|
||||
color: var(--text) !important;
|
||||
}
|
||||
.page-tabs .page-list li a[href].current, .page-tabs .page-list li a[href].current:hover, .section-tabs li a.current, .section-tabs li a.current:hover {
|
||||
background: rgba(0,0,0,0.25);
|
||||
cursor: default;
|
||||
color: rgb(var(--accent-color)) !important;
|
||||
}
|
||||
.page-tabs .page-list li a[href]:hover, .section-tabs li a:hover {
|
||||
background-color: hsla(0, 0%, 100%, 0.07);
|
||||
color: var(--text-hover) !important;
|
||||
}
|
||||
.manage-user .page-tabs .page-list li.linked a[href]:before {
|
||||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/checkmark.png);
|
||||
}
|
||||
.manage-user .page-tabs .page-list li.read-only a[href]:before {
|
||||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/lock.png);
|
||||
}
|
||||
.manage-user .notice.read-only {
|
||||
background: hsla(0, 0%, 100%, 0.07);
|
||||
}
|
||||
/* DUA 2FA PAGE */
|
||||
.duo-signature-response-field {
|
||||
background: var(--modal-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;
|
||||
}
|
||||
.base-wrapper {
|
||||
border: 1px solid transparent !important;
|
||||
background: var(--modal-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;
|
||||
}
|
||||
.base-body {
|
||||
background-color: #333 !important;
|
||||
}
|
||||
h1.spacious-frame-view {
|
||||
color: var(--text-hover) !important;
|
||||
}
|
||||
@media screen and (-webkit-max-device-pixel-ratio: 1.25), screen and (max-resolution: 120dpi) {
|
||||
h1, .h1 {
|
||||
color: var(--text-hover) !important;
|
||||
}
|
||||
}
|
||||
.white-wrapper {
|
||||
background-color: #333 !important;
|
||||
color: var(--text) !important;
|
||||
}
|
||||
form:not(.inline) fieldset {
|
||||
background-color: #333 !important;
|
||||
}
|
||||
label span {
|
||||
color: white !important;
|
||||
}
|
||||
input[type=radio] {
|
||||
border: 1px solid var(--text-hover) !important;
|
||||
}
|
||||
/* Connection */
|
||||
|
||||
#connection-warning {
|
||||
.clipboard,
|
||||
.clipboard-service-target {
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* NOTIFICATION BOX */
|
||||
.notification.error {
|
||||
background: var(--modal-bg-color);
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
@ -456,9 +427,177 @@ input:focus:-ms-input-placeholder {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.notification {
|
||||
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;
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* SETTINGS */
|
||||
.page-tabs .page-list li a[href]:visited {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.page-tabs .page-list li a[href] {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.page-tabs .page-list li a[href]:hover {
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
.user a:visited,
|
||||
.connection a:visited,
|
||||
.connection-group a:visited {
|
||||
text-decoration: none;
|
||||
color: var(--link-color);
|
||||
}
|
||||
|
||||
.user a:hover,
|
||||
.user-group a:hover,
|
||||
.connection a:hover,
|
||||
.connection-group a:hover,
|
||||
a.ng-binding:hover:not(.add-user):not(.button) {
|
||||
color: var(--link-color-hover) !important;
|
||||
}
|
||||
|
||||
.user a,
|
||||
.connection a,
|
||||
.connection-group a,
|
||||
a.ng-binding:not(.add-user):not(.button) {
|
||||
text-decoration: none;
|
||||
color: var(--link-color);
|
||||
}
|
||||
|
||||
div.location,
|
||||
input[type=text],
|
||||
input[type=email],
|
||||
input[type=number],
|
||||
input[type=password],
|
||||
textarea {
|
||||
border: 0;
|
||||
background: rgba(0, 0, 0, .25);
|
||||
}
|
||||
|
||||
.location-chooser .dropdown {
|
||||
background: #666;
|
||||
}
|
||||
|
||||
/* USER SETTINGS */
|
||||
.page-tabs .page-list li a[href],
|
||||
.section-tabs li a {
|
||||
color: var(--text) !important;
|
||||
}
|
||||
|
||||
.page-tabs .page-list li a[href].current,
|
||||
.page-tabs .page-list li a[href].current:hover,
|
||||
.section-tabs li a.current,
|
||||
.section-tabs li a.current:hover {
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
cursor: default;
|
||||
color: rgb(var(--accent-color)) !important;
|
||||
}
|
||||
|
||||
.page-tabs .page-list li a[href]:hover,
|
||||
.section-tabs li a:hover {
|
||||
background-color: hsla(0, 0%, 100%, 0.07);
|
||||
color: var(--text-hover) !important;
|
||||
}
|
||||
|
||||
.manage-user .page-tabs .page-list li.linked a[href]:before {
|
||||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/checkmark.png);
|
||||
}
|
||||
|
||||
.manage-user .page-tabs .page-list li.read-only a[href]:before {
|
||||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/lock.png);
|
||||
}
|
||||
|
||||
.manage-user .notice.read-only {
|
||||
background: hsla(0, 0%, 100%, 0.07);
|
||||
}
|
||||
|
||||
/* DUA 2FA PAGE */
|
||||
.duo-signature-response-field {
|
||||
background: var(--modal-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;
|
||||
}
|
||||
|
||||
.base-wrapper {
|
||||
border: 1px solid transparent !important;
|
||||
background: var(--modal-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;
|
||||
}
|
||||
|
||||
.base-body {
|
||||
background-color: #333 !important;
|
||||
}
|
||||
|
||||
h1.spacious-frame-view {
|
||||
color: var(--text-hover) !important;
|
||||
}
|
||||
|
||||
@media screen and (-webkit-max-device-pixel-ratio: 1.25),
|
||||
screen and (max-resolution: 120dpi) {
|
||||
|
||||
h1,
|
||||
.h1 {
|
||||
color: var(--text-hover) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.white-wrapper {
|
||||
background-color: #333 !important;
|
||||
color: var(--text) !important;
|
||||
}
|
||||
|
||||
form:not(.inline) fieldset {
|
||||
background-color: #333 !important;
|
||||
}
|
||||
|
||||
label span {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
input[type=radio] {
|
||||
border: 1px solid var(--text-hover) !important;
|
||||
}
|
||||
|
||||
/* Connection */
|
||||
|
||||
#connection-warning {
|
||||
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;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
/* File Transfer */
|
||||
#file-transfer-dialog .transfer-manager {
|
||||
background: var(--modal-bg-color);
|
||||
@ -468,14 +607,17 @@ input:focus:-ms-input-placeholder {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
.transfer.error {
|
||||
background: rgba(244, 67, 54, 0.5) ;
|
||||
background: rgba(244, 67, 54, 0.5);
|
||||
}
|
||||
|
||||
.transfer-manager .header h2 {
|
||||
background-color: transparent ;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.transfer .in-progress .progress {
|
||||
background-color: var(--modal-bg-color);
|
||||
background-repeat: repeat, no-repeat;
|
||||
@ -484,7 +626,7 @@ input:focus:-ms-input-placeholder {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
.related-objects .abbreviated-related-objects ul li {
|
||||
@ -494,6 +636,7 @@ input:focus:-ms-input-placeholder {
|
||||
border: 1px solid rgb(var(--accent-color));
|
||||
background: rgb(var(--accent-color));
|
||||
}
|
||||
|
||||
.related-objects .abbreviated-related-objects ul li label span {
|
||||
color: var(--label-text-color) !important;
|
||||
}
|
@ -1,18 +1,22 @@
|
||||
|
||||
/*TP CUSTOM */
|
||||
h1,h2, h3, h4, h5, h6,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
.inputLabel {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
a:not(.emby-button),
|
||||
.cardText.cardTextCentered.cardText-first > button,
|
||||
.cardText.cardTextCentered.cardText-first>button,
|
||||
.emby-linkbutton>a {
|
||||
color: var(--link-color) !important;
|
||||
}
|
||||
|
||||
a:hover:not(.emby-button),
|
||||
.cardText.cardTextCentered.cardText-first > button:hover,
|
||||
.cardText.cardTextCentered.cardText-first>button:hover,
|
||||
.emby-linkbutton>a:hover {
|
||||
color: var(--link-color-hover) !important;
|
||||
}
|
||||
@ -25,7 +29,7 @@ html {
|
||||
}
|
||||
|
||||
.emby-collapsible-button {
|
||||
border-color: var(--line-background)!important
|
||||
border-color: var(--line-background) !important
|
||||
}
|
||||
|
||||
.skinHeader-withBackground.skinHeader-withfulldrawer {
|
||||
@ -43,7 +47,8 @@ html {
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
.appfooter,.formDialogFooter:not(.formDialogFooter-clear) {
|
||||
.appfooter,
|
||||
.formDialogFooter:not(.formDialogFooter-clear) {
|
||||
background: var(--footer-background);
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
@ -53,6 +58,7 @@ html {
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
.formDialogHeader:not(.formDialogHeader-clear) {
|
||||
background: var(--modal-header-color);
|
||||
background-repeat: repeat, no-repeat;
|
||||
@ -77,7 +83,7 @@ html {
|
||||
|
||||
@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
|
||||
.skinHeader-withBackground {
|
||||
background:var(--header-blur-background);
|
||||
background: var(--header-blur-background);
|
||||
-webkit-backdrop-filter: saturate(1.8) blur(1.5em);
|
||||
backdrop-filter: saturate(1.8) blur(1.5em)
|
||||
}
|
||||
@ -90,21 +96,22 @@ html {
|
||||
}
|
||||
|
||||
.skinHeader.semiTransparent {
|
||||
-webkit-backdrop-filter: none!important;
|
||||
backdrop-filter: none!important;
|
||||
background-color: rgba(0,0,0,.3);
|
||||
background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.6)),to(rgba(0,0,0,0)));
|
||||
background: -webkit-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));
|
||||
background: -o-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));
|
||||
background: linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));
|
||||
-webkit-box-shadow: none!important;
|
||||
box-shadow: none!important;
|
||||
-webkit-backdrop-filter: none !important;
|
||||
backdrop-filter: none !important;
|
||||
background-color: rgba(0, 0, 0, .3);
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0)));
|
||||
background: -webkit-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
|
||||
background: -o-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
|
||||
background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
border-bottom: 0;
|
||||
color: rgba(255,255,255,.87)
|
||||
color: rgba(255, 255, 255, .87)
|
||||
}
|
||||
|
||||
|
||||
.backgroundContainer,html {
|
||||
.backgroundContainer,
|
||||
html {
|
||||
background: var(--theme-background);
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
@ -112,46 +119,48 @@ html {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
.backgroundContainer.withBackdrop {
|
||||
background-color: rgba(0,0,0,.83)
|
||||
background-color: rgba(0, 0, 0, .83)
|
||||
}
|
||||
|
||||
@media not all and (min-width: 50em) {
|
||||
.itemBackgroundContainer.withBackdrop {
|
||||
background :var(--theme-background);
|
||||
background: var(--theme-background);
|
||||
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;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
}
|
||||
|
||||
.paper-icon-button-light-tv:focus,.paper-icon-button-light:active {
|
||||
.paper-icon-button-light-tv:focus,
|
||||
.paper-icon-button-light:active {
|
||||
color: rgb(var(--theme-primary-color));
|
||||
background-color: var(--theme-icon-focus-background)
|
||||
}
|
||||
|
||||
@media(hover: hover) and (pointer:fine) {
|
||||
.paper-icon-button-light:focus {
|
||||
color:rgb(var(--theme-primary-color));
|
||||
color: rgb(var(--theme-primary-color));
|
||||
background-color: var(--theme-icon-focus-background)
|
||||
}
|
||||
}
|
||||
|
||||
.fab,.raised {
|
||||
.fab,
|
||||
.raised {
|
||||
background: var(--button-background);
|
||||
color: var(--theme-text-color)
|
||||
}
|
||||
|
||||
.detailButton-icon {
|
||||
background: none !important;
|
||||
border-color: rgba(255,255,255,.3)
|
||||
border-color: rgba(255, 255, 255, .3)
|
||||
}
|
||||
|
||||
.emby-select-withcolor {
|
||||
@ -164,33 +173,41 @@ html {
|
||||
background: var(--button-background);
|
||||
color: var(--theme-text-color)
|
||||
}
|
||||
.dialog-blur, .toast {
|
||||
|
||||
.dialog-blur,
|
||||
.toast {
|
||||
background: var(--button-background) !important;
|
||||
color: var(--theme-text-color) !important;
|
||||
}
|
||||
|
||||
@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
|
||||
.detailButton-icon:not(.playstatebutton-icon-unplayed),.emby-select-withcolor.detailTrackSelect,.fab,.raised:not(.nobackdropfilter) {
|
||||
background:rgba(85,85,85,.3);
|
||||
|
||||
.detailButton-icon:not(.playstatebutton-icon-unplayed),
|
||||
.emby-select-withcolor.detailTrackSelect,
|
||||
.fab,
|
||||
.raised:not(.nobackdropfilter) {
|
||||
background: rgba(85, 85, 85, .3);
|
||||
-webkit-backdrop-filter: saturate(1.8) blur(1.5em);
|
||||
backdrop-filter: saturate(1.8) blur(1.5em)
|
||||
}
|
||||
|
||||
.dialog-blur,.toast {
|
||||
.dialog-blur,
|
||||
.toast {
|
||||
color: #fff;
|
||||
background: rgba(56,56,56,.76);
|
||||
background: rgba(56, 56, 56, .76);
|
||||
-webkit-backdrop-filter: blur(2.5em) saturate(1.8);
|
||||
backdrop-filter: blur(2.5em) saturate(1.8);
|
||||
-webkit-box-shadow: none!important;
|
||||
box-shadow: none!important
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important
|
||||
}
|
||||
|
||||
.toast-large {
|
||||
color: rgba(255,255,255,.87)
|
||||
color: rgba(255, 255, 255, .87)
|
||||
}
|
||||
}
|
||||
|
||||
.fab:focus,.raised:focus {
|
||||
.fab:focus,
|
||||
.raised:focus {
|
||||
background: var(--button-color-hover);
|
||||
color: var(--button-text-hover);
|
||||
}
|
||||
@ -211,12 +228,12 @@ html {
|
||||
}
|
||||
|
||||
.emby-select-withcolor:focus {
|
||||
border-color: rgb(var(--theme-primary-color))!important
|
||||
border-color: rgb(var(--theme-primary-color)) !important
|
||||
}
|
||||
|
||||
.emby-select-tv-withcolor:focus {
|
||||
background-color: rgb(var(--theme-primary-color))!important;
|
||||
color: var(--label-text-color)!important
|
||||
background-color: rgb(var(--theme-primary-color)) !important;
|
||||
color: var(--label-text-color) !important
|
||||
}
|
||||
|
||||
.checkboxLabel {
|
||||
@ -227,7 +244,9 @@ html {
|
||||
background-color: var(--theme-icon-focus-background)
|
||||
}
|
||||
|
||||
.inputLabelFocused,.selectLabelFocused,.textareaLabelFocused {
|
||||
.inputLabelFocused,
|
||||
.selectLabelFocused,
|
||||
.textareaLabelFocused {
|
||||
color: rgb(var(--accent-color))
|
||||
}
|
||||
|
||||
@ -243,7 +262,8 @@ html {
|
||||
color: rgb(var(--accent-color))
|
||||
}
|
||||
|
||||
.paperList,.visualCardBox {
|
||||
.paperList,
|
||||
.visualCardBox {
|
||||
background-color: var(--card-background)
|
||||
}
|
||||
|
||||
@ -251,12 +271,16 @@ html {
|
||||
border: var(--line-size) solid var(--line-background)
|
||||
}
|
||||
|
||||
.fieldDescription,.listItemBodyText-secondary,.secondaryText {
|
||||
.fieldDescription,
|
||||
.listItemBodyText-secondary,
|
||||
.secondaryText {
|
||||
color: var(--theme-body-secondary-text-color)
|
||||
}
|
||||
|
||||
.cardText-secondary {
|
||||
color: var(--text)
|
||||
}
|
||||
|
||||
.cardText-first {
|
||||
color: var(--theme-text-color-opaque)
|
||||
}
|
||||
@ -267,7 +291,7 @@ html {
|
||||
|
||||
@media(hover: hover) and (pointer:fine) {
|
||||
.actionSheetMenuItem:hover {
|
||||
background-color:rgba(255,255,255,.2);
|
||||
background-color: rgba(255, 255, 255, .2);
|
||||
color: var(--text-hover);
|
||||
}
|
||||
}
|
||||
@ -276,8 +300,9 @@ html {
|
||||
background: rgb(rgb(var(--theme-primary-color)));
|
||||
color: var(--label-text-color);
|
||||
}
|
||||
|
||||
.itemSelectionCount {
|
||||
color: var(--label-text-color)!important;
|
||||
color: var(--label-text-color) !important;
|
||||
|
||||
}
|
||||
|
||||
@ -296,20 +321,20 @@ html {
|
||||
|
||||
.alphaPickerButton-tv:focus {
|
||||
background-color: rgb(var(--theme-primary-color));
|
||||
color: var(--label-text-color)!important
|
||||
color: var(--label-text-color) !important
|
||||
}
|
||||
|
||||
.detailTableBodyRow-shaded:nth-child(even) {
|
||||
background: #1c1c1c;
|
||||
background: rgba(30,30,30,.9)
|
||||
background: rgba(30, 30, 30, .9)
|
||||
}
|
||||
|
||||
.listItem-border {
|
||||
border-color: var(--line-background)!important
|
||||
border-color: var(--line-background) !important
|
||||
}
|
||||
|
||||
.listItem-focusscale:focus {
|
||||
background: rgba(54,54,54,.8)
|
||||
background: rgba(54, 54, 54, .8)
|
||||
}
|
||||
|
||||
.listItemIcon:not(.listItemIcon-transparent) {
|
||||
@ -333,13 +358,15 @@ html {
|
||||
color: #cb272a
|
||||
}
|
||||
|
||||
.emby-input,.emby-textarea {
|
||||
.emby-input,
|
||||
.emby-textarea {
|
||||
color: inherit;
|
||||
background: rgb(0 0 0 / 25%);
|
||||
border: var(--line-size) solid rgba(255, 255, 255, 0.1)
|
||||
}
|
||||
|
||||
.emby-input:focus,.emby-textarea:focus {
|
||||
.emby-input:focus,
|
||||
.emby-textarea:focus {
|
||||
border-color: rgb(var(--theme-primary-color))
|
||||
}
|
||||
|
||||
@ -350,9 +377,11 @@ html {
|
||||
.emby-checkbox:checked+span:before {
|
||||
border-color: rgb(var(--theme-primary-color)) !important;
|
||||
background-color: rgb(var(--theme-primary-color)) !important;
|
||||
|
||||
|
||||
}
|
||||
.checkboxLabel::after,.checkboxIcon {
|
||||
|
||||
.checkboxLabel::after,
|
||||
.checkboxIcon {
|
||||
color: var(--label-text-color) !important;
|
||||
}
|
||||
|
||||
@ -384,16 +413,17 @@ html {
|
||||
|
||||
@media(hover: hover) and (pointer:fine) {
|
||||
.navMenuOption:hover {
|
||||
background:#303030
|
||||
background: #303030
|
||||
}
|
||||
}
|
||||
|
||||
.navMenuOption-selected {
|
||||
background-color: var(--theme-icon-focus-background)!important;
|
||||
background-color: var(--theme-icon-focus-background) !important;
|
||||
color: rgb(var(--accent-color))
|
||||
}
|
||||
|
||||
.emby-button-focusscale:focus,.emby-button-focusscale:focus .detailButton-icon {
|
||||
.emby-button-focusscale:focus,
|
||||
.emby-button-focusscale:focus .detailButton-icon {
|
||||
background: rgb(var(--theme-primary-color));
|
||||
color: var(--label-text-color)
|
||||
}
|
||||
@ -419,7 +449,9 @@ html {
|
||||
outline-color: rgb(var(--theme-primary-color))
|
||||
}
|
||||
|
||||
.channelCell,.guide-headerTimeslots,.timeslotHeaders {
|
||||
.channelCell,
|
||||
.guide-headerTimeslots,
|
||||
.timeslotHeaders {
|
||||
background: var(--theme-background);
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
@ -427,46 +459,48 @@ html {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
@media (pointer: coarse) {
|
||||
.channelCell-mobilefocus {
|
||||
background:var(--theme-background)!important;
|
||||
background: var(--theme-background) !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;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
}
|
||||
|
||||
.channelCell-mobilefocus:not(:focus-visible) {
|
||||
background: var(--theme-background)!important;
|
||||
background: var(--theme-background) !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;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
.channelCell-mobilefocus:not(:-moz-focusring) {
|
||||
background: var(--theme-background)!important;
|
||||
background: var(--theme-background) !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;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
.channelCell,.epgRow,.programCell {
|
||||
border-color: rgba(255,255,255,.05)
|
||||
.channelCell,
|
||||
.epgRow,
|
||||
.programCell {
|
||||
border-color: rgba(255, 255, 255, .05)
|
||||
}
|
||||
|
||||
.guide-currentTimeIndicatorDot {
|
||||
@ -482,22 +516,23 @@ html {
|
||||
}
|
||||
|
||||
.programCell-sports {
|
||||
background: #3949ab!important
|
||||
background: #3949ab !important
|
||||
}
|
||||
|
||||
.programCell-movie {
|
||||
background: #5e35b1!important
|
||||
background: #5e35b1 !important
|
||||
}
|
||||
|
||||
.programCell-kids {
|
||||
background: #039be5!important
|
||||
background: #039be5 !important
|
||||
}
|
||||
|
||||
.programCell-news {
|
||||
background: #43a047!important
|
||||
background: #43a047 !important
|
||||
}
|
||||
|
||||
.channelCell:focus,.programCell:focus {
|
||||
.channelCell:focus,
|
||||
.programCell:focus {
|
||||
background-color: rgb(var(--theme-primary-color));
|
||||
color: var(--label-text-color)
|
||||
}
|
||||
@ -515,7 +550,7 @@ html {
|
||||
}
|
||||
|
||||
.ratingbutton-icon-withrating {
|
||||
color: #c33!important
|
||||
color: #c33 !important
|
||||
}
|
||||
|
||||
.downloadbutton-icon-on {
|
||||
@ -527,7 +562,7 @@ html {
|
||||
}
|
||||
|
||||
.playstatebutton-icon-played {
|
||||
color: #c33!important
|
||||
color: #c33 !important
|
||||
}
|
||||
|
||||
.repeatButton-active {
|
||||
@ -573,7 +608,8 @@ html {
|
||||
.cardOverlayButtonIcon {
|
||||
background-color: rgb(var(--theme-primary-color))
|
||||
}
|
||||
.cardScalable.cardPadder-portrait > div > button > i{
|
||||
|
||||
.cardScalable.cardPadder-portrait>div>button>i {
|
||||
color: var(--label-text-color) !important;
|
||||
}
|
||||
|
||||
@ -619,11 +655,11 @@ html {
|
||||
|
||||
.scrollbuttoncontainer {
|
||||
color: #fff;
|
||||
background: rgba(20,20,20,.5)
|
||||
background: rgba(20, 20, 20, .5)
|
||||
}
|
||||
|
||||
.recordingIcon-active {
|
||||
color: #c33!important
|
||||
color: #c33 !important
|
||||
}
|
||||
|
||||
.searchTabsContainer {
|
||||
@ -631,16 +667,16 @@ html {
|
||||
}
|
||||
|
||||
.emby-search-tab-button.emby-tab-button-active {
|
||||
background: rgb(var(--accent-color))!important
|
||||
background: rgb(var(--accent-color)) !important
|
||||
}
|
||||
|
||||
.textActionButton.dragging {
|
||||
background: var(--button-background)!important
|
||||
background: var(--button-background) !important
|
||||
}
|
||||
|
||||
.dragging-over.full-drop-target {
|
||||
background: rgb(var(--theme-primary-color))!important;
|
||||
color: var(--label-text-color)!important
|
||||
background: rgb(var(--theme-primary-color)) !important;
|
||||
color: var(--label-text-color) !important
|
||||
}
|
||||
|
||||
.dragging-over-top:before {
|
||||
@ -658,24 +694,24 @@ html {
|
||||
background: 0 !important;
|
||||
color: var(--accent-color-hover);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mainDrawer {
|
||||
background: var(--header-blur-background);
|
||||
-webkit-backdrop-filter: saturate(1.8) blur(1.5em);
|
||||
backdrop-filter: saturate(1.8) blur(1.5em);
|
||||
}
|
||||
|
||||
.jstree-default .jstree-clicked {
|
||||
background: rgb(var(--accent-color));
|
||||
-webkit-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
color: var(--label-text-color) !important;
|
||||
}
|
||||
|
||||
.mainDrawer {
|
||||
background: var(--header-blur-background);
|
||||
-webkit-backdrop-filter: saturate(1.8) blur(1.5em);
|
||||
backdrop-filter: saturate(1.8) blur(1.5em);
|
||||
}
|
||||
|
||||
.jstree-default .jstree-clicked {
|
||||
background: rgb(var(--accent-color));
|
||||
-webkit-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
color: var(--label-text-color) !important;
|
||||
}
|
||||
|
||||
.cardImageIcon {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.dialog .inputLabelFocused,
|
||||
.selectLabelFocused,
|
||||
@ -762,16 +798,16 @@ html {
|
||||
color: var(--label-text-color) !important;
|
||||
}
|
||||
|
||||
.emby-checkbox:checked + span + .checkboxOutline {
|
||||
.emby-checkbox:checked+span+.checkboxOutline {
|
||||
border-color: rgb(var(--theme-accent-text-color));
|
||||
}
|
||||
|
||||
.emby-checkbox:checked + span + .checkboxOutline,
|
||||
.emby-checkbox:checked+span+.checkboxOutline,
|
||||
.itemProgressBarForeground {
|
||||
background-color: rgb(var(--theme-accent-text-color));
|
||||
}
|
||||
|
||||
.emby-checkbox:focus:not(:checked) + span + .checkboxOutline {
|
||||
.emby-checkbox:focus:not(:checked)+span+.checkboxOutline {
|
||||
border-color: rgb(var(--theme-accent-text-color));
|
||||
}
|
||||
|
||||
@ -836,4 +872,4 @@ html {
|
||||
.layout-tv .emby-button.detailFloatingButton:focus {
|
||||
background-color: #f2f2f2;
|
||||
color: rgb(var(--theme-accent-text-color));
|
||||
}
|
||||
}
|
@ -1,4 +1,3 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
@ -11,20 +10,29 @@
|
||||
/* 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;
|
||||
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 {
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
label {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
div.meterText:empty:before {
|
||||
color: var(--text-hover) !important;
|
||||
}
|
||||
@ -32,39 +40,51 @@ div.meterText:empty:before {
|
||||
#dlText {
|
||||
color: #F44336;
|
||||
}
|
||||
|
||||
#ulText {
|
||||
color: #4CAF50;
|
||||
}
|
||||
#pingText, #jitText {
|
||||
|
||||
#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);
|
||||
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);
|
||||
|
||||
a,
|
||||
a:-webkit-any-link {
|
||||
color: var(--link-color);
|
||||
}
|
||||
|
||||
#ip,.unit {
|
||||
a:hover,
|
||||
a:-webkit-any-link:hover {
|
||||
color: var(--link-color-hover);
|
||||
}
|
||||
|
||||
#ip,
|
||||
.unit {
|
||||
color: rgb(var(--accent-color));
|
||||
}
|
||||
|
||||
@ -76,10 +96,11 @@ a:hover,a:-webkit-any-link:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
input {
|
||||
font-family: "Roboto",sans-serif;
|
||||
font-family: "Roboto", sans-serif;
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.25) !important;
|
||||
-webkit-rtl-ordering: logical;
|
||||
@ -95,4 +116,4 @@ input {
|
||||
|
||||
.testName {
|
||||
color: var(--text-hover) !important;
|
||||
}
|
||||
}
|
@ -116,7 +116,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: var(--text-hover);
|
||||
border-bottom: 1px solid rgb(var(--accent-color));
|
||||
}
|
||||
@ -131,7 +131,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
@ -143,7 +143,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: #fff;
|
||||
border-top: 1px solid rgb(var(--accent-color));
|
||||
}
|
||||
@ -180,8 +180,8 @@ a:hover {
|
||||
}
|
||||
|
||||
[class*="CheckInput-primaryIsChecked-"] {
|
||||
border-color: rgb(var(--accent-color))!important;
|
||||
background-color: rgb(var(--accent-color))!important;
|
||||
border-color: rgb(var(--accent-color)) !important;
|
||||
background-color: rgb(var(--accent-color)) !important;
|
||||
color: var(--label-text-color) !important;
|
||||
}
|
||||
|
||||
@ -215,7 +215,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: #fff !important;
|
||||
box-shadow: 0 0 10px 1px transparent !important;
|
||||
}
|
||||
@ -253,7 +253,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
@ -287,9 +287,9 @@ a:hover {
|
||||
}
|
||||
|
||||
[class*="PageSidebarItem-isActiveLink-"],
|
||||
[class*="PageSidebarItem-isActiveLink-"]:hover,
|
||||
[class*="PageSidebarItem-isActiveLink-"]:hover,
|
||||
[class*="PageSidebarItem-link-"]:focus {
|
||||
color: rgb(var(--accent-color))!important;
|
||||
color: rgb(var(--accent-color)) !important;
|
||||
}
|
||||
|
||||
[class*="PageSidebarItem-isActiveParentLink-"] {
|
||||
@ -305,7 +305,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
}
|
||||
|
||||
@ -316,7 +316,7 @@ a:hover {
|
||||
/* LIBRARY PAGE */
|
||||
/* LIDARR SPECIFIC */
|
||||
[class*="ArtistIndexPoster-controls-"] {
|
||||
background-color: rgb(var(--accent-color))!important;
|
||||
background-color: rgb(var(--accent-color)) !important;
|
||||
}
|
||||
|
||||
/* OVERVIEW PAGE */
|
||||
@ -441,7 +441,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
[class*="Tooltip-tooltipContainer-"] {
|
||||
@ -567,7 +567,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
@ -673,7 +673,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: #FFF;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
@ -690,6 +690,7 @@ a:hover {
|
||||
input::-webkit-input-placeholder {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
input:focus::-webkit-input-placeholder {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
@ -698,6 +699,7 @@ input:focus::-webkit-input-placeholder {
|
||||
input:-moz-placeholder {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
input:focus:-moz-placeholder {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
@ -706,6 +708,7 @@ input:focus:-moz-placeholder {
|
||||
input::-moz-placeholder {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
input:focus::-moz-placeholder {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
@ -714,6 +717,7 @@ input:focus::-moz-placeholder {
|
||||
input:-ms-input-placeholder {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
input:focus:-ms-input-placeholder {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
@ -1053,12 +1057,14 @@ input[type=password] {
|
||||
background-color: var(--button-color);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
border-color: var(--button-color-hover);
|
||||
background-color: var(--button-color-hover);
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.form-input:focus {
|
||||
outline: 0;
|
||||
border-color: #fff;
|
||||
@ -1121,5 +1127,4 @@ input[type=password] {
|
||||
[class*="Label-danger-"][class*="Label-outline-"] {
|
||||
color: #FFF;
|
||||
background-color: #f05050;
|
||||
}
|
||||
|
||||
}
|
@ -1,4 +1,3 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
@ -12,27 +11,28 @@
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
body {
|
||||
font-family: Open Sans Bold,Helvetica Neue,Helvetica,Arial,sans-serif;
|
||||
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;
|
||||
background-color: var(--main-bg-color)!important;
|
||||
color:#FFFFFF !important;
|
||||
font-family: Open Sans Bold, Helvetica Neue, Helvetica, Arial, sans-serif;
|
||||
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;
|
||||
background-color: var(--main-bg-color) !important;
|
||||
color: #FFFFFF !important;
|
||||
}
|
||||
|
||||
/* Scrollbar */
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
/* Scrollbar */
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
html {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
body {
|
||||
overflow-y: auto;
|
||||
background: var(--main-bg-color);
|
||||
@ -42,51 +42,61 @@ body {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
}
|
||||
.expand::-webkit-scrollbar-track {
|
||||
background-color: transparent !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
.expand::-webkit-scrollbar {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
.expand::-webkit-scrollbar-thumb {
|
||||
background-color: hsla(0,0%,100%,.2) !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
.expand::-webkit-scrollbar-thumb:hover {
|
||||
background-color: hsla(0,0%,100%,.5) !important;
|
||||
}
|
||||
|
||||
body::-webkit-scrollbar-track {
|
||||
background-color: transparent !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
body::-webkit-scrollbar {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
body::-webkit-scrollbar-thumb {
|
||||
background-color: hsla(0,0%,100%,.2) !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
body::-webkit-scrollbar-thumb:hover {
|
||||
background-color: hsla(0,0%,100%,.5) !important;
|
||||
}
|
||||
.expand::-webkit-scrollbar-track {
|
||||
background-color: transparent !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.expand::-webkit-scrollbar {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.expand::-webkit-scrollbar-thumb {
|
||||
background-color: hsla(0, 0%, 100%, .2) !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.expand::-webkit-scrollbar-thumb:hover {
|
||||
background-color: hsla(0, 0%, 100%, .5) !important;
|
||||
}
|
||||
|
||||
body::-webkit-scrollbar-track {
|
||||
background-color: transparent !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
body::-webkit-scrollbar {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
body::-webkit-scrollbar-thumb {
|
||||
background-color: hsla(0, 0%, 100%, .2) !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
body::-webkit-scrollbar-thumb:hover {
|
||||
background-color: hsla(0, 0%, 100%, .5) !important;
|
||||
}
|
||||
|
||||
.flex-child {
|
||||
border-radius: 0px;
|
||||
background-color: rgba(255, 255, 255, 0.08);
|
||||
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
|
||||
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
#includedContent {
|
||||
background-color: transparent;
|
||||
background: transparent;
|
||||
background-color: transparent;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
body {
|
||||
opacity: 1;
|
||||
transition: 1s opacity;
|
||||
@ -96,25 +106,38 @@ body {
|
||||
color: #FFFFFF;
|
||||
padding: 10px 10px 0;
|
||||
}
|
||||
|
||||
.btn {
|
||||
font-weight: 600 !important;
|
||||
font-weight: 600 !important;
|
||||
}
|
||||
|
||||
body.fade-out {
|
||||
opacity: 0;
|
||||
transition: none;
|
||||
}
|
||||
.left, .right, .category-filter-item, .nav-item, .filesize, .path {
|
||||
|
||||
.left,
|
||||
.right,
|
||||
.category-filter-item,
|
||||
.nav-item,
|
||||
.filesize,
|
||||
.path {
|
||||
color: #ffffff;
|
||||
}
|
||||
#username:hover, #password:hover {
|
||||
|
||||
#username:hover,
|
||||
#password:hover {
|
||||
text-shadow: 0 0 1rem transparent;
|
||||
}
|
||||
#categoryFilter, #auto-update {
|
||||
|
||||
#categoryFilter,
|
||||
#auto-update {
|
||||
color: white !important;
|
||||
background-color: transparent !important;
|
||||
box-shadow: none;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
#markform {
|
||||
background: var(--main-bg-color) !important;
|
||||
background-repeat: repeat, no-repeat;
|
||||
@ -123,18 +146,22 @@ body.fade-out {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
|
||||
}
|
||||
|
||||
.slide {
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
.expandtoggle {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.expandtoggle:hover {
|
||||
background-color: rgba(255, 255, 255, 0.08) !important;
|
||||
}
|
||||
|
||||
.expandtoggle:checked~.expandtoggle::before {
|
||||
content: "";
|
||||
background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/logarr/increase.png) no-repeat;
|
||||
@ -144,6 +171,7 @@ body.fade-out {
|
||||
height: 2em;
|
||||
cursor: row-resize;
|
||||
}
|
||||
|
||||
.expandtoggle::before {
|
||||
background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/logarr/decrease.png) no-repeat;
|
||||
background-size: 2em;
|
||||
@ -156,6 +184,7 @@ body.fade-out {
|
||||
transition: .5s;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.expand {
|
||||
height: 43rem;
|
||||
width: auto;
|
||||
@ -166,93 +195,125 @@ body.fade-out {
|
||||
word-wrap: break-word;
|
||||
padding: 0 10px 0 10px;
|
||||
}
|
||||
.header-brand, .logheader {
|
||||
|
||||
.header-brand,
|
||||
.logheader {
|
||||
text-shadow: none !important;
|
||||
}
|
||||
|
||||
/* Settings */
|
||||
/* Text Color */
|
||||
.alpaca-control-label, .alpaca-control.radio {
|
||||
/* Text Color */
|
||||
.alpaca-control-label,
|
||||
.alpaca-control.radio {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
.alpaca-form-buttons-container {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.Rtable-cell {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
#colorkey {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
.settingstitle {
|
||||
text-shadow: none !important;
|
||||
}
|
||||
|
||||
#reginfo {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
#infodata {
|
||||
background-color: transparent !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.input_icon {
|
||||
color: var(--button-color) !important;
|
||||
}
|
||||
|
||||
.input_icon:hover {
|
||||
color: var(--button-color-hover) !important;
|
||||
}
|
||||
.input:hover, input.form-control:hover, select.form-control:hover {
|
||||
|
||||
.input:hover,
|
||||
input.form-control:hover,
|
||||
select.form-control:hover {
|
||||
border: .2rem solid transparent;
|
||||
}
|
||||
.input:focus, input.form-control:focus, select.form-control:focus {
|
||||
|
||||
.input:focus,
|
||||
input.form-control:focus,
|
||||
select.form-control:focus {
|
||||
border: .2rem solid transparent;
|
||||
}
|
||||
|
||||
input:invalid {
|
||||
border: .2rem solid transparent;
|
||||
}
|
||||
|
||||
input:valid {
|
||||
border: .2rem solid transparent;
|
||||
}
|
||||
|
||||
/* Sidebar */
|
||||
#sidebar-wrapper {
|
||||
box-shadow: none !important;
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
|
||||
.sidebar-nav li:hover:before {
|
||||
-webkit-transition: none !important;
|
||||
transition: none !important;
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
|
||||
.sidebar-nav li:before {
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
transition: none !important;
|
||||
-webkit-transition: none !important;
|
||||
-webkit-transition: none !important;
|
||||
}
|
||||
|
||||
.sidebar-nav li:first-child a {
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
|
||||
.sidebar-nav li:nth-child(2):before {
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
|
||||
.sidebar-nav li:nth-child(3):before {
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
|
||||
.sidebar-nav li:nth-child(4):before {
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
|
||||
.sidebar-nav li:nth-child(5):before {
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
|
||||
.sidebar-nav li:nth-child(6):before {
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
|
||||
.sidebar-nav li:nth-child(7):before {
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
|
||||
.sidebar-nav li:nth-child(8):before {
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
|
||||
.sidebar-nav li:nth-child(9):before {
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
.sidebar-nav li:first-child a {
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
.sidebar-nav li:nth-child(2):before {
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
.sidebar-nav li:nth-child(3):before {
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
.sidebar-nav li:nth-child(4):before {
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
.sidebar-nav li:nth-child(5):before {
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
.sidebar-nav li:nth-child(6):before {
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
.sidebar-nav li:nth-child(7):before {
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
.sidebar-nav li:nth-child(8):before {
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
.sidebar-nav li:nth-child(9):before {
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
|
||||
#modalloading {
|
||||
background: var(--main-bg-color);
|
||||
@ -262,12 +323,14 @@ input:valid {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: white !important;
|
||||
border: 1px solid transparent !important;
|
||||
box-shadow: 0.5rem 0.5rem 1rem rgb(15, 15, 15, 0.45) !important;
|
||||
}
|
||||
.modaltextloading, .modalloadingspinner {
|
||||
-o-background-size: auto, cover;
|
||||
color: white !important;
|
||||
border: 1px solid transparent !important;
|
||||
box-shadow: 0.5rem 0.5rem 1rem rgb(15, 15, 15, 0.45) !important;
|
||||
}
|
||||
|
||||
.modaltextloading,
|
||||
.modalloadingspinner {
|
||||
color: #FFF !important;
|
||||
}
|
||||
|
||||
@ -275,87 +338,117 @@ input:valid {
|
||||
max-width: 100% !important;
|
||||
padding-right: 2rem !important;
|
||||
}
|
||||
|
||||
#stats {
|
||||
background-color: rgba(0,0,0,.15) !important;
|
||||
padding-left: .0rem !important;
|
||||
padding-right: 1.11rem !important;
|
||||
box-shadow: none;
|
||||
background-color: rgba(0, 0, 0, .15) !important;
|
||||
padding-left: .0rem !important;
|
||||
padding-right: 1.11rem !important;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
#hd {
|
||||
padding-left: 0.8rem !important;
|
||||
}
|
||||
|
||||
.double-val-label>span.success {
|
||||
background-color: #28a745 !important;
|
||||
}
|
||||
.servicetile:hover, .servicetile:focus {
|
||||
text-shadow: 0 0 20px #000;
|
||||
}
|
||||
#servicetitle:hover, #servicetitle:focus {
|
||||
|
||||
.servicetile:hover,
|
||||
.servicetile:focus {
|
||||
text-shadow: 0 0 20px #000;
|
||||
}
|
||||
|
||||
#servicetitle:hover,
|
||||
#servicetitle:focus {
|
||||
text-shadow: 0 0 20px #000;
|
||||
}
|
||||
|
||||
#servicetitle {
|
||||
color: #fff !important;
|
||||
}
|
||||
.btnoffline, .btnunknown, .btnonline {
|
||||
|
||||
.btnoffline,
|
||||
.btnunknown,
|
||||
.btnonline {
|
||||
box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.9) !important;
|
||||
-webkit-box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.9) !important;
|
||||
}
|
||||
|
||||
.btnonline {
|
||||
background-color: #28a745 !important;
|
||||
}
|
||||
|
||||
.btn {
|
||||
background-color: var(--button-color) !important;
|
||||
border: none !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.btn:hover {
|
||||
background-color: var(--button-color-hover) !important;
|
||||
border: none !important;
|
||||
border: none !important;
|
||||
}
|
||||
.btn-primary,.btn-primary:hover {
|
||||
|
||||
.btn-primary,
|
||||
.btn-primary:hover {
|
||||
border-color: transparent;
|
||||
}
|
||||
.btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:not(:first-child) {
|
||||
|
||||
.btn-group>.btn-group:not(:first-child)>.btn,
|
||||
.btn-group>.btn:not(:first-child) {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
.btn-group>.btn:first-child {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
#time {
|
||||
background-color: rgba(0,0,0,.15) !important;
|
||||
background-color: rgba(0, 0, 0, .15) !important;
|
||||
color: #fff !important;
|
||||
box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
#slidertable {
|
||||
background-color: rgba(0,0,0,.15) !important;
|
||||
box-shadow: none;
|
||||
background-color: rgba(0, 0, 0, .15) !important;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
#textslider {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.dtg {
|
||||
color: #fff !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.datemin {
|
||||
color: #fff !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
#center {
|
||||
background-color: rgba(0,0,0,.0) !important;
|
||||
box-shadow: 0px 0px 0px 0px #ffffff00, 0px 0px 0px 0px #ffffff00, 10px 0px 10px 0px #ffffff00, -10px 0px 10px 2px #ffffff00 !important;
|
||||
background-color: rgba(0, 0, 0, .0) !important;
|
||||
box-shadow: 0px 0px 0px 0px #ffffff00, 0px 0px 0px 0px #ffffff00, 10px 0px 10px 0px #ffffff00, -10px 0px 10px 2px #ffffff00 !important;
|
||||
}
|
||||
|
||||
/*Service tile*/
|
||||
.col-lg-4 {
|
||||
background-color: rgba(0,0,0,.15) !important;
|
||||
margin: 1rem .1rem 1.5rem 1rem !important;
|
||||
width: 9rem !important;
|
||||
box-shadow: none;
|
||||
}
|
||||
.col-lg-4:hover {
|
||||
background-color: hsla(0,0%,100%,.08) !important;
|
||||
background-color: rgba(0, 0, 0, .15) !important;
|
||||
margin: 1rem .1rem 1.5rem 1rem !important;
|
||||
width: 9rem !important;
|
||||
box-shadow: none;
|
||||
}
|
||||
.servicetile, .servicetile:hover, .servicetile:focus {
|
||||
|
||||
.col-lg-4:hover {
|
||||
background-color: hsla(0, 0%, 100%, .08) !important;
|
||||
margin: 1rem .1rem 1.5rem 1rem !important;
|
||||
width: 9rem !important;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.servicetile,
|
||||
.servicetile:hover,
|
||||
.servicetile:focus {
|
||||
color: #ffffff;
|
||||
text-shadow: none !important;
|
||||
text-decoration: none !important;
|
||||
@ -367,6 +460,7 @@ box-shadow: none;
|
||||
-o-transition: none !important;
|
||||
transition: none !important;
|
||||
}
|
||||
|
||||
.servicetile {
|
||||
color: #ffffff;
|
||||
text-shadow: none !important;
|
||||
@ -379,53 +473,68 @@ box-shadow: none;
|
||||
-o-transition: none !important;
|
||||
transition: none !important;
|
||||
}
|
||||
#servicetitle:hover, #servicetitle:focus {
|
||||
|
||||
#servicetitle:hover,
|
||||
#servicetitle:focus {
|
||||
text-shadow: none !important;
|
||||
font-weight: inherit !important;
|
||||
}
|
||||
|
||||
#clock {
|
||||
background-color: rgba(0,0,0,.15) !important;
|
||||
background-color: rgba(0, 0, 0, .15) !important;
|
||||
color: #fff !important;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.date {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
#summary {
|
||||
background-color: #e84242 !important;
|
||||
border-radius: 23px 22px 22px 23px/23px 23px 22px 22px;
|
||||
box-shadow: 0px 2px 5px rgb(15, 15, 15) !important;
|
||||
}
|
||||
.pace, .pace-progress {
|
||||
background: rgba(0,0,0,.15) !important;
|
||||
|
||||
.pace,
|
||||
.pace-progress {
|
||||
background: rgba(0, 0, 0, .15) !important;
|
||||
}
|
||||
.pace, .pace-progress-inner {
|
||||
box-shadow: 0 0 10px rgba(0,0,0,.15), 0 0 5px rgba(0,0,0,.15) !important;
|
||||
|
||||
.pace,
|
||||
.pace-progress-inner {
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, .15), 0 0 5px rgba(0, 0, 0, .15) !important;
|
||||
}
|
||||
|
||||
.pace .pace-activity {
|
||||
border-top-color: #FFF !important;
|
||||
border-left-color: #FFF !important;
|
||||
}
|
||||
border-top-color: #FFF !important;
|
||||
border-left-color: #FFF !important;
|
||||
}
|
||||
|
||||
.footer {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
.footer:hover {
|
||||
text-shadow: 0 0 15px transparent !important;
|
||||
}
|
||||
|
||||
#footer {
|
||||
color: transparent !important;
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
text-shadow: 0 0 15px #000000 !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* ButtonShadow */
|
||||
.btnoffline, .btnunknown, .btnonline {
|
||||
.btnoffline,
|
||||
.btnunknown,
|
||||
.btnonline {
|
||||
box-shadow: none !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
}
|
||||
|
||||
.logrollmodal {
|
||||
background: var(--modal-bg-color) !important;
|
||||
background-repeat: repeat, no-repeat;
|
||||
@ -434,21 +543,26 @@ box-shadow: none;
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
border: 1px solid transparent !important;
|
||||
-o-background-size: auto, cover;
|
||||
border: 1px solid transparent !important;
|
||||
}
|
||||
|
||||
.modalimgpath, .modaltext, #uploadbutton {
|
||||
.modalimgpath,
|
||||
.modaltext,
|
||||
#uploadbutton {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.file-upload {
|
||||
background-color: var(--button-color) !important;
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
.file-upload:hover {
|
||||
background-color: var(--button-color-hover) !important;
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 775px) {
|
||||
#slidertable {
|
||||
display: none !important;
|
||||
@ -458,10 +572,11 @@ box-shadow: none;
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
#dateRight {
|
||||
background-color: rgba(0,0,0,.15) !important;
|
||||
color: #fff !important;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
#dateRight {
|
||||
background-color: rgba(0, 0, 0, .15) !important;
|
||||
color: #fff !important;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
@ -1,4 +1,3 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
@ -18,134 +17,164 @@
|
||||
}
|
||||
|
||||
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:#FFFFFF !important;
|
||||
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: #FFFFFF !important;
|
||||
}
|
||||
/* Scrollbar */
|
||||
|
||||
body::-webkit-scrollbar-track {
|
||||
background-color: transparent !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
body::-webkit-scrollbar {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
body::-webkit-scrollbar-thumb {
|
||||
background-color: hsla(0,0%,100%,.2) !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
body::-webkit-scrollbar-thumb:hover {
|
||||
background-color: hsla(0,0%,100%,.5) !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#myModal3::-webkit-scrollbar-track {
|
||||
background-color: transparent !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
#myModal3::-webkit-scrollbar {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
#myModal3::-webkit-scrollbar-thumb {
|
||||
background-color: hsla(0,0%,100%,.2) !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
#myModal3::-webkit-scrollbar-thumb:hover {
|
||||
background-color: hsla(0,0%,100%,.5) !important;
|
||||
}
|
||||
/* Scrollbar */
|
||||
|
||||
body::-webkit-scrollbar-track {
|
||||
background-color: transparent !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
body::-webkit-scrollbar {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
body::-webkit-scrollbar-thumb {
|
||||
background-color: hsla(0, 0%, 100%, .2) !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
body::-webkit-scrollbar-thumb:hover {
|
||||
background-color: hsla(0, 0%, 100%, .5) !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#myModal3::-webkit-scrollbar-track {
|
||||
background-color: transparent !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
#myModal3::-webkit-scrollbar {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
#myModal3::-webkit-scrollbar-thumb {
|
||||
background-color: hsla(0, 0%, 100%, .2) !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
#myModal3::-webkit-scrollbar-thumb:hover {
|
||||
background-color: hsla(0, 0%, 100%, .5) !important;
|
||||
}
|
||||
|
||||
#includedContent {
|
||||
background-color: transparent;
|
||||
background: transparent;
|
||||
background-color: transparent;
|
||||
background: transparent;
|
||||
}
|
||||
#username:hover, #password:hover {
|
||||
|
||||
#username:hover,
|
||||
#password:hover {
|
||||
text-shadow: 0 0 1rem transparent;
|
||||
}
|
||||
|
||||
/* Settings */
|
||||
/* Text Color */
|
||||
.alpaca-control-label, .alpaca-control.radio {
|
||||
/* Text Color */
|
||||
.alpaca-control-label,
|
||||
.alpaca-control.radio {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
.alpaca-form-buttons-container {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.Rtable-cell {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
#colorkey {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
.settingstitle {
|
||||
text-shadow: none !important;
|
||||
}
|
||||
|
||||
#reginfo {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
#infodata {
|
||||
background-color: transparent !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.input_icon {
|
||||
color: var(--button-color) !important;
|
||||
}
|
||||
|
||||
.input_icon:hover {
|
||||
color: var(--button-color-hover) !important;
|
||||
}
|
||||
|
||||
/* Sidebar */
|
||||
#sidebar-wrapper {
|
||||
box-shadow: none !important;
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
|
||||
.sidebar-nav li:hover:before {
|
||||
-webkit-transition: none !important;
|
||||
transition: none !important;
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
|
||||
.sidebar-nav li:before {
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
transition: none !important;
|
||||
-webkit-transition: none !important;
|
||||
-webkit-transition: none !important;
|
||||
}
|
||||
|
||||
.sidebar-nav li:first-child a {
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
|
||||
.sidebar-nav li:nth-child(2):before {
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
|
||||
.sidebar-nav li:nth-child(3):before {
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
|
||||
.sidebar-nav li:nth-child(4):before {
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
|
||||
.sidebar-nav li:nth-child(5):before {
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
|
||||
.sidebar-nav li:nth-child(6):before {
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
|
||||
.sidebar-nav li:nth-child(7):before {
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
|
||||
.sidebar-nav li:nth-child(8):before {
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
|
||||
.sidebar-nav li:nth-child(9):before {
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
.sidebar-nav li:first-child a {
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
.sidebar-nav li:nth-child(2):before {
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
.sidebar-nav li:nth-child(3):before {
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
.sidebar-nav li:nth-child(4):before {
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
.sidebar-nav li:nth-child(5):before {
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
.sidebar-nav li:nth-child(6):before {
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
.sidebar-nav li:nth-child(7):before {
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
.sidebar-nav li:nth-child(8):before {
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
.sidebar-nav li:nth-child(9):before {
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
|
||||
#modalloading {
|
||||
background: var(--main-bg-color);
|
||||
@ -155,12 +184,14 @@ background: transparent;
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: white !important;
|
||||
border: 1px solid transparent !important;
|
||||
box-shadow: 0.5rem 0.5rem 1rem rgb(15, 15, 15, 0.45) !important;
|
||||
}
|
||||
.modaltextloading, .modalloadingspinner {
|
||||
-o-background-size: auto, cover;
|
||||
color: white !important;
|
||||
border: 1px solid transparent !important;
|
||||
box-shadow: 0.5rem 0.5rem 1rem rgb(15, 15, 15, 0.45) !important;
|
||||
}
|
||||
|
||||
.modaltextloading,
|
||||
.modalloadingspinner {
|
||||
color: #FFF !important;
|
||||
}
|
||||
|
||||
@ -168,85 +199,115 @@ background: transparent;
|
||||
max-width: 100% !important;
|
||||
padding-right: 2rem !important;
|
||||
}
|
||||
|
||||
#stats {
|
||||
background-color: rgba(0,0,0,.15) !important;
|
||||
padding-left: .0rem !important;
|
||||
padding-right: 1.11rem !important;
|
||||
box-shadow: none;
|
||||
background-color: rgba(0, 0, 0, .15) !important;
|
||||
padding-left: .0rem !important;
|
||||
padding-right: 1.11rem !important;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
#hd {
|
||||
padding-left: 0.8rem !important;
|
||||
}
|
||||
|
||||
.double-val-label>span.success {
|
||||
background-color: #28a745 !important;
|
||||
}
|
||||
.servicetile:hover, .servicetile:focus {
|
||||
text-shadow: 0 0 20px #000;
|
||||
}
|
||||
#servicetitle:hover, #servicetitle:focus {
|
||||
|
||||
.servicetile:hover,
|
||||
.servicetile:focus {
|
||||
text-shadow: 0 0 20px #000;
|
||||
}
|
||||
|
||||
#servicetitle:hover,
|
||||
#servicetitle:focus {
|
||||
text-shadow: 0 0 20px #000;
|
||||
}
|
||||
|
||||
#servicetitle {
|
||||
color: #fff !important;
|
||||
}
|
||||
.btnoffline, .btnunknown, .btnonline {
|
||||
|
||||
.btnoffline,
|
||||
.btnunknown,
|
||||
.btnonline {
|
||||
box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.9) !important;
|
||||
-webkit-box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.9) !important;
|
||||
}
|
||||
|
||||
.btnonline {
|
||||
background-color: #28a745 !important;
|
||||
}
|
||||
|
||||
.btn {
|
||||
background-color: var(--button-color) !important;
|
||||
}
|
||||
|
||||
.btn:hover {
|
||||
background-color: var(--button-color-hover) !important;
|
||||
}
|
||||
.btn-primary,.btn-primary:hover {
|
||||
|
||||
.btn-primary,
|
||||
.btn-primary:hover {
|
||||
border-color: transparent;
|
||||
}
|
||||
.btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:not(:first-child) {
|
||||
|
||||
.btn-group>.btn-group:not(:first-child)>.btn,
|
||||
.btn-group>.btn:not(:first-child) {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
.btn-group>.btn:first-child {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
#time {
|
||||
background-color: rgba(0,0,0,.15) !important;
|
||||
background-color: rgba(0, 0, 0, .15) !important;
|
||||
color: #fff !important;
|
||||
box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
#slidertable {
|
||||
background-color: rgba(0,0,0,.15) !important;
|
||||
box-shadow: none;
|
||||
background-color: rgba(0, 0, 0, .15) !important;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
#textslider {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.dtg {
|
||||
color: #fff !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.datemin {
|
||||
color: #fff !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
#center {
|
||||
background-color: rgba(0,0,0,.0) !important;
|
||||
box-shadow: 0px 0px 0px 0px #ffffff00, 0px 0px 0px 0px #ffffff00, 10px 0px 10px 0px #ffffff00, -10px 0px 10px 2px #ffffff00 !important;
|
||||
background-color: rgba(0, 0, 0, .0) !important;
|
||||
box-shadow: 0px 0px 0px 0px #ffffff00, 0px 0px 0px 0px #ffffff00, 10px 0px 10px 0px #ffffff00, -10px 0px 10px 2px #ffffff00 !important;
|
||||
}
|
||||
|
||||
/*Service tile*/
|
||||
.col-lg-4 {
|
||||
background-color: rgba(0,0,0,.15) !important;
|
||||
margin: 1rem .1rem 1.5rem 1rem !important;
|
||||
width: 9rem !important;
|
||||
box-shadow: none;
|
||||
}
|
||||
.col-lg-4:hover {
|
||||
background-color: hsla(0,0%,100%,.08) !important;
|
||||
background-color: rgba(0, 0, 0, .15) !important;
|
||||
margin: 1rem .1rem 1.5rem 1rem !important;
|
||||
width: 9rem !important;
|
||||
box-shadow: none;
|
||||
}
|
||||
.servicetile, .servicetile:hover, .servicetile:focus {
|
||||
|
||||
.col-lg-4:hover {
|
||||
background-color: hsla(0, 0%, 100%, .08) !important;
|
||||
margin: 1rem .1rem 1.5rem 1rem !important;
|
||||
width: 9rem !important;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.servicetile,
|
||||
.servicetile:hover,
|
||||
.servicetile:focus {
|
||||
color: #ffffff;
|
||||
text-shadow: none !important;
|
||||
text-decoration: none !important;
|
||||
@ -258,6 +319,7 @@ box-shadow: none;
|
||||
-o-transition: none !important;
|
||||
transition: none !important;
|
||||
}
|
||||
|
||||
.servicetile {
|
||||
color: #ffffff;
|
||||
text-shadow: none !important;
|
||||
@ -270,53 +332,68 @@ box-shadow: none;
|
||||
-o-transition: none !important;
|
||||
transition: none !important;
|
||||
}
|
||||
#servicetitle:hover, #servicetitle:focus {
|
||||
|
||||
#servicetitle:hover,
|
||||
#servicetitle:focus {
|
||||
text-shadow: none !important;
|
||||
font-weight: inherit !important;
|
||||
}
|
||||
|
||||
#clock {
|
||||
background-color: rgba(0,0,0,.15) !important;
|
||||
background-color: rgba(0, 0, 0, .15) !important;
|
||||
color: #fff !important;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.date {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
#summary {
|
||||
background-color: #e84242 !important;
|
||||
border-radius: 23px 22px 22px 23px/23px 23px 22px 22px;
|
||||
box-shadow: 0px 2px 5px rgb(15, 15, 15) !important;
|
||||
}
|
||||
.pace, .pace-progress {
|
||||
background: rgba(0,0,0,.15) !important;
|
||||
|
||||
.pace,
|
||||
.pace-progress {
|
||||
background: rgba(0, 0, 0, .15) !important;
|
||||
}
|
||||
.pace, .pace-progress-inner {
|
||||
box-shadow: 0 0 10px rgba(0,0,0,.15), 0 0 5px rgba(0,0,0,.15) !important;
|
||||
|
||||
.pace,
|
||||
.pace-progress-inner {
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, .15), 0 0 5px rgba(0, 0, 0, .15) !important;
|
||||
}
|
||||
|
||||
.pace .pace-activity {
|
||||
border-top-color: #FFF !important;
|
||||
border-left-color: #FFF !important;
|
||||
}
|
||||
border-top-color: #FFF !important;
|
||||
border-left-color: #FFF !important;
|
||||
}
|
||||
|
||||
.footer {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
.footer:hover {
|
||||
text-shadow: 0 0 15px transparent !important;
|
||||
}
|
||||
|
||||
#footer {
|
||||
color: transparent !important;
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
text-shadow: 0 0 15px #000000 !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* ButtonShadow */
|
||||
.btnoffline, .btnunknown, .btnonline {
|
||||
.btnoffline,
|
||||
.btnunknown,
|
||||
.btnonline {
|
||||
box-shadow: none !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
}
|
||||
|
||||
#myModal3 {
|
||||
background: var(--modal-bg-color) !important;
|
||||
background-repeat: repeat, no-repeat;
|
||||
@ -325,20 +402,26 @@ box-shadow: none;
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
border: 1px solid transparent !important;
|
||||
-o-background-size: auto, cover;
|
||||
border: 1px solid transparent !important;
|
||||
}
|
||||
.modalimgpath, .modaltext, #uploadbutton {
|
||||
|
||||
.modalimgpath,
|
||||
.modaltext,
|
||||
#uploadbutton {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.file-upload {
|
||||
background-color: var(--button-color) !important;
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
.file-upload:hover {
|
||||
background-color: var(--button-color-hover) !important;
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 775px) {
|
||||
#slidertable {
|
||||
display: none !important;
|
||||
@ -347,4 +430,4 @@ box-shadow: none;
|
||||
#time {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
}
|
@ -1,4 +1,3 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
@ -19,70 +18,93 @@ body {
|
||||
max-width: 100% !important;
|
||||
padding-right: 2rem !important;
|
||||
}
|
||||
|
||||
#stats {
|
||||
background-color: rgba(0,0,0,.15) !important;
|
||||
padding-left: .0rem !important;
|
||||
padding-right: 1.11rem !important;
|
||||
box-shadow: none;
|
||||
background-color: rgba(0, 0, 0, .15) !important;
|
||||
padding-left: .0rem !important;
|
||||
padding-right: 1.11rem !important;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
#hd {
|
||||
padding-left: 0.8rem !important;
|
||||
}
|
||||
|
||||
.double-val-label>span.success {
|
||||
background-color: #28a745 !important;
|
||||
}
|
||||
.servicetile:hover, .servicetile:focus {
|
||||
text-shadow: 0 0 20px #000;
|
||||
}
|
||||
#servicetitle:hover, #servicetitle:focus {
|
||||
|
||||
.servicetile:hover,
|
||||
.servicetile:focus {
|
||||
text-shadow: 0 0 20px #000;
|
||||
}
|
||||
|
||||
#servicetitle:hover,
|
||||
#servicetitle:focus {
|
||||
text-shadow: 0 0 20px #000;
|
||||
}
|
||||
|
||||
#servicetitle {
|
||||
color: #fff !important;
|
||||
}
|
||||
.btnoffline, .btnunknown, .btnonline {
|
||||
|
||||
.btnoffline,
|
||||
.btnunknown,
|
||||
.btnonline {
|
||||
box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.9) !important;
|
||||
-webkit-box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.9) !important;
|
||||
}
|
||||
|
||||
.btnonline {
|
||||
background-color: #28a745 !important;
|
||||
}
|
||||
|
||||
#time {
|
||||
background-color: rgba(0,0,0,.15) !important;
|
||||
background-color: rgba(0, 0, 0, .15) !important;
|
||||
color: #fff !important;
|
||||
box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
#slidertable {
|
||||
background-color: rgba(0,0,0,.15) !important;
|
||||
box-shadow: none;
|
||||
background-color: rgba(0, 0, 0, .15) !important;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
#textslider {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.dtg {
|
||||
color: #fff !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.datemin {
|
||||
color: #fff !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
#center {
|
||||
background-color: rgba(0,0,0,.0) !important;
|
||||
box-shadow: 0px 0px 0px 0px #ffffff00, 0px 0px 0px 0px #ffffff00, 10px 0px 10px 0px #ffffff00, -10px 0px 10px 2px #ffffff00 !important;
|
||||
background-color: rgba(0, 0, 0, .0) !important;
|
||||
box-shadow: 0px 0px 0px 0px #ffffff00, 0px 0px 0px 0px #ffffff00, 10px 0px 10px 0px #ffffff00, -10px 0px 10px 2px #ffffff00 !important;
|
||||
}
|
||||
|
||||
/*Service tile*/
|
||||
.col-lg-4 {
|
||||
background-color: rgba(0,0,0,.15) !important;
|
||||
margin: 1rem .1rem 1.5rem 1rem !important;
|
||||
width: 9rem !important;
|
||||
box-shadow: none;
|
||||
}
|
||||
.col-lg-4:hover {
|
||||
background-color: hsla(0,0%,100%,.08) !important;
|
||||
background-color: rgba(0, 0, 0, .15) !important;
|
||||
margin: 1rem .1rem 1.5rem 1rem !important;
|
||||
width: 9rem !important;
|
||||
box-shadow: none;
|
||||
}
|
||||
.servicetile, .servicetile:hover, .servicetile:focus {
|
||||
|
||||
.col-lg-4:hover {
|
||||
background-color: hsla(0, 0%, 100%, .08) !important;
|
||||
margin: 1rem .1rem 1.5rem 1rem !important;
|
||||
width: 9rem !important;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.servicetile,
|
||||
.servicetile:hover,
|
||||
.servicetile:focus {
|
||||
color: #ffffff;
|
||||
text-shadow: none !important;
|
||||
text-decoration: none !important;
|
||||
@ -94,6 +116,7 @@ box-shadow: none;
|
||||
-o-transition: none !important;
|
||||
transition: none !important;
|
||||
}
|
||||
|
||||
.servicetile {
|
||||
color: #ffffff;
|
||||
text-shadow: none !important;
|
||||
@ -106,54 +129,72 @@ box-shadow: none;
|
||||
-o-transition: none !important;
|
||||
transition: none !important;
|
||||
}
|
||||
#servicetitle:hover, #servicetitle:focus {
|
||||
|
||||
#servicetitle:hover,
|
||||
#servicetitle:focus {
|
||||
text-shadow: none !important;
|
||||
font-weight: inherit !important;
|
||||
}
|
||||
|
||||
#clock {
|
||||
background-color: rgba(0,0,0,.15) !important;
|
||||
background-color: rgba(0, 0, 0, .15) !important;
|
||||
color: #fff !important;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.date {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
#summary {
|
||||
background-color: #e84242 !important;
|
||||
border-radius: 23px 22px 22px 23px/23px 23px 22px 22px;
|
||||
box-shadow: 0px 2px 5px rgb(15, 15, 15) !important;
|
||||
}
|
||||
.pace, .pace-progress {
|
||||
background: rgba(0,0,0,.15) !important;
|
||||
|
||||
.pace,
|
||||
.pace-progress {
|
||||
background: rgba(0, 0, 0, .15) !important;
|
||||
}
|
||||
.pace, .pace-progress-inner {
|
||||
box-shadow: 0 0 10px rgba(0,0,0,.15), 0 0 5px rgba(0,0,0,.15) !important;
|
||||
|
||||
.pace,
|
||||
.pace-progress-inner {
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, .15), 0 0 5px rgba(0, 0, 0, .15) !important;
|
||||
}
|
||||
|
||||
.footer {
|
||||
color: transparent !important;
|
||||
}
|
||||
|
||||
.footer:hover {
|
||||
text-shadow: 0 0 15px transparent !important;
|
||||
}
|
||||
|
||||
#footer {
|
||||
color: transparent !important;
|
||||
}
|
||||
.alpaca-control-label, .alpaca-control.radio {
|
||||
|
||||
.alpaca-control-label,
|
||||
.alpaca-control.radio {
|
||||
color: black !important;
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
text-shadow: 0 0 15px #000000 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.Rtable-cell {
|
||||
color: #000000 !important;
|
||||
}
|
||||
|
||||
#colorkey {
|
||||
color: #000000 !important;
|
||||
}
|
||||
|
||||
/* ButtonShadow */
|
||||
.btnoffline, .btnunknown, .btnonline {
|
||||
.btnoffline,
|
||||
.btnunknown,
|
||||
.btnonline {
|
||||
box-shadow: none !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
}
|
||||
@ -166,4 +207,4 @@ box-shadow: none;
|
||||
#time {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
}
|
@ -23,7 +23,7 @@ body {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: var(--text)
|
||||
}
|
||||
|
||||
@ -93,8 +93,7 @@ input:focus {
|
||||
.login-form .room-code-container .generate-button:hover,
|
||||
.login-form .submit-button:hover,
|
||||
.ButtonPrimary:hover,
|
||||
.ButtonPrimary:active
|
||||
.ButtonSecondary:hover,
|
||||
.ButtonPrimary:active .ButtonSecondary:hover,
|
||||
.ButtonSecondary:active,
|
||||
.ButtonTertiary:hover,
|
||||
.ButtonTertiary:active,
|
||||
@ -106,6 +105,7 @@ input:focus {
|
||||
color: var(--button-text-hover);
|
||||
border-color: var(--button-color-hover);
|
||||
}
|
||||
|
||||
@media (hover: hover) {
|
||||
.ButtonSecondary:hover {
|
||||
color: var(--button-text-hover);
|
||||
@ -135,9 +135,11 @@ input:focus {
|
||||
.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;
|
||||
|
@ -1,4 +1,3 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
@ -12,45 +11,49 @@
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
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;
|
||||
background-color: rgba(0,0,0,.0);
|
||||
color:#FFFFFF !important;
|
||||
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;
|
||||
background-color: rgba(0, 0, 0, .0);
|
||||
color: #FFFFFF !important;
|
||||
}
|
||||
|
||||
/* scroller */
|
||||
::-webkit-scrollbar-corner {
|
||||
background-color: rgba(0, 0, 0, .25);
|
||||
background-color: rgba(0, 0, 0, .25);
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background: #0c1218;
|
||||
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
-webkit-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
background-color: hsla(0,0%,100%,.08);
|
||||
background-color: hsla(0, 0%, 100%, .08);
|
||||
}
|
||||
|
||||
.modal {
|
||||
background: var(--modal-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;
|
||||
background-color: var(--modal-bg-color) !important;
|
||||
color:#FFFFFF !important;
|
||||
background: var(--modal-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;
|
||||
background-color: var(--modal-bg-color) !important;
|
||||
color: #FFFFFF !important;
|
||||
}
|
||||
|
||||
.modal-footer {
|
||||
background-color: transparent;
|
||||
border-top: none;
|
||||
@ -60,63 +63,90 @@ body {
|
||||
.table a {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.table a:hover {
|
||||
color: #e5a00d;
|
||||
}
|
||||
|
||||
.table-striped tbody tr:nth-child(odd) {
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
|
||||
|
||||
.table-striped tbody tr:nth-child(odd) td,
|
||||
.table-striped tbody tr:nth-child(odd) th {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.table-striped tbody tr:nth-child(even) {
|
||||
background-color: rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
.table tbody tr:hover, .table tbody tr:hover td, .table tbody tr:hover a {
|
||||
|
||||
.table tbody tr:hover,
|
||||
.table tbody tr:hover td,
|
||||
.table tbody tr:hover a {
|
||||
color: white;
|
||||
background-color: hsla(0,0%,100%,.08);
|
||||
background-color: hsla(0, 0%, 100%, .08);
|
||||
}
|
||||
.table-striped tbody tr.checked:nth-child(2n+1) td, .checked .progress {
|
||||
background-color: hsla(0,0%,100%,.08);
|
||||
|
||||
.table-striped tbody tr.checked:nth-child(2n+1) td,
|
||||
.checked .progress {
|
||||
background-color: hsla(0, 0%, 100%, .08);
|
||||
}
|
||||
tr.checked, tr.checked td, tr.checked:nth-child(odd) .progress {
|
||||
background-color: hsla(0,0%,100%,.08);
|
||||
|
||||
tr.checked,
|
||||
tr.checked td,
|
||||
tr.checked:nth-child(odd) .progress {
|
||||
background-color: hsla(0, 0%, 100%, .08);
|
||||
}
|
||||
.table tbody tr.checked:hover, .table tbody tr.checked:hover td {
|
||||
background-color: hsla(0,0%,100%,.08);
|
||||
|
||||
.table tbody tr.checked:hover,
|
||||
.table tbody tr.checked:hover td {
|
||||
background-color: hsla(0, 0%, 100%, .08);
|
||||
}
|
||||
.table tbody tr.checked:hover, .table tbody tr.checked:hover td {
|
||||
background-color: hsla(0,0%,100%,.08);
|
||||
|
||||
.table tbody tr.checked:hover,
|
||||
.table tbody tr.checked:hover td {
|
||||
background-color: hsla(0, 0%, 100%, .08);
|
||||
}
|
||||
.table.check-simple tbody tr.checked:hover, .table.check-simple tbody tr.checked:hover td {
|
||||
background-color: hsla(0,0%,100%,.08);
|
||||
|
||||
.table.check-simple tbody tr.checked:hover,
|
||||
.table.check-simple tbody tr.checked:hover td {
|
||||
background-color: hsla(0, 0%, 100%, .08);
|
||||
}
|
||||
.table th, .table td {
|
||||
|
||||
.table th,
|
||||
.table td {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.table-bordered {
|
||||
border-left: none;
|
||||
border: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.pagination a {
|
||||
border: none;
|
||||
background: rgba(0, 0, 0, .25);
|
||||
}
|
||||
.pagination a:hover, .pagination .active a {
|
||||
background-color: hsla(0,0%,100%,.08);
|
||||
|
||||
.pagination a:hover,
|
||||
.pagination .active a {
|
||||
background-color: hsla(0, 0%, 100%, .08);
|
||||
}
|
||||
|
||||
.pagination .active a {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
/* PROGRESS BAR */
|
||||
.progress {
|
||||
background: hsla(0,0%,100%,.08);
|
||||
background: hsla(0, 0%, 100%, .08);
|
||||
}
|
||||
|
||||
.progress-warning.progress-striped .bar {
|
||||
background-color: #cc7b19;
|
||||
}
|
||||
|
||||
.progress-success.progress-striped .bar {
|
||||
background-color: #51a351;
|
||||
}
|
||||
@ -125,10 +155,12 @@ tr.checked, tr.checked td, tr.checked:nth-child(odd) .progress {
|
||||
.navbar-fixed-top .navbar-inner {
|
||||
color: #fff !important;
|
||||
}
|
||||
.navbar-inner {
|
||||
background-image: none;
|
||||
background-color: transparent;
|
||||
|
||||
.navbar-inner {
|
||||
background-image: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.navbar-container {
|
||||
background: var(--main-bg-color);
|
||||
background-repeat: repeat, no-repeat;
|
||||
@ -137,155 +169,184 @@ tr.checked, tr.checked td, tr.checked:nth-child(odd) .progress {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
.navbar .nav > li > a:hover {
|
||||
color: var(--accent-color);
|
||||
}
|
||||
.navbar .nav .active > a, .navbar .nav .active > a:hover {
|
||||
background: hsla(0,0%,100%,.08);
|
||||
|
||||
.navbar .nav>li>a:hover {
|
||||
color: var(--accent-color);
|
||||
}
|
||||
|
||||
[class^="icon-"], [class*=" icon-"], [class^="img-"], [class*=" img-"] {
|
||||
.navbar .nav .active>a,
|
||||
.navbar .nav .active>a:hover {
|
||||
background: hsla(0, 0%, 100%, .08);
|
||||
color: var(--accent-color);
|
||||
}
|
||||
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"],
|
||||
[class^="img-"],
|
||||
[class*=" img-"] {
|
||||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/nzbget/icons.png);
|
||||
}
|
||||
|
||||
.navbar-search .search-query {
|
||||
color: #ffffff;
|
||||
background-color: rgba(0, 0, 0, 0.25) !important;
|
||||
border: 0px solid #151515;
|
||||
|
||||
}
|
||||
.navbar-search .search-query:focus, .navbar-search .search-query.focused {
|
||||
|
||||
.navbar-search .search-query:focus,
|
||||
.navbar-search .search-query.focused {
|
||||
color: #000 !important;
|
||||
text-shadow: none;
|
||||
background-color: white !important;
|
||||
}
|
||||
|
||||
.search-caret-button {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.menu-header {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
background-color: #191a1c;
|
||||
background: var(--modal-bg-color);
|
||||
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;
|
||||
color: #FFF;
|
||||
-o-background-size: auto, cover;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.dropdown-menu a {
|
||||
color: #ffffff;
|
||||
}
|
||||
.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
|
||||
|
||||
.dropdown-menu li>a:hover,
|
||||
.dropdown-menu .active>a,
|
||||
.dropdown-menu .active>a:hover {
|
||||
color: #ffffff;
|
||||
background-color: hsla(0,0%,100%,.05);
|
||||
background-color: hsla(0, 0%, 100%, .05);
|
||||
}
|
||||
|
||||
.dropdown-menu .divider {
|
||||
height: 0px;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
/* BUTTONS */
|
||||
.btn-group > .dropdown-toggle {
|
||||
box-shadow: none;
|
||||
.btn-group>.dropdown-toggle {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.config-header .btn{
|
||||
background:#FFF;
|
||||
color:#adb1b1;
|
||||
text-shadow:unset;
|
||||
}
|
||||
|
||||
#ConfigData > div > button.btn{
|
||||
background: rgba(0, 0, 0, .25) !important;
|
||||
color: #FFF !important;
|
||||
font-weight:bold;
|
||||
text-shadow:unset;
|
||||
}
|
||||
#ConfigData > div > button.btn:hover{
|
||||
background: hsla(0,0%,100%,.08) !important;
|
||||
color: #FFF !important;
|
||||
font-weight:bold;
|
||||
text-shadow:unset;
|
||||
.config-header .btn {
|
||||
background: #FFF;
|
||||
color: #adb1b1;
|
||||
text-shadow: unset;
|
||||
}
|
||||
|
||||
#ConfigData > div > div > table > tbody > tr > td>.btn{
|
||||
background:#414141;
|
||||
color:#adb1b1;
|
||||
text-shadow:unset;
|
||||
font-weight:bold;
|
||||
#ConfigData>div>button.btn {
|
||||
background: rgba(0, 0, 0, .25) !important;
|
||||
color: #FFF !important;
|
||||
font-weight: bold;
|
||||
text-shadow: unset;
|
||||
}
|
||||
#Config_Save:hover{
|
||||
background-color:#51a351;
|
||||
color:#FFF;
|
||||
|
||||
#ConfigData>div>button.btn:hover {
|
||||
background: hsla(0, 0%, 100%, .08) !important;
|
||||
color: #FFF !important;
|
||||
font-weight: bold;
|
||||
text-shadow: unset;
|
||||
}
|
||||
|
||||
#ConfigData>div>div>table>tbody>tr>td>.btn {
|
||||
background: #414141;
|
||||
color: #adb1b1;
|
||||
text-shadow: unset;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#Config_Save:hover {
|
||||
background-color: #51a351;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
#Config_Save {
|
||||
background:rgba(0, 0, 0, 0.25);
|
||||
color:#FFF;
|
||||
margin:auto;
|
||||
}
|
||||
#ConfigData > div> div > button.btn.btn-danger {
|
||||
background:#ad292c;
|
||||
text-shadow:unset;
|
||||
}
|
||||
#ConfigData > div> div > button.btn.btn-danger:hover {
|
||||
background:#d33a3e;
|
||||
text-shadow:unset;
|
||||
}
|
||||
#ConfigData > div:nth-child(3) > div > button,
|
||||
#ConfigData > div:nth-child(4) > div > button,
|
||||
#ConfigData > div:nth-child(5) > div > button {
|
||||
text-shadow:unset;
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
color:white;
|
||||
}
|
||||
#ConfigData > div:nth-child(3) > div > button:hover,
|
||||
#ConfigData > div:nth-child(4) > div > button:hover,
|
||||
#ConfigData > div:nth-child(5) > div > button:hover {
|
||||
text-shadow:unset;
|
||||
background: hsla(0,0%,100%,.08);
|
||||
color:white;
|
||||
}
|
||||
#ConfigData input.btn.btn-primary{
|
||||
background: var(--button-color) !important;
|
||||
text-shadow:unset;
|
||||
color:white;
|
||||
}
|
||||
#ConfigData input.btn{
|
||||
background: rgba(0, 0, 0, 0.25) !important;
|
||||
text-shadow:unset;
|
||||
color:#a8a8a8;
|
||||
}
|
||||
#Config_ViewButton{
|
||||
background:rgba(0, 0, 0, 0.25);
|
||||
color:#FFF;
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
color: #FFF;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
#Config_ViewButton:hover{
|
||||
background: hsla(0,0%,100%,.08);
|
||||
color:#FFF;
|
||||
}
|
||||
#DownloadsEditDialog input.btn.btn-primary{
|
||||
background: var(--button-color) !important;
|
||||
text-shadow:unset;
|
||||
color:white;
|
||||
}
|
||||
#HistoryEdit_ParamData input.btn.btn-primary{
|
||||
background: var(--button-color) !important;
|
||||
text-shadow:unset;
|
||||
color:white;
|
||||
#ConfigData>div>div>button.btn.btn-danger {
|
||||
background: #ad292c;
|
||||
text-shadow: unset;
|
||||
}
|
||||
|
||||
.btn {
|
||||
#ConfigData>div>div>button.btn.btn-danger:hover {
|
||||
background: #d33a3e;
|
||||
text-shadow: unset;
|
||||
}
|
||||
|
||||
#ConfigData>div:nth-child(3)>div>button,
|
||||
#ConfigData>div:nth-child(4)>div>button,
|
||||
#ConfigData>div:nth-child(5)>div>button {
|
||||
text-shadow: unset;
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
color: white;
|
||||
}
|
||||
|
||||
#ConfigData>div:nth-child(3)>div>button:hover,
|
||||
#ConfigData>div:nth-child(4)>div>button:hover,
|
||||
#ConfigData>div:nth-child(5)>div>button:hover {
|
||||
text-shadow: unset;
|
||||
background: hsla(0, 0%, 100%, .08);
|
||||
color: white;
|
||||
}
|
||||
|
||||
#ConfigData input.btn.btn-primary {
|
||||
background: var(--button-color) !important;
|
||||
text-shadow: unset;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#ConfigData input.btn {
|
||||
background: rgba(0, 0, 0, 0.25) !important;
|
||||
text-shadow: unset;
|
||||
color: #a8a8a8;
|
||||
}
|
||||
|
||||
#Config_ViewButton {
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
#Config_ViewButton:hover {
|
||||
background: hsla(0, 0%, 100%, .08);
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
#DownloadsEditDialog input.btn.btn-primary {
|
||||
background: var(--button-color) !important;
|
||||
text-shadow: unset;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#HistoryEdit_ParamData input.btn.btn-primary {
|
||||
background: var(--button-color) !important;
|
||||
text-shadow: unset;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.btn {
|
||||
color: #ffffff;
|
||||
text-shadow: none;
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
|
||||
background-image: none;
|
||||
border-color: transparent;
|
||||
@ -294,9 +355,10 @@ tr.checked, tr.checked td, tr.checked:nth-child(odd) .progress {
|
||||
-moz-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.btn:hover {
|
||||
color: #FFF;
|
||||
background-color: hsla(0,0%,100%,.08);
|
||||
background-color: hsla(0, 0%, 100%, .08);
|
||||
|
||||
}
|
||||
|
||||
@ -306,21 +368,25 @@ tr.checked, tr.checked td, tr.checked:nth-child(odd) .progress {
|
||||
|
||||
.btn-group.open .btn.dropdown-toggle {
|
||||
background-color: #FFF;
|
||||
background-color: hsla(0,0%,100%,.08);
|
||||
background-color: hsla(0, 0%, 100%, .08);
|
||||
}
|
||||
|
||||
#ConfigData > div > div > table > tbody > tr > td>.btn{
|
||||
background:rgba(0, 0, 0, 0.25);
|
||||
color:#FFF;
|
||||
text-shadow:unset;
|
||||
font-weight:bold;
|
||||
}
|
||||
#ConfigData > div > div > table > tbody > tr > td>.btn:hover{
|
||||
background: hsla(0,0%,100%,.08);
|
||||
color:#FFF;
|
||||
#ConfigData>div>div>table>tbody>tr>td>.btn {
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
color: #FFF;
|
||||
text-shadow: unset;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
input, textarea, select, .uneditable-input {
|
||||
#ConfigData>div>div>table>tbody>tr>td>.btn:hover {
|
||||
background: hsla(0, 0%, 100%, .08);
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
input,
|
||||
textarea,
|
||||
select,
|
||||
.uneditable-input {
|
||||
color: #ffffff;
|
||||
background-color: rgb(0, 0, 0);
|
||||
background-image: var(main-bg-color) !important;
|
||||
@ -335,11 +401,16 @@ input, textarea, select, .uneditable-input {
|
||||
color: #FFFFFF !important;
|
||||
border: none;
|
||||
}
|
||||
|
||||
select:focus {
|
||||
background: #191a1c !important;
|
||||
color: #FFF !important;
|
||||
background: #191a1c !important;
|
||||
color: #FFF !important;
|
||||
}
|
||||
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, select:focus {
|
||||
|
||||
input[type="file"]:focus,
|
||||
input[type="radio"]:focus,
|
||||
input[type="checkbox"]:focus,
|
||||
select:focus {
|
||||
outline: thin dotted #333;
|
||||
outline: none;
|
||||
outline-offset: -2px;
|
||||
@ -347,24 +418,28 @@ input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focu
|
||||
-moz-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
input:focus, textarea:focus {
|
||||
|
||||
input:focus,
|
||||
textarea:focus {
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.6);
|
||||
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.6);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
|
||||
.alert-info {
|
||||
font-weight: bold;
|
||||
border-radius: unset;
|
||||
border-bottom-left-radius: 0px;
|
||||
border-bottom-right-radius: 0px;
|
||||
border:0px;
|
||||
background-color:hsla(0,0%,100%,.05);
|
||||
text-shadow:unset;
|
||||
color:#FFF;
|
||||
text-transform:capitalize;
|
||||
font-weight: bold;
|
||||
border-radius: unset;
|
||||
border-bottom-left-radius: 0px;
|
||||
border-bottom-right-radius: 0px;
|
||||
border: 0px;
|
||||
background-color: hsla(0, 0%, 100%, .05);
|
||||
text-shadow: unset;
|
||||
color: #FFF;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
.alert-inverse {
|
||||
background-color: #414141;
|
||||
background-color: #414141;
|
||||
background-image: var(--main-bg-color) !important;
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
@ -374,7 +449,7 @@ input:focus, textarea:focus {
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
border-color: transparent;
|
||||
opacity: 1;
|
||||
opacity: 1;
|
||||
|
||||
}
|
||||
|
||||
@ -385,41 +460,55 @@ label {
|
||||
}
|
||||
|
||||
#ConfigNav {
|
||||
border: 1px solid rgba(0, 0, 0, .25);
|
||||
border: 1px solid rgba(0, 0, 0, .25);
|
||||
background-color: rgba(0, 0, 0, .25);
|
||||
}
|
||||
|
||||
#ConfigNav.nav-list a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
.nav-list > li > a, .nav-list .nav-header {
|
||||
|
||||
.nav-list>li>a,
|
||||
.nav-list .nav-header {
|
||||
text-shadow: none;
|
||||
}
|
||||
.nav-list > .active > a, .nav-list > .active > a:hover {
|
||||
|
||||
.nav-list>.active>a,
|
||||
.nav-list>.active>a:hover {
|
||||
color: #ffffff;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
|
||||
background-color: #0088cc;
|
||||
}
|
||||
.nav-list > .active > a, .nav-list > .active > a:hover {
|
||||
|
||||
.nav-list>.active>a,
|
||||
.nav-list>.active>a:hover {
|
||||
color: var(--accent-color) !important;
|
||||
background-color: transparent;
|
||||
}
|
||||
.nav > li > a:hover {
|
||||
background-color: hsla(0,0%,100%,.08);
|
||||
|
||||
.nav>li>a:hover {
|
||||
background-color: hsla(0, 0%, 100%, .08);
|
||||
}
|
||||
|
||||
span.help-option-title {
|
||||
color: #eee;
|
||||
}
|
||||
.help-block, .help-inline {
|
||||
|
||||
.help-block,
|
||||
.help-inline {
|
||||
color: #eee;
|
||||
}
|
||||
|
||||
.confirm-help-block {
|
||||
color: #eee;
|
||||
font-size: 13px;
|
||||
line-height: 16px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.input-prepend .add-on, .input-append .add-on {
|
||||
|
||||
.input-prepend .add-on,
|
||||
.input-append .add-on {
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
background-image: var(--main-bg-color) !important;
|
||||
background-repeat: repeat, no-repeat;
|
||||
@ -433,21 +522,27 @@ span.help-option-title {
|
||||
color: #FFFFFF !important;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.config-settitle {
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--accent-color);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #fff;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.label-warning, .badge-warning {
|
||||
|
||||
.label-warning,
|
||||
.badge-warning {
|
||||
background-color: var(--button-color);
|
||||
}
|
||||
|
||||
.caret {
|
||||
border-top: 4px solid #ffffff;
|
||||
}
|
||||
}
|
@ -1,4 +1,3 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
@ -11,7 +10,8 @@
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
body, html {
|
||||
body,
|
||||
html {
|
||||
height: 100%;
|
||||
background: var(--main-bg-color);
|
||||
background-repeat: repeat, no-repeat;
|
||||
@ -20,29 +20,37 @@
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
font-family: Open Sans Semibold, Helvetica Neue, Helvetica, Arial, sans-serif;
|
||||
}
|
||||
|
||||
.navbar-default {
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
border-color: transparent;
|
||||
}
|
||||
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
|
||||
|
||||
.navbar-default .navbar-nav>.active>a,
|
||||
.navbar-default .navbar-nav>.active>a:focus,
|
||||
.navbar-default .navbar-nav>.active>a:hover {
|
||||
color: #fff;
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
|
||||
|
||||
.navbar-default .navbar-nav>li>a:focus,
|
||||
.navbar-default .navbar-nav>li>a:hover {
|
||||
color: #fff;
|
||||
background-color: rgba(255, 255, 255, 0.08);
|
||||
}
|
||||
|
||||
.growl-container>.alert-info.icon {
|
||||
background: var(--accent-color);
|
||||
}
|
||||
|
||||
.alert-info {
|
||||
background: var(--accent-color);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
|
||||
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
||||
outline: none;
|
||||
}
|
||||
|
||||
@ -50,25 +58,34 @@
|
||||
.nav-tabs {
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
|
||||
}
|
||||
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
|
||||
|
||||
.nav-tabs>li.active>a,
|
||||
.nav-tabs>li.active>a:focus,
|
||||
.nav-tabs>li.active>a:hover {
|
||||
color: #fff;
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
border: 1px solid #1a1f2000;
|
||||
border-bottom-color: transparent;
|
||||
}
|
||||
|
||||
.nav-tabs>li>a:hover {
|
||||
border-color: transparent;
|
||||
}
|
||||
.nav>li>a:focus, .nav>li>a:hover {
|
||||
|
||||
.nav>li>a:focus,
|
||||
.nav>li>a:hover {
|
||||
background-color: rgba(255, 255, 255, 0.08);
|
||||
}
|
||||
|
||||
.formly>.formly-field-group {
|
||||
background-color: transparent;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
legend {
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
|
||||
}
|
||||
|
||||
.panel-default>.panel-heading h3 {
|
||||
color: #ffffff;
|
||||
}
|
||||
@ -79,62 +96,137 @@ legend {
|
||||
background: var(--default-button-color);
|
||||
border-color: var(--default-button-color);
|
||||
}
|
||||
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {
|
||||
|
||||
.btn-primary.active,
|
||||
.btn-primary.focus,
|
||||
.btn-primary:active,
|
||||
.btn-primary:focus,
|
||||
.btn-primary:hover,
|
||||
.open>.dropdown-toggle.btn-primary {
|
||||
color: #fff;
|
||||
background: var(--default-button-color-hover);
|
||||
border-color: var(--default-button-color-hover);
|
||||
}
|
||||
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
|
||||
|
||||
.btn-primary.active.focus,
|
||||
.btn-primary.active:focus,
|
||||
.btn-primary.active:hover,
|
||||
.btn-primary:active.focus,
|
||||
.btn-primary:active:focus,
|
||||
.btn-primary:active:hover,
|
||||
.open>.dropdown-toggle.btn-primary.focus,
|
||||
.open>.dropdown-toggle.btn-primary:focus,
|
||||
.open>.dropdown-toggle.btn-primary:hover {
|
||||
color: #fff;
|
||||
background: var(--default-button-color-hover);
|
||||
border-color: var(--default-button-color-hover);
|
||||
}
|
||||
|
||||
.btn-info {
|
||||
color: #fff;
|
||||
background: var(--default-button-color);
|
||||
border-color: transparent;
|
||||
}
|
||||
.btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open>.dropdown-toggle.btn-info {
|
||||
|
||||
.btn-info.active,
|
||||
.btn-info.focus,
|
||||
.btn-info:active,
|
||||
.btn-info:focus,
|
||||
.btn-info:hover,
|
||||
.open>.dropdown-toggle.btn-info {
|
||||
color: #fff;
|
||||
background: var(--default-button-color-hover);
|
||||
border-color: transparent;
|
||||
}
|
||||
.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover {
|
||||
|
||||
.btn-info.active.focus,
|
||||
.btn-info.active:focus,
|
||||
.btn-info.active:hover,
|
||||
.btn-info:active.focus,
|
||||
.btn-info:active:focus,
|
||||
.btn-info:active:hover,
|
||||
.open>.dropdown-toggle.btn-info.focus,
|
||||
.open>.dropdown-toggle.btn-info:focus,
|
||||
.open>.dropdown-toggle.btn-info:hover {
|
||||
color: #fff;
|
||||
background: var(--default-button-color-active);
|
||||
border-color: transparent;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.btn-default {
|
||||
color: #fff;
|
||||
background: var(--default-button-color);
|
||||
border-color: transparent !important;
|
||||
outline: none;
|
||||
}
|
||||
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default {
|
||||
|
||||
.btn-default.active,
|
||||
.btn-default.focus,
|
||||
.btn-default:active,
|
||||
.btn-default:focus,
|
||||
.btn-default:hover,
|
||||
.open>.dropdown-toggle.btn-default {
|
||||
color: #fff;
|
||||
background: var(--default-button-color-hover);
|
||||
border-color: transparent !important;
|
||||
outline: none;
|
||||
}
|
||||
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
|
||||
|
||||
.btn-default.active.focus,
|
||||
.btn-default.active:focus,
|
||||
.btn-default.active:hover,
|
||||
.btn-default:active.focus,
|
||||
.btn-default:active:focus,
|
||||
.btn-default:active:hover,
|
||||
.open>.dropdown-toggle.btn-default.focus,
|
||||
.open>.dropdown-toggle.btn-default:focus,
|
||||
.open>.dropdown-toggle.btn-default:hover {
|
||||
color: #fff;
|
||||
background: var(--default-button-color-hover);
|
||||
border-color: transparent !important;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.config-button {
|
||||
border: 1px solid transparent;
|
||||
outline: none;
|
||||
}
|
||||
.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover {
|
||||
|
||||
.btn-success.active.focus,
|
||||
.btn-success.active:focus,
|
||||
.btn-success.active:hover,
|
||||
.btn-success:active.focus,
|
||||
.btn-success:active:focus,
|
||||
.btn-success:active:hover,
|
||||
.open>.dropdown-toggle.btn-success.focus,
|
||||
.open>.dropdown-toggle.btn-success:focus,
|
||||
.open>.dropdown-toggle.btn-success:hover {
|
||||
outline: none !important;
|
||||
border-color: transparent;
|
||||
}
|
||||
.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open>.dropdown-toggle.btn-danger.focus, .open>.dropdown-toggle.btn-danger:focus, .open>.dropdown-toggle.btn-danger:hover {
|
||||
outline: none;
|
||||
|
||||
.btn-danger.active.focus,
|
||||
.btn-danger.active:focus,
|
||||
.btn-danger.active:hover,
|
||||
.btn-danger:active.focus,
|
||||
.btn-danger:active:focus,
|
||||
.btn-danger:active:hover,
|
||||
.open>.dropdown-toggle.btn-danger.focus,
|
||||
.open>.dropdown-toggle.btn-danger:focus,
|
||||
.open>.dropdown-toggle.btn-danger:hover {
|
||||
outline: none;
|
||||
}
|
||||
.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open>.dropdown-toggle.btn-warning.focus, .open>.dropdown-toggle.btn-warning:focus, .open>.dropdown-toggle.btn-warning:hover {
|
||||
|
||||
.btn-warning.active.focus,
|
||||
.btn-warning.active:focus,
|
||||
.btn-warning.active:hover,
|
||||
.btn-warning:active.focus,
|
||||
.btn-warning:active:focus,
|
||||
.btn-warning:active:hover,
|
||||
.open>.dropdown-toggle.btn-warning.focus,
|
||||
.open>.dropdown-toggle.btn-warning:focus,
|
||||
.open>.dropdown-toggle.btn-warning:hover {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
@ -142,26 +234,34 @@ outline: none;
|
||||
.bootstrap-switch {
|
||||
border: 1px solid rgba(255, 255, 255, .08);
|
||||
}
|
||||
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {
|
||||
|
||||
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,
|
||||
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {
|
||||
color: #fff;
|
||||
background: rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
|
||||
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
|
||||
background-color: var(--default-button-color);
|
||||
color: #ffffff;
|
||||
}
|
||||
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
|
||||
|
||||
.input-group-btn:last-child>.btn,
|
||||
.input-group-btn:last-child>.btn-group {
|
||||
margin-left: -1px;
|
||||
background: #f0f8ff00;
|
||||
}
|
||||
|
||||
.input-group-btn2 {
|
||||
border: none;
|
||||
background: var(--default-button-color);
|
||||
}
|
||||
|
||||
.input-group-btn1 {
|
||||
border: 1px solid var(--default-button-color);
|
||||
background: var(--default-button-color);
|
||||
}
|
||||
|
||||
/* Form Control */
|
||||
|
||||
.form-control {
|
||||
@ -169,14 +269,16 @@ outline: none;
|
||||
background-color: #151515;
|
||||
|
||||
}
|
||||
|
||||
.form-control:focus {
|
||||
border-color: #fff0;
|
||||
outline: 0;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
|
||||
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 0, 0, 0.6);
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
|
||||
.input-group-addon {
|
||||
outline: none;
|
||||
outline: none;
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
border: 1px solid transparent;
|
||||
|
||||
@ -187,10 +289,12 @@ outline: none;
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
.repeatsection {
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
box-shadow: 0 0 4px 1px transparent;
|
||||
}
|
||||
|
||||
hr {
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
@ -204,8 +308,9 @@ hr {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
.modal-header {
|
||||
background: var(--modal-bg-color);
|
||||
background-repeat: repeat, no-repeat;
|
||||
@ -214,12 +319,14 @@ hr {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
|
||||
}
|
||||
|
||||
.modal-content {
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
.modal-footer {
|
||||
background: var(--modal-bg-color);
|
||||
background-repeat: repeat, no-repeat;
|
||||
@ -228,7 +335,7 @@ hr {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.08);
|
||||
}
|
||||
|
||||
@ -238,6 +345,7 @@ hr {
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.panel-default>.panel-heading {
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
@ -246,6 +354,7 @@ hr {
|
||||
color: #c8c8c8;
|
||||
border-color: rgba(255, 255, 255, 0.08);
|
||||
}
|
||||
|
||||
.list-group-item {
|
||||
background-color: rgba(0, 0, 0, 0.08);
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
@ -255,16 +364,25 @@ hr {
|
||||
table {
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
.table>thead>tr>th {
|
||||
vertical-align: bottom;
|
||||
border-bottom: 2px solid rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
|
||||
|
||||
.table>tbody>tr>td,
|
||||
.table>tbody>tr>th,
|
||||
.table>tfoot>tr>td,
|
||||
.table>tfoot>tr>th,
|
||||
.table>thead>tr>td,
|
||||
.table>thead>tr>th {
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.15);
|
||||
}
|
||||
|
||||
.table-hover>tbody>tr:hover {
|
||||
background-color: rgba(255, 255, 255, 0.08);
|
||||
}
|
||||
|
||||
pre {
|
||||
background-color: rgba(0, 0, 0, 0.45);
|
||||
border: 1px solid transparent;
|
||||
|
@ -1,4 +1,3 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
@ -30,9 +29,22 @@ body,
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, legend {
|
||||
|
||||
.h1,
|
||||
.h2,
|
||||
.h3,
|
||||
.h4,
|
||||
.h5,
|
||||
.h6,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
legend {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
@ -50,11 +62,12 @@ a:hover {
|
||||
.forgot-password:hover {
|
||||
color: var(--link-color-hover) !important;
|
||||
}
|
||||
|
||||
/* SCROLLBAR */
|
||||
::-webkit-scrollbar-thumb {
|
||||
border-radius: 3px;
|
||||
background: rgb(255 255 255 / 30%);
|
||||
}
|
||||
}
|
||||
|
||||
/* TOP NAV */
|
||||
.top-search-bar .mat-form-field-flex {
|
||||
@ -72,7 +85,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
|
||||
@ -135,6 +148,7 @@ a:hover {
|
||||
height: auto;
|
||||
width: 16rem !important;
|
||||
}
|
||||
|
||||
[id*="nav-"] {
|
||||
color: var(--text) !important;
|
||||
}
|
||||
@ -257,11 +271,13 @@ a:hover {
|
||||
max-height: 290px;
|
||||
max-width: 12rem;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.section h2 {
|
||||
margin-left: 5px !important;
|
||||
.section h2 {
|
||||
margin-left: 5px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.section h2 {
|
||||
margin-left: 63px !important;
|
||||
@ -314,21 +330,24 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
#info-wrapper .mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
|
||||
box-shadow: 0 0 0 0 rgb(0 0 0 / 20%), 0 0 0 0 rgb(0 0 0 / 14%), 0 0 0 0 rgb(0 0 0 / 12%);
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
#info-wrapper .mat-card .label,
|
||||
#info-wrapper .mat-card .mat-card-header {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
#info-wrapper .mat-card,#info-wrapper .mat-card-content {
|
||||
#info-wrapper .mat-card,
|
||||
#info-wrapper .mat-card-content {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.btn-ombi {
|
||||
background-color: rgba(0, 0, 0, 0.85) !important;
|
||||
/* backdrop-filter: blur(10px) !important;
|
||||
@ -434,6 +453,7 @@ small.important {
|
||||
color: var(--button-text) !important;
|
||||
background-color: var(--button-color) !important;
|
||||
}
|
||||
|
||||
.mat-raised-button:not([class*=mat-elevation-z]):not(.mat-raised-button.mat-warn):not(.viewon-btn.plex) {
|
||||
box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
|
||||
background: var(--button-color);
|
||||
@ -468,7 +488,7 @@ button#sign-in {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
button.admin-cog {
|
||||
@ -542,7 +562,7 @@ button.admin-cog {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
|
||||
}
|
||||
|
||||
@ -606,13 +626,15 @@ hr {
|
||||
}
|
||||
|
||||
.full-screenshot.enabled.overlay {
|
||||
background-image: linear-gradient(180deg,transparent,50%,rgb(var(--accent-color), 0.1));
|
||||
background-image: linear-gradient(180deg, transparent, 50%, rgb(var(--accent-color), 0.1));
|
||||
}
|
||||
|
||||
.social-icons-container {
|
||||
background-color: hsl(0deg 0% 0% / 85%) !important;
|
||||
backdrop-filter: blur(10px) !important;
|
||||
-webkit-backdrop-filter: blur(10px) !important;
|
||||
}
|
||||
|
||||
/* MODAL */
|
||||
.mat-autocomplete-panel,
|
||||
.mat-dialog-container {
|
||||
@ -623,7 +645,7 @@ hr {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
.mat-bottom-sheet-container {
|
||||
@ -634,7 +656,7 @@ hr {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
/* OTHER */
|
||||
@ -646,9 +668,10 @@ hr {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
.mat-progress-spinner.mat-accent circle,.mat-spinner.mat-accent circle {
|
||||
.mat-progress-spinner.mat-accent circle,
|
||||
.mat-spinner.mat-accent circle {
|
||||
stroke: rgb(var(--accent-color));
|
||||
}
|
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -15,7 +15,7 @@
|
||||
background-size: auto, cover !important;
|
||||
-webkit-background-size: auto, cover !important;
|
||||
-moz-background-size: auto, cover !important;
|
||||
-o-background-size: auto, cover !important;
|
||||
-o-background-size: auto, cover !important;
|
||||
}
|
||||
|
||||
.panel-footer {
|
||||
@ -26,7 +26,7 @@
|
||||
background-size: auto, cover !important;
|
||||
-webkit-background-size: auto, cover !important;
|
||||
-moz-background-size: auto, cover !important;
|
||||
-o-background-size: auto, cover !important;
|
||||
-o-background-size: auto, cover !important;
|
||||
}
|
||||
|
||||
.panel-default .panel-body,
|
||||
@ -180,8 +180,9 @@ h6 {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
.panel-body:not(.unifiCards .panel-body) {
|
||||
background: var(--modal-bg-color);
|
||||
background-repeat: repeat, no-repeat;
|
||||
@ -190,7 +191,7 @@ h6 {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
.bg-plex {
|
||||
@ -220,7 +221,7 @@ h6 {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
border-bottom: transparent
|
||||
}
|
||||
@ -234,7 +235,7 @@ h6 {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
.css-bar-lg:after {
|
||||
@ -259,7 +260,7 @@ h6 {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
/* forms */
|
||||
@ -405,7 +406,7 @@ input:focus:-ms-input-placeholder {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
}
|
||||
|
||||
@ -442,7 +443,7 @@ input:focus:-ms-input-placeholder {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
th.text-center,
|
||||
@ -548,7 +549,7 @@ th.fc-day-header.fc-widget-header.fc-today {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
/* loginpage sidemenu */
|
||||
@ -587,25 +588,30 @@ th.fc-day-header.fc-widget-header.fc-today {
|
||||
background: rgba(0, 0, 0, 0.9) !important;
|
||||
border: none !important;
|
||||
}
|
||||
#organizr-login-heading > a,
|
||||
#plex-login-heading > a,
|
||||
#recoverform > div:nth-child(1) > div > h3,
|
||||
#recoverform > div:nth-child(1) > div > p {
|
||||
|
||||
#organizr-login-heading>a,
|
||||
#plex-login-heading>a,
|
||||
#recoverform>div:nth-child(1)>div>h3,
|
||||
#recoverform>div:nth-child(1)>div>p {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
#login-username-Input::placeholder,
|
||||
#login-password-Input::placeholder,
|
||||
#recover-input::placeholder {
|
||||
color: var(--text-muted) !important;
|
||||
}
|
||||
|
||||
#to-recover,
|
||||
label[for="checkbox-login"] {
|
||||
color: var(--link-color) !important;
|
||||
}
|
||||
|
||||
#to-recover:hover,
|
||||
label[for="checkbox-login"]:hover {
|
||||
color: var(--link-color-hover) !important;
|
||||
}
|
||||
|
||||
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
|
||||
.login-register>.login-box>.white-box {
|
||||
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
|
||||
@ -1003,7 +1009,7 @@ label[for="checkbox-login"]:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
/* Homepage headers */
|
||||
@ -1023,7 +1029,7 @@ label[for="checkbox-login"]:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
/* Homepage buttons */
|
||||
@ -1162,14 +1168,13 @@ label[for="checkbox-login"]:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
border-bottom: transparent;
|
||||
}
|
||||
|
||||
.iziToast.update-notify>.iziToast-body .iziToast-icon,
|
||||
.iziToast.success-notify>.iziToast-body .iziToast-icon
|
||||
.iziToast.warning-notify>.iziToast-body .iziToast-icon,
|
||||
.iziToast.warning-notify > .iziToast-body .iziToast-icon{
|
||||
.iziToast.success-notify>.iziToast-body .iziToast-icon .iziToast.warning-notify>.iziToast-body .iziToast-icon,
|
||||
.iziToast.warning-notify>.iziToast-body .iziToast-icon {
|
||||
color: var(--link-color) !important;
|
||||
}
|
||||
|
||||
@ -1181,7 +1186,7 @@ label[for="checkbox-login"]:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
.update-notify .iziToast-progressbar div,
|
||||
@ -1204,7 +1209,7 @@ label[for="checkbox-login"]:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
@ -1217,7 +1222,7 @@ label[for="checkbox-login"]:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
@ -1230,7 +1235,7 @@ label[for="checkbox-login"]:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
@ -1243,7 +1248,7 @@ label[for="checkbox-login"]:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
@ -1256,7 +1261,7 @@ label[for="checkbox-login"]:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: #f44336;
|
||||
border: 1px solid transparent;
|
||||
border-bottom: transparent;
|
||||
@ -1270,7 +1275,7 @@ label[for="checkbox-login"]:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: #ffeb3b;
|
||||
border: 1px solid transparent;
|
||||
border-bottom: transparent;
|
||||
@ -1284,7 +1289,7 @@ label[for="checkbox-login"]:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: #3a83f0;
|
||||
border: 1px solid transparent;
|
||||
border-bottom: transparent;
|
||||
@ -1298,7 +1303,7 @@ label[for="checkbox-login"]:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: #00ffb8;
|
||||
border: 1px solid transparent;
|
||||
border-bottom: transparent;
|
||||
@ -1358,7 +1363,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
border-radius: 3px;
|
||||
}
|
||||
}
|
||||
@ -1488,7 +1493,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
@ -1518,7 +1523,7 @@ html {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
@ -1530,7 +1535,7 @@ body {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
@ -1542,7 +1547,7 @@ body {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
/*Top Header Part*/
|
||||
@ -1552,8 +1557,9 @@ body {
|
||||
|
||||
@-moz-document url-prefix() {
|
||||
.navbar-header {
|
||||
background: transparent !important;
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
background: transparent !important;
|
||||
}
|
||||
@ -1567,7 +1573,7 @@ body {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
.navbar-top-links>li>a {
|
||||
@ -1584,7 +1590,7 @@ body {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
/*Right panel*/
|
||||
@ -1596,7 +1602,7 @@ body {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
/*Bread Crumb*/
|
||||
@ -1606,19 +1612,21 @@ body {
|
||||
|
||||
/*Sidebar*/
|
||||
|
||||
@media (max-width: 767px){
|
||||
.show-sidebar .sidebar,
|
||||
.sidebar .sidebar-head {
|
||||
background: var(--modal-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;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
|
||||
.show-sidebar .sidebar,
|
||||
.sidebar .sidebar-head {
|
||||
background: var(--modal-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;
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
background: rgba(0, 0, 0, 0.26) !important;
|
||||
background-repeat: repeat, no-repeat;
|
||||
@ -1627,9 +1635,9 @@ body {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
|
||||
transition: max-width .2s cubic-bezier(.4,0,.2,1),background-color .2s ease-out;
|
||||
transition: max-width .2s cubic-bezier(.4, 0, .2, 1), background-color .2s ease-out;
|
||||
|
||||
}
|
||||
|
||||
@ -1638,7 +1646,7 @@ body {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.sidebar:hover{
|
||||
.sidebar:hover {
|
||||
background: var(--modal-bg-color) !important;
|
||||
background-repeat: repeat, no-repeat !important;
|
||||
background-attachment: fixed, fixed !important;
|
||||
@ -1646,8 +1654,8 @@ body {
|
||||
background-size: auto, cover !important;
|
||||
-webkit-background-size: auto, cover !important;
|
||||
-moz-background-size: auto, cover !important;
|
||||
-o-background-size: auto, cover !important;
|
||||
transition: max-width .2s cubic-bezier(.4,0,.2,1),background-color .2s ease-out;
|
||||
-o-background-size: auto, cover !important;
|
||||
transition: max-width .2s cubic-bezier(.4, 0, .2, 1), background-color .2s ease-out;
|
||||
}
|
||||
|
||||
.sidebar .label-custom {
|
||||
@ -1695,6 +1703,7 @@ body {
|
||||
.user-profile .user-pro-body .u-dropdown {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.drop-title {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
@ -1730,10 +1739,11 @@ body {
|
||||
}
|
||||
|
||||
.bg-org:not([id="menu-"]div):not(.panel-heading) {
|
||||
background: var(--main-bg-color) !important;;
|
||||
background: var(--main-bg-color) !important;
|
||||
;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
/*Button*/
|
||||
@ -1791,7 +1801,7 @@ body {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
.table tbody tr.advance-table-row.active,
|
||||
@ -1845,7 +1855,7 @@ body {
|
||||
|
||||
.login-box,
|
||||
.white-box,
|
||||
body > div.mfp-wrap.mfp-auto-cursor.mfp-zoom-out.mfp-ready > div > div.mfp-content > div > div > div:nth-child(2) {
|
||||
body>div.mfp-wrap.mfp-auto-cursor.mfp-zoom-out.mfp-ready>div>div.mfp-content>div>div>div:nth-child(2) {
|
||||
background: var(--modal-bg-color);
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
@ -1853,25 +1863,27 @@ body > div.mfp-wrap.mfp-auto-cursor.mfp-zoom-out.mfp-ready > div > div.mfp-conte
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
body > div.mfp-wrap.mfp-auto-cursor.mfp-zoom-out.mfp-ready > div > div.mfp-content > div > div > div.white-box.m-b-0.bg-info > h3 {
|
||||
|
||||
body>div.mfp-wrap.mfp-auto-cursor.mfp-zoom-out.mfp-ready>div>div.mfp-content>div>div>div.white-box.m-b-0.bg-info>h3 {
|
||||
color: var(--label-text-color) !important;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
.orgErrorAlert {
|
||||
min-width: 478px;
|
||||
width: calc(100% - 40px);
|
||||
max-width: 1200px;
|
||||
background-color: var(--modal-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;
|
||||
}
|
||||
.orgErrorAlert {
|
||||
min-width: 478px;
|
||||
width: calc(100% - 40px);
|
||||
max-width: 1200px;
|
||||
background-color: var(--modal-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;
|
||||
}
|
||||
}
|
||||
|
||||
/* #mediaSearch-area>div>div,
|
||||
@ -1888,7 +1900,7 @@ body>div.mfp-wrap.mfp-auto-cursor.mfp-zoom-out.mfp-ready>div>div.mfp-content>div
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
.panel {
|
||||
@ -1921,7 +1933,7 @@ input,
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
.tabs-style-flip nav li.tab-current a {
|
||||
@ -1957,7 +1969,7 @@ input,
|
||||
}
|
||||
|
||||
|
||||
#account-area > div > div > div > div > div.panel-wrapper.collapse.in.main-email-panel > div {
|
||||
#account-area>div>div>div>div>div.panel-wrapper.collapse.in.main-email-panel>div {
|
||||
background: var(--modal-bg-color);
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
@ -1965,7 +1977,7 @@ input,
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
.tab-content .panel .panel-body,
|
||||
@ -2021,7 +2033,7 @@ a.mytooltip {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
padding: 20px 30px;
|
||||
text-align: left;
|
||||
max-width: 75%;
|
||||
|
@ -22,7 +22,7 @@ body {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: var(--text)
|
||||
}
|
||||
|
||||
@ -45,17 +45,19 @@ h4,
|
||||
h5,
|
||||
h6,
|
||||
.person--details p,
|
||||
.text-wrap > p,
|
||||
.text-wrap>p,
|
||||
.card .text-wrap .title,
|
||||
.main-title,
|
||||
.media-details .media-title, .single-title,
|
||||
.media-details .media-title,
|
||||
.single-title,
|
||||
.sub-title,
|
||||
.sub-title, .widget--title,
|
||||
.sub-title,
|
||||
.widget--title,
|
||||
.settings--menu--item p {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
.card .text-wrap > p {
|
||||
.card .text-wrap>p {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
@ -66,6 +68,7 @@ h6,
|
||||
.settings--menu--item.active {
|
||||
border-bottom: 1px solid rgb(var(--accent-color));
|
||||
}
|
||||
|
||||
.settings--menu--item:hover {
|
||||
border-bottom: 1px solid var(--text-hover);
|
||||
}
|
||||
@ -90,7 +93,7 @@ h6,
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
}
|
||||
|
||||
@ -101,7 +104,7 @@ h6,
|
||||
}
|
||||
|
||||
@media (max-width: 991.98px) {
|
||||
.menu {
|
||||
.menu {
|
||||
background: var(--modal-bg-color);
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
@ -109,7 +112,7 @@ h6,
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
}
|
||||
|
||||
@ -121,7 +124,7 @@ h6,
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
.menu--item.active {
|
||||
@ -166,8 +169,8 @@ h6,
|
||||
.sidebar--item:hover .icon svg path,
|
||||
.menu--item:hover p,
|
||||
.menu--item:hover .icon svg path {
|
||||
color: rgb(var(--accent-color));
|
||||
fill: rgb(var(--accent-color));
|
||||
color: rgb(var(--accent-color));
|
||||
fill: rgb(var(--accent-color));
|
||||
}
|
||||
|
||||
.sidebar--item .icon svg path,
|
||||
@ -202,6 +205,7 @@ p a:hover,
|
||||
.widget--item hr {
|
||||
background: rgb(255 255 255 / 50%);
|
||||
}
|
||||
|
||||
.widget--item--inner,
|
||||
.sr--instance--inner {
|
||||
background: hsl(0deg 0% 0% / 15%);
|
||||
@ -321,14 +325,15 @@ code {
|
||||
}
|
||||
|
||||
/* Keep Plex Button Color*/
|
||||
#root > div > div.login-wrap > div.login--inner > form > div:nth-child(7) > button,
|
||||
#root > div > div.view > div > div > div.settings--content > section:nth-child(2) > button:nth-child(3) {
|
||||
#root>div>div.login-wrap>div.login--inner>form>div:nth-child(7)>button,
|
||||
#root>div>div.view>div>div>div.settings--content>section:nth-child(2)>button:nth-child(3) {
|
||||
background: #d79b23;
|
||||
border: 2px solid #d79b23;
|
||||
color: #000;
|
||||
}
|
||||
#root > div > div.login-wrap > div.login--inner > form > div:nth-child(7) > button:hover,
|
||||
#root > div > div.view > div > div > div.settings--content > section:nth-child(2) > button:nth-child(3):hover {
|
||||
|
||||
#root>div>div.login-wrap>div.login--inner>form>div:nth-child(7)>button:hover,
|
||||
#root>div>div.view>div>div>div.settings--content>section:nth-child(2)>button:nth-child(3):hover {
|
||||
background: #ab7b1c;
|
||||
border-color: #ab7b1c;
|
||||
}
|
||||
@ -418,7 +423,7 @@ thead {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
.modal--top,
|
||||
@ -431,7 +436,7 @@ thead {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
/* FORMS & INPUTS */
|
||||
|
@ -1,125 +1,161 @@
|
||||
/* 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 */
|
||||
/* 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 */
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
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: #eee !important;
|
||||
}
|
||||
a {
|
||||
color: var(--link-color);
|
||||
}
|
||||
a:hover, a:active, a:focus,
|
||||
.treeview-menu > li.active > a, .treeview-menu > li > a:hover {
|
||||
color: var(--accent-color) !important;
|
||||
}
|
||||
h4 {
|
||||
color: var(--accent-color);
|
||||
}
|
||||
/* Donate dropdown */
|
||||
.skin-blue .main-header li.user-header {
|
||||
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;
|
||||
}
|
||||
.dropdown-menu {
|
||||
box-shadow: none;
|
||||
border-color: rgba(0, 0, 0, .25);
|
||||
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;
|
||||
}
|
||||
.navbar-nav>.user-menu>.dropdown-menu>.user-body {
|
||||
padding: 15px;
|
||||
border-bottom: 1px solid rgba(255, 255, 255, .25);
|
||||
border-top: 1px solid rgba(255, 255, 255, .25);
|
||||
background-color: rgba(255, 255, 255, .2) !important;
|
||||
}
|
||||
.navbar-nav>.user-menu>.dropdown-menu>.user-body a {
|
||||
color: white !important;
|
||||
}
|
||||
.navbar-nav>.user-menu>.dropdown-menu>.user-footer {
|
||||
background-color: transparent;
|
||||
}
|
||||
/* Header */
|
||||
.skin-blue .main-header .navbar, .skin-blue .main-header .logo,
|
||||
.main-header .navbar,.main-header .logo {
|
||||
background-color: rgba(0, 0, 0, .25);
|
||||
}
|
||||
.skin-blue .main-header .logo:hover, .skin-blue .main-header .navbar .sidebar-toggle:hover,
|
||||
.sidebar-menu > li:hover > a, .sidebar-menu > li.active > a {
|
||||
background-color: rgba(255, 255, 255, .05);
|
||||
color: white !important;
|
||||
}
|
||||
/* Footer */
|
||||
.main-footer {
|
||||
background: rgba(0, 0, 0, .25);
|
||||
color: #eee;
|
||||
border-top: 1px solid rgb(255 255 255 / 20%);
|
||||
}
|
||||
/* Side bar */
|
||||
.skin-blue .sidebar a {
|
||||
color: #eee;
|
||||
}
|
||||
.skin-blue .sidebar a:hover {
|
||||
color: white !important;
|
||||
}
|
||||
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side,
|
||||
.wrapper, .main-sidebar, .left-side {
|
||||
background-color: rgba(0, 0, 0, .25) !important;
|
||||
}
|
||||
.skin-blue .sidebar-menu>li.header,
|
||||
.sidebar-menu > li.header {
|
||||
color: white;
|
||||
background: rgba(0, 0, 0, .2);
|
||||
}
|
||||
.treeview-menu > li > a {
|
||||
color: #eee !important;
|
||||
}
|
||||
.sidebar-menu > li > .treeview-menu {
|
||||
background-color: rgb(0 0 0 / 25%);
|
||||
}
|
||||
/* Menus */
|
||||
.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a,
|
||||
.sidebar-menu > li:hover > a, .sidebar-menu > li.active > a {
|
||||
color: #fff;
|
||||
background: rgba(0, 0, 0, .1);
|
||||
border-left-color: var(--accent-color);
|
||||
}
|
||||
.skin-blue .sidebar-menu>li>.treeview-menu {
|
||||
background: rgba(0, 0, 0, .25);
|
||||
}
|
||||
.skin-blue .treeview-menu>li>a {
|
||||
color: #eee;
|
||||
}
|
||||
/* Collapsed menu hover*/
|
||||
@media (min-width: 768px) {
|
||||
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right), .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
|
||||
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: #eee !important;
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--link-color);
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:active,
|
||||
a:focus,
|
||||
.treeview-menu>li.active>a,
|
||||
.treeview-menu>li>a:hover {
|
||||
color: var(--accent-color) !important;
|
||||
}
|
||||
|
||||
h4 {
|
||||
color: var(--accent-color);
|
||||
}
|
||||
|
||||
/* Donate dropdown */
|
||||
.skin-blue .main-header li.user-header {
|
||||
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;
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
box-shadow: none;
|
||||
border-color: rgba(0, 0, 0, .25);
|
||||
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;
|
||||
}
|
||||
|
||||
.navbar-nav>.user-menu>.dropdown-menu>.user-body {
|
||||
padding: 15px;
|
||||
border-bottom: 1px solid rgba(255, 255, 255, .25);
|
||||
border-top: 1px solid rgba(255, 255, 255, .25);
|
||||
background-color: rgba(255, 255, 255, .2) !important;
|
||||
}
|
||||
|
||||
.navbar-nav>.user-menu>.dropdown-menu>.user-body a {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
.navbar-nav>.user-menu>.dropdown-menu>.user-footer {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/* Header */
|
||||
.skin-blue .main-header .navbar,
|
||||
.skin-blue .main-header .logo,
|
||||
.main-header .navbar,
|
||||
.main-header .logo {
|
||||
background-color: rgba(0, 0, 0, .25);
|
||||
}
|
||||
|
||||
.skin-blue .main-header .logo:hover,
|
||||
.skin-blue .main-header .navbar .sidebar-toggle:hover,
|
||||
.sidebar-menu>li:hover>a,
|
||||
.sidebar-menu>li.active>a {
|
||||
background-color: rgba(255, 255, 255, .05);
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
.main-footer {
|
||||
background: rgba(0, 0, 0, .25);
|
||||
color: #eee;
|
||||
border-top: 1px solid rgb(255 255 255 / 20%);
|
||||
}
|
||||
|
||||
/* Side bar */
|
||||
.skin-blue .sidebar a {
|
||||
color: #eee;
|
||||
}
|
||||
|
||||
.skin-blue .sidebar a:hover {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
.skin-blue .wrapper,
|
||||
.skin-blue .main-sidebar,
|
||||
.skin-blue .left-side,
|
||||
.wrapper,
|
||||
.main-sidebar,
|
||||
.left-side {
|
||||
background-color: rgba(0, 0, 0, .25) !important;
|
||||
}
|
||||
|
||||
.skin-blue .sidebar-menu>li.header,
|
||||
.sidebar-menu>li.header {
|
||||
color: white;
|
||||
background: rgba(0, 0, 0, .2);
|
||||
}
|
||||
|
||||
.treeview-menu>li>a {
|
||||
color: #eee !important;
|
||||
}
|
||||
|
||||
.sidebar-menu>li>.treeview-menu {
|
||||
background-color: rgb(0 0 0 / 25%);
|
||||
}
|
||||
|
||||
/* Menus */
|
||||
.skin-blue .sidebar-menu>li:hover>a,
|
||||
.skin-blue .sidebar-menu>li.active>a,
|
||||
.sidebar-menu>li:hover>a,
|
||||
.sidebar-menu>li.active>a {
|
||||
color: #fff;
|
||||
background: rgba(0, 0, 0, .1);
|
||||
border-left-color: var(--accent-color);
|
||||
}
|
||||
|
||||
.skin-blue .sidebar-menu>li>.treeview-menu {
|
||||
background: rgba(0, 0, 0, .25);
|
||||
}
|
||||
|
||||
.skin-blue .treeview-menu>li>a {
|
||||
color: #eee;
|
||||
}
|
||||
|
||||
/* Collapsed menu hover*/
|
||||
@media (min-width: 768px) {
|
||||
|
||||
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right),
|
||||
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
|
||||
background: var(--main-bg-color);
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
@ -127,55 +163,68 @@ a:hover, a:active, a:focus,
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: #eee;
|
||||
}
|
||||
}
|
||||
/* Pages */
|
||||
/*Background*/
|
||||
.content-wrapper, .right-side {
|
||||
background-color: 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;
|
||||
}
|
||||
.page-header>small {
|
||||
color: #ddd;
|
||||
}
|
||||
.main-footer .nav-tabs, .nav-tabs-custom .nav-tabs {
|
||||
background-color: rgb(0 0 0 / 0.25);
|
||||
border-bottom-color: rgb(255 255 255 / 15%);
|
||||
}
|
||||
.nav-tabs-custom>.nav-tabs>li:hover {
|
||||
background-color: rgba(255, 255, 255, .05);
|
||||
color: #eee;
|
||||
border-top-color: var(--accent-color);
|
||||
}
|
||||
.nav-tabs-custom > .nav-tabs > li:hover > a {
|
||||
background-color: rgba(255, 255, 255, .05);
|
||||
}
|
||||
/* Dashboard */
|
||||
/*Total Queries box */
|
||||
.box-header {
|
||||
color: white;
|
||||
}
|
||||
.box {
|
||||
background: rgba(0, 0, 0, .24);
|
||||
border-top: 3px solid #0000;
|
||||
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
|
||||
}
|
||||
.box-solid > .box-header, .box > .box-header {
|
||||
color: #eee;
|
||||
background-color: rgba(0, 0, 0, .25);
|
||||
}
|
||||
.box.box-warning {
|
||||
border-top-color: var(--accent-color);
|
||||
}
|
||||
/*
|
||||
}
|
||||
|
||||
/* Pages */
|
||||
/*Background*/
|
||||
.content-wrapper,
|
||||
.right-side {
|
||||
background-color: 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;
|
||||
}
|
||||
|
||||
.page-header>small {
|
||||
color: #ddd;
|
||||
}
|
||||
|
||||
.main-footer .nav-tabs,
|
||||
.nav-tabs-custom .nav-tabs {
|
||||
background-color: rgb(0 0 0 / 0.25);
|
||||
border-bottom-color: rgb(255 255 255 / 15%);
|
||||
}
|
||||
|
||||
.nav-tabs-custom>.nav-tabs>li:hover {
|
||||
background-color: rgba(255, 255, 255, .05);
|
||||
color: #eee;
|
||||
border-top-color: var(--accent-color);
|
||||
}
|
||||
|
||||
.nav-tabs-custom>.nav-tabs>li:hover>a {
|
||||
background-color: rgba(255, 255, 255, .05);
|
||||
}
|
||||
|
||||
/* Dashboard */
|
||||
/*Total Queries box */
|
||||
.box-header {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.box {
|
||||
background: rgba(0, 0, 0, .24);
|
||||
border-top: 3px solid #0000;
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.box-solid>.box-header,
|
||||
.box>.box-header {
|
||||
color: #eee;
|
||||
background-color: rgba(0, 0, 0, .25);
|
||||
}
|
||||
|
||||
.box.box-warning {
|
||||
border-top-color: var(--accent-color);
|
||||
}
|
||||
|
||||
/*
|
||||
.chart svg, .chart canvas, .chartjs-render-monitor, .chart-legend {
|
||||
-webkit-filter: invert(100%);
|
||||
filter: invert(100%);
|
||||
@ -188,228 +237,311 @@ a:hover, a:active, a:focus,
|
||||
filter: invert(100%);
|
||||
}
|
||||
*/
|
||||
/* Total queries box*/
|
||||
.small-box.bg-green {
|
||||
background-color: rgba(0, 166, 90, .45) !important;
|
||||
border-top: 3px solid var(--accent-color);
|
||||
}
|
||||
/* Queries blocked box*/
|
||||
.small-box.bg-aqua {
|
||||
background-color: rgba(0, 192, 239, .45) !important;
|
||||
border-top: 3px solid var(--accent-color);
|
||||
}
|
||||
/* Percent blocked box */
|
||||
.small-box.bg-yellow {
|
||||
background-color: rgba(243, 156, 18, .45) !important;
|
||||
border-top: 3px solid var(--accent-color);
|
||||
}
|
||||
/*Blocklist box*/
|
||||
.small-box.bg-red {
|
||||
background-color: rgba(221, 75, 57, .45) !important;
|
||||
border-top: 3px solid var(--accent-color);
|
||||
}
|
||||
.table-bordered {
|
||||
border: 1px solid #f4f4f41a !important;
|
||||
background: rgba(0, 0, 0, .1);
|
||||
}
|
||||
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
|
||||
border: 1px solid rgba(255, 255, 255, 0.15);
|
||||
}
|
||||
.table-striped>tbody>tr:nth-of-type(odd) {
|
||||
background-color:rgba(255, 255, 255, .1);
|
||||
}
|
||||
/* Query Log */
|
||||
.text-black {
|
||||
color: #eee!important;
|
||||
}
|
||||
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover,
|
||||
.dataTables_paginate .pagination li > a{
|
||||
color: rgba(238, 238, 238, .5);
|
||||
background-color: rgba(255, 255, 255, .1);
|
||||
border-color: #ddd0;
|
||||
}
|
||||
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover,
|
||||
.paginate_button .active #all-queries_wrapper .pagination > li > a{
|
||||
color: #fff;
|
||||
background-color: var(--button-color);
|
||||
border-color: var(--button-color);
|
||||
}
|
||||
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
|
||||
color: #fff !important;
|
||||
background-color: var(--button-color-hover);
|
||||
border-color: var(--button-color-hover);
|
||||
}
|
||||
.pagination>li>a {
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
color: #eee;
|
||||
border: 1px solid rgba(255, 255, 255, 0.07);
|
||||
}
|
||||
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
|
||||
color: rgb(255, 255, 255) !important;
|
||||
background-color: rgba(255, 255, 255, .25);
|
||||
border-color: rgba(255, 255, 255, 0.07);
|
||||
}
|
||||
/* Login */
|
||||
.panel-default {
|
||||
border-color: transparent;
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.panel-default>.panel-heading {
|
||||
color: #eee;
|
||||
background-color: inherit;
|
||||
border-color: transparent;
|
||||
}
|
||||
.panel, .panel-body, .panel-default > .panel-heading {
|
||||
background-color: rgb(0 0 0 / 25%);
|
||||
border-radius: 0px;
|
||||
border: 1px solid transparent;
|
||||
color: #bec5cb;
|
||||
}
|
||||
/* Total queries box*/
|
||||
.small-box.bg-green {
|
||||
background-color: rgba(0, 166, 90, .45) !important;
|
||||
border-top: 3px solid var(--accent-color);
|
||||
}
|
||||
|
||||
/* Blacklist */
|
||||
.nav-tabs-custom {
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.nav-tabs-custom>.tab-content {
|
||||
background: transparent;
|
||||
}
|
||||
.nav-tabs-custom>.nav-tabs>li.active {
|
||||
border-top-color: var(--accent-color);
|
||||
}
|
||||
.nav-tabs-custom>.nav-tabs>li.active>a {
|
||||
border-top-color: transparent;
|
||||
border-left-color: rgba(255, 255, 255, 0.1);
|
||||
border-right-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
.nav-tabs-custom>.nav-tabs>li.active>a, .nav-tabs-custom>.nav-tabs>li.active:hover>a {
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
color: #eee !important;
|
||||
}
|
||||
.nav-tabs-custom>.nav-tabs>li>a {
|
||||
color: #eee !important;
|
||||
border-radius: 0;
|
||||
}
|
||||
.input-group .input-group-addon {
|
||||
border-radius: 0;
|
||||
border-color: #d2d6de00;
|
||||
background-color: var(--accent-color);
|
||||
color: #eee;
|
||||
}
|
||||
/* Queries blocked box*/
|
||||
.small-box.bg-aqua {
|
||||
background-color: rgba(0, 192, 239, .45) !important;
|
||||
border-top: 3px solid var(--accent-color);
|
||||
}
|
||||
|
||||
/* Network */
|
||||
.table-striped>tbody>tr:nth-of-type(odd) {
|
||||
background-color:rgba(0, 0, 0, .25) !important;
|
||||
}
|
||||
.table-striped>tbody>tr:nth-of-type(even) {
|
||||
background-color:rgba(0, 0, 0, .5) !important;
|
||||
}
|
||||
#network-entries_wrapper.text-center {
|
||||
text-align: center;
|
||||
color: #eee !important;
|
||||
}
|
||||
/* Buttons */
|
||||
button,.btn-default {
|
||||
background-color:var(--button-color) !important;
|
||||
border:1px solid var(--button-color) !important;
|
||||
color: white !important;
|
||||
}
|
||||
.btn-primary:hover, .btn-primary:active, .btn-primary.hover {
|
||||
background-color: var(--button-color-hover) !important;
|
||||
}
|
||||
.btn-default:hover, .btn-default:active, .btn-default.hover {
|
||||
background-color: var(--button-color-hover) !important;
|
||||
}
|
||||
.box.box-solid>.box-header .btn:hover, .box.box-solid>.box-header a:hover {
|
||||
background: var(--button-color-hover) !important;
|
||||
border: 1px solid transparent !important
|
||||
}
|
||||
.box.box-solid.box-info>.box-header, .box.box-solid.box-info {
|
||||
color: #fff;
|
||||
background: var(--button-color) !important;
|
||||
border: 1px solid var(--button-color) !important;
|
||||
}
|
||||
.btn-danger {
|
||||
background-color: #dd4b39 !important;
|
||||
border-color: #d73925 !important;
|
||||
}
|
||||
.btn-danger:hover, .btn-danger:active, .btn-danger.hover {
|
||||
background-color: #d73925 !important;
|
||||
}
|
||||
.btn-warning {
|
||||
background-color: #f39c12 !important;
|
||||
border-color: #e08e0b !important;
|
||||
}
|
||||
.btn-warning:hover {
|
||||
color: #fff;
|
||||
background-color: #ec971f !important;
|
||||
border-color: #d58512 !important;
|
||||
}
|
||||
.icheck-primary>input:first-child:checked+input[type=hidden]+label::before, .icheck-primary>input:first-child:checked+label::before {
|
||||
background-color: var(--button-color) !important;
|
||||
border-color: var(--button-color) !important;
|
||||
}
|
||||
.icheck-primary>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before, .icheck-primary>input:first-child:not(:checked):not(:disabled):hover+label::before {
|
||||
border-color: var(--button-color) !important;
|
||||
}
|
||||
/* Input */
|
||||
input,.form-control,pre,.box-footer,.datatables_processing {
|
||||
background:#080909;
|
||||
border:1px solid #666;
|
||||
color:#b2b2b2;
|
||||
}
|
||||
.dataTables_wrapper input[type="search"] {
|
||||
background-color: #ffffff;
|
||||
color: #000000;
|
||||
}
|
||||
input,
|
||||
select,
|
||||
select.form-control,
|
||||
.form-group .input-group-addon,
|
||||
.input-group .input-group-addon,
|
||||
.form-group input,
|
||||
.input-group input,
|
||||
.form-group textarea,
|
||||
.input-group textarea,
|
||||
.daterangepicker select.hourselect,
|
||||
.daterangepicker select.minuteselect,
|
||||
.daterangepicker select.secondselect,
|
||||
.daterangepicker select.ampmselect,
|
||||
.form-control,
|
||||
div.dataTables_wrapper div.dataTables_length select {
|
||||
background-color: rgb(0 0 0 / 0.25);
|
||||
color: #eee;
|
||||
border: 1px solid rgb(255 255 255 / 15%);
|
||||
}
|
||||
.form-control:focus {
|
||||
border-color: rgb(255 255 255 / 0.25);
|
||||
box-shadow: none;
|
||||
}
|
||||
/* Scrollbar */
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 0px;
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
min-height: 50px;
|
||||
border: 3px solid transparent;
|
||||
border-radius: 8px;
|
||||
background-color: hsla(0,0%,100%,.2);
|
||||
background-clip: padding-box;
|
||||
}
|
||||
::-webkit-scrollbar-track {
|
||||
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;
|
||||
}
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
min-height: 50px;
|
||||
border: 3px solid transparent;
|
||||
border-radius: 8px;
|
||||
background-color: hsla(0,0%,100%,.5);
|
||||
background-clip: padding-box;
|
||||
}
|
||||
/* Percent blocked box */
|
||||
.small-box.bg-yellow {
|
||||
background-color: rgba(243, 156, 18, .45) !important;
|
||||
border-top: 3px solid var(--accent-color);
|
||||
}
|
||||
|
||||
/*Blocklist box*/
|
||||
.small-box.bg-red {
|
||||
background-color: rgba(221, 75, 57, .45) !important;
|
||||
border-top: 3px solid var(--accent-color);
|
||||
}
|
||||
|
||||
.table-bordered {
|
||||
border: 1px solid #f4f4f41a !important;
|
||||
background: rgba(0, 0, 0, .1);
|
||||
}
|
||||
|
||||
.table-bordered>thead>tr>th,
|
||||
.table-bordered>tbody>tr>th,
|
||||
.table-bordered>tfoot>tr>th,
|
||||
.table-bordered>thead>tr>td,
|
||||
.table-bordered>tbody>tr>td,
|
||||
.table-bordered>tfoot>tr>td {
|
||||
border: 1px solid rgba(255, 255, 255, 0.15);
|
||||
}
|
||||
|
||||
.table-striped>tbody>tr:nth-of-type(odd) {
|
||||
background-color: rgba(255, 255, 255, .1);
|
||||
}
|
||||
|
||||
/* Query Log */
|
||||
.text-black {
|
||||
color: #eee !important;
|
||||
}
|
||||
|
||||
.pagination>.disabled>a,
|
||||
.pagination>.disabled>a:focus,
|
||||
.pagination>.disabled>a:hover,
|
||||
.pagination>.disabled>span,
|
||||
.pagination>.disabled>span:focus,
|
||||
.pagination>.disabled>span:hover,
|
||||
.dataTables_paginate .pagination li>a {
|
||||
color: rgba(238, 238, 238, .5);
|
||||
background-color: rgba(255, 255, 255, .1);
|
||||
border-color: #ddd0;
|
||||
}
|
||||
|
||||
.pagination>.active>a,
|
||||
.pagination>.active>a:focus,
|
||||
.pagination>.active>a:hover,
|
||||
.pagination>.active>span,
|
||||
.pagination>.active>span:focus,
|
||||
.pagination>.active>span:hover,
|
||||
.paginate_button .active #all-queries_wrapper .pagination>li>a {
|
||||
color: #fff;
|
||||
background-color: var(--button-color);
|
||||
border-color: var(--button-color);
|
||||
}
|
||||
|
||||
.pagination>.active>a,
|
||||
.pagination>.active>a:focus,
|
||||
.pagination>.active>a:hover,
|
||||
.pagination>.active>span,
|
||||
.pagination>.active>span:focus,
|
||||
.pagination>.active>span:hover {
|
||||
color: #fff !important;
|
||||
background-color: var(--button-color-hover);
|
||||
border-color: var(--button-color-hover);
|
||||
}
|
||||
|
||||
.pagination>li>a {
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
color: #eee;
|
||||
border: 1px solid rgba(255, 255, 255, 0.07);
|
||||
}
|
||||
|
||||
.pagination>li>a:focus,
|
||||
.pagination>li>a:hover,
|
||||
.pagination>li>span:focus,
|
||||
.pagination>li>span:hover {
|
||||
color: rgb(255, 255, 255) !important;
|
||||
background-color: rgba(255, 255, 255, .25);
|
||||
border-color: rgba(255, 255, 255, 0.07);
|
||||
}
|
||||
|
||||
/* Login */
|
||||
.panel-default {
|
||||
border-color: transparent;
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
.panel-default>.panel-heading {
|
||||
color: #eee;
|
||||
background-color: inherit;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.panel,
|
||||
.panel-body,
|
||||
.panel-default>.panel-heading {
|
||||
background-color: rgb(0 0 0 / 25%);
|
||||
border-radius: 0px;
|
||||
border: 1px solid transparent;
|
||||
color: #bec5cb;
|
||||
}
|
||||
|
||||
/* Blacklist */
|
||||
.nav-tabs-custom {
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
.nav-tabs-custom>.tab-content {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.nav-tabs-custom>.nav-tabs>li.active {
|
||||
border-top-color: var(--accent-color);
|
||||
}
|
||||
|
||||
.nav-tabs-custom>.nav-tabs>li.active>a {
|
||||
border-top-color: transparent;
|
||||
border-left-color: rgba(255, 255, 255, 0.1);
|
||||
border-right-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.nav-tabs-custom>.nav-tabs>li.active>a,
|
||||
.nav-tabs-custom>.nav-tabs>li.active:hover>a {
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
color: #eee !important;
|
||||
}
|
||||
|
||||
.nav-tabs-custom>.nav-tabs>li>a {
|
||||
color: #eee !important;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.input-group .input-group-addon {
|
||||
border-radius: 0;
|
||||
border-color: #d2d6de00;
|
||||
background-color: var(--accent-color);
|
||||
color: #eee;
|
||||
}
|
||||
|
||||
/* Network */
|
||||
.table-striped>tbody>tr:nth-of-type(odd) {
|
||||
background-color: rgba(0, 0, 0, .25) !important;
|
||||
}
|
||||
|
||||
.table-striped>tbody>tr:nth-of-type(even) {
|
||||
background-color: rgba(0, 0, 0, .5) !important;
|
||||
}
|
||||
|
||||
#network-entries_wrapper.text-center {
|
||||
text-align: center;
|
||||
color: #eee !important;
|
||||
}
|
||||
|
||||
/* Buttons */
|
||||
button,
|
||||
.btn-default {
|
||||
background-color: var(--button-color) !important;
|
||||
border: 1px solid var(--button-color) !important;
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
.btn-primary:hover,
|
||||
.btn-primary:active,
|
||||
.btn-primary.hover {
|
||||
background-color: var(--button-color-hover) !important;
|
||||
}
|
||||
|
||||
.btn-default:hover,
|
||||
.btn-default:active,
|
||||
.btn-default.hover {
|
||||
background-color: var(--button-color-hover) !important;
|
||||
}
|
||||
|
||||
.box.box-solid>.box-header .btn:hover,
|
||||
.box.box-solid>.box-header a:hover {
|
||||
background: var(--button-color-hover) !important;
|
||||
border: 1px solid transparent !important
|
||||
}
|
||||
|
||||
.box.box-solid.box-info>.box-header,
|
||||
.box.box-solid.box-info {
|
||||
color: #fff;
|
||||
background: var(--button-color) !important;
|
||||
border: 1px solid var(--button-color) !important;
|
||||
}
|
||||
|
||||
.btn-danger {
|
||||
background-color: #dd4b39 !important;
|
||||
border-color: #d73925 !important;
|
||||
}
|
||||
|
||||
.btn-danger:hover,
|
||||
.btn-danger:active,
|
||||
.btn-danger.hover {
|
||||
background-color: #d73925 !important;
|
||||
}
|
||||
|
||||
.btn-warning {
|
||||
background-color: #f39c12 !important;
|
||||
border-color: #e08e0b !important;
|
||||
}
|
||||
|
||||
.btn-warning:hover {
|
||||
color: #fff;
|
||||
background-color: #ec971f !important;
|
||||
border-color: #d58512 !important;
|
||||
}
|
||||
|
||||
.icheck-primary>input:first-child:checked+input[type=hidden]+label::before,
|
||||
.icheck-primary>input:first-child:checked+label::before {
|
||||
background-color: var(--button-color) !important;
|
||||
border-color: var(--button-color) !important;
|
||||
}
|
||||
|
||||
.icheck-primary>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,
|
||||
.icheck-primary>input:first-child:not(:checked):not(:disabled):hover+label::before {
|
||||
border-color: var(--button-color) !important;
|
||||
}
|
||||
|
||||
/* Input */
|
||||
input,
|
||||
.form-control,
|
||||
pre,
|
||||
.box-footer,
|
||||
.datatables_processing {
|
||||
background: #080909;
|
||||
border: 1px solid #666;
|
||||
color: #b2b2b2;
|
||||
}
|
||||
|
||||
.dataTables_wrapper input[type="search"] {
|
||||
background-color: #ffffff;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
input,
|
||||
select,
|
||||
select.form-control,
|
||||
.form-group .input-group-addon,
|
||||
.input-group .input-group-addon,
|
||||
.form-group input,
|
||||
.input-group input,
|
||||
.form-group textarea,
|
||||
.input-group textarea,
|
||||
.daterangepicker select.hourselect,
|
||||
.daterangepicker select.minuteselect,
|
||||
.daterangepicker select.secondselect,
|
||||
.daterangepicker select.ampmselect,
|
||||
.form-control,
|
||||
div.dataTables_wrapper div.dataTables_length select {
|
||||
background-color: rgb(0 0 0 / 0.25);
|
||||
color: #eee;
|
||||
border: 1px solid rgb(255 255 255 / 15%);
|
||||
}
|
||||
|
||||
.form-control:focus {
|
||||
border-color: rgb(255 255 255 / 0.25);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
/* Scrollbar */
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 0px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
min-height: 50px;
|
||||
border: 3px solid transparent;
|
||||
border-radius: 8px;
|
||||
background-color: hsla(0, 0%, 100%, .2);
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
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;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
min-height: 50px;
|
||||
border: 3px solid transparent;
|
||||
border-radius: 8px;
|
||||
background-color: hsla(0, 0%, 100%, .5);
|
||||
background-clip: padding-box;
|
||||
}
|
@ -178,17 +178,20 @@ a[class*="MetadataTableRow-title-"]:hover {
|
||||
}
|
||||
|
||||
[class*="NavBarActivityButton-isHighlighted-"] [class*="NavBarActivityButton-activityIcon-"] {
|
||||
color: rgb(var(--accent-color));
|
||||
color: rgb(var(--accent-color));
|
||||
}
|
||||
|
||||
/* old plex web */
|
||||
.NavBarActivityButton-isHighlighted-2YqjDs .NavBarActivityButton-activityIcon-3gF_TD {
|
||||
background-color: rgb(var(--accent-color));
|
||||
color: var(--label-text-color);
|
||||
}
|
||||
|
||||
.NavBarActivityButton-isHighlighted-2YqjDs:hover .NavBarActivityButton-activityIcon-3gF_TD {
|
||||
background-color: var(--accent-color-hover);
|
||||
color: var(--label-text-color) !important;
|
||||
}
|
||||
|
||||
/* /old plex web */
|
||||
|
||||
[class*="NavBarActivityButton-isHighlighted-"]:hover [class*="NavBarActivityButton-activityIcon-"] {
|
||||
|
@ -1,4 +1,3 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
@ -12,28 +11,30 @@
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
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;
|
||||
background-color: transparent;
|
||||
color:hsla(0,0%,100%,.7)!important;
|
||||
font-family: Open Sans Bold,Helvetica Neue,Helvetica,Arial,sans-serif !important;
|
||||
font-size: 1.4em !important;
|
||||
overflow-y: auto;
|
||||
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;
|
||||
background-color: transparent;
|
||||
color: hsla(0, 0%, 100%, .7) !important;
|
||||
font-family: Open Sans Bold, Helvetica Neue, Helvetica, Arial, sans-serif !important;
|
||||
font-size: 1.4em !important;
|
||||
overflow-y: auto;
|
||||
height: 100%;
|
||||
}
|
||||
/* Scrollbar */
|
||||
@media only screen and (min-width: 768px) {
|
||||
|
||||
/* Scrollbar */
|
||||
@media only screen and (min-width: 768px) {
|
||||
html {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
body {
|
||||
overflow-y: auto;
|
||||
height: 100%;
|
||||
@ -44,29 +45,34 @@ body {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
}
|
||||
::-webkit-scrollbar {
|
||||
width: 14px;
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
min-height: 50px;
|
||||
border: 3px solid transparent;
|
||||
border-radius: 8px;
|
||||
background-color: hsla(0,0%,100%,.2);
|
||||
background-clip: padding-box;
|
||||
}
|
||||
::-webkit-scrollbar-track {
|
||||
background-color: transparent;
|
||||
}
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
min-height: 50px;
|
||||
border: 3px solid transparent;
|
||||
border-radius: 8px;
|
||||
background-color: hsla(0,0%,100%,.5);
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 14px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
min-height: 50px;
|
||||
border: 3px solid transparent;
|
||||
border-radius: 8px;
|
||||
background-color: hsla(0, 0%, 100%, .2);
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
min-height: 50px;
|
||||
border: 3px solid transparent;
|
||||
border-radius: 8px;
|
||||
background-color: hsla(0, 0%, 100%, .5);
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
legend {
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
|
||||
}
|
||||
@ -75,23 +81,175 @@ legend {
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
|
||||
.side-nav {
|
||||
background-color: rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
.navbar-inverse .navbar-nav > li > a {
|
||||
color: hsla(0,0%,100%,.7);
|
||||
|
||||
.navbar-inverse .navbar-nav>li>a {
|
||||
color: hsla(0, 0%, 100%, .7);
|
||||
}
|
||||
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
|
||||
background-color: hsla(0,0%,100%,.08);
|
||||
|
||||
.navbar-inverse .navbar-nav>li>a:hover,
|
||||
.navbar-inverse .navbar-nav>li>a:focus {
|
||||
background-color: hsla(0, 0%, 100%, .08);
|
||||
}
|
||||
.nav > li.selected > a {
|
||||
|
||||
.nav>li.selected>a {
|
||||
background-color: transparent;
|
||||
color: #f9be03 !important;
|
||||
}
|
||||
@media only screen and (max-width: 768px) {
|
||||
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
|
||||
border-color: transparent;
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
|
||||
.navbar-inverse .navbar-collapse,
|
||||
.navbar-inverse .navbar-form {
|
||||
border-color: transparent;
|
||||
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;
|
||||
}
|
||||
}
|
||||
|
||||
.breadcrumb>.active {
|
||||
text-transform: uppercase;
|
||||
text-transform: bold;
|
||||
}
|
||||
|
||||
.panel,
|
||||
.panel-default>.panel-heading,
|
||||
.breadcrumb>.active {
|
||||
background-color: transparent;
|
||||
border: transparent;
|
||||
color: inherit;
|
||||
font-size: 15px;
|
||||
font-family: Open Sans Bold, Helvetica Neue, Helvetica, Arial, sans-serif !important;
|
||||
line-height: 24px;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
.plpp_table.even:hover,
|
||||
.plpp_table.odd:hover {
|
||||
background-color: hsla(0, 0%, 100%, .08) !important;
|
||||
}
|
||||
|
||||
.panel-heading {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.plpp_thumbs_Title:hover,
|
||||
.plpp_slider_Title:hover,
|
||||
.plpp_thumbs_Episode_Title:hover,
|
||||
.plpp_slider_Episode_Title:hover,
|
||||
.plpp_thumbs_Season_Title:hover,
|
||||
.plpp_slider_Season_Title:hover,
|
||||
.plpp_thumbs_Show_Title:hover,
|
||||
.plpp_slider_Show_Title:hover,
|
||||
.plpp_thumbs_Artist:hover,
|
||||
.plpp_slider_Artist:hover,
|
||||
.plpp_thumbs_Year:hover,
|
||||
.plpp_thumbs_Episode_No:hover,
|
||||
.plpp_slider_Year:hover,
|
||||
.plpp_slider_Episode_no:hover,
|
||||
.plpp_thumbs_Track_no:hover,
|
||||
.plpp_slider_Track_no:hover,
|
||||
.plpp_thumbs_Episode_Count:hover,
|
||||
.plpp_slider_Episode_Count:hover,
|
||||
.plpp_thumbs_Track_Count:hover,
|
||||
.plpp_slider_Track_Count:hover,
|
||||
.plpp_thumbs_Dimensions:hover,
|
||||
.plpp_slider_Dimensions:hover,
|
||||
.plpp_thumbs_Duration:hover,
|
||||
.plpp_slider_Duration:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.img-rounded {
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.img-rounded:hover {
|
||||
border-radius: 0px;
|
||||
box-shadow: 0 0 0 2px #cc7b19;
|
||||
background: radial-gradient(farthest-corner at 50% 50%, rgba(50, 50, 50, .5) 50%, #323232 100%);
|
||||
opacity: .7;
|
||||
transition: linear .2s;
|
||||
}
|
||||
|
||||
.img-responsive,
|
||||
.thumbnail>img,
|
||||
.thumbnail a>img,
|
||||
.carousel-inner>.item>img,
|
||||
.carousel-inner>.item>a>img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
div.modal-content>div.modal-body>div.plpp_details_container>div.plpp_details_Thumbnail,
|
||||
div.plpp_details_Poster>.img-rounded {
|
||||
box-shadow: none;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
div.plpp_slider {
|
||||
margin: 2px 15px 10px 2px;
|
||||
}
|
||||
|
||||
table {
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
table,
|
||||
.table {
|
||||
color: hsla(0, 0%, 100%, .7);
|
||||
}
|
||||
|
||||
.table>thead>tr>th,
|
||||
.table>tbody>tr>th,
|
||||
.table>tfoot>tr>th,
|
||||
.table>thead>tr>td,
|
||||
.table>tbody>tr>td,
|
||||
.table>tfoot>tr>td {
|
||||
border-top: 1px solid rgba(255, 255, 255, .15);
|
||||
}
|
||||
|
||||
.table>thead>tr>th {
|
||||
vertical-align: bottom;
|
||||
border-bottom: 2px solid rgba(255, 255, 255, .15);
|
||||
}
|
||||
|
||||
.pagination>li>a,
|
||||
.pagination>li>span {
|
||||
color: #ffffff;
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
border: transparent;
|
||||
}
|
||||
|
||||
.pagination>.disabled>span,
|
||||
.pagination>.disabled>span:hover,
|
||||
.pagination>.disabled>span:focus,
|
||||
.pagination>.disabled>a,
|
||||
.pagination>.disabled>a:hover,
|
||||
.pagination>.disabled>a:focus {
|
||||
color: #BDBDBD;
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
border: transparent;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
/* Modal */
|
||||
.modal-header,
|
||||
div.modal-body,
|
||||
.modal-footer {
|
||||
border-bottom: 1px solid rgba(255, 255, 255, .15);
|
||||
background: var(--modal-bg-color);
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
@ -99,110 +257,28 @@ legend {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
}
|
||||
.breadcrumb > .active {
|
||||
text-transform: uppercase;
|
||||
text-transform: bold;
|
||||
}
|
||||
.panel, .panel-default > .panel-heading, .breadcrumb > .active {
|
||||
background-color: transparent;
|
||||
border: transparent;
|
||||
color: inherit;
|
||||
font-size: 15px;
|
||||
font-family: Open Sans Bold,Helvetica Neue,Helvetica,Arial,sans-serif !important;
|
||||
line-height: 24px;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
|
||||
}
|
||||
.plpp_table.even:hover, .plpp_table.odd:hover {
|
||||
background-color: hsla(0,0%,100%,.08) !important;
|
||||
}
|
||||
.panel-heading {
|
||||
font-weight: bold;
|
||||
}
|
||||
.plpp_thumbs_Title:hover, .plpp_slider_Title:hover, .plpp_thumbs_Episode_Title:hover,
|
||||
.plpp_slider_Episode_Title:hover, .plpp_thumbs_Season_Title:hover, .plpp_slider_Season_Title:hover,
|
||||
.plpp_thumbs_Show_Title:hover, .plpp_slider_Show_Title:hover, .plpp_thumbs_Artist:hover, .plpp_slider_Artist:hover,
|
||||
.plpp_thumbs_Year:hover, .plpp_thumbs_Episode_No:hover, .plpp_slider_Year:hover, .plpp_slider_Episode_no:hover,
|
||||
.plpp_thumbs_Track_no:hover, .plpp_slider_Track_no:hover, .plpp_thumbs_Episode_Count:hover, .plpp_slider_Episode_Count:hover,
|
||||
.plpp_thumbs_Track_Count:hover, .plpp_slider_Track_Count:hover, .plpp_thumbs_Dimensions:hover, .plpp_slider_Dimensions:hover,
|
||||
.plpp_thumbs_Duration:hover, .plpp_slider_Duration:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.img-rounded {
|
||||
border-radius: 0px;
|
||||
}
|
||||
.img-rounded:hover {
|
||||
border-radius: 0px;
|
||||
box-shadow: 0 0 0 2px #cc7b19;
|
||||
background: radial-gradient(farthest-corner at 50% 50%,rgba(50,50,50,.5) 50%,#323232 100%);
|
||||
opacity: .7;
|
||||
transition: linear .2s;
|
||||
}
|
||||
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
|
||||
width: 100%;
|
||||
}
|
||||
div.modal-content > div.modal-body > div.plpp_details_container > div.plpp_details_Thumbnail, div.plpp_details_Poster > .img-rounded {
|
||||
box-shadow: none;
|
||||
opacity: 1;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
div.plpp_slider {
|
||||
margin: 2px 15px 10px 2px;
|
||||
}
|
||||
table {
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
table, .table {
|
||||
color: hsla(0,0%,100%,.7);
|
||||
}
|
||||
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
|
||||
border-top: 1px solid rgba(255,255,255,.15);
|
||||
}
|
||||
.table > thead > tr > th {
|
||||
vertical-align: bottom;
|
||||
border-bottom: 2px solid rgba(255,255,255,.15);
|
||||
}
|
||||
.pagination > li > a, .pagination > li > span {
|
||||
color: #ffffff;
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
border: transparent;
|
||||
}
|
||||
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
|
||||
color: #BDBDBD;
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
border: transparent;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
/* Modal */
|
||||
.modal-header, div.modal-body, .modal-footer {
|
||||
border-bottom: 1px solid rgba(255,255,255,.15);
|
||||
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;
|
||||
}
|
||||
/* Buttons */
|
||||
.btn-default {
|
||||
background-color: var(--button-color);
|
||||
border-color: transparent;
|
||||
}
|
||||
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
|
||||
|
||||
.btn-default:hover,
|
||||
.btn-default:focus,
|
||||
.btn-default:active,
|
||||
.btn-default.active,
|
||||
.open .dropdown-toggle.btn-default {
|
||||
background-color: var(--button-color-hover);
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.modal-header .close {
|
||||
color: #dadada;
|
||||
color: #dadada;
|
||||
}
|
||||
|
||||
.modal-header .close:hover {
|
||||
color: #fff;
|
||||
}
|
||||
color: #fff;
|
||||
}
|
@ -116,7 +116,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: var(--text-hover);
|
||||
border-bottom: 1px solid rgb(var(--accent-color));
|
||||
}
|
||||
@ -129,7 +129,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
@ -141,7 +141,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: #fff;
|
||||
border-top: 1px solid rgb(var(--accent-color));
|
||||
}
|
||||
@ -214,7 +214,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: #fff !important;
|
||||
box-shadow: 0 0 10px 1px transparent !important;
|
||||
}
|
||||
@ -242,7 +242,7 @@ a:hover {
|
||||
}
|
||||
|
||||
[class*="PageSidebarItem-isActiveLink-"],
|
||||
[class*="PageSidebarItem-isActiveLink-"]:hover,
|
||||
[class*="PageSidebarItem-isActiveLink-"]:hover,
|
||||
[class*="PageSidebarItem-link-"]:focus {
|
||||
color: rgb(var(--accent-color)) !important;
|
||||
}
|
||||
@ -260,7 +260,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
}
|
||||
|
||||
@ -380,7 +380,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
[class*="Tooltip-tooltipContainer-"] {
|
||||
@ -516,7 +516,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
@ -563,9 +563,10 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
[class*="EnhancedSelectInputOption-isSelected-"],
|
||||
[class*="EnhancedSelectInputOption-isSelected-"]:hover {
|
||||
background-color: rgba(255, 255, 255, 0.20) !important;
|
||||
@ -656,6 +657,7 @@ a:hover {
|
||||
input::-webkit-input-placeholder {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
input:focus::-webkit-input-placeholder {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
@ -664,6 +666,7 @@ input:focus::-webkit-input-placeholder {
|
||||
input:-moz-placeholder {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
input:focus:-moz-placeholder {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
@ -672,6 +675,7 @@ input:focus:-moz-placeholder {
|
||||
input::-moz-placeholder {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
input:focus::-moz-placeholder {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
@ -680,6 +684,7 @@ input:focus::-moz-placeholder {
|
||||
input:-ms-input-placeholder {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
input:focus:-ms-input-placeholder {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
@ -711,7 +716,7 @@ input:focus:-ms-input-placeholder {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: white;
|
||||
}
|
||||
|
||||
@ -1057,12 +1062,14 @@ input[type=password] {
|
||||
background-color: var(--button-color);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
border-color: var(--button-color-hover);
|
||||
background-color: var(--button-color-hover);
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.form-input:focus {
|
||||
outline: 0;
|
||||
border-color: #fff;
|
||||
@ -1085,10 +1092,10 @@ input[type=password] {
|
||||
|
||||
/* ChartJS */
|
||||
[class*="Stats-fullWidthChart-"],
|
||||
[class*="Stats-halfWidthChart-"]{
|
||||
background: rgba(0, 0, 0, .25) !important;
|
||||
[class*="Stats-halfWidthChart-"] {
|
||||
background: rgba(0, 0, 0, .25) !important;
|
||||
}
|
||||
|
||||
canvas {
|
||||
filter: invert(1)
|
||||
}
|
||||
filter: invert(1)
|
||||
}
|
@ -41,7 +41,7 @@ body {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
#desktop {
|
||||
@ -52,7 +52,7 @@ body {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
input:disabled {
|
||||
@ -236,7 +236,7 @@ label {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
#desktopNavbar li ul li a {
|
||||
@ -251,7 +251,7 @@ label {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
#desktopFooter {
|
||||
@ -300,19 +300,22 @@ label {
|
||||
}
|
||||
|
||||
.dynamicTable tbody tr.selected {
|
||||
background-color: rgba(var(--accent-color),0.6) !important;
|
||||
background-color: rgba(var(--accent-color), 0.6) !important;
|
||||
color: var(--label-text-color);
|
||||
}
|
||||
|
||||
.dynamicTable th.sorted.reverse {
|
||||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/qbittorrent/go-down.png) !important;
|
||||
}
|
||||
|
||||
.dynamicTable th.sorted {
|
||||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/qbittorrent/go-up.png) !important;
|
||||
background-size: 9px !important;
|
||||
background-position: right !important;
|
||||
background-repeat: no-repeat !important;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.panel {
|
||||
background: var(--main-bg-color);
|
||||
background-repeat: repeat, no-repeat;
|
||||
@ -321,7 +324,7 @@ label {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
border-bottom: 1px solid transparent;
|
||||
}
|
||||
|
||||
@ -403,7 +406,7 @@ li.divider {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
.contextMenu li a {
|
||||
@ -414,9 +417,8 @@ li.divider {
|
||||
background-color: rgba(255, 255, 255, .08) !important;
|
||||
color: var(--text-hover);
|
||||
}
|
||||
.contextMenu li a:hover {
|
||||
|
||||
}
|
||||
.contextMenu li a:hover {}
|
||||
|
||||
.contextMenu li ul {
|
||||
border: 1px solid transparent;
|
||||
@ -427,7 +429,7 @@ li.divider {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
.contextMenu .separator {
|
||||
@ -436,7 +438,7 @@ li.divider {
|
||||
|
||||
/* Sidemenu */
|
||||
.selectedFilter {
|
||||
background-color: rgba(var(--accent-color),0.6);
|
||||
background-color: rgba(var(--accent-color), 0.6);
|
||||
color: #eee;
|
||||
}
|
||||
|
||||
@ -445,7 +447,7 @@ li.divider {
|
||||
}
|
||||
|
||||
ul.filterList li:hover {
|
||||
background-color: rgba(var(--accent-color),0.6);
|
||||
background-color: rgba(var(--accent-color), 0.6);
|
||||
color: var(--button-color-hover) !important;
|
||||
}
|
||||
|
||||
@ -567,7 +569,7 @@ fieldset {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
.mochaToolbarWrapper {
|
||||
@ -1778,7 +1780,8 @@ img[src="icons/checking.svg"] {
|
||||
|
||||
.contextMenu li a.arrow-right,
|
||||
.contextMenu li a:hover.arrow-right,
|
||||
.contextMenu li a.arrow-right, .contextMenu li a:hover.arrow-right {
|
||||
.contextMenu li a.arrow-right,
|
||||
.contextMenu li a:hover.arrow-right {
|
||||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/qbittorrent/arrow-right.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: right center;
|
||||
|
@ -116,7 +116,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: var(--text-hover);
|
||||
border-bottom: 1px solid rgb(var(--accent-color));
|
||||
}
|
||||
@ -129,7 +129,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
@ -141,7 +141,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: #fff;
|
||||
border-top: 1px solid rgb(var(--accent-color));
|
||||
}
|
||||
@ -213,7 +213,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: #fff !important;
|
||||
box-shadow: 0 0 10px 1px transparent !important;
|
||||
}
|
||||
@ -241,7 +241,7 @@ a:hover {
|
||||
}
|
||||
|
||||
[class*="PageSidebarItem-isActiveLink-"],
|
||||
[class*="PageSidebarItem-isActiveLink-"]:hover,
|
||||
[class*="PageSidebarItem-isActiveLink-"]:hover,
|
||||
[class*="PageSidebarItem-link-"]:focus {
|
||||
color: rgb(var(--accent-color)) !important;
|
||||
}
|
||||
@ -259,7 +259,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
}
|
||||
|
||||
@ -272,6 +272,7 @@ a:hover {
|
||||
[class*="MovieIndexPoster-controls-"] {
|
||||
background-color: rgb(var(--accent-color)) !important;
|
||||
}
|
||||
|
||||
[class*="MovieTitlesTableContent-blankpad-"],
|
||||
[class*="ExtraFileTableContent-blankpad-"],
|
||||
[class*="MovieHistoryTableContent-blankpad-"] {
|
||||
@ -380,7 +381,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
[class*="Tooltip-tooltipContainer-"] {
|
||||
@ -405,7 +406,7 @@ a:hover {
|
||||
}
|
||||
|
||||
[class*="Label-default-"] [class*="IconButton-button-"],
|
||||
[class*="Label-small-"] [class*="IconButton-button-"]:hover {
|
||||
[class*="Label-small-"] [class*="IconButton-button-"]:hover {
|
||||
color: var(--label-text-color);
|
||||
}
|
||||
|
||||
@ -521,7 +522,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
@ -568,9 +569,10 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
[class*="EnhancedSelectInputOption-isSelected-"],
|
||||
[class*="EnhancedSelectInputOption-isSelected-"]:hover {
|
||||
background-color: rgba(255, 255, 255, 0.20) !important;
|
||||
@ -630,7 +632,7 @@ a:hover {
|
||||
|
||||
[class*="PageContentBody-innerContentBody-"],
|
||||
[class*="PageContentBody-contentBody-"],
|
||||
.react-tabs__tab-panel .react-tabs__tab-panel--selected > div {
|
||||
.react-tabs__tab-panel .react-tabs__tab-panel--selected>div {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
@ -663,6 +665,7 @@ a:hover {
|
||||
input::-webkit-input-placeholder {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
input:focus::-webkit-input-placeholder {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
@ -671,6 +674,7 @@ input:focus::-webkit-input-placeholder {
|
||||
input:-moz-placeholder {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
input:focus:-moz-placeholder {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
@ -679,6 +683,7 @@ input:focus:-moz-placeholder {
|
||||
input::-moz-placeholder {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
input:focus::-moz-placeholder {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
@ -687,6 +692,7 @@ input:focus::-moz-placeholder {
|
||||
input:-ms-input-placeholder {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
input:focus:-ms-input-placeholder {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
@ -718,7 +724,7 @@ input:focus:-ms-input-placeholder {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: white;
|
||||
}
|
||||
|
||||
@ -1057,12 +1063,14 @@ input[type=password] {
|
||||
background-color: var(--button-color);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
border-color: var(--button-color-hover);
|
||||
background-color: var(--button-color-hover);
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.form-input:focus {
|
||||
outline: 0;
|
||||
border-color: #fff;
|
||||
@ -1081,4 +1089,4 @@ input[type=password] {
|
||||
|
||||
[class*="SelectMovieModalContent-path-"] {
|
||||
color: var(--text);
|
||||
}
|
||||
}
|
@ -116,7 +116,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: var(--text-hover);
|
||||
border-bottom: 1px solid rgb(var(--accent-color));
|
||||
}
|
||||
@ -131,7 +131,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
@ -143,7 +143,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: #fff;
|
||||
border-top: 1px solid rgb(var(--accent-color));
|
||||
}
|
||||
@ -180,8 +180,8 @@ a:hover {
|
||||
}
|
||||
|
||||
[class*="CheckInput-primaryIsChecked-"] {
|
||||
border-color: rgb(var(--accent-color))!important;
|
||||
background-color: rgb(var(--accent-color))!important;
|
||||
border-color: rgb(var(--accent-color)) !important;
|
||||
background-color: rgb(var(--accent-color)) !important;
|
||||
color: var(--label-text-color) !important;
|
||||
}
|
||||
|
||||
@ -215,7 +215,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: #fff !important;
|
||||
box-shadow: 0 0 10px 1px transparent !important;
|
||||
}
|
||||
@ -253,7 +253,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
@ -287,9 +287,9 @@ a:hover {
|
||||
}
|
||||
|
||||
[class*="PageSidebarItem-isActiveLink-"],
|
||||
[class*="PageSidebarItem-isActiveLink-"]:hover,
|
||||
[class*="PageSidebarItem-isActiveLink-"]:hover,
|
||||
[class*="PageSidebarItem-link-"]:focus {
|
||||
color: rgb(var(--accent-color))!important;
|
||||
color: rgb(var(--accent-color)) !important;
|
||||
}
|
||||
|
||||
[class*="PageSidebarItem-isActiveParentLink-"] {
|
||||
@ -305,7 +305,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
}
|
||||
|
||||
@ -437,7 +437,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
[class*="Tooltip-tooltipContainer-"] {
|
||||
@ -462,7 +462,7 @@ a:hover {
|
||||
}
|
||||
|
||||
[class*="Label-default-"] [class*="IconButton-button-"],
|
||||
[class*="Label-small-"] [class*="IconButton-button-"]:hover {
|
||||
[class*="Label-small-"] [class*="IconButton-button-"]:hover {
|
||||
color: var(--label-text-color);
|
||||
}
|
||||
|
||||
@ -571,7 +571,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
@ -675,7 +675,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: #FFF;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
@ -692,6 +692,7 @@ a:hover {
|
||||
input::-webkit-input-placeholder {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
input:focus::-webkit-input-placeholder {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
@ -700,6 +701,7 @@ input:focus::-webkit-input-placeholder {
|
||||
input:-moz-placeholder {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
input:focus:-moz-placeholder {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
@ -708,6 +710,7 @@ input:focus:-moz-placeholder {
|
||||
input::-moz-placeholder {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
input:focus::-moz-placeholder {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
@ -716,6 +719,7 @@ input:focus::-moz-placeholder {
|
||||
input:-ms-input-placeholder {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
input:focus:-ms-input-placeholder {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
@ -860,7 +864,7 @@ input:focus:-ms-input-placeholder {
|
||||
}
|
||||
|
||||
/* SETTINGS */
|
||||
[class*="Settings-link-"]{
|
||||
[class*="Settings-link-"] {
|
||||
color: var(--text-hover);
|
||||
border-bottom: 1px solid rgb(var(--accent-color));
|
||||
}
|
||||
@ -1059,12 +1063,14 @@ input[type=password] {
|
||||
background-color: var(--button-color);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
border-color: var(--button-color-hover);
|
||||
background-color: var(--button-color-hover);
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.form-input:focus {
|
||||
outline: 0;
|
||||
border-color: #fff;
|
||||
@ -1186,4 +1192,4 @@ input[type=password] {
|
||||
/*Specific Book Page*/
|
||||
[class*="BookDetails-tab-"] {
|
||||
color: #FFF;
|
||||
}
|
||||
}
|
@ -1,4 +1,3 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
@ -21,8 +20,9 @@ body {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
.bg-default {
|
||||
background-color: var(--main-bg-color) !important;
|
||||
background-repeat: repeat, no-repeat;
|
||||
@ -31,79 +31,117 @@ body {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
|
||||
|
||||
.h1,
|
||||
.h2,
|
||||
.h3,
|
||||
.h4,
|
||||
.h5,
|
||||
.h6,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
color: var(--text-color);
|
||||
}
|
||||
.text-muted, .form-control-label {
|
||||
|
||||
.text-muted,
|
||||
.form-control-label {
|
||||
color: var(--text-color-faded) !important;
|
||||
}
|
||||
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
|
||||
|
||||
.navbar-light .navbar-nav .active>.nav-link,
|
||||
.navbar-light .navbar-nav .nav-link.active,
|
||||
.navbar-light .navbar-nav .nav-link.show,
|
||||
.navbar-light .navbar-nav .show>.nav-link {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.navbar-light .navbar-nav .nav-link {
|
||||
color: var(--text-color);
|
||||
}
|
||||
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
|
||||
|
||||
.navbar-light .navbar-nav .nav-link:focus,
|
||||
.navbar-light .navbar-nav .nav-link:hover {
|
||||
color: var(--text-color-faded);
|
||||
background: rgba(255, 255, 255, 0.08);
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.navbar-vertical.navbar-expand-md.fixed-left {
|
||||
left: 0;
|
||||
border-width: 0 1px 0 0;
|
||||
background: rgba(0, 0, 0, 0.25) !important;
|
||||
}
|
||||
.navbar-vertical.navbar-expand-md.fixed-left {
|
||||
left: 0;
|
||||
border-width: 0 1px 0 0;
|
||||
background: rgba(0, 0, 0, 0.25) !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767.98px) {
|
||||
.navbar-collapse.collapsing, .navbar-collapse.show {
|
||||
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;
|
||||
box-shadow: 0 50px 100px rgba(0, 0, 0, 0.1), 0 15px 35px rgba(0, 0, 0, 0.15), 0 5px 15px rgba(0,0,0,.1);
|
||||
}
|
||||
|
||||
.navbar-collapse.collapsing,
|
||||
.navbar-collapse.show {
|
||||
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;
|
||||
box-shadow: 0 50px 100px rgba(0, 0, 0, 0.1), 0 15px 35px rgba(0, 0, 0, 0.15), 0 5px 15px rgba(0, 0, 0, .1);
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767.98px) {
|
||||
.navbar-nav .nav-link {
|
||||
color: var(--text-color) !important;
|
||||
.navbar-nav .nav-link {
|
||||
color: var(--text-color) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
#sidenav-main > div > div > ul.mb-md-3.navbar-nav > li:nth-child(3) > a > i {
|
||||
|
||||
#sidenav-main>div>div>ul.mb-md-3.navbar-nav>li:nth-child(3)>a>i {
|
||||
color: white !important;
|
||||
}
|
||||
.card-profile-image img, .shadow,.navbar-vertical {
|
||||
|
||||
.card-profile-image img,
|
||||
.shadow,
|
||||
.navbar-vertical {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.fade {
|
||||
-webkit-transition: opacity .15s linear;
|
||||
transition: opacity .15s linear;
|
||||
background: rgba(0, 0, 0, 0.15) !important;
|
||||
}
|
||||
|
||||
.bg-secondary {
|
||||
background-color: rgba(0, 0, 0, 0)!important;
|
||||
background-color: rgba(0, 0, 0, 0) !important;
|
||||
}
|
||||
|
||||
.bg-gradient-default {
|
||||
background: none !important;
|
||||
}
|
||||
.card-profile-image img, .shadow {
|
||||
box-shadow: 0 0 2rem 0 rgba(0,0,0,.15) !important;
|
||||
|
||||
.card-profile-image img,
|
||||
.shadow {
|
||||
box-shadow: 0 0 2rem 0 rgba(0, 0, 0, .15) !important;
|
||||
}
|
||||
.bg-white,.footer {
|
||||
|
||||
.bg-white,
|
||||
.footer {
|
||||
background-color: rgba(0, 0, 0, 0.25) !important;
|
||||
}
|
||||
|
||||
.footer {
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
/* Logo */
|
||||
|
||||
#sidenav-main > div > a::before {
|
||||
#sidenav-main>div>a::before {
|
||||
content: "";
|
||||
background: url('../static/media/requestrr.1e4722c9.svg') no-repeat;
|
||||
background-size: 200px;
|
||||
@ -111,82 +149,106 @@ body {
|
||||
height: 36px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.navbar-brand-img {
|
||||
display: none;
|
||||
}
|
||||
@media (max-width: 767.98px){
|
||||
.navbar-collapse .collapse-brand img {
|
||||
display: none;
|
||||
|
||||
@media (max-width: 767.98px) {
|
||||
.navbar-collapse .collapse-brand img {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media (max-width: 767.98px){
|
||||
#sidenav-main > div > div > div > div > div.collapse-brand.col-6 > a::before {
|
||||
content: "";
|
||||
background: url('../static/media/requestrr.1e4722c9.svg') no-repeat;
|
||||
background-size: 200px;
|
||||
width: 200px;
|
||||
height: 36px;
|
||||
display: block;
|
||||
|
||||
@media (max-width: 767.98px) {
|
||||
#sidenav-main>div>div>div>div>div.collapse-brand.col-6>a::before {
|
||||
content: "";
|
||||
background: url('../static/media/requestrr.1e4722c9.svg') no-repeat;
|
||||
background-size: 200px;
|
||||
width: 200px;
|
||||
height: 36px;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
/* FORMS */
|
||||
.form-control:disabled, .form-control[readonly] {
|
||||
.form-control:disabled,
|
||||
.form-control[readonly] {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
opacity: 1;
|
||||
border: 1px solid transparent;
|
||||
color: gray;
|
||||
}
|
||||
.form-control-alternative, .has-danger .form-control {
|
||||
|
||||
.form-control-alternative,
|
||||
.has-danger .form-control {
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
.form-control-alternative:focus {
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.form-control:focus {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.has-success .form-control {
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.form-control {
|
||||
color: var(--text-color);
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
/* Drop down*/
|
||||
.react-dropdown-select.dropdown .react-dropdown-select-item-selected {
|
||||
|
||||
/* Drop down*/
|
||||
.react-dropdown-select.dropdown .react-dropdown-select-item-selected {
|
||||
background: var(--accent-color) !important;
|
||||
color: #fff!important;
|
||||
}
|
||||
.react-dropdown-select.dropdown div[role=list] span {
|
||||
background-color: #fff;
|
||||
color: #000000;
|
||||
}
|
||||
.react-dropdown-select.dropdown div[role=list] span:focus, .react-dropdown-select.dropdown div[role=list] span:hover {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.react-dropdown-select.dropdown div[role=list] span {
|
||||
background-color: #fff;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.react-dropdown-select.dropdown div[role=list] span:focus,
|
||||
.react-dropdown-select.dropdown div[role=list] span:hover {
|
||||
color: #000000;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.react-dropdown-select.dropdown {
|
||||
}
|
||||
|
||||
.react-dropdown-select.dropdown {
|
||||
color: var(--text-color);
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
|
||||
}
|
||||
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
|
||||
color: var(--text-color) !important;
|
||||
}
|
||||
::-webkit-input-placeholder:focus { /* Chrome/Opera/Safari */
|
||||
color: blue !important;
|
||||
|
||||
::-webkit-input-placeholder {
|
||||
/* Chrome/Opera/Safari */
|
||||
color: var(--text-color) !important;
|
||||
}
|
||||
::-moz-placeholder { /* Firefox 19+ */
|
||||
color: var(--text-color) !important;
|
||||
|
||||
::-webkit-input-placeholder:focus {
|
||||
/* Chrome/Opera/Safari */
|
||||
color: blue !important;
|
||||
}
|
||||
:-ms-input-placeholder { /* IE 10+ */
|
||||
color: var(--text-color) !important;
|
||||
|
||||
::-moz-placeholder {
|
||||
/* Firefox 19+ */
|
||||
color: var(--text-color) !important;
|
||||
}
|
||||
:-moz-placeholder { /* Firefox 18- */
|
||||
color: var(--text-color) !important;
|
||||
|
||||
:-ms-input-placeholder {
|
||||
/* IE 10+ */
|
||||
color: var(--text-color) !important;
|
||||
}
|
||||
|
||||
:-moz-placeholder {
|
||||
/* Firefox 18- */
|
||||
color: var(--text-color) !important;
|
||||
}
|
||||
|
||||
/* Buttons */
|
||||
@ -194,38 +256,54 @@ body {
|
||||
background-color: var(--accent-color);
|
||||
border-color: var(--accent-color);
|
||||
}
|
||||
.btn-primary, .btn-primary:hover {
|
||||
|
||||
.btn-primary,
|
||||
.btn-primary:hover {
|
||||
color: #fff;
|
||||
background-color: var(--button-color);
|
||||
border-color: var(--button-color);
|
||||
}
|
||||
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
|
||||
|
||||
.btn-primary:not(:disabled):not(.disabled).active,
|
||||
.btn-primary:not(:disabled):not(.disabled):active,
|
||||
.show>.btn-primary.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: var(--button-color-hover);
|
||||
border-color: var(--button-color-hover);
|
||||
}
|
||||
.btn-default, .btn-default:hover {
|
||||
|
||||
.btn-default,
|
||||
.btn-default:hover {
|
||||
color: #fff;
|
||||
background-color: rgba(255, 255, 255, 0.25);
|
||||
border-color: transparent;
|
||||
}
|
||||
.btn-default:not(:disabled):not(.disabled).active, .btn-default:not(:disabled):not(.disabled):active, .show>.btn-default.dropdown-toggle {
|
||||
|
||||
.btn-default:not(:disabled):not(.disabled).active,
|
||||
.btn-default:not(:disabled):not(.disabled):active,
|
||||
.show>.btn-default.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: rgba(0, 0, 0, 0.26);
|
||||
border-color: transparent;
|
||||
}
|
||||
.btn-default.disabled, .btn-default:disabled {
|
||||
|
||||
.btn-default.disabled,
|
||||
.btn-default:disabled {
|
||||
color: #fff;
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
border-color: transparent;
|
||||
opacity: .5;
|
||||
}
|
||||
.btn-info.disabled, .btn-info:disabled {
|
||||
|
||||
.btn-info.disabled,
|
||||
.btn-info:disabled {
|
||||
color: #fff;
|
||||
background-color: var(--button-color);
|
||||
border-color: var(--button-color);
|
||||
}
|
||||
.btn-info, .btn-info:hover {
|
||||
|
||||
.btn-info,
|
||||
.btn-info:hover {
|
||||
color: #fff;
|
||||
background-color: var(--button-color-hover);
|
||||
border-color: var(--button-color-hover);
|
||||
@ -241,42 +319,49 @@ body {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.separator-skew {
|
||||
height: 70px;
|
||||
display: none;
|
||||
.separator-skew {
|
||||
height: 70px;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
#root > div > div.mt--8.pb-5.container > div > div > div {
|
||||
|
||||
#root>div>div.mt--8.pb-5.container>div>div>div {
|
||||
background: rgba(0, 0, 0, 0.25) !important;
|
||||
}
|
||||
#root > div > div.mt--8.pb-5.container > div > div > div > div > form > div:nth-child(1) > div > input,
|
||||
#root > div > div.mt--8.pb-5.container > div > div > div > div > form > div:nth-child(2) > div > input,
|
||||
#root > div > div.mt--8.pb-5.container > div > div > div > div > form > div:nth-child(3) > div > input {
|
||||
|
||||
#root>div>div.mt--8.pb-5.container>div>div>div>div>form>div:nth-child(1)>div>input,
|
||||
#root>div>div.mt--8.pb-5.container>div>div>div>div>form>div:nth-child(2)>div>input,
|
||||
#root>div>div.mt--8.pb-5.container>div>div>div>div>form>div:nth-child(3)>div>input {
|
||||
background: rgba(0, 0, 0, .25) !important;
|
||||
border: 10px solid transparent;
|
||||
}
|
||||
|
||||
.input-group-text {
|
||||
color: var(--text-color);
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
border: 1px solid transparent !important;
|
||||
}
|
||||
|
||||
.input-group-prepend {
|
||||
margin-right: 0px;
|
||||
}
|
||||
#root > div > div.header.bg-gradient-info.py-7.py-lg-8 > div.separator.separator-bottom.separator-skew.zindex-100 > svg > polygon {
|
||||
display:none;
|
||||
|
||||
#root>div>div.header.bg-gradient-info.py-7.py-lg-8>div.separator.separator-bottom.separator-skew.zindex-100>svg>polygon {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Scrollbar */
|
||||
@media only screen and (min-width: 768px) {
|
||||
/* Scrollbar */
|
||||
@media only screen and (min-width: 768px) {
|
||||
html {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
body {
|
||||
overflow-y: auto;
|
||||
height: 100%;
|
||||
@ -287,26 +372,30 @@ body {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
}
|
||||
::-webkit-scrollbar {
|
||||
width: 14px;
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
min-height: 50px;
|
||||
border: 3px solid transparent;
|
||||
border-radius: 8px;
|
||||
background-color: hsla(0,0%,100%,.2);
|
||||
background-clip: padding-box;
|
||||
}
|
||||
::-webkit-scrollbar-track {
|
||||
background-color: transparent;
|
||||
}
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
min-height: 50px;
|
||||
border: 3px solid transparent;
|
||||
border-radius: 8px;
|
||||
background-color: hsla(0,0%,100%,.5);
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 14px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
min-height: 50px;
|
||||
border: 3px solid transparent;
|
||||
border-radius: 8px;
|
||||
background-color: hsla(0, 0%, 100%, .2);
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
min-height: 50px;
|
||||
border: 3px solid transparent;
|
||||
border-radius: 8px;
|
||||
background-color: hsla(0, 0%, 100%, .5);
|
||||
background-clip: padding-box;
|
||||
}
|
@ -22,7 +22,7 @@ body,
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
a {
|
||||
@ -169,7 +169,7 @@ UL.jqueryFileTree A,
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
@ -180,7 +180,7 @@ UL.jqueryFileTree A,
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
border: 1px solid #ccc;
|
||||
border: 1px solid rgba(0, 0, 0, .15);
|
||||
border-radius: 2px;
|
||||
@ -196,7 +196,7 @@ UL.jqueryFileTree A,
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
border: 1px solid rgba(255, 255, 255, .1);
|
||||
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .2);
|
||||
box-shadow: 0 6px 12px rgba(0, 0, 0, .2);
|
||||
@ -340,7 +340,7 @@ button.selectpicker.btn-default {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
.popout-parent {
|
||||
@ -351,7 +351,7 @@ button.selectpicker.btn-default {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
.context-menu li a:focus,
|
||||
@ -367,7 +367,7 @@ button.selectpicker.btn-default {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
#general-settings #languagedrop {
|
||||
@ -389,7 +389,7 @@ button.selectpicker.btn-default {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
@ -405,7 +405,7 @@ button.selectpicker.btn-default {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
.modal-body .horizontal-separator .horizontal-separator-text {
|
||||
@ -416,7 +416,7 @@ button.selectpicker.btn-default {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
@ -464,7 +464,7 @@ ul.jqueryFileTree a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
#sharing-content .nav-tabs.nav-sub-tabs>li>a {
|
||||
@ -492,7 +492,7 @@ ul.jqueryFileTree a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
.modal-header .transfer-path .labelContainer {
|
||||
@ -521,7 +521,7 @@ ul.jqueryFileTree a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
@ -550,7 +550,7 @@ ul.jqueryFileTree a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
.status-panel-shown #statusPanel {
|
||||
@ -591,7 +591,7 @@ ul.jqueryFileTree a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
#statusPanel .chart-c3 .c3-tooltip {
|
||||
@ -741,7 +741,7 @@ ul.jqueryFileTree a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
/* PLACEHOLDER TEXT */
|
||||
|
File diff suppressed because it is too large
Load Diff
@ -118,7 +118,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: var(--text-hover);
|
||||
border-bottom: 1px solid rgb(var(--accent-color));
|
||||
}
|
||||
@ -131,7 +131,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
@ -143,7 +143,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: #fff;
|
||||
border-top: 1px solid rgb(var(--accent-color));
|
||||
}
|
||||
@ -188,8 +188,8 @@ a:hover {
|
||||
}
|
||||
|
||||
[class*="CheckInput-primaryIsChecked-"] {
|
||||
border-color: rgb(var(--accent-color))!important;
|
||||
background-color: rgb(var(--accent-color))!important;
|
||||
border-color: rgb(var(--accent-color)) !important;
|
||||
background-color: rgb(var(--accent-color)) !important;
|
||||
color: var(--label-text-color) !important;
|
||||
}
|
||||
|
||||
@ -223,7 +223,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: #fff !important;
|
||||
box-shadow: 0 0 10px 1px transparent !important;
|
||||
}
|
||||
@ -259,9 +259,9 @@ a:hover {
|
||||
}
|
||||
|
||||
[class*="PageSidebarItem-isActiveLink-"],
|
||||
[class*="PageSidebarItem-isActiveLink-"]:hover,
|
||||
[class*="PageSidebarItem-isActiveLink-"]:hover,
|
||||
[class*="PageSidebarItem-link-"]:focus {
|
||||
color: rgb(var(--accent-color))!important;
|
||||
color: rgb(var(--accent-color)) !important;
|
||||
}
|
||||
|
||||
[class*="PageSidebarItem-isActiveParentLink-"] {
|
||||
@ -281,7 +281,7 @@ a:hover {
|
||||
/* SERIES PAGE */
|
||||
/* SONARR SPECIFIC */
|
||||
[class*="SeriesIndexPoster-controls-"] {
|
||||
background-color: rgb(var(--accent-color))!important;
|
||||
background-color: rgb(var(--accent-color)) !important;
|
||||
}
|
||||
|
||||
/* OVERVIEW PAGE */
|
||||
@ -327,6 +327,7 @@ a:hover {
|
||||
[class*="SeriesDetailsSeason-collapseButtonIcon-"] {
|
||||
color: var(--text) !important;
|
||||
}
|
||||
|
||||
[class*="SeriesDetailsSeason-actionButton-"]:hover,
|
||||
[class*="SeriesDetailsSeason-collapseButtonIcon-"]:hover {
|
||||
color: var(--text-hover) !important;
|
||||
@ -384,7 +385,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
[class*="Tooltip-tooltipContainer-"] {
|
||||
@ -399,7 +400,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
@ -424,12 +425,12 @@ a:hover {
|
||||
}
|
||||
|
||||
[class*="IconButton-button-"]:hover,
|
||||
[class*="Label-small-"] [class*="IconButton-button-"]{
|
||||
[class*="Label-small-"] [class*="IconButton-button-"] {
|
||||
background-color: transparent;
|
||||
color: var(--label-text-color);
|
||||
}
|
||||
|
||||
[class*="SeriesIndexPoster-action-"] .fa-search:hover{
|
||||
[class*="SeriesIndexPoster-action-"] .fa-search:hover {
|
||||
background-color: transparent;
|
||||
color: var(--label-text-color) !important;
|
||||
}
|
||||
@ -539,7 +540,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
@ -585,9 +586,10 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
[class*="EnhancedSelectInputOption-isSelected-"],
|
||||
[class*="EnhancedSelectInputOption-isSelected-"]:hover {
|
||||
background-color: rgba(255, 255, 255, 0.20) !important;
|
||||
@ -644,6 +646,7 @@ a:hover {
|
||||
input::-webkit-input-placeholder {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
input:focus::-webkit-input-placeholder {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
@ -652,6 +655,7 @@ input:focus::-webkit-input-placeholder {
|
||||
input:-moz-placeholder {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
input:focus:-moz-placeholder {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
@ -660,6 +664,7 @@ input:focus:-moz-placeholder {
|
||||
input::-moz-placeholder {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
input:focus::-moz-placeholder {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
@ -668,6 +673,7 @@ input:focus::-moz-placeholder {
|
||||
input:-ms-input-placeholder {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
input:focus:-ms-input-placeholder {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
@ -731,7 +737,7 @@ input:focus:-ms-input-placeholder {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: white;
|
||||
}
|
||||
|
||||
@ -1030,12 +1036,14 @@ input[type=password] {
|
||||
background-color: var(--button-color);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
border-color: var(--button-color-hover);
|
||||
background-color: var(--button-color-hover);
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.form-input:focus {
|
||||
outline: 0;
|
||||
border-color: #fff;
|
||||
|
@ -1,4 +1,3 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
@ -12,70 +11,98 @@
|
||||
/* 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;
|
||||
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 {
|
||||
|
||||
.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 {
|
||||
|
||||
.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 {
|
||||
|
||||
.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 {
|
||||
|
||||
.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;
|
||||
border-color: var(--default-button-color) !important;
|
||||
}
|
||||
|
||||
.primary {
|
||||
background-color: var(--default-button-color) !important;
|
||||
border-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 {
|
||||
|
||||
.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;
|
||||
|
||||
.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) {
|
||||
.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 {
|
||||
|
||||
.v-btn--active:before,
|
||||
.v-btn:focus:before,
|
||||
.v-btn:hover:before {
|
||||
background-color: white;
|
||||
}
|
||||
.application .theme--dark.v-card, .theme--dark .v-card {
|
||||
|
||||
.application .theme--dark.v-card,
|
||||
.theme--dark .v-card {
|
||||
background: var(--modal-bg-color);
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
@ -83,25 +110,34 @@ p a {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
.flex.md3 .application .theme--dark.v-card, .theme--dark .v-card {
|
||||
|
||||
.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 {
|
||||
|
||||
.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 {
|
||||
|
||||
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;
|
||||
@ -110,7 +146,7 @@ flex xs12 .flex.md3 .application .theme--dark.v-list, .theme--dark .v-list {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
/*popup modal */
|
||||
@ -122,8 +158,9 @@ flex xs12 .flex.md3 .application .theme--dark.v-list, .theme--dark .v-list {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
.menuable__content__active {
|
||||
background: var(--modal-bg-color);
|
||||
background-repeat: repeat, no-repeat;
|
||||
@ -132,5 +169,5 @@ flex xs12 .flex.md3 .application .theme--dark.v-list, .theme--dark .v-list {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
-o-background-size: auto, cover;
|
||||
}
|
File diff suppressed because it is too large
Load Diff
@ -1,4 +1,3 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
@ -14,12 +13,14 @@
|
||||
#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);
|
||||
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;
|
||||
@ -27,17 +28,22 @@
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-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);
|
||||
|
||||
#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 {
|
||||
|
||||
#chat .chan .notice .user,
|
||||
#chat .notice .content,
|
||||
#chat .notice .time {
|
||||
color: var(--date-marker-color) !important;
|
||||
}
|
||||
|
||||
@ -45,27 +51,39 @@
|
||||
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 {
|
||||
|
||||
#sidebar .active,
|
||||
#sidebar .active:hover {
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
#chat .msg.motd .text, code, .irc-monospace {
|
||||
|
||||
#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 {
|
||||
|
||||
#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 {
|
||||
#context-menu,
|
||||
.textcomplete-menu {
|
||||
background: var(--body-bg-color);
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
@ -73,48 +91,77 @@
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
/* color: white !important; */
|
||||
}
|
||||
.context-menu-item, .textcomplete-item {
|
||||
|
||||
.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 {
|
||||
|
||||
#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 {
|
||||
|
||||
#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 {
|
||||
|
||||
#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 {
|
||||
|
||||
.input:not(:disabled):focus,
|
||||
.input:not(:disabled):hover {
|
||||
border-color: #ffffff;
|
||||
}
|
||||
.btn:active, .btn:focus, .input:focus {
|
||||
|
||||
.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;
|
||||
@ -123,9 +170,10 @@
|
||||
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);
|
||||
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
#chat .toggle-content {
|
||||
background: var(--highlight-bg-color);
|
||||
|
||||
}
|
File diff suppressed because it is too large
Load Diff
@ -11,8 +11,9 @@
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
* {
|
||||
outline: none;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
body {
|
||||
color: var(--text);
|
||||
background: var(--main-bg-color);
|
||||
@ -25,12 +26,18 @@ body {
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
h1,h2,h3,h4,h5,h6,strong {
|
||||
color: var(--text-hover);
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
strong {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
i.fa.fa-fw {
|
||||
color: var(--text-hover)!important;
|
||||
color: var(--text-hover) !important;
|
||||
}
|
||||
|
||||
a,
|
||||
@ -131,9 +138,11 @@ span.inner {
|
||||
width: 137px !important;
|
||||
}
|
||||
|
||||
thead.sortable,thead,table.tablesorter thead tr th {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
thead.sortable,
|
||||
thead,
|
||||
table.tablesorter thead tr th {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
.sys,
|
||||
.usage-disk,
|
||||
@ -145,10 +154,11 @@ thead.sortable,thead,table.tablesorter thead tr th {
|
||||
background-color: #4caf50
|
||||
}
|
||||
|
||||
#db-box3 > tbody.smb.share.share1.sortable > tr > td > a {
|
||||
#db-box3>tbody.smb.share.share1.sortable>tr>td>a {
|
||||
color: var(--link-color);
|
||||
}
|
||||
#db-box3 > tbody.smb.share.share1.sortable > tr > td > a:hover {
|
||||
|
||||
#db-box3>tbody.smb.share.share1.sortable>tr>td>a:hover {
|
||||
color: var(--link-color-hover);
|
||||
}
|
||||
|
||||
@ -363,6 +373,7 @@ div.tab [type=radio]+label {
|
||||
background-color: rgb(0 0 0 / 10%) !important;
|
||||
border-color: rgb(0 0 0 / 25%) !important;
|
||||
}
|
||||
|
||||
.ca_holderDocker::before {
|
||||
color: rgb(255 255 255 / 40%) !important;
|
||||
}
|
||||
@ -370,17 +381,19 @@ div.tab [type=radio]+label {
|
||||
.selectedMenu {
|
||||
color: rgb(var(--accent-color)) !important;
|
||||
}
|
||||
|
||||
.hoverMenu {
|
||||
color: var(--link-color-hover) !important;
|
||||
}
|
||||
|
||||
.ca_descriptionArea:hover,a.ca_repoPopup:hover {
|
||||
.ca_descriptionArea:hover,
|
||||
a.ca_repoPopup:hover {
|
||||
color: var(--button-text-hover) !important;
|
||||
}
|
||||
|
||||
.ca_templatesDisplay .ca_holderFav {
|
||||
background: rgb(var(--accent-color),.7) !important;
|
||||
color: var( --label-text-color) !important;
|
||||
background: rgb(var(--accent-color), .7) !important;
|
||||
color: var(--label-text-color) !important;
|
||||
}
|
||||
|
||||
a.ca_appreadmore:hover {
|
||||
@ -571,7 +584,7 @@ unraid-authed::part(div[data-v-050c892a] > button) {
|
||||
#contDescription {
|
||||
background: rgb(0 0 0 / 25%);
|
||||
padding: 1%;
|
||||
border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
dt {
|
||||
|
@ -38,7 +38,7 @@ body,
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
html {
|
||||
@ -121,7 +121,7 @@ p,
|
||||
background-color: rgba(0, 0, 0, .25) !important;
|
||||
}
|
||||
|
||||
.v-app-bar.v-app-bar--is-scrolled{
|
||||
.v-app-bar.v-app-bar--is-scrolled {
|
||||
background: var(--main-bg-color) !important;
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
@ -129,7 +129,7 @@ p,
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
.v-navigation-drawer__content .theme--dark.v-card,
|
||||
@ -200,7 +200,7 @@ p,
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
@ -327,53 +327,55 @@ p,
|
||||
.v-application .torrent-paused-color .caption,
|
||||
.v-application .torrent-seeding-color .caption,
|
||||
.v-application .torrent-done-color .caption {
|
||||
color: #ccc !important;
|
||||
color: #ccc !important;
|
||||
}
|
||||
|
||||
.v-application .torrent-paused-color {
|
||||
background-color: rgb(156 163 175 / 70%) !important;
|
||||
background-color: rgb(156 163 175 / 70%) !important;
|
||||
border-color: rgb(156 163 175 / 70%) !important;
|
||||
}
|
||||
|
||||
.v-application .torrent-seeding-color {
|
||||
background-color: rgba(78, 205, 230, .7) !important;
|
||||
border-color: rgba(78, 205, 230, .7) !important;
|
||||
}
|
||||
.v-application .torrent-done-color {
|
||||
|
||||
.v-application .torrent-done-color {
|
||||
background-color: rgba(22, 87, 62, .7) !important;
|
||||
border-color: rgba(22, 87, 62, .7) !important;
|
||||
}
|
||||
|
||||
.v-application .torrent-downloading-color {
|
||||
.v-application .torrent-downloading-color {
|
||||
background-color: rgba(91, 185, 116, .7) !important;
|
||||
border-color: rgba(91, 185, 116, .7) !important;
|
||||
}
|
||||
|
||||
.v-application .torrent-fail-color {
|
||||
.v-application .torrent-fail-color {
|
||||
background-color: rgba(248, 62, 112, .7) !important;
|
||||
border-color: rgba(248, 62, 112, .7) !important;
|
||||
}
|
||||
|
||||
.v-application .torrent-queued-color {
|
||||
.v-application .torrent-queued-color {
|
||||
background-color: rgba(46, 94, 170, .7) !important;
|
||||
border-color: rgba(46, 94, 170, .7) !important;
|
||||
}
|
||||
|
||||
.v-application .torrent-checking-color {
|
||||
.v-application .torrent-checking-color {
|
||||
background-color: rgba(255, 112, 67, .7) !important;
|
||||
border-color: rgba(255, 112, 67, .7) !important;
|
||||
}
|
||||
|
||||
.v-application .torrent-stalled-color {
|
||||
.v-application .torrent-stalled-color {
|
||||
background-color: rgba(74, 222, 128, .7) !important;
|
||||
border-color: rgba(74, 222, 128, .7) !important;
|
||||
}
|
||||
|
||||
.v-application .torrent-metadata-color {
|
||||
.v-application .torrent-metadata-color {
|
||||
background-color: rgba(126, 87, 194, .7) !important;
|
||||
border-color: rgba(126, 87, 194, .7) !important;
|
||||
}
|
||||
|
||||
.v-application .torrent-moving-color {
|
||||
.v-application .torrent-moving-color {
|
||||
background-color: rgba(255, 170, 44, .7) !important;
|
||||
border-color: rgba(255, 170, 44, .7) !important;
|
||||
}
|
||||
@ -398,14 +400,14 @@ background-color: rgb(156 163 175 / 70%) !important;
|
||||
|
||||
.v-menu__content .theme--dark.theme--dark.v-list,
|
||||
.v-menu__content .theme--light.theme--light.v-list {
|
||||
background: var(--modal-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;
|
||||
background: var(--modal-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;
|
||||
}
|
||||
|
||||
.theme--dark.v-icon,
|
||||
@ -415,7 +417,7 @@ background-size: auto, cover;
|
||||
|
||||
.theme--light.v-divider,
|
||||
.theme--dark.v-divider {
|
||||
border-color: rgba(255, 255, 255,.2) !important;
|
||||
border-color: rgba(255, 255, 255, .2) !important;
|
||||
}
|
||||
|
||||
/* TABLE */
|
||||
@ -474,7 +476,7 @@ background-size: auto, cover;
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
border: 1px solid rgba(255, 255, 255, .1);
|
||||
}
|
||||
|
||||
|
@ -18,7 +18,7 @@ body {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
a,
|
||||
@ -38,7 +38,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
* {
|
||||
@ -114,7 +114,7 @@ content-loading .contentLoading {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: var(--text) !important;
|
||||
border: #f0505000 5px solid;
|
||||
}
|
||||
@ -127,7 +127,7 @@ content-loading .contentLoading {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: var(--text);
|
||||
Border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
@ -18,7 +18,7 @@
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
/* Scrollbar */
|
||||
@ -39,7 +39,7 @@
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
}
|
||||
|
||||
@ -82,9 +82,11 @@ body,
|
||||
.col-form-label {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
.navbar-dark .navbar-nav .nav-link.active {
|
||||
color: rgb(var(--accent-color));
|
||||
}
|
||||
|
||||
.card-header {
|
||||
color: rgb(var(--accent-color));
|
||||
}
|
||||
@ -116,10 +118,13 @@ a:hover {
|
||||
.bg-primary {
|
||||
background: rgba(0, 0, 0, .15) !important;
|
||||
}
|
||||
|
||||
.navbar-dark .navbar-brand {
|
||||
color: rgb(var(--accent-color));
|
||||
}
|
||||
.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
|
||||
|
||||
.navbar-dark .navbar-brand:focus,
|
||||
.navbar-dark .navbar-brand:hover {
|
||||
color: var(--accent-color-hover);
|
||||
}
|
||||
|
||||
@ -132,7 +137,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
.dropdown-item:focus,
|
||||
@ -191,16 +196,23 @@ a:hover {
|
||||
.btn-primary:hover,
|
||||
.btn-outline-dark:hover,
|
||||
.btn-outline-secondary:hover,
|
||||
.btn-check:focus+.btn-primary, .btn-primary:focus {
|
||||
.btn-check:focus+.btn-primary,
|
||||
.btn-primary:focus {
|
||||
color: var(--button-text-hover);
|
||||
background-color: var(--button-color-hover);
|
||||
border-color: var(--button-color-hover);
|
||||
}
|
||||
.btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus,
|
||||
.btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus,
|
||||
.btn-check:focus+.btn-primary, .btn-primary:focus {
|
||||
box-shadow: 0 0 0 0.25rem rgba(var(--accent-color),.5);
|
||||
|
||||
.btn-check:active+.btn-primary:focus,
|
||||
.btn-check:checked+.btn-primary:focus,
|
||||
.btn-primary.active:focus,
|
||||
.btn-primary:active:focus,
|
||||
.show>.btn-primary.dropdown-toggle:focus,
|
||||
.btn-check:focus+.btn-primary,
|
||||
.btn-primary:focus {
|
||||
box-shadow: 0 0 0 0.25rem rgba(var(--accent-color), .5);
|
||||
}
|
||||
|
||||
.btn-outline-primary,
|
||||
.btn-outline-info {
|
||||
color: var(--button-color);
|
||||
|
Loading…
Reference in New Issue
Block a user