Mirrors/theme.park
1
0
Fork 0
mirror of https://github.com/gilbN/theme.park.git synced 2024-08-18 16:09:36 +02:00
Code Issues Releases Wiki Activity

formatting

Browse Source
This commit is contained in:
Marius 2021-07-25 13:43:36 +02:00
parent d7d4fa28fa
commit a3377c35a8
45 changed files with 10448 additions and 7349 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
CSS/themes/adguard/adguard-base.css
View File

@ -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);
}
}

45
CSS/themes/bazarr/bazarr-base.css
View File

@ -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
}

42
CSS/themes/bitwarden/bitwarden-base.css
View File

@ -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;
}

10
CSS/themes/calibreweb/calibreweb-base.css
View File

@ -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));
}
}

4709
CSS/themes/deluge/deluge-base.css
View File

File diff suppressed because it is too large Load Diff

12
CSS/themes/dozzle/dozzle-base.css
View File

@ -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;

3
CSS/themes/duplicacy/duplicacy-base.css
View File

@ -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));
}

206
CSS/themes/emby/emby-base.css
View File

@ -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;
}

30
CSS/themes/flood/flood-base.css
View File

@ -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;
}

8
CSS/themes/gitea/gitea-base.css
View File

@ -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);

994
CSS/themes/grafana/grafana-base.css
View File

File diff suppressed because it is too large Load Diff

881
CSS/themes/guacamole/guacamole-base.css
View File

@ -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;
}

230
CSS/themes/jellyfin/jellyfin-base.css
View File

@ -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));
}
}

69
CSS/themes/librespeed/librespeed-base.css
View File

@ -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;
}
}

37
CSS/themes/lidarr/lidarr-base.css
View File

@ -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;
}
}

405
CSS/themes/logarr/logarr-base.css
View File

@ -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;
}
}

339
CSS/themes/monitorr/monitorr-base.css
View File

@ -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;
}
}
}

113
CSS/themes/monitorr/organizr-dashboard.css
View File

@ -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;
}
}
}

8
CSS/themes/moviematch/moviematch-base.css
View File

@ -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;

445
CSS/themes/nzbget/nzbget-base.css
View File

@ -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;
}
}

172
CSS/themes/nzbhydra2/nzbhydra-base.css
View File

@ -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;

55
CSS/themes/ombi/ombi-base.css
View File

@ -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));
}

726
CSS/themes/ombi/ombiv3-base.css
View File

File diff suppressed because it is too large Load Diff

1715
CSS/themes/organizr/organizr-base-old.css
View File

File diff suppressed because it is too large Load Diff

170
CSS/themes/organizr/organizr-base.css
View File

@ -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%;

39
CSS/themes/petio/petio-base.css
View File

@ -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 */

910
CSS/themes/pihole/pihole-base.css
View File

@ -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;
}

5
CSS/themes/plex/plex-base.css
View File

@ -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-"] {

356
CSS/themes/plpp/plpp-base.css
View File

@ -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;
}

35
CSS/themes/prowlarr/prowlarr-base.css
View File

@ -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)
}

33
CSS/themes/qbittorrent/qbittorrent-base.css
View File

@ -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;

34
CSS/themes/radarr/radarr-base.css
View File

@ -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);
}
}

38
CSS/themes/readarr/readarr-base.css
View File

@ -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;
}
}

311
CSS/themes/requestrr/requestrr-base.css
View File

@ -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;
}

32
CSS/themes/resilio-sync/resilio-base.css
View File

@ -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 */

2119
CSS/themes/rutorrent/rutorrent-base.css
View File

File diff suppressed because it is too large Load Diff

40
CSS/themes/sonarr/sonarr-base.css
View File

@ -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;

93
CSS/themes/synclounge/synclounge-base.css
View File

@ -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;
}

1054
CSS/themes/tautulli/tautulli-base.css
View File

File diff suppressed because it is too large Load Diff

94
CSS/themes/thelounge/thelounge-base.css
View File

@ -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);
}

996
CSS/themes/transmission/transmission-base.css
View File

File diff suppressed because it is too large Load Diff

39
CSS/themes/unraid/unraid-base.css
View File

@ -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 {

50
CSS/themes/vuetorrent/vuetorrent-base.css
View File

@ -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);
}

8
CSS/themes/webtools/webtools-base.css
View File

@ -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);
}

30
CSS/themes/xbackbone/xbackbone-base.css
View File

@ -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);