diff --git a/CSS/themes/adguard/adguard-base.css b/CSS/themes/adguard/adguard-base.css index 927e2f7f..42983383 100644 --- a/CSS/themes/adguard/adguard-base.css +++ b/CSS/themes/adguard/adguard-base.css @@ -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); -} +} \ No newline at end of file diff --git a/CSS/themes/bazarr/bazarr-base.css b/CSS/themes/bazarr/bazarr-base.css index 33d1b80d..f7e682ba 100644 --- a/CSS/themes/bazarr/bazarr-base.css +++ b/CSS/themes/bazarr/bazarr-base.css @@ -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 } diff --git a/CSS/themes/bitwarden/bitwarden-base.css b/CSS/themes/bitwarden/bitwarden-base.css index 5c9095d0..a1495793 100644 --- a/CSS/themes/bitwarden/bitwarden-base.css +++ b/CSS/themes/bitwarden/bitwarden-base.css @@ -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; } diff --git a/CSS/themes/calibreweb/calibreweb-base.css b/CSS/themes/calibreweb/calibreweb-base.css index 659d50a2..2c72a601 100644 --- a/CSS/themes/calibreweb/calibreweb-base.css +++ b/CSS/themes/calibreweb/calibreweb-base.css @@ -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)); -} \ No newline at end of file + } \ No newline at end of file diff --git a/CSS/themes/deluge/deluge-base.css b/CSS/themes/deluge/deluge-base.css index 13456dc7..dc2aec23 100644 --- a/CSS/themes/deluge/deluge-base.css +++ b/CSS/themes/deluge/deluge-base.css @@ -1,2277 +1,2452 @@ - - -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ - -/* Based on https://github.com/HalianElf/Deluge-Dark/blob/master/deluge.css */ - - @import url('https://fonts.googleapis.com/css?family=Roboto'); - - html { - background: var(--main-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: var(--text); - font-family: 'Roboto', sans-serif !important; - } - - input { - color: #FFF !important; - } - - /* scroller */ - ::-webkit-scrollbar-corner { - background-color: hsla(0,0%,100%,.08); - } - ::-webkit-scrollbar { - width: 10px; - height: 10px; - background: rgba(0, 0, 0, .25); - - } - ::-webkit-scrollbar-thumb { - -webkit-border-radius: 2px; - border-radius: 2px; - background-color: hsla(0,0%,100%,.08); - } - - .x-grid3-header table, .x-grid3-body table { - border-collapse: collapse; - } - - .ext-el-mask { - background-color: rgba(0, 0, 0, 0.25); - } - - .ext-el-mask-msg { - border-color:#999; - background-color:#f000; - //background-image: url(../images/gray/panel/white-top-bottom.gif); - background-position: 0 -1px; - } - .ext-el-mask-msg div { - background-color: #eee; - border-color:#d0d0d0; - color:#222; - font:normal 11px 'Roboto', tahoma, arial, helvetica, sans-serif; - } - - .x-mask-loading div { - background-color:#fbfbfb; - //background-image: url(../images/default/grid/loading.gif); - } - - .x-item-disabled { - color: #aaaaaa; - } - - .x-item-disabled * { - color: var(--text-muted) !important; - } - - .x-splitbar-proxy { - background-color: #aaa; - } - - .x-color-palette a { - border-color:#fff; - } - - .x-color-palette a:hover, .x-color-palette a.x-color-palette-sel { - border-color:#CFCFCF; - background-color: #eaeaea; - } - .x-deluge-plugins { - background: transparent; - } - .x-deluge-all { - background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/all.png); - background-position: left center; - } - - .x-deluge-downloading, .x-btn .x-deluge-downloading, .x-deluge-peer { - background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/dling.png); - background-position: left center; - } - - .x-deluge-seeding, .x-btn .x-deluge-seeding, .deluge-torrents .seeding, .x-deluge-seed { - background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/uling.png); - background-position: left center; - } - - .x-deluge-active, .x-deluge-traffic, .x-btn .x-deluge-traffic { - background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/active.png); - background-position: left center; - } - - .x-deluge-paused, .x-btn .x-deluge-paused, .deluge-torrents .paused { - background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/paused.png); - background-position: left center; - } - - .x-deluge-queued, .x-btn .x-deluge-queued, .deluge-torrents .queued { - background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/queued.png); - background-position: left center; - } - - .x-deluge-checking, .deluge-torrents .checking { - background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/checking.png); - background-position: left center; - } - - .x-deluge-error, .deluge-torrents .error, .icon-error, .x-not-connected { - background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/error.png) !important; - background-position: left center; - } - - .icon-ok { - background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/ok.png) !important; - background-position: left center; - } - - .x-deluge-connections, .x-btn .x-deluge-connections { - background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/connections.png) !important; - background-position: left center; - } - - .x-deluge-freespace, .x-btn .x-deluge-freespace { - background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/harddrive.png) !important; - background-position: left center; - } - - .icon-move { - background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/move.png) !important; - background-position: left center; - } - - .icon-recheck, .x-deluge-find-more, .x-btn .x-deluge-find-more { - background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/search.png) !important; - background-position: left center; - } - - .icon-edit-trackers, .icon-edit, .x-deluge-edit-trackers, .x-btn .x-deluge-edit-trackers { - background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/edit.png) !important; - background-position: left center; - } - - .xg-hmenu-sort-asc .x-menu-item-icon { - background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/ascending.png) !important; - background-position: left center; - } - - .xg-hmenu-sort-desc .x-menu-item-icon { - background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/descending.png) !important; - background-position: left center; - } - - .icon-update-tracker { - background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/update.png) !important; - background-position: left center; - } - - .icon-queue, .icon-upload-slots { - background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/queue.png) !important; - background-position: left center; - } - - .x-deluge-install-plugin, .x-btn .x-deluge-install-plugin { - background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/plugin.png) !important; - background-position: left center; - } - - .x-deluge-connect-window-icon { - background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/connection_small.png) !important; - background-position: left center; - } - - .x-deluge-connect-window-icon { - background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/connection_small.png) !important; - background-position: left center; - } - - .x-deluge-connect-window-icon { - background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/connection_small.png) !important; - background-position: left center; - } - - .icon-top { - background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/top.png) !important; - background-position: left center; - } - - .icon-bottom { - background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/bottom.png) !important; - background-position: left center; - } - - /* + /* dP dP dP */ + /* 88 88 88 */ + /* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ + /* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ + /* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ + /* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ + /* 88 */ + /* dP */ + + /* Made by @gilbN */ + /* https://github.com/gilbN/theme.park */ + + /* Based on https://github.com/HalianElf/Deluge-Dark/blob/master/deluge.css */ + + @import url('https://fonts.googleapis.com/css?family=Roboto'); + + html { + background: var(--main-bg-color); + background-repeat: repeat, no-repeat; + background-attachment: fixed, fixed; + background-position: center center, center center; + background-size: auto, cover; + -webkit-background-size: auto, cover; + -moz-background-size: auto, cover; + -o-background-size: auto, cover; + color: var(--text); + font-family: 'Roboto', sans-serif !important; + } + + input { + color: #FFF !important; + } + + /* scroller */ + ::-webkit-scrollbar-corner { + background-color: hsla(0, 0%, 100%, .08); + } + + ::-webkit-scrollbar { + width: 10px; + height: 10px; + background: rgba(0, 0, 0, .25); + + } + + ::-webkit-scrollbar-thumb { + -webkit-border-radius: 2px; + border-radius: 2px; + background-color: hsla(0, 0%, 100%, .08); + } + + .x-grid3-header table, + .x-grid3-body table { + border-collapse: collapse; + } + + .ext-el-mask { + background-color: rgba(0, 0, 0, 0.25); + } + + .ext-el-mask-msg { + border-color: #999; + background-color: #f000; + //background-image: url(../images/gray/panel/white-top-bottom.gif); + background-position: 0 -1px; + } + + .ext-el-mask-msg div { + background-color: #eee; + border-color: #d0d0d0; + color: #222; + font: normal 11px 'Roboto', tahoma, arial, helvetica, sans-serif; + } + + .x-mask-loading div { + background-color: #fbfbfb; + //background-image: url(../images/default/grid/loading.gif); + } + + .x-item-disabled { + color: #aaaaaa; + } + + .x-item-disabled * { + color: var(--text-muted) !important; + } + + .x-splitbar-proxy { + background-color: #aaa; + } + + .x-color-palette a { + border-color: #fff; + } + + .x-color-palette a:hover, + .x-color-palette a.x-color-palette-sel { + border-color: #CFCFCF; + background-color: #eaeaea; + } + + .x-deluge-plugins { + background: transparent; + } + + .x-deluge-all { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/all.png); + background-position: left center; + } + + .x-deluge-downloading, + .x-btn .x-deluge-downloading, + .x-deluge-peer { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/dling.png); + background-position: left center; + } + + .x-deluge-seeding, + .x-btn .x-deluge-seeding, + .deluge-torrents .seeding, + .x-deluge-seed { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/uling.png); + background-position: left center; + } + + .x-deluge-active, + .x-deluge-traffic, + .x-btn .x-deluge-traffic { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/active.png); + background-position: left center; + } + + .x-deluge-paused, + .x-btn .x-deluge-paused, + .deluge-torrents .paused { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/paused.png); + background-position: left center; + } + + .x-deluge-queued, + .x-btn .x-deluge-queued, + .deluge-torrents .queued { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/queued.png); + background-position: left center; + } + + .x-deluge-checking, + .deluge-torrents .checking { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/checking.png); + background-position: left center; + } + + .x-deluge-error, + .deluge-torrents .error, + .icon-error, + .x-not-connected { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/error.png) !important; + background-position: left center; + } + + .icon-ok { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/ok.png) !important; + background-position: left center; + } + + .x-deluge-connections, + .x-btn .x-deluge-connections { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/connections.png) !important; + background-position: left center; + } + + .x-deluge-freespace, + .x-btn .x-deluge-freespace { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/harddrive.png) !important; + background-position: left center; + } + + .icon-move { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/move.png) !important; + background-position: left center; + } + + .icon-recheck, + .x-deluge-find-more, + .x-btn .x-deluge-find-more { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/search.png) !important; + background-position: left center; + } + + .icon-edit-trackers, + .icon-edit, + .x-deluge-edit-trackers, + .x-btn .x-deluge-edit-trackers { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/edit.png) !important; + background-position: left center; + } + + .xg-hmenu-sort-asc .x-menu-item-icon { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/ascending.png) !important; + background-position: left center; + } + + .xg-hmenu-sort-desc .x-menu-item-icon { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/descending.png) !important; + background-position: left center; + } + + .icon-update-tracker { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/update.png) !important; + background-position: left center; + } + + .icon-queue, + .icon-upload-slots { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/queue.png) !important; + background-position: left center; + } + + .x-deluge-install-plugin, + .x-btn .x-deluge-install-plugin { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/plugin.png) !important; + background-position: left center; + } + + .x-deluge-connect-window-icon { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/connection_small.png) !important; + background-position: left center; + } + + .x-deluge-connect-window-icon { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/connection_small.png) !important; + background-position: left center; + } + + .x-deluge-connect-window-icon { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/connection_small.png) !important; + background-position: left center; + } + + .icon-top { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/top.png) !important; + background-position: left center; + } + + .icon-bottom { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/bottom.png) !important; + background-position: left center; + } + + /* .x-color-palette em:hover, .x-color-palette span:hover{ background-color: #eaeaea; } */ - - .x-color-palette em { - border-color:#aca899; - } - - .x-ie-shadow { - background-color:#777; - } - - .x-shadow .xsmc { - //background-image: url(../images/default/shadow-c.png); - } - - .x-shadow .xsml, .x-shadow .xsmr { - //background-image: url(../images/default/shadow-lr.png); - } - - .x-shadow .xstl, .x-shadow .xstc, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbc, .x-shadow .xsbr{ - //background-image: url(../images/default/shadow.png); - } - - .loading-indicator { - font-size: 11px; - //background-image: url(../images/default/grid/loading.gif); - } - - .x-spotlight { - background-color: #ccc; - } - - .x-tab-panel-header, .x-tab-panel-footer { - background: var(--main-bg-color); - border-color:#d0d0d0; - overflow:hidden; - zoom:1; - padding-bottom: 0; - } - - .x-tab-panel-header, .x-tab-panel-footer { - border-color:transparent; - } - - ul.x-tab-strip-top { - background-color: rgba(0, 0, 0, 0.25); - background-image: none; - border-bottom-color: transparent; - } - - ul.x-tab-strip-bottom{ - background-color: rgba(0, 0, 0, 0.25); - //background-image: url(../images/gray/tabs/tab-strip-btm-bg.gif); - border-top-color:transparent; - } - - .x-tab-panel-header-plain .x-tab-strip-spacer, - .x-tab-panel-footer-plain .x-tab-strip-spacer { - border-color:transparent; - background-color: transparent; - } - - .x-tab-strip span.x-tab-strip-text { - font:normal 11px 'Roboto', tahoma,arial,helvetica; - color:var(--text); - } - - .x-tab-strip-over span.x-tab-strip-text { - color: var(--text-hover); - } - - .x-tab-strip-active span.x-tab-strip-text { - color:var(--text-hover) !important; - font-weight:bold; - } - - .x-tab-strip-disabled .x-tabs-text { - color: var(--text-muted); - } - - .x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner{ - background-image: none; - background-color: transparent; - } - ul.x-tab-strip li { - float: left; - margin-left: 2px; - background: rgba(0, 0, 0, 0.25); - } - #torrentDetails dl dt, dl.singleline dt { - color: var(--text-hover) !important; -} + .x-color-palette em { + border-color: #aca899; + } - .x-tab-strip-bottom .x-tab-right { - //background-image: url(../images/gray/tabs/tab-btm-inactive-right-bg.gif); - } - - .x-tab-strip-bottom .x-tab-left { - //background-image: url(../images/gray/tabs/tab-btm-inactive-left-bg.gif); - } - - .x-tab-strip-bottom .x-tab-strip-over .x-tab-left { - //background-image: url(../images/gray/tabs/tab-btm-over-left-bg.gif); - } - - .x-tab-strip-bottom .x-tab-strip-over .x-tab-right { - //background-image: url(../images/gray/tabs/tab-btm-over-right-bg.gif); - } - - .x-tab-strip-bottom .x-tab-strip-active .x-tab-right { - //background-image: url(../images/gray/tabs/tab-btm-right-bg.gif); - } - - .x-tab-strip-bottom .x-tab-strip-active .x-tab-left { - //background-image: url(../images/gray/tabs/tab-btm-left-bg.gif); - } - - .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close { - //background-image: url(../images/gray/tabs/tab-close.gif); - } - - .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{ - //background-image: url(../images/gray/tabs/tab-close.gif); - } - - .x-tab-panel-body { - border-color: transparent; - background-color: transparent; - } - - .x-tab-panel-body-top { - border-top: 0 none; - } - - .x-tab-panel-body-bottom { - border-bottom: 0 none; - } - - .x-tab-scroller-left { - //background-image: url(../images/gray/tabs/scroll-left.gif); - border-bottom-color:#d0d0d0; - } - - .x-tab-scroller-left-over { - background-position: 0 0; - } - - .x-tab-scroller-left-disabled { - background-position: -18px 0; - opacity:.5; - -moz-opacity:.5; - filter:alpha(opacity=50); - cursor:default; - } - - .x-tab-scroller-right { - //background-image: url(../images/gray/tabs/scroll-right.gif); - border-bottom-color:#d0d0d0; - } - - .x-tab-panel-bbar .x-toolbar, .x-tab-panel-tbar .x-toolbar { - border-color:#d0d0d0; - } - .x-form-field{ - font:normal 12px 'Roboto', tahoma, arial, helvetica, sans-serif; - } - - .x-form-text, textarea.x-form-field { - background-color: rgba(255, 255, 255, 0.08); - background-image: none; - border-color: transparent; - } - - .x-form-select-one { - background-color:#fff; - border-color:#C1C1C1; - } - - .x-form-check-group-label { - border-bottom: 1px solid #d0d0d0; - color: #333; - } - - .x-editor .x-form-check-wrap { - background-color:#fff; - } - - .x-form-field-wrap .x-form-trigger{ - //background-image: url(../images/gray/form/trigger.gif); - border-bottom-color:#b5b8c8; - } - - .x-form-field-wrap .x-form-date-trigger{ - //background-image: url(../images/gray/form/date-trigger.gif); - } - - .x-form-field-wrap .x-form-clear-trigger{ - //background-image: url(../images/gray/form/clear-trigger.gif); - } - - .x-form-field-wrap .x-form-search-trigger{ - //background-image: url(../images/gray/form/search-trigger.gif); - } - - .x-trigger-wrap-focus .x-form-trigger{ - border-bottom-color: #777777; - } - - .x-item-disabled .x-form-trigger-over{ - border-bottom-color:#b5b8c8; - } - - .x-item-disabled .x-form-trigger-click{ - border-bottom-color:#b5b8c8; - } - - .x-form-focus, textarea.x-form-focus{ - border-color:transparent; - } - - .x-form-invalid, textarea.x-form-invalid{ - background-color:#fff; - //background-image: url(../images/default/grid/invalid_line.gif); - border-color:#c30; - } - - .ext-webkit .x-form-invalid{ - background-color:#fee; - border-color:#ff7870; - } - - .x-form-inner-invalid, textarea.x-form-inner-invalid{ - background-color:#fff; - //background-image: url(../images/default/grid/invalid_line.gif); - } - - .x-form-grow-sizer { - font:normal 12px 'Roboto', tahoma, arial, helvetica, sans-serif; - } - - .x-form-item { - font:normal 12px 'Roboto', tahoma, arial, helvetica, sans-serif; - } - - .x-form-invalid-msg { - color:#c0272b; - font:normal 11px 'Roboto', tahoma, arial, helvetica, sans-serif; - //background-image: url(../images/default/shared/warning.gif); - } - - .x-form-empty-field { - color:gray; - } - - .x-small-editor .x-form-field { - font:normal 11px 'Roboto', arial, tahoma, helvetica, sans-serif; - } - - .ext-webkit .x-small-editor .x-form-field { - font:normal 12px 'Roboto', arial, tahoma, helvetica, sans-serif; - } - - .x-form-invalid-icon { - //background-image: url(../images/default/form/exclamation.gif); - } - - .x-fieldset { - border-color:rgba(255, 255, 255, 0.25); - } - - .x-fieldset legend { - font:bold 11px 'Roboto', tahoma, arial, helvetica, sans-serif; - color: var(--text-hover); - } + .x-ie-shadow { + background-color: #777; + } - .x-window-draggable, .x-window-draggable .x-window-header-text { - color: var(--text-hover); -} + .x-shadow .xsmc { + //background-image: url(../images/default/shadow-c.png); + } - .x-panel-tbar .icon-add { - background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/add.png) no-repeat 0 0 !important; - width: 24px !important; - overflow: hidden; - } - - .x-panel-tbar .icon-add:hover { - background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/add.png) no-repeat 0 -24px !important; - } - - .x-panel-tbar .icon-add:active { - background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/add.png) no-repeat 1px -23px !important; - } - - .x-panel-bbar .icon-add { - background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/add_small.png) no-repeat 0 0 !important; - } - - .x-panel-tbar .icon-remove { - background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/remove.png) no-repeat 0 0 !important; - width: 24px !important; - overflow: hidden; - } - - .x-panel-tbar .icon-remove:hover { - background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/remove.png) no-repeat 0 -24px !important; - } - - .x-panel-tbar .icon-remove:active { - background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/remove.png) no-repeat 1px -23px !important; - } - - .x-panel-bbar .icon-remove { - background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/remove_small.png) no-repeat 0 0 !important; - } - - .x-panel-tbar .icon-pause { - background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/pause.png) no-repeat 0 0 !important; - width: 24px !important; - overflow: hidden; - } - - .x-panel-tbar .icon-pause:hover { - background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/pause.png) no-repeat 0 -24px !important; - } - - .x-panel-tbar .icon-pause:active { - background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/pause.png) no-repeat 1px -23px !important; - } - - .x-menu-item .icon-pause { - background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/paused.png) no-repeat 0 0 !important; - } - - .x-panel-tbar .icon-resume { - background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/resume.png) no-repeat 0 0 !important; - width: 24px !important; - overflow: hidden; - } - - .x-panel-tbar .icon-resume:hover { - background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/resume.png) no-repeat 0 -24px !important; - } - - .x-panel-tbar .icon-resume:active { - background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/resume.png) no-repeat 1px -23px !important; - } - - .x-menu-item .icon-resume { - background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/resume_small.png) no-repeat 0 0 !important; - } - - .icon-remove { - background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/remove_small.png) no-repeat 0 0 !important; - } - - .x-panel-tbar .icon-up { - background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/up.png) no-repeat 0 0 !important; - width: 24px !important; - overflow: hidden; - } - - .x-panel-tbar .icon-up:hover { - background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/up.png) no-repeat 0 -24px !important; - } - - .x-panel-tbar .icon-up:active { - background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/up.png) no-repeat 1px -23px !important; - } - - .icon-up { - background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/up_small.png) no-repeat 0 0 !important; - } - - .x-panel-tbar .icon-down { - background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/down.png) no-repeat 0 0 !important; - width: 24px !important; - overflow: hidden; - } - - .x-panel-tbar .icon-down:hover { - background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/down.png) no-repeat 0 -24px !important; - } - - .x-panel-tbar .icon-down:active { - background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/down.png) no-repeat 1px -23px !important; - } - - .icon-down { - background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/down_small.png) no-repeat 0 0 !important; - } - - .x-btn .x-deluge-preferences { - background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/settings.png) no-repeat 0 0 !important; - width: 24px !important; - overflow: hidden; - } - - .x-btn .x-deluge-preferences:hover { - background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/settings.png) no-repeat 0 -24px !important; - } - - .x-btn .x-deluge-preferences:active { - background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/settings.png) no-repeat 1px -23px !important; - } - - .x-deluge-preferences { - background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/settings_small.png) no-repeat 0 4px !important; - } - - .icon-options { - background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/settings_small.png) no-repeat 0 0px !important; - } - - .x-deluge-connection-manager, .x-btn .x-deluge-connection-manager { - background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/connection.png) no-repeat 0 0 !important; - width: 24px !important; - overflow: hidden; - } - - .x-deluge-connection-manager:hover, .x-btn .x-deluge-connection-manager:hover { - background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/connection.png) no-repeat 0 -24px !important; - } - - .x-deluge-connection-manager:active, .x-btn .x-deluge-connection-manager:active { - background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/connection.png) no-repeat 1px -23px !important; - } - - .icon-help { - background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/help.png) no-repeat 0 0 !important; - width: 24px !important; - overflow: hidden; - } - - .icon-help:hover { - background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/help.png) no-repeat 0 -24px !important; - } - - .icon-help:active { - background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/help.png) no-repeat 1px -23px !important; - } - - .icon-logout { - background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/logout.png) no-repeat 0 0 !important; - width: 24px !important; - overflow: hidden; - } - - .icon-logout:hover { - background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/logout.png) no-repeat 0 -24px !important; - } - - .icon-logout:active { - background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/logout.png) no-repeat 1px -23px !important; - } - - .x-deluge-main-panel { - background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/deluge.png) no-repeat 0 0 !important; - padding-left: 30px !important; - } - - #tbar-deluge-text.x-item-disabled * { - color: var(--text) !important; - font-size: 16px; - font-weight: normal; - } - #tbar-deluge-text * { - color: var(--text-hover) !important; - } - - /* Buttons hover */ - .x-btn{ - font:normal 11px 'Roboto', tahoma, verdana, helvetica; - } - .x-window-bc .x-window-footer .x-btn { - background-color: var(--button-color); - color: var(--button-text); - } - .x-window-bc .x-window-footer .x-btn:hover { - background-color: var(--button-color-hover); - color: var(--button-text-hover) - } - .x-form-file-wrap .x-btn { - position: absolute; - right: 0; - z-index: 1; - background: var(--button-color); - } - .x-form-file-wrap:hover .x-form-file-btn:hover .x-btn:hover { - position: absolute; - right: 0; - z-index: 1; - background: var(--button-color-hover); - color: var(--button-text-hover) - } - - .x-btn button{ - font:normal 11px 'Roboto', arial,tahoma,verdana,helvetica; - color: var(--button-text); - } - - .x-btn em { - font-style:normal; - font-weight:normal; - } - - .x-btn-tl, .x-btn-tr, .x-btn-tc, .x-btn-ml, .x-btn-mr, .x-btn-mc, .x-btn-bl, .x-btn-br, .x-btn-bc{ - background-image: none; - } - - .x-btn-click .x-btn-text, .x-btn-menu-active .x-btn-text, .x-btn-pressed .x-btn-text{ - color:#AAAAAA; - } - - .x-btn-disabled *{ - color:gray !important; - } - - .x-btn-mc em.x-btn-arrow { - //background-image: url(../images/default/button/arrow.gif); - } - - .x-btn-mc em.x-btn-split { - //background-image: url(../images/default/button/s-arrow.gif); - } - - .x-btn-over .x-btn-mc em.x-btn-split, .x-btn-click .x-btn-mc em.x-btn-split, .x-btn-menu-active .x-btn-mc em.x-btn-split, .x-btn-pressed .x-btn-mc em.x-btn-split { - //background-image: url(../images/gray/button/s-arrow-o.gif); - } - - .x-btn-mc em.x-btn-arrow-bottom { - //background-image: url(../images/default/button/s-arrow-b-noline.gif); - } - - .x-btn-mc em.x-btn-split-bottom { - //background-image: url(../images/default/button/s-arrow-b.gif); - } - - .x-btn-over .x-btn-mc em.x-btn-split-bottom, .x-btn-click .x-btn-mc em.x-btn-split-bottom, .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom, .x-btn-pressed .x-btn-mc em.x-btn-split-bottom { - //background-image: url(../images/gray/button/s-arrow-bo.gif); - } - - .x-btn-group-header { - color: #666; - } - - .x-btn-group-tc { - //background-image: url(../images/gray/button/group-tb.gif); - } - - .x-btn-group-tl { - //background-image: url(../images/gray/button/group-cs.gif); - } - - .x-btn-group-tr { - //background-image: url(../images/gray/button/group-cs.gif); - } - - .x-btn-group-bc { - //background-image: url(../images/gray/button/group-tb.gif); - } - - .x-btn-group-bl { - //background-image: url(../images/gray/button/group-cs.gif); - } - - .x-btn-group-br { - //background-image: url(../images/gray/button/group-cs.gif); - } - - .x-btn-group-ml { - //background-image: url(../images/gray/button/group-lr.gif); - } - .x-btn-group-mr { - //background-image: url(../images/gray/button/group-lr.gif); - } - - .x-btn-group-notitle .x-btn-group-tc { - //background-image: url(../images/gray/button/group-tb.gif); - } - .x-toolbar { - border-color: transparent; - background-color: transparent; - background-image: none; - } - - .x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{ - font:normal 11px 'Roboto', arial,tahoma, helvetica, sans-serif; - } - - .x-toolbar .x-item-disabled { - color:gray; - } - - .x-toolbar .x-item-disabled * { - color:gray; - } - - .x-toolbar div.xtb-text { - padding: 0px; - } - - .x-toolbar .x-btn-mc em.x-btn-split { - //background-image: url(../images/default/button/s-arrow-noline.gif); - } - - .x-toolbar .x-btn-over .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split, - .x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split - { - //background-image: url(../images/gray/button/s-arrow-o.gif); - } - - .x-toolbar .x-btn-mc em.x-btn-split-bottom { - //background-image: url(../images/default/button/s-arrow-b-noline.gif); - } - - .x-toolbar .x-btn-over .x-btn-mc em.x-btn-split-bottom, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split-bottom, - .x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom, .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split-bottom - { - //background-image: url(../images/gray/button/s-arrow-bo.gif); - } - - .x-toolbar .xtb-sep { - background: linear-gradient(to right, transparent 45%, rgba(255, 255, 255, .08) 45%, rgba(255, 255, 255, 0.08) 55%, transparent 55%); - width: 10px - } - - .x-tbar-page-first{ - //background-image: url(../images/gray/grid/page-first.gif) !important; - } - - .x-tbar-loading{ - //background-image: url(../images/gray/grid/refresh.gif) !important; - } - - .x-tbar-page-last{ - //background-image: url(../images/gray/grid/page-last.gif) !important; - } - - .x-tbar-page-next{ - //background-image: url(../images/gray/grid/page-next.gif) !important; - } - - .x-tbar-page-prev{ - //background-image: url(../images/gray/grid/page-prev.gif) !important; - } - - .x-item-disabled .x-tbar-loading{ - //background-image: url(../images/default/grid/loading.gif) !important; - } - - .x-item-disabled .x-tbar-page-first{ - //background-image: url(../images/default/grid/page-first-disabled.gif) !important; - } - - .x-item-disabled .x-tbar-page-last{ - //background-image: url(../images/default/grid/page-last-disabled.gif) !important; - } - - .x-item-disabled .x-tbar-page-next{ - //background-image: url(../images/default/grid/page-next-disabled.gif) !important; - } - - .x-item-disabled .x-tbar-page-prev{ - //background-image: url(../images/default/grid/page-prev-disabled.gif) !important; - } - - .x-paging-info { - color:#444; - } - - .x-toolbar-more-icon { - //background-image: url(../images/gray/toolbar/more.gif) !important; - } - .x-resizable-handle { - background-color:#fff; - } - - .x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east, - .x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west - { - //background-image: url(../images/gray/sizer/e-handle.gif); - } - - .x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south, - .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north - { - //background-image: url(../images/gray/sizer/s-handle.gif); - } - - .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north{ - //background-image: url(../images/gray/sizer/s-handle.gif); - } - .x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{ - //background-image: url(../images/gray/sizer/se-handle.gif); - } - .x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{ - //background-image: url(../images/gray/sizer/nw-handle.gif); - } - .x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{ - //background-image: url(../images/gray/sizer/ne-handle.gif); - } - .x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{ - //background-image: url(../images/gray/sizer/sw-handle.gif); - } - .x-resizable-proxy{ - border-color:#565656; - } - .x-resizable-overlay{ - background-color:#fff; - } - .x-grid3 { - background: rgba(0, 0, 0, 0.25); - } - - .x-grid-panel .x-panel-mc .x-panel-body { - border-color:#d0d0d0; - } - - .x-grid3-row td, .x-grid3-summary-row td{ - font:normal 11px/16px 'Roboto', arial, tahoma, helvetica, sans-serif; - } - - .x-grid3-hd-row td { - font:normal 11px/15px 'Roboto', arial, tahoma, helvetica, sans-serif; - } - - .x-grid3-hd-row td { - border-left-color:transparent; - border-right-color:transparent; - } - - .x-grid-row-loading { - background-color: #fff; - //background-image: url(../images/default/shared/loading-balls.gif); - } - - .x-grid3-row { - border-color:transparent; - border-top-color:transparent; - } - - .x-grid3-row-alt { - background-color:rgba(0, 0, 0, 0.25); - } - - .x-grid3-row-over { - border-color:transparent; - background-color: rgba(255, 255, 255, 0.08); - background-image: none; - } - - .x-grid3-resize-proxy { - background:var(--main-bg-color); - } - - .x-grid3-resize-marker { - background:var(--main-bg-color); - } - - .x-grid3-header{ - background-color:rgba(0, 0, 0, 0.25); - background-image: none; - color: var(--text-hover) !important; - } - - .x-grid3-header-pop { - border-left-color:#d0d0d0; - } - - .x-grid3-header-pop-inner { - border-left-color:#eee; - //background-image: url(../images/default/grid/hd-pop.gif); - } - - td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open { - border-left-color:rgba(0, 0, 0, 0.25); - border-right-color:transparent; - } - - td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner { - background-color:rgba(0, 0, 0, 0.25); - background-image: none; - - } - - .sort-asc .x-grid3-sort-icon { - //background-image: url(../images/gray/grid/sort_asc.gif); - } - - .sort-desc .x-grid3-sort-icon { - //background-image: url(../images/gray/grid/sort_desc.gif); - } - - .x-grid3-cell-text, .x-grid3-hd-text { - color:#000; - } - - .x-grid3-split { - //background-image: url(../images/default/grid/grid-split.gif); - } - - .x-grid3-hd-text { - color:#333; - } - - .x-dd-drag-proxy .x-grid3-hd-inner{ - background-color:#f9f9f9; - //background-image: url(../images/gray/grid/grid3-hrow-over2.gif); - border-color:#ACACAC; - } - - .col-move-top{ - //background-image: url(../images/gray/grid/col-move-top.gif); - } - - .col-move-bottom{ - //background-image: url(../images/gray/grid/col-move-bottom.gif); - } - - .x-grid3-row-selected { - background-color:rgba(255, 255, 255, 0.08) !important; - background-image: none; - border-color:transparent; - color: var(--text-hover) !important; - } - - .x-grid3-cell-selected{ - background-color: #CBCBCB !important; - color:#000; - } - - .x-grid3-cell-selected span{ - color:#000 !important; - } - - .x-grid3-cell-selected .x-grid3-cell-text{ - color:#000; - } - - .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{ - background-color:#ebeadb !important; - //background-image: url(../images/default/grid/grid-hrow.gif) !important; - color:#000; - border-top-color:#fff; - border-right-color:#6fa0df !important; - } - - .x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{ - color:#333 !important; - } - - .x-grid3-dirty-cell { - //background-image: url(../images/default/grid/dirty.gif); - } - - .x-grid3-topbar, .x-grid3-bottombar{ - font:normal 11px 'Roboto', arial, tahoma, helvetica, sans-serif; - } - - .x-grid3-bottombar .x-toolbar{ - border-top-color:#a9bfd3; - } - - .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{ - //background-image: url(../images/default/grid/grid3-special-col-bg.gif) !important; - color:#000 !important; - } - - .x-props-grid .x-grid3-body .x-grid3-td-name{ - background-color:#fff !important; - border-right-color:#eee; - } - - .xg-hmenu-sort-asc .x-menu-item-icon{ - //background-image: url(../images/default/grid/hmenu-asc.gif); - } - - .xg-hmenu-sort-desc .x-menu-item-icon{ - //background-image: url(../images/default/grid/hmenu-desc.gif); - } - - .xg-hmenu-lock .x-menu-item-icon{ - //background-image: url(../images/default/grid/hmenu-lock.gif); - } - - .xg-hmenu-unlock .x-menu-item-icon{ - //background-image: url(../images/default/grid/hmenu-unlock.gif); - } - - .x-grid3-hd-btn, a.x-grid3-hd-btn:hover { - background: linear-gradient(116deg, transparent 0%, transparent 0%, transparent 60%, #252525 60%), linear-gradient(244deg, var(--text-hover) 0%, var(--text-hover) 0%, var(--text-hover) 60%, transparent 60%); - height: 6px !important; - width: 8px; - padding: 7px 2px; - border-left: 1px solid #444444; - background-clip: content-box; - } - - .x-grid3-body .x-grid3-td-expander { - //background-image: url(../images/default/grid/grid3-special-col-bg.gif); - } - - .x-grid3-row-expander { - //background-image: url(../images/gray/grid/row-expand-sprite.gif); - } - - .x-grid3-body .x-grid3-td-checker { - //background-image: url(../images/default/grid/grid3-special-col-bg.gif); - } - - .x-grid3-row-checker, .x-grid3-hd-checker { - //background-image: url(../images/default/grid/row-check-sprite.gif); - } - - .x-grid3-body .x-grid3-td-numberer { - //background-image: url(../images/default/grid/grid3-special-col-bg.gif); - } - - .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner { - color:#444; - } - - .x-grid3-body .x-grid3-td-row-icon { - //background-image: url(../images/default/grid/grid3-special-col-bg.gif); - } - - .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer, - .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker, - .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander { - //background-image: url(../images/gray/grid/grid3-special-col-sel-bg.gif); - } - - .x-grid3-check-col { - //background-image: url(../images/default/menu/unchecked.gif); - } - - .x-grid3-check-col-on { - //background-image: url(../images/default/menu/checked.gif); - } - - .x-grid-group, .x-grid-group-body, .x-grid-group-hd { - zoom:1; - } - - .x-grid-group-hd { - border-bottom-color:#d0d0d0; - } - - .x-grid-group-hd div.x-grid-group-title { - //background-image: url(../images/gray/grid/group-collapse.gif); - color:#5F5F5F; - font:bold 11px 'Roboto', tahoma, arial, helvetica, sans-serif; - } - - .x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title { - //background-image: url(../images/gray/grid/group-expand.gif); - } - - .x-group-by-icon { - //background-image: url(../images/default/grid/group-by.gif); - } - - .x-cols-icon { - background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/columns.png); - } - - .x-show-groups-icon { - //background-image: url(../images/default/grid/group-by.gif); - } - - .x-grid-empty { - color:gray; - font:normal 11px 'Roboto', tahoma, arial, helvetica, sans-serif; - } - - .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell { - border-right-color:#ededed; - } - - .x-grid3-cell { - box-sizing: border-box; - } - - .x-grid-with-col-lines .x-grid3-row{ - border-top-color:#ededed; - } - - .x-grid-with-col-lines .x-grid3-row-selected { - border-top-color:#B9B9B9; - } - .x-pivotgrid .x-grid3-header-offset table td { - background: url(../images/gray/grid/grid3-hrow2.gif) repeat-x 50% 100%; - border-left: 1px solid; - border-right: 1px solid; - border-left-color: #D0D0D0; - border-right-color: #D0D0D0; - } - - .x-pivotgrid .x-grid3-row-headers { - background-color: #f9f9f9; - } - - .x-pivotgrid .x-grid3-row-headers table td { - background: #EEE url(../images/default/grid/grid3-rowheader.gif) repeat-x left top; - border-left: 1px solid; - border-right: 1px solid; - border-left-color: #EEE; - border-right-color: #D0D0D0; - border-bottom: 1px solid; - border-bottom-color: #D0D0D0; - height: 18px; - } - .x-dd-drag-ghost{ - color:#000; - font: normal 11px 'Roboto', arial, helvetica, sans-serif; - border-color: #ddd #bbb #bbb #ddd; - background-color:#fff; - } - - .x-dd-drop-nodrop .x-dd-drop-icon{ - //background-image: url(../images/default/dd/drop-no.gif); - } - - .x-dd-drop-ok .x-dd-drop-icon{ - //background-image: url(../images/default/dd/drop-yes.gif); - } - - .x-dd-drop-ok-add .x-dd-drop-icon{ - //background-image: url(../images/default/dd/drop-add.gif); - } - - .x-view-selector { - background-color:#D6D6D6; - border-color:#888888; - } - - .x-tree-node-expanded .x-tree-node-icon{ - background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/folder.png); - } - - .x-tree-node-leaf .x-tree-node-icon{ - background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/file.png); - } - - .x-tree-node-collapsed .x-tree-node-icon{ - background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/folder.png); - } - - .x-tree-node-loading .x-tree-node-icon{ - //background-image: url(../images/default/tree/loading.gif) !important; - } - - .x-tree-node .x-tree-node-inline-icon { - background-image: none; - } - - .x-tree-node-loading a span{ - font-style: italic; - color:#444444; - } - - .ext-ie .x-tree-node-el input { - width:15px; - height:15px; - } - - .x-tree-lines .x-tree-elbow{ - //background-image: url(../images/default/tree/elbow.gif); - } - - .x-tree-lines .x-tree-elbow-plus{ - //background-image: url(../images/default/tree/elbow-plus.gif); - } - - .x-tree-lines .x-tree-elbow-minus{ - //background-image: url(../images/default/tree/elbow-minus.gif); - } - - .x-tree-lines .x-tree-elbow-end{ - //background-image: url(../images/default/tree/elbow-end.gif); - } - - .x-tree-lines .x-tree-elbow-end-plus{ - //background-image: url(../images/gray/tree/elbow-end-plus.gif); - } - - .x-tree-lines .x-tree-elbow-end-minus{ - //background-image: url(../images/gray/tree/elbow-end-minus.gif); - } - - .x-tree-lines .x-tree-elbow-line{ - //background-image: url(../images/default/tree/elbow-line.gif); - } - - .x-tree-no-lines .x-tree-elbow-plus{ - //background-image: url(../images/default/tree/elbow-plus-nl.gif); - } - - .x-tree-no-lines .x-tree-elbow-minus{ - //background-image: url(../images/default/tree/elbow-minus-nl.gif); - } - - .x-tree-no-lines .x-tree-elbow-end-plus{ - //background-image: url(../images/gray/tree/elbow-end-plus-nl.gif); - } - - .x-tree-no-lines .x-tree-elbow-end-minus{ - //background-image: url(../images/gray/tree/elbow-end-minus-nl.gif); - } - - .x-tree-arrows .x-tree-elbow-plus{ - //background-image: url(../images/gray/tree/arrows.gif); - } - - .x-tree-arrows .x-tree-elbow-minus{ - //background-image: url(../images/gray/tree/arrows.gif); - } - - .x-tree-arrows .x-tree-elbow-end-plus{ - //background-image: url(../images/gray/tree/arrows.gif); - } - - .x-tree-arrows .x-tree-elbow-end-minus{ - //background-image: url(../images/gray/tree/arrows.gif); - } - - .x-tree-node{ - color:#cccccc; - font: normal 11px 'Roboto', arial, tahoma, helvetica, sans-serif; - } - - .x-treegrid-root-table, .x-treegrid-col { - border-color: rgba(255, 255, 255, 0.08) !important; - } - - .x-tree-node a, .x-dd-drag-ghost a{ - color:#cccccc; - } - - .x-tree-node a span, .x-dd-drag-ghost a span{ - color:#cccccc; - } - - .x-tree-node .x-tree-node-disabled a span{ - color:gray !important; - } - - .x-tree-node div.x-tree-drag-insert-below{ - border-bottom-color:#36c; - } - - .x-tree-node div.x-tree-drag-insert-above{ - border-top-color:#36c; - } - - .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{ - border-bottom-color:#36c; - } - - .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{ - border-top-color:#36c; - } - - .x-tree-node .x-tree-drag-append a span{ - background-color:#ddd; - border-color:gray; - } - - .x-tree-node .x-tree-node-over { - background-color: rgba(255, 255, 255, 0.08); - } - - .x-tree-node .x-tree-selected { - background-color: rgba(0, 0, 0, 0.45); - } - - .x-tree-drop-ok-append .x-dd-drop-icon{ - //background-image: url(../images/default/tree/drop-add.gif); - } - - .x-tree-drop-ok-above .x-dd-drop-icon{ - //background-image: url(../images/default/tree/drop-over.gif); - } - - .x-tree-drop-ok-below .x-dd-drop-icon{ - //background-image: url(../images/default/tree/drop-under.gif); - } - - .x-tree-drop-ok-between .x-dd-drop-icon{ - //background-image: url(../images/default/tree/drop-between.gif); - } - .x-date-picker { - border-color:#585858; - background-color:#fff; - } - - .x-date-middle,.x-date-left,.x-date-right { - //background-image: url(../images/gray/shared/hd-sprite.gif); - color:#fff; - font:bold 11px 'Roboto', "sans serif", tahoma, verdana, helvetica; - } - - .x-date-middle .x-btn .x-btn-text { - color:#fff; - } - - .x-panel-tbar .x-btn-text { - height: 24px !important; - color: rgb(0,0,0,0) !important; - } - - .x-panel-tbar .x-toolbar .xtb-sep { - height: 24px !important; - } - - .x-date-middle .x-btn-mc em.x-btn-arrow { - //background-image: url(../images/gray/toolbar/btn-arrow-light.gif); - } - - .x-date-right a { - //background-image: url(../images/gray/shared/right-btn.gif); - } - - .x-date-left a{ - //background-image: url(../images/gray/shared/left-btn.gif); - } - - .x-date-inner th { - background-color:#D8D8D8; - //background-image: url(../images/gray/panel/white-top-bottom.gif); - border-bottom-color:#AFAFAF; - font:normal 10px 'Roboto', helvetica,tahoma,sans-serif; - color:#595959; - } - - .x-date-inner td { - border-color:#fff; - } - - .x-date-inner a { - font:normal 11px 'Roboto', arial, helvetica,tahoma,sans-serif; - color:#000; - } - - .x-date-inner .x-date-active{ - color:#000; - } - - .x-date-inner .x-date-selected a{ - background-image: none; - background-color:#D8D8D8; - border-color:#DCDCDC; - } - - .x-date-inner .x-date-today a{ - border-color:darkred; - } - - .x-date-inner .x-date-selected span{ - font-weight:bold; - } - - .x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a { - color:#aaa; - } - - .x-date-bottom { - border-top-color:#AFAFAF; - background-color:#D8D8D8; - background:#D8D8D8 url(../images/gray/panel/white-top-bottom.gif) 0 -2px; - } - - .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{ - color:#000; - background-color:#D8D8D8; - } - - .x-date-inner .x-date-disabled a { - background-color:#eee; - color:#bbb; - } - - .x-date-mmenu{ - background-color:#eee !important; - } - - .x-date-mmenu .x-menu-item { - font-size:10px; - color:#000; - } - - .x-date-mp { - background-color:#fff; - } - - .x-date-mp td { - font:normal 11px 'Roboto', arial, helvetica,tahoma,sans-serif; - } - - .x-date-mp-btns button { - background-color:#4E565F; - color:#fff; - border-color:#C0C0C0 #434343 #434343 #C0C0C0; - font:normal 11px 'Roboto', arial, helvetica,tahoma,sans-serif; - } - - .x-date-mp-btns { - background-color:#D8D8D8; - background:#D8D8D8 url(../images/gray/panel/white-top-bottom.gif) 0 -2px; - } - - .x-date-mp-btns td { - border-top-color:#AFAFAF; - } - - td.x-date-mp-month a,td.x-date-mp-year a { - color: #333; - } - - td.x-date-mp-month a:hover,td.x-date-mp-year a:hover { - color:#333; - background-color:#FDFDFD; - } - - td.x-date-mp-sel a { - background-color:#D8D8D8; - //background:#D8D8D8 url(../images/gray/panel/white-top-bottom.gif) 0 -2px; - border-color:#DCDCDC; - } - - .x-date-mp-ybtn a { - //background-image: url(../images/gray/panel/tool-sprites.gif); - } - - td.x-date-mp-sep { - border-right-color:#D7D7D7; - } - - .x-tip .x-tip-close{ - //background-image: url(../images/gray/qtip/close.gif); - } - - .x-tip .x-tip-tc, .x-tip .x-tip-tl, .x-tip .x-tip-tr, .x-tip .x-tip-bc, .x-tip .x-tip-bl, .x-tip .x-tip-br, .x-tip .x-tip-ml, .x-tip .x-tip-mr { - //background-image: url(../images/gray/qtip/tip-sprite.gif); - } - - .x-tip .x-tip-mc { - font: normal 11px 'Roboto', tahoma,arial,helvetica,sans-serif; - } - .x-tip .x-tip-ml { - background-color: #fff; - } - - .x-tip .x-tip-header-text { - font: bold 11px 'Roboto', tahoma,arial,helvetica,sans-serif; - color:#444; - } - - .x-tip .x-tip-body { - font: normal 11px 'Roboto', tahoma,arial,helvetica,sans-serif; - color:#444; - } - - .x-form-invalid-tip .x-tip-tc, .x-form-invalid-tip .x-tip-tl, .x-form-invalid-tip .x-tip-tr, .x-form-invalid-tip .x-tip-bc, - .x-form-invalid-tip .x-tip-bl, .x-form-invalid-tip .x-tip-br, .x-form-invalid-tip .x-tip-ml, .x-form-invalid-tip .x-tip-mr - { - //background-image: url(../images/default/form/error-tip-corners.gif); - } - - .x-form-invalid-tip .x-tip-body { - //background-image: url(../images/default/form/exclamation.gif); - } - - .x-tip-anchor { - //background-image: url(../images/gray/qtip/tip-anchor-sprite.gif); - } - .x-menu { - background:var(--drop-down-menu-bg); - 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; - } - - .x-menu-floating{ - border-color:transparent; - } - - .x-menu-nosep { - background-image:none; - } - - .x-menu-list-item{ - font:normal 11px 'Roboto', arial,tahoma,sans-serif; - } - - .x-menu-item-arrow{ - //background-image: url(../images/gray/menu/menu-parent.gif); - } - - .x-menu-sep { - background-color: transparent; - border-bottom-color: rgba(255, 255, 255, 0.08); - } - - a.x-menu-item { - color:var(--text); - } - - .x-menu-item-active { - background-image: none; - background-color: rgba(255, 255, 255, 0.08); - border-color:transparent; - color: var(--text-hover) !important; - } - - .x-menu-item-active a.x-menu-item { - border-color:transparent; - color: var(--text-hover) !important; - } - - .x-menu-check-item .x-menu-item-icon{ - //background-image: url(../images/default/menu/unchecked.gif); - } - - .x-menu-item-checked .x-menu-item-icon{ - //background-image: url(../images/default/menu/checked.gif); - } - - .x-menu-item-checked .x-menu-group-item .x-menu-item-icon{ - //background-image: url(../images/gray/menu/group-checked.gif); - } - - .x-menu-group-item .x-menu-item-icon{ - background-image:none; - } - - .x-menu-plain { - background-color:#fff !important; - } - - .x-menu .x-date-picker{ - border-color:#AFAFAF; - } - - .x-cycle-menu .x-menu-item-checked { - border-color:#B9B9B9 !important; - background-color:#F1F1F1; - } - - .x-menu-scroller-top { - //background-image: url(../images/default/layout/mini-top.gif); - } - - .x-menu-scroller-bottom { - //background-image: url(../images/default/layout/mini-bottom.gif); - }.x-box-tl { - //background-image: url(../images/default/box/corners.gif); - } - - .x-box-tc { - //background-image: url(../images/default/box/tb.gif); - } - - .x-box-tr { - //background-image: url(../images/default/box/corners.gif); - } - - .x-box-ml { - //background-image: url(../images/default/box/l.gif); - } - - .x-box-mc { - background-color: #eee; - //background-image: url(../images/default/box/tb.gif); - font-family: "Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif; - color: #393939; - font-size: 12px; - } - - .x-box-mc h3 { - font-size: 14px; - font-weight: bold; - } - - .x-box-mr { - //background-image: url(../images/default/box/r.gif); - } - - .x-box-bl { - //background-image: url(../images/default/box/corners.gif); - } - - .x-box-bc { - //background-image: url(../images/default/box/tb.gif); - } - - .x-box-br { - //background-image: url(../images/default/box/corners.gif); - } - - .x-box-blue .x-box-bl, .x-box-blue .x-box-br, .x-box-blue .x-box-tl, .x-box-blue .x-box-tr { - //background-image: url(../images/default/box/corners-blue.gif); - } - - .x-box-blue .x-box-bc, .x-box-blue .x-box-mc, .x-box-blue .x-box-tc { - //background-image: url(../images/default/box/tb-blue.gif); - } - - .x-box-blue .x-box-mc { - background-color: #c3daf9; - } - - .x-box-blue .x-box-mc h3 { - color: #17385b; - } - - .x-box-blue .x-box-ml { - //background-image: url(../images/default/box/l-blue.gif); - } - - .x-box-blue .x-box-mr { - //background-image: url(../images/default/box/r-blue.gif); - } - .x-combo-list { - border-color:#666666; - background-color:#252525; - font:normal 12px 'Roboto', tahoma, arial, helvetica, sans-serif; - } - - .x-combo-list-inner { - background-color:#252525; - } - - .x-combo-list-hd { - font:bold 11px 'Roboto', tahoma, arial, helvetica, sans-serif; - color:#333; - //background-image: url(../images/default/layout/panel-title-light-bg.gif); - border-bottom-color:#BCBCBC; - } - - .x-resizable-pinned .x-combo-list-inner { - border-bottom-color:#BEBEBE; - } - - .x-combo-list-item { - border-color:#252525; - } - - .x-combo-list .x-combo-selected{ - border-color:#252525 !important; - background-color:#333333; - } - - .x-combo-list .x-toolbar { - border-top-color:#BCBCBC; - } - - .x-combo-list-small { - font:normal 11px 'Roboto', tahoma, arial, helvetica, sans-serif; - } - - .x-panel { - 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; - border-color: #d0d0d0; - } - - .x-panel-header { - color:var(--text-hover); - font-weight:bold; - font-size: 11px; - font-family: 'Roboto', tahoma,arial,verdana,sans-serif; - border-color:transparent; - background-image: none; - background-color: rgba(0, 0, 0, 0.25); - } - - .x-panel-body { - border-color: transparent; - border: 1px solid rgba(255, 255, 255, 0.08); - 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; - } - - .x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar { - border-color:transparent !important; - } - - .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar { - border-top-color:transparent; - } - - .x-panel-body-noheader, .x-panel-mc .x-panel-body { - border-top-color:transparent; - } - - .x-panel-tl .x-panel-header { - color:#333; - font:bold 11px 'Roboto', tahoma,arial,verdana,sans-serif; - } - - .x-panel-tc { - //background-image: url(../images/gray/panel/top-bottom.gif); - } - - .x-panel-tl, .x-panel-tr, .x-panel-bl, .x-panel-br{ - //background-image: url(../images/gray/panel/corners-sprite.gif); - border-bottom-color:#d0d0d0; - } - - .x-panel-bc { - //background-image: url(../images/gray/panel/top-bottom.gif); - } - - .x-panel-mc { - font: normal 11px 'Roboto', tahoma,arial,helvetica,sans-serif; - background-color:#f1f1f1; - } - - .x-panel-ml { - background-color: #fff; - //background-image: url(../images/gray/panel/left-right.gif); - } - - .x-panel-mr { - //background-image: url(../images/gray/panel/left-right.gif); - } - - .x-tool { - //background-image: url(../images/gray/panel/tool-sprites.gif); - } - - .x-panel-collapsed .x-accordion-hd .x-tool-toggle { - height: 8px; - width: 8px; - border: 1px solid var(--button-color); - padding: 2px; - background: linear-gradient(to bottom, transparent 45%, var(--button-color) 45%, var(--button-color) 55%, transparent 55%), linear-gradient(to right, transparent 45%, var(--button-color) 45%, var(--button-color) 55%, transparent 55%); - background-clip: content-box; - } - - .x-accordion-hd .x-tool-toggle { - height: 8px; - width: 8px; - border: 1px solid var(--button-color); - padding: 2px; - background: linear-gradient(to bottom, transparent 45%, var(--button-color) 45%, var(--button-color) 55%, transparent 55%); - background-clip: content-box; - } - - .x-tool-collapse-west { - height: 8px; - width: 6px; - padding: 2px 3px; - border: 1px solid var(--button-color); - background: linear-gradient(26deg, #252525 40%, #252525 40%, #252525 0%, transparent 0%), linear-gradient(154deg, #252525 40%, var(--button-color) 40%, var(--button-color) 100%, #252525 100%); - background-clip: content-box; - } - - .x-tool-expand-west { - height: 8px; - width: 6px; - padding: 2px 3px; - border: 1px solid var(--button-color); - background: linear-gradient(-26deg, #252525 40%, #252525 40%, #252525 0%, transparent 0%), linear-gradient(-154deg, #252525 40%, var(--button-color) 40%, var(--button-color) 100%, #252525 100%); - background-clip: content-box; - } - - .x-tool-collapse-south { - height: 6px !important; - width: 8px; - padding: 3px 2px; - border: 1px solid var(--button-color); - background: linear-gradient(116deg, transparent 0%, transparent 0%, transparent 60%, #252525 60%), linear-gradient(244deg, var(--button-color) 0%, var(--button-color) 0%, var(--button-color) 60%, transparent 60%); - background-clip: content-box; - } - - .x-tool-expand-south { - height: 6px; - width: 8px; - padding: 3px 2px; - border: 1px solid var(--button-color); - background: linear-gradient(116deg, #252525 40%, #252525 40%, #252525 0%, transparent 0%), linear-gradient(244deg, transparent 40%, var(--button-color) 40%, var(--button-color) 100%, transparent 100%); - background-clip: content-box; - } - - .x-tool-close { - height: 8px; - width: 8px; - border: 1px solid #44444400; - padding: 2px; - background: linear-gradient(to bottom right, transparent 45%, var(--button-color) 45%, var(--button-color) 55%, transparent 55%), linear-gradient(to top right, transparent 45%, var(--button-color) 45%, var(--button-color) 55%, transparent 55%); - background-clip: content-box; - } - - .x-panel-ghost { - background-color:#f2f2f2; - } - - .x-panel-ghost ul { - border-color:#d0d0d0; - } - - .x-panel-dd-spacer { - border-color:#d0d0d0; - } - - .x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{ - font:normal 11px 'Roboto', arial,tahoma, helvetica, sans-serif; - } - - .x-window, .x-window .x-panel-body, - .x-window .x-tab-panel-header, .x-tab-panel-footer, - .x-window .x-panel-noborder .x-panel-bbar-noborder .x-toolbar { - 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; - } - .x-window .x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar { - 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; - } - - .x-window-proxy { - background-color:#fcfcfc; - border-color:#d0d0d0; - } - - .x-window-bwrap { - border: 1px solid transparent; - border-top: 1px solid rgba(255, 255, 255, 0.25); - } - - .x-window-tl .x-window-header { - color:#ffffff; - font:bold 11px 'Roboto', tahoma,arial,verdana,sans-serif; - } - - .x-window-tc { - background-image: none; - background-color: transparent; - } - - .x-window-tl { - background-image: none; - background: var(--modal-header-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; - } - - .x-window-tr { - background-image: none; - background-color: transparent; - } - - .x-window-bc { - background-image: none; - background-color: transparent; - } - - .x-window-bl { - background-image: none; - background: var(--modal-footer-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; - } - - .x-window-br { - background-image: none; - background-color: transparent; - } - - .x-window-mc { - border-color:transparent; - font: normal 11px 'Roboto', tahoma,arial,helvetica,sans-serif; - background-color: transparent; - } - - .x-window-ml { - background-image: none; - background-color: transparent; - } - - .x-window-mr { - background-image: none; - background-color: transparent; - } - - .x-window-maximized .x-window-tc { - background-color:#fff; - } - - .x-window-bbar .x-toolbar { - border-top-color:#d0d0d0; - } - - .x-panel-ghost .x-window-tl { - border-bottom-color:#d0d0d0; - } - - .x-panel-collapsed .x-window-tl { - border-bottom-color:#d0d0d0; - } - - .x-dlg-mask{ - background-color:#ccc; - } - - .x-window-plain .x-window-mc { - background-color: transparent; - border-color: transparent; - } - - .x-window-plain .x-window-body { - border-color: transparent; - } - - body.x-body-masked .x-window-plain .x-window-mc { - background-color: transparent; - } - .x-html-editor-wrap { - border-color:#BCBCBC; - background-color:#fff; - } - .x-html-editor-tb .x-btn-text { - //background-image: url(../images/default/editor/tb-sprite.gif); - } - .x-panel-noborder .x-panel-header-noborder { - border-bottom-color: rgba(255, 255, 255, 0.08); - } - - .x-panel-noborder .x-panel-tbar-noborder .x-toolbar { - border-bottom-color:#353535; - 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; - } - - .x-panel-noborder .x-panel-bbar-noborder .x-toolbar { - border-top-color:#353535; - } - - .x-tab-panel-bbar-noborder .x-toolbar { - border-top-color:#d0d0d0; - } - - .x-tab-panel-tbar-noborder .x-toolbar { - border-bottom-color:#d0d0d0; - } - - .x-border-layout-ct { - background-color:#f0f0f0; - } - .x-border-layout-ct { - 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; - } - - .x-accordion-hd { - color:var(--text-hover); - font-weight:normal; - //background-image: url(../images/gray/panel/light-hd.gif); - } - - .x-layout-collapsed { - background-color: rgba(0, 0, 0, 0.25); - border-color: transparent; - } - - .x-layout-collapsed-over{ - background-color: rgba(0, 0, 0, 0.45); - } - - .x-layout-split-west .x-layout-mini { - //background-image: url(../images/default/layout/mini-left.gif); - } - .x-layout-split-east .x-layout-mini { - //background-image: url(../images/default/layout/mini-right.gif); - } - .x-layout-split-north .x-layout-mini { - //background-image: url(../images/default/layout/mini-top.gif); - } - .x-layout-split-south .x-layout-mini { - //background-image: url(../images/default/layout/mini-bottom.gif); - } - - .x-layout-cmini-west .x-layout-mini { - //background-image: url(../images/default/layout/mini-right.gif); - } - - .x-layout-cmini-east .x-layout-mini { - //background-image: url(../images/default/layout/mini-left.gif); - } - - .x-layout-cmini-north .x-layout-mini { - //background-image: url(../images/default/layout/mini-bottom.gif); - } - - .x-layout-cmini-south .x-layout-mini { - //background-image: url(../images/default/layout/mini-top.gif); - } - .x-progress-wrap { - border-color:transparent; - } - - .x-progress-inner { - background-color:transparent; - background-image: none; - } - - .x-progress-bar { - background-color: rgb(var(--progress-color)); - background-image: none; - border-top-color:transparent; - border-bottom-color:transparent; - border-right-color:transparent; - color: var(--label-text-color); - } - - .x-progress-text { - font-size:11px; - font-weight:normal; - color: var(--label-text-color) !important; - } - - .x-progress-text-back { - color: var(--label-text-color) !important; - } - .x-list-header { - background-color: rgba(0, 0, 0, 0.25); - background-image: none; - color: var(--text-hover) !important; - } - - .x-list-header-inner div em { - border-left-color:rgba(255, 255, 255, .08); - font:normal 11px 'Roboto', arial, tahoma, helvetica, sans-serif; - } - - .x-list-body dt em { - font:normal 11px 'Roboto', arial, tahoma, helvetica, sans-serif; - } - - .x-list-over { - background-color: rgba(255, 255, 255, 0.08); - } - - .x-list-selected { - background-color: rgba(255, 255, 255, 0.08); - color: var(--text-hover) !important; - } - - .x-list-resizer { - border-left-color:#555; - border-right-color:#555; - } - - .x-list-header-inner em.sort-asc, .x-list-header-inner em.sort-desc { - background: #202020; - border-color: #202020; - } - .x-slider-horz, .x-slider-horz .x-slider-end, .x-slider-horz .x-slider-inner { - //background-image: url(../images/default/slider/slider-bg.png); - } - - .x-slider-horz .x-slider-thumb { - //background-image: url(../images/gray/slider/slider-thumb.png); - } - - .x-slider-vert, .x-slider-vert .x-slider-end, .x-slider-vert .x-slider-inner { - //background-image: url(../images/default/slider/slider-v-bg.png); - } - - .x-slider-vert .x-slider-thumb { - //background-image: url(../images/gray/slider/slider-v-thumb.png); - } - .x-window-dlg .ext-mb-text, - .x-window-dlg .x-window-header-text { - font-size:12px; - } - - .x-window-dlg .ext-mb-textarea { - font:normal 12px 'Roboto', tahoma,arial,helvetica,sans-serif; - } - - .x-window-dlg .x-msg-box-wait { - //background-image: url(../images/default/grid/loading.gif); - } - - .x-window-dlg .ext-mb-info { - //background-image: url(../images/gray/window/icon-info.gif); - } - - .x-window-dlg .ext-mb-warning { - //background-image: url(../images/gray/window/icon-warning.gif); - } - - .x-window-dlg .ext-mb-question { - //background-image: url(../images/gray/window/icon-question.gif); - } - - .x-window-dlg .ext-mb-error { - //background-image: url(../images/gray/window/icon-error.gif); - } - + .x-shadow .xsml, + .x-shadow .xsmr { + //background-image: url(../images/default/shadow-lr.png); + } + + .x-shadow .xstl, + .x-shadow .xstc, + .x-shadow .xstr, + .x-shadow .xsbl, + .x-shadow .xsbc, + .x-shadow .xsbr { + //background-image: url(../images/default/shadow.png); + } + + .loading-indicator { + font-size: 11px; + //background-image: url(../images/default/grid/loading.gif); + } + + .x-spotlight { + background-color: #ccc; + } + + .x-tab-panel-header, + .x-tab-panel-footer { + background: var(--main-bg-color); + border-color: #d0d0d0; + overflow: hidden; + zoom: 1; + padding-bottom: 0; + } + + .x-tab-panel-header, + .x-tab-panel-footer { + border-color: transparent; + } + + ul.x-tab-strip-top { + background-color: rgba(0, 0, 0, 0.25); + background-image: none; + border-bottom-color: transparent; + } + + ul.x-tab-strip-bottom { + background-color: rgba(0, 0, 0, 0.25); + //background-image: url(../images/gray/tabs/tab-strip-btm-bg.gif); + border-top-color: transparent; + } + + .x-tab-panel-header-plain .x-tab-strip-spacer, + .x-tab-panel-footer-plain .x-tab-strip-spacer { + border-color: transparent; + background-color: transparent; + } + + .x-tab-strip span.x-tab-strip-text { + font: normal 11px 'Roboto', tahoma, arial, helvetica; + color: var(--text); + } + + .x-tab-strip-over span.x-tab-strip-text { + color: var(--text-hover); + } + + .x-tab-strip-active span.x-tab-strip-text { + color: var(--text-hover) !important; + font-weight: bold; + } + + .x-tab-strip-disabled .x-tabs-text { + color: var(--text-muted); + } + + .x-tab-strip-top .x-tab-right, + .x-tab-strip-top .x-tab-left, + .x-tab-strip-top .x-tab-strip-inner { + background-image: none; + background-color: transparent; + } + + ul.x-tab-strip li { + float: left; + margin-left: 2px; + background: rgba(0, 0, 0, 0.25); + } + + #torrentDetails dl dt, + dl.singleline dt { + color: var(--text-hover) !important; + } + + .x-tab-strip-bottom .x-tab-right { + //background-image: url(../images/gray/tabs/tab-btm-inactive-right-bg.gif); + } + + .x-tab-strip-bottom .x-tab-left { + //background-image: url(../images/gray/tabs/tab-btm-inactive-left-bg.gif); + } + + .x-tab-strip-bottom .x-tab-strip-over .x-tab-left { + //background-image: url(../images/gray/tabs/tab-btm-over-left-bg.gif); + } + + .x-tab-strip-bottom .x-tab-strip-over .x-tab-right { + //background-image: url(../images/gray/tabs/tab-btm-over-right-bg.gif); + } + + .x-tab-strip-bottom .x-tab-strip-active .x-tab-right { + //background-image: url(../images/gray/tabs/tab-btm-right-bg.gif); + } + + .x-tab-strip-bottom .x-tab-strip-active .x-tab-left { + //background-image: url(../images/gray/tabs/tab-btm-left-bg.gif); + } + + .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close { + //background-image: url(../images/gray/tabs/tab-close.gif); + } + + .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover { + //background-image: url(../images/gray/tabs/tab-close.gif); + } + + .x-tab-panel-body { + border-color: transparent; + background-color: transparent; + } + + .x-tab-panel-body-top { + border-top: 0 none; + } + + .x-tab-panel-body-bottom { + border-bottom: 0 none; + } + + .x-tab-scroller-left { + //background-image: url(../images/gray/tabs/scroll-left.gif); + border-bottom-color: #d0d0d0; + } + + .x-tab-scroller-left-over { + background-position: 0 0; + } + + .x-tab-scroller-left-disabled { + background-position: -18px 0; + opacity: .5; + -moz-opacity: .5; + filter: alpha(opacity=50); + cursor: default; + } + + .x-tab-scroller-right { + //background-image: url(../images/gray/tabs/scroll-right.gif); + border-bottom-color: #d0d0d0; + } + + .x-tab-panel-bbar .x-toolbar, + .x-tab-panel-tbar .x-toolbar { + border-color: #d0d0d0; + } + + .x-form-field { + font: normal 12px 'Roboto', tahoma, arial, helvetica, sans-serif; + } + + .x-form-text, + textarea.x-form-field { + background-color: rgba(255, 255, 255, 0.08); + background-image: none; + border-color: transparent; + } + + .x-form-select-one { + background-color: #fff; + border-color: #C1C1C1; + } + + .x-form-check-group-label { + border-bottom: 1px solid #d0d0d0; + color: #333; + } + + .x-editor .x-form-check-wrap { + background-color: #fff; + } + + .x-form-field-wrap .x-form-trigger { + //background-image: url(../images/gray/form/trigger.gif); + border-bottom-color: #b5b8c8; + } + + .x-form-field-wrap .x-form-date-trigger { + //background-image: url(../images/gray/form/date-trigger.gif); + } + + .x-form-field-wrap .x-form-clear-trigger { + //background-image: url(../images/gray/form/clear-trigger.gif); + } + + .x-form-field-wrap .x-form-search-trigger { + //background-image: url(../images/gray/form/search-trigger.gif); + } + + .x-trigger-wrap-focus .x-form-trigger { + border-bottom-color: #777777; + } + + .x-item-disabled .x-form-trigger-over { + border-bottom-color: #b5b8c8; + } + + .x-item-disabled .x-form-trigger-click { + border-bottom-color: #b5b8c8; + } + + .x-form-focus, + textarea.x-form-focus { + border-color: transparent; + } + + .x-form-invalid, + textarea.x-form-invalid { + background-color: #fff; + //background-image: url(../images/default/grid/invalid_line.gif); + border-color: #c30; + } + + .ext-webkit .x-form-invalid { + background-color: #fee; + border-color: #ff7870; + } + + .x-form-inner-invalid, + textarea.x-form-inner-invalid { + background-color: #fff; + //background-image: url(../images/default/grid/invalid_line.gif); + } + + .x-form-grow-sizer { + font: normal 12px 'Roboto', tahoma, arial, helvetica, sans-serif; + } + + .x-form-item { + font: normal 12px 'Roboto', tahoma, arial, helvetica, sans-serif; + } + + .x-form-invalid-msg { + color: #c0272b; + font: normal 11px 'Roboto', tahoma, arial, helvetica, sans-serif; + //background-image: url(../images/default/shared/warning.gif); + } + + .x-form-empty-field { + color: gray; + } + + .x-small-editor .x-form-field { + font: normal 11px 'Roboto', arial, tahoma, helvetica, sans-serif; + } + + .ext-webkit .x-small-editor .x-form-field { + font: normal 12px 'Roboto', arial, tahoma, helvetica, sans-serif; + } + + .x-form-invalid-icon { + //background-image: url(../images/default/form/exclamation.gif); + } + + .x-fieldset { + border-color: rgba(255, 255, 255, 0.25); + } + + .x-fieldset legend { + font: bold 11px 'Roboto', tahoma, arial, helvetica, sans-serif; + color: var(--text-hover); + } + + .x-window-draggable, + .x-window-draggable .x-window-header-text { + color: var(--text-hover); + } + + .x-panel-tbar .icon-add { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/add.png) no-repeat 0 0 !important; + width: 24px !important; + overflow: hidden; + } + + .x-panel-tbar .icon-add:hover { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/add.png) no-repeat 0 -24px !important; + } + + .x-panel-tbar .icon-add:active { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/add.png) no-repeat 1px -23px !important; + } + + .x-panel-bbar .icon-add { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/add_small.png) no-repeat 0 0 !important; + } + + .x-panel-tbar .icon-remove { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/remove.png) no-repeat 0 0 !important; + width: 24px !important; + overflow: hidden; + } + + .x-panel-tbar .icon-remove:hover { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/remove.png) no-repeat 0 -24px !important; + } + + .x-panel-tbar .icon-remove:active { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/remove.png) no-repeat 1px -23px !important; + } + + .x-panel-bbar .icon-remove { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/remove_small.png) no-repeat 0 0 !important; + } + + .x-panel-tbar .icon-pause { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/pause.png) no-repeat 0 0 !important; + width: 24px !important; + overflow: hidden; + } + + .x-panel-tbar .icon-pause:hover { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/pause.png) no-repeat 0 -24px !important; + } + + .x-panel-tbar .icon-pause:active { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/pause.png) no-repeat 1px -23px !important; + } + + .x-menu-item .icon-pause { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/paused.png) no-repeat 0 0 !important; + } + + .x-panel-tbar .icon-resume { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/resume.png) no-repeat 0 0 !important; + width: 24px !important; + overflow: hidden; + } + + .x-panel-tbar .icon-resume:hover { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/resume.png) no-repeat 0 -24px !important; + } + + .x-panel-tbar .icon-resume:active { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/resume.png) no-repeat 1px -23px !important; + } + + .x-menu-item .icon-resume { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/resume_small.png) no-repeat 0 0 !important; + } + + .icon-remove { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/remove_small.png) no-repeat 0 0 !important; + } + + .x-panel-tbar .icon-up { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/up.png) no-repeat 0 0 !important; + width: 24px !important; + overflow: hidden; + } + + .x-panel-tbar .icon-up:hover { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/up.png) no-repeat 0 -24px !important; + } + + .x-panel-tbar .icon-up:active { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/up.png) no-repeat 1px -23px !important; + } + + .icon-up { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/up_small.png) no-repeat 0 0 !important; + } + + .x-panel-tbar .icon-down { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/down.png) no-repeat 0 0 !important; + width: 24px !important; + overflow: hidden; + } + + .x-panel-tbar .icon-down:hover { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/down.png) no-repeat 0 -24px !important; + } + + .x-panel-tbar .icon-down:active { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/down.png) no-repeat 1px -23px !important; + } + + .icon-down { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/down_small.png) no-repeat 0 0 !important; + } + + .x-btn .x-deluge-preferences { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/settings.png) no-repeat 0 0 !important; + width: 24px !important; + overflow: hidden; + } + + .x-btn .x-deluge-preferences:hover { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/settings.png) no-repeat 0 -24px !important; + } + + .x-btn .x-deluge-preferences:active { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/settings.png) no-repeat 1px -23px !important; + } + + .x-deluge-preferences { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/settings_small.png) no-repeat 0 4px !important; + } + + .icon-options { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/settings_small.png) no-repeat 0 0px !important; + } + + .x-deluge-connection-manager, + .x-btn .x-deluge-connection-manager { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/connection.png) no-repeat 0 0 !important; + width: 24px !important; + overflow: hidden; + } + + .x-deluge-connection-manager:hover, + .x-btn .x-deluge-connection-manager:hover { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/connection.png) no-repeat 0 -24px !important; + } + + .x-deluge-connection-manager:active, + .x-btn .x-deluge-connection-manager:active { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/connection.png) no-repeat 1px -23px !important; + } + + .icon-help { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/help.png) no-repeat 0 0 !important; + width: 24px !important; + overflow: hidden; + } + + .icon-help:hover { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/help.png) no-repeat 0 -24px !important; + } + + .icon-help:active { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/help.png) no-repeat 1px -23px !important; + } + + .icon-logout { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/logout.png) no-repeat 0 0 !important; + width: 24px !important; + overflow: hidden; + } + + .icon-logout:hover { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/logout.png) no-repeat 0 -24px !important; + } + + .icon-logout:active { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/logout.png) no-repeat 1px -23px !important; + } + + .x-deluge-main-panel { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/deluge.png) no-repeat 0 0 !important; + padding-left: 30px !important; + } + + #tbar-deluge-text.x-item-disabled * { + color: var(--text) !important; + font-size: 16px; + font-weight: normal; + } + + #tbar-deluge-text * { + color: var(--text-hover) !important; + } + + /* Buttons hover */ + .x-btn { + font: normal 11px 'Roboto', tahoma, verdana, helvetica; + } + + .x-window-bc .x-window-footer .x-btn { + background-color: var(--button-color); + color: var(--button-text); + } + + .x-window-bc .x-window-footer .x-btn:hover { + background-color: var(--button-color-hover); + color: var(--button-text-hover) + } + + .x-form-file-wrap .x-btn { + position: absolute; + right: 0; + z-index: 1; + background: var(--button-color); + } + + .x-form-file-wrap:hover .x-form-file-btn:hover .x-btn:hover { + position: absolute; + right: 0; + z-index: 1; + background: var(--button-color-hover); + color: var(--button-text-hover) + } + + .x-btn button { + font: normal 11px 'Roboto', arial, tahoma, verdana, helvetica; + color: var(--button-text); + } + + .x-btn em { + font-style: normal; + font-weight: normal; + } + + .x-btn-tl, + .x-btn-tr, + .x-btn-tc, + .x-btn-ml, + .x-btn-mr, + .x-btn-mc, + .x-btn-bl, + .x-btn-br, + .x-btn-bc { + background-image: none; + } + + .x-btn-click .x-btn-text, + .x-btn-menu-active .x-btn-text, + .x-btn-pressed .x-btn-text { + color: #AAAAAA; + } + + .x-btn-disabled * { + color: gray !important; + } + + .x-btn-mc em.x-btn-arrow { + //background-image: url(../images/default/button/arrow.gif); + } + + .x-btn-mc em.x-btn-split { + //background-image: url(../images/default/button/s-arrow.gif); + } + + .x-btn-over .x-btn-mc em.x-btn-split, + .x-btn-click .x-btn-mc em.x-btn-split, + .x-btn-menu-active .x-btn-mc em.x-btn-split, + .x-btn-pressed .x-btn-mc em.x-btn-split { + //background-image: url(../images/gray/button/s-arrow-o.gif); + } + + .x-btn-mc em.x-btn-arrow-bottom { + //background-image: url(../images/default/button/s-arrow-b-noline.gif); + } + + .x-btn-mc em.x-btn-split-bottom { + //background-image: url(../images/default/button/s-arrow-b.gif); + } + + .x-btn-over .x-btn-mc em.x-btn-split-bottom, + .x-btn-click .x-btn-mc em.x-btn-split-bottom, + .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom, + .x-btn-pressed .x-btn-mc em.x-btn-split-bottom { + //background-image: url(../images/gray/button/s-arrow-bo.gif); + } + + .x-btn-group-header { + color: #666; + } + + .x-btn-group-tc { + //background-image: url(../images/gray/button/group-tb.gif); + } + + .x-btn-group-tl { + //background-image: url(../images/gray/button/group-cs.gif); + } + + .x-btn-group-tr { + //background-image: url(../images/gray/button/group-cs.gif); + } + + .x-btn-group-bc { + //background-image: url(../images/gray/button/group-tb.gif); + } + + .x-btn-group-bl { + //background-image: url(../images/gray/button/group-cs.gif); + } + + .x-btn-group-br { + //background-image: url(../images/gray/button/group-cs.gif); + } + + .x-btn-group-ml { + //background-image: url(../images/gray/button/group-lr.gif); + } + + .x-btn-group-mr { + //background-image: url(../images/gray/button/group-lr.gif); + } + + .x-btn-group-notitle .x-btn-group-tc { + //background-image: url(../images/gray/button/group-tb.gif); + } + + .x-toolbar { + border-color: transparent; + background-color: transparent; + background-image: none; + } + + .x-toolbar td, + .x-toolbar span, + .x-toolbar input, + .x-toolbar div, + .x-toolbar select, + .x-toolbar label { + font: normal 11px 'Roboto', arial, tahoma, helvetica, sans-serif; + } + + .x-toolbar .x-item-disabled { + color: gray; + } + + .x-toolbar .x-item-disabled * { + color: gray; + } + + .x-toolbar div.xtb-text { + padding: 0px; + } + + .x-toolbar .x-btn-mc em.x-btn-split { + //background-image: url(../images/default/button/s-arrow-noline.gif); + } + + .x-toolbar .x-btn-over .x-btn-mc em.x-btn-split, + .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split, + .x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split, + .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split { + //background-image: url(../images/gray/button/s-arrow-o.gif); + } + + .x-toolbar .x-btn-mc em.x-btn-split-bottom { + //background-image: url(../images/default/button/s-arrow-b-noline.gif); + } + + .x-toolbar .x-btn-over .x-btn-mc em.x-btn-split-bottom, + .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split-bottom, + .x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom, + .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split-bottom { + //background-image: url(../images/gray/button/s-arrow-bo.gif); + } + + .x-toolbar .xtb-sep { + background: linear-gradient(to right, transparent 45%, rgba(255, 255, 255, .08) 45%, rgba(255, 255, 255, 0.08) 55%, transparent 55%); + width: 10px + } + + .x-tbar-page-first { + //background-image: url(../images/gray/grid/page-first.gif) !important; + } + + .x-tbar-loading { + //background-image: url(../images/gray/grid/refresh.gif) !important; + } + + .x-tbar-page-last { + //background-image: url(../images/gray/grid/page-last.gif) !important; + } + + .x-tbar-page-next { + //background-image: url(../images/gray/grid/page-next.gif) !important; + } + + .x-tbar-page-prev { + //background-image: url(../images/gray/grid/page-prev.gif) !important; + } + + .x-item-disabled .x-tbar-loading { + //background-image: url(../images/default/grid/loading.gif) !important; + } + + .x-item-disabled .x-tbar-page-first { + //background-image: url(../images/default/grid/page-first-disabled.gif) !important; + } + + .x-item-disabled .x-tbar-page-last { + //background-image: url(../images/default/grid/page-last-disabled.gif) !important; + } + + .x-item-disabled .x-tbar-page-next { + //background-image: url(../images/default/grid/page-next-disabled.gif) !important; + } + + .x-item-disabled .x-tbar-page-prev { + //background-image: url(../images/default/grid/page-prev-disabled.gif) !important; + } + + .x-paging-info { + color: #444; + } + + .x-toolbar-more-icon { + //background-image: url(../images/gray/toolbar/more.gif) !important; + } + + .x-resizable-handle { + background-color: #fff; + } + + .x-resizable-over .x-resizable-handle-east, + .x-resizable-pinned .x-resizable-handle-east, + .x-resizable-over .x-resizable-handle-west, + .x-resizable-pinned .x-resizable-handle-west { + //background-image: url(../images/gray/sizer/e-handle.gif); + } + + .x-resizable-over .x-resizable-handle-south, + .x-resizable-pinned .x-resizable-handle-south, + .x-resizable-over .x-resizable-handle-north, + .x-resizable-pinned .x-resizable-handle-north { + //background-image: url(../images/gray/sizer/s-handle.gif); + } + + .x-resizable-over .x-resizable-handle-north, + .x-resizable-pinned .x-resizable-handle-north { + //background-image: url(../images/gray/sizer/s-handle.gif); + } + + .x-resizable-over .x-resizable-handle-southeast, + .x-resizable-pinned .x-resizable-handle-southeast { + //background-image: url(../images/gray/sizer/se-handle.gif); + } + + .x-resizable-over .x-resizable-handle-northwest, + .x-resizable-pinned .x-resizable-handle-northwest { + //background-image: url(../images/gray/sizer/nw-handle.gif); + } + + .x-resizable-over .x-resizable-handle-northeast, + .x-resizable-pinned .x-resizable-handle-northeast { + //background-image: url(../images/gray/sizer/ne-handle.gif); + } + + .x-resizable-over .x-resizable-handle-southwest, + .x-resizable-pinned .x-resizable-handle-southwest { + //background-image: url(../images/gray/sizer/sw-handle.gif); + } + + .x-resizable-proxy { + border-color: #565656; + } + + .x-resizable-overlay { + background-color: #fff; + } + + .x-grid3 { + background: rgba(0, 0, 0, 0.25); + } + + .x-grid-panel .x-panel-mc .x-panel-body { + border-color: #d0d0d0; + } + + .x-grid3-row td, + .x-grid3-summary-row td { + font: normal 11px/16px 'Roboto', arial, tahoma, helvetica, sans-serif; + } + + .x-grid3-hd-row td { + font: normal 11px/15px 'Roboto', arial, tahoma, helvetica, sans-serif; + } + + .x-grid3-hd-row td { + border-left-color: transparent; + border-right-color: transparent; + } + + .x-grid-row-loading { + background-color: #fff; + //background-image: url(../images/default/shared/loading-balls.gif); + } + + .x-grid3-row { + border-color: transparent; + border-top-color: transparent; + } + + .x-grid3-row-alt { + background-color: rgba(0, 0, 0, 0.25); + } + + .x-grid3-row-over { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.08); + background-image: none; + } + + .x-grid3-resize-proxy { + background: var(--main-bg-color); + } + + .x-grid3-resize-marker { + background: var(--main-bg-color); + } + + .x-grid3-header { + background-color: rgba(0, 0, 0, 0.25); + background-image: none; + color: var(--text-hover) !important; + } + + .x-grid3-header-pop { + border-left-color: #d0d0d0; + } + + .x-grid3-header-pop-inner { + border-left-color: #eee; + //background-image: url(../images/default/grid/hd-pop.gif); + } + + td.x-grid3-hd-over, + td.sort-desc, + td.sort-asc, + td.x-grid3-hd-menu-open { + border-left-color: rgba(0, 0, 0, 0.25); + border-right-color: transparent; + } + + td.x-grid3-hd-over .x-grid3-hd-inner, + td.sort-desc .x-grid3-hd-inner, + td.sort-asc .x-grid3-hd-inner, + td.x-grid3-hd-menu-open .x-grid3-hd-inner { + background-color: rgba(0, 0, 0, 0.25); + background-image: none; + + } + + .sort-asc .x-grid3-sort-icon { + //background-image: url(../images/gray/grid/sort_asc.gif); + } + + .sort-desc .x-grid3-sort-icon { + //background-image: url(../images/gray/grid/sort_desc.gif); + } + + .x-grid3-cell-text, + .x-grid3-hd-text { + color: #000; + } + + .x-grid3-split { + //background-image: url(../images/default/grid/grid-split.gif); + } + + .x-grid3-hd-text { + color: #333; + } + + .x-dd-drag-proxy .x-grid3-hd-inner { + background-color: #f9f9f9; + //background-image: url(../images/gray/grid/grid3-hrow-over2.gif); + border-color: #ACACAC; + } + + .col-move-top { + //background-image: url(../images/gray/grid/col-move-top.gif); + } + + .col-move-bottom { + //background-image: url(../images/gray/grid/col-move-bottom.gif); + } + + .x-grid3-row-selected { + background-color: rgba(255, 255, 255, 0.08) !important; + background-image: none; + border-color: transparent; + color: var(--text-hover) !important; + } + + .x-grid3-cell-selected { + background-color: #CBCBCB !important; + color: #000; + } + + .x-grid3-cell-selected span { + color: #000 !important; + } + + .x-grid3-cell-selected .x-grid3-cell-text { + color: #000; + } + + .x-grid3-locked td.x-grid3-row-marker, + .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker { + background-color: #ebeadb !important; + //background-image: url(../images/default/grid/grid-hrow.gif) !important; + color: #000; + border-top-color: #fff; + border-right-color: #6fa0df !important; + } + + .x-grid3-locked td.x-grid3-row-marker div, + .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div { + color: #333 !important; + } + + .x-grid3-dirty-cell { + //background-image: url(../images/default/grid/dirty.gif); + } + + .x-grid3-topbar, + .x-grid3-bottombar { + font: normal 11px 'Roboto', arial, tahoma, helvetica, sans-serif; + } + + .x-grid3-bottombar .x-toolbar { + border-top-color: #a9bfd3; + } + + .x-props-grid .x-grid3-td-name .x-grid3-cell-inner { + //background-image: url(../images/default/grid/grid3-special-col-bg.gif) !important; + color: #000 !important; + } + + .x-props-grid .x-grid3-body .x-grid3-td-name { + background-color: #fff !important; + border-right-color: #eee; + } + + .xg-hmenu-sort-asc .x-menu-item-icon { + //background-image: url(../images/default/grid/hmenu-asc.gif); + } + + .xg-hmenu-sort-desc .x-menu-item-icon { + //background-image: url(../images/default/grid/hmenu-desc.gif); + } + + .xg-hmenu-lock .x-menu-item-icon { + //background-image: url(../images/default/grid/hmenu-lock.gif); + } + + .xg-hmenu-unlock .x-menu-item-icon { + //background-image: url(../images/default/grid/hmenu-unlock.gif); + } + + .x-grid3-hd-btn, + a.x-grid3-hd-btn:hover { + background: linear-gradient(116deg, transparent 0%, transparent 0%, transparent 60%, #252525 60%), linear-gradient(244deg, var(--text-hover) 0%, var(--text-hover) 0%, var(--text-hover) 60%, transparent 60%); + height: 6px !important; + width: 8px; + padding: 7px 2px; + border-left: 1px solid #444444; + background-clip: content-box; + } + + .x-grid3-body .x-grid3-td-expander { + //background-image: url(../images/default/grid/grid3-special-col-bg.gif); + } + + .x-grid3-row-expander { + //background-image: url(../images/gray/grid/row-expand-sprite.gif); + } + + .x-grid3-body .x-grid3-td-checker { + //background-image: url(../images/default/grid/grid3-special-col-bg.gif); + } + + .x-grid3-row-checker, + .x-grid3-hd-checker { + //background-image: url(../images/default/grid/row-check-sprite.gif); + } + + .x-grid3-body .x-grid3-td-numberer { + //background-image: url(../images/default/grid/grid3-special-col-bg.gif); + } + + .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner { + color: #444; + } + + .x-grid3-body .x-grid3-td-row-icon { + //background-image: url(../images/default/grid/grid3-special-col-bg.gif); + } + + .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer, + .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker, + .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander { + //background-image: url(../images/gray/grid/grid3-special-col-sel-bg.gif); + } + + .x-grid3-check-col { + //background-image: url(../images/default/menu/unchecked.gif); + } + + .x-grid3-check-col-on { + //background-image: url(../images/default/menu/checked.gif); + } + + .x-grid-group, + .x-grid-group-body, + .x-grid-group-hd { + zoom: 1; + } + + .x-grid-group-hd { + border-bottom-color: #d0d0d0; + } + + .x-grid-group-hd div.x-grid-group-title { + //background-image: url(../images/gray/grid/group-collapse.gif); + color: #5F5F5F; + font: bold 11px 'Roboto', tahoma, arial, helvetica, sans-serif; + } + + .x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title { + //background-image: url(../images/gray/grid/group-expand.gif); + } + + .x-group-by-icon { + //background-image: url(../images/default/grid/group-by.gif); + } + + .x-cols-icon { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/columns.png); + } + + .x-show-groups-icon { + //background-image: url(../images/default/grid/group-by.gif); + } + + .x-grid-empty { + color: gray; + font: normal 11px 'Roboto', tahoma, arial, helvetica, sans-serif; + } + + .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell { + border-right-color: #ededed; + } + + .x-grid3-cell { + box-sizing: border-box; + } + + .x-grid-with-col-lines .x-grid3-row { + border-top-color: #ededed; + } + + .x-grid-with-col-lines .x-grid3-row-selected { + border-top-color: #B9B9B9; + } + + .x-pivotgrid .x-grid3-header-offset table td { + background: url(../images/gray/grid/grid3-hrow2.gif) repeat-x 50% 100%; + border-left: 1px solid; + border-right: 1px solid; + border-left-color: #D0D0D0; + border-right-color: #D0D0D0; + } + + .x-pivotgrid .x-grid3-row-headers { + background-color: #f9f9f9; + } + + .x-pivotgrid .x-grid3-row-headers table td { + background: #EEE url(../images/default/grid/grid3-rowheader.gif) repeat-x left top; + border-left: 1px solid; + border-right: 1px solid; + border-left-color: #EEE; + border-right-color: #D0D0D0; + border-bottom: 1px solid; + border-bottom-color: #D0D0D0; + height: 18px; + } + + .x-dd-drag-ghost { + color: #000; + font: normal 11px 'Roboto', arial, helvetica, sans-serif; + border-color: #ddd #bbb #bbb #ddd; + background-color: #fff; + } + + .x-dd-drop-nodrop .x-dd-drop-icon { + //background-image: url(../images/default/dd/drop-no.gif); + } + + .x-dd-drop-ok .x-dd-drop-icon { + //background-image: url(../images/default/dd/drop-yes.gif); + } + + .x-dd-drop-ok-add .x-dd-drop-icon { + //background-image: url(../images/default/dd/drop-add.gif); + } + + .x-view-selector { + background-color: #D6D6D6; + border-color: #888888; + } + + .x-tree-node-expanded .x-tree-node-icon { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/folder.png); + } + + .x-tree-node-leaf .x-tree-node-icon { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/file.png); + } + + .x-tree-node-collapsed .x-tree-node-icon { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/folder.png); + } + + .x-tree-node-loading .x-tree-node-icon { + //background-image: url(../images/default/tree/loading.gif) !important; + } + + .x-tree-node .x-tree-node-inline-icon { + background-image: none; + } + + .x-tree-node-loading a span { + font-style: italic; + color: #444444; + } + + .ext-ie .x-tree-node-el input { + width: 15px; + height: 15px; + } + + .x-tree-lines .x-tree-elbow { + //background-image: url(../images/default/tree/elbow.gif); + } + + .x-tree-lines .x-tree-elbow-plus { + //background-image: url(../images/default/tree/elbow-plus.gif); + } + + .x-tree-lines .x-tree-elbow-minus { + //background-image: url(../images/default/tree/elbow-minus.gif); + } + + .x-tree-lines .x-tree-elbow-end { + //background-image: url(../images/default/tree/elbow-end.gif); + } + + .x-tree-lines .x-tree-elbow-end-plus { + //background-image: url(../images/gray/tree/elbow-end-plus.gif); + } + + .x-tree-lines .x-tree-elbow-end-minus { + //background-image: url(../images/gray/tree/elbow-end-minus.gif); + } + + .x-tree-lines .x-tree-elbow-line { + //background-image: url(../images/default/tree/elbow-line.gif); + } + + .x-tree-no-lines .x-tree-elbow-plus { + //background-image: url(../images/default/tree/elbow-plus-nl.gif); + } + + .x-tree-no-lines .x-tree-elbow-minus { + //background-image: url(../images/default/tree/elbow-minus-nl.gif); + } + + .x-tree-no-lines .x-tree-elbow-end-plus { + //background-image: url(../images/gray/tree/elbow-end-plus-nl.gif); + } + + .x-tree-no-lines .x-tree-elbow-end-minus { + //background-image: url(../images/gray/tree/elbow-end-minus-nl.gif); + } + + .x-tree-arrows .x-tree-elbow-plus { + //background-image: url(../images/gray/tree/arrows.gif); + } + + .x-tree-arrows .x-tree-elbow-minus { + //background-image: url(../images/gray/tree/arrows.gif); + } + + .x-tree-arrows .x-tree-elbow-end-plus { + //background-image: url(../images/gray/tree/arrows.gif); + } + + .x-tree-arrows .x-tree-elbow-end-minus { + //background-image: url(../images/gray/tree/arrows.gif); + } + + .x-tree-node { + color: #cccccc; + font: normal 11px 'Roboto', arial, tahoma, helvetica, sans-serif; + } + + .x-treegrid-root-table, + .x-treegrid-col { + border-color: rgba(255, 255, 255, 0.08) !important; + } + + .x-tree-node a, + .x-dd-drag-ghost a { + color: #cccccc; + } + + .x-tree-node a span, + .x-dd-drag-ghost a span { + color: #cccccc; + } + + .x-tree-node .x-tree-node-disabled a span { + color: gray !important; + } + + .x-tree-node div.x-tree-drag-insert-below { + border-bottom-color: #36c; + } + + .x-tree-node div.x-tree-drag-insert-above { + border-top-color: #36c; + } + + .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a { + border-bottom-color: #36c; + } + + .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a { + border-top-color: #36c; + } + + .x-tree-node .x-tree-drag-append a span { + background-color: #ddd; + border-color: gray; + } + + .x-tree-node .x-tree-node-over { + background-color: rgba(255, 255, 255, 0.08); + } + + .x-tree-node .x-tree-selected { + background-color: rgba(0, 0, 0, 0.45); + } + + .x-tree-drop-ok-append .x-dd-drop-icon { + //background-image: url(../images/default/tree/drop-add.gif); + } + + .x-tree-drop-ok-above .x-dd-drop-icon { + //background-image: url(../images/default/tree/drop-over.gif); + } + + .x-tree-drop-ok-below .x-dd-drop-icon { + //background-image: url(../images/default/tree/drop-under.gif); + } + + .x-tree-drop-ok-between .x-dd-drop-icon { + //background-image: url(../images/default/tree/drop-between.gif); + } + + .x-date-picker { + border-color: #585858; + background-color: #fff; + } + + .x-date-middle, + .x-date-left, + .x-date-right { + //background-image: url(../images/gray/shared/hd-sprite.gif); + color: #fff; + font: bold 11px 'Roboto', "sans serif", tahoma, verdana, helvetica; + } + + .x-date-middle .x-btn .x-btn-text { + color: #fff; + } + + .x-panel-tbar .x-btn-text { + height: 24px !important; + color: rgb(0, 0, 0, 0) !important; + } + + .x-panel-tbar .x-toolbar .xtb-sep { + height: 24px !important; + } + + .x-date-middle .x-btn-mc em.x-btn-arrow { + //background-image: url(../images/gray/toolbar/btn-arrow-light.gif); + } + + .x-date-right a { + //background-image: url(../images/gray/shared/right-btn.gif); + } + + .x-date-left a { + //background-image: url(../images/gray/shared/left-btn.gif); + } + + .x-date-inner th { + background-color: #D8D8D8; + //background-image: url(../images/gray/panel/white-top-bottom.gif); + border-bottom-color: #AFAFAF; + font: normal 10px 'Roboto', helvetica, tahoma, sans-serif; + color: #595959; + } + + .x-date-inner td { + border-color: #fff; + } + + .x-date-inner a { + font: normal 11px 'Roboto', arial, helvetica, tahoma, sans-serif; + color: #000; + } + + .x-date-inner .x-date-active { + color: #000; + } + + .x-date-inner .x-date-selected a { + background-image: none; + background-color: #D8D8D8; + border-color: #DCDCDC; + } + + .x-date-inner .x-date-today a { + border-color: darkred; + } + + .x-date-inner .x-date-selected span { + font-weight: bold; + } + + .x-date-inner .x-date-prevday a, + .x-date-inner .x-date-nextday a { + color: #aaa; + } + + .x-date-bottom { + border-top-color: #AFAFAF; + background-color: #D8D8D8; + background: #D8D8D8 url(../images/gray/panel/white-top-bottom.gif) 0 -2px; + } + + .x-date-inner a:hover, + .x-date-inner .x-date-disabled a:hover { + color: #000; + background-color: #D8D8D8; + } + + .x-date-inner .x-date-disabled a { + background-color: #eee; + color: #bbb; + } + + .x-date-mmenu { + background-color: #eee !important; + } + + .x-date-mmenu .x-menu-item { + font-size: 10px; + color: #000; + } + + .x-date-mp { + background-color: #fff; + } + + .x-date-mp td { + font: normal 11px 'Roboto', arial, helvetica, tahoma, sans-serif; + } + + .x-date-mp-btns button { + background-color: #4E565F; + color: #fff; + border-color: #C0C0C0 #434343 #434343 #C0C0C0; + font: normal 11px 'Roboto', arial, helvetica, tahoma, sans-serif; + } + + .x-date-mp-btns { + background-color: #D8D8D8; + background: #D8D8D8 url(../images/gray/panel/white-top-bottom.gif) 0 -2px; + } + + .x-date-mp-btns td { + border-top-color: #AFAFAF; + } + + td.x-date-mp-month a, + td.x-date-mp-year a { + color: #333; + } + + td.x-date-mp-month a:hover, + td.x-date-mp-year a:hover { + color: #333; + background-color: #FDFDFD; + } + + td.x-date-mp-sel a { + background-color: #D8D8D8; + //background:#D8D8D8 url(../images/gray/panel/white-top-bottom.gif) 0 -2px; + border-color: #DCDCDC; + } + + .x-date-mp-ybtn a { + //background-image: url(../images/gray/panel/tool-sprites.gif); + } + + td.x-date-mp-sep { + border-right-color: #D7D7D7; + } + + .x-tip .x-tip-close { + //background-image: url(../images/gray/qtip/close.gif); + } + + .x-tip .x-tip-tc, + .x-tip .x-tip-tl, + .x-tip .x-tip-tr, + .x-tip .x-tip-bc, + .x-tip .x-tip-bl, + .x-tip .x-tip-br, + .x-tip .x-tip-ml, + .x-tip .x-tip-mr { + //background-image: url(../images/gray/qtip/tip-sprite.gif); + } + + .x-tip .x-tip-mc { + font: normal 11px 'Roboto', tahoma, arial, helvetica, sans-serif; + } + + .x-tip .x-tip-ml { + background-color: #fff; + } + + .x-tip .x-tip-header-text { + font: bold 11px 'Roboto', tahoma, arial, helvetica, sans-serif; + color: #444; + } + + .x-tip .x-tip-body { + font: normal 11px 'Roboto', tahoma, arial, helvetica, sans-serif; + color: #444; + } + + .x-form-invalid-tip .x-tip-tc, + .x-form-invalid-tip .x-tip-tl, + .x-form-invalid-tip .x-tip-tr, + .x-form-invalid-tip .x-tip-bc, + .x-form-invalid-tip .x-tip-bl, + .x-form-invalid-tip .x-tip-br, + .x-form-invalid-tip .x-tip-ml, + .x-form-invalid-tip .x-tip-mr { + //background-image: url(../images/default/form/error-tip-corners.gif); + } + + .x-form-invalid-tip .x-tip-body { + //background-image: url(../images/default/form/exclamation.gif); + } + + .x-tip-anchor { + //background-image: url(../images/gray/qtip/tip-anchor-sprite.gif); + } + + .x-menu { + background: var(--drop-down-menu-bg); + 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; + } + + .x-menu-floating { + border-color: transparent; + } + + .x-menu-nosep { + background-image: none; + } + + .x-menu-list-item { + font: normal 11px 'Roboto', arial, tahoma, sans-serif; + } + + .x-menu-item-arrow { + //background-image: url(../images/gray/menu/menu-parent.gif); + } + + .x-menu-sep { + background-color: transparent; + border-bottom-color: rgba(255, 255, 255, 0.08); + } + + a.x-menu-item { + color: var(--text); + } + + .x-menu-item-active { + background-image: none; + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + color: var(--text-hover) !important; + } + + .x-menu-item-active a.x-menu-item { + border-color: transparent; + color: var(--text-hover) !important; + } + + .x-menu-check-item .x-menu-item-icon { + //background-image: url(../images/default/menu/unchecked.gif); + } + + .x-menu-item-checked .x-menu-item-icon { + //background-image: url(../images/default/menu/checked.gif); + } + + .x-menu-item-checked .x-menu-group-item .x-menu-item-icon { + //background-image: url(../images/gray/menu/group-checked.gif); + } + + .x-menu-group-item .x-menu-item-icon { + background-image: none; + } + + .x-menu-plain { + background-color: #fff !important; + } + + .x-menu .x-date-picker { + border-color: #AFAFAF; + } + + .x-cycle-menu .x-menu-item-checked { + border-color: #B9B9B9 !important; + background-color: #F1F1F1; + } + + .x-menu-scroller-top { + //background-image: url(../images/default/layout/mini-top.gif); + } + + .x-menu-scroller-bottom { + //background-image: url(../images/default/layout/mini-bottom.gif); + } + + .x-box-tl { + //background-image: url(../images/default/box/corners.gif); + } + + .x-box-tc { + //background-image: url(../images/default/box/tb.gif); + } + + .x-box-tr { + //background-image: url(../images/default/box/corners.gif); + } + + .x-box-ml { + //background-image: url(../images/default/box/l.gif); + } + + .x-box-mc { + background-color: #eee; + //background-image: url(../images/default/box/tb.gif); + font-family: "Myriad Pro", "Myriad Web", "Tahoma", "Helvetica", "Arial", sans-serif; + color: #393939; + font-size: 12px; + } + + .x-box-mc h3 { + font-size: 14px; + font-weight: bold; + } + + .x-box-mr { + //background-image: url(../images/default/box/r.gif); + } + + .x-box-bl { + //background-image: url(../images/default/box/corners.gif); + } + + .x-box-bc { + //background-image: url(../images/default/box/tb.gif); + } + + .x-box-br { + //background-image: url(../images/default/box/corners.gif); + } + + .x-box-blue .x-box-bl, + .x-box-blue .x-box-br, + .x-box-blue .x-box-tl, + .x-box-blue .x-box-tr { + //background-image: url(../images/default/box/corners-blue.gif); + } + + .x-box-blue .x-box-bc, + .x-box-blue .x-box-mc, + .x-box-blue .x-box-tc { + //background-image: url(../images/default/box/tb-blue.gif); + } + + .x-box-blue .x-box-mc { + background-color: #c3daf9; + } + + .x-box-blue .x-box-mc h3 { + color: #17385b; + } + + .x-box-blue .x-box-ml { + //background-image: url(../images/default/box/l-blue.gif); + } + + .x-box-blue .x-box-mr { + //background-image: url(../images/default/box/r-blue.gif); + } + + .x-combo-list { + border-color: #666666; + background-color: #252525; + font: normal 12px 'Roboto', tahoma, arial, helvetica, sans-serif; + } + + .x-combo-list-inner { + background-color: #252525; + } + + .x-combo-list-hd { + font: bold 11px 'Roboto', tahoma, arial, helvetica, sans-serif; + color: #333; + //background-image: url(../images/default/layout/panel-title-light-bg.gif); + border-bottom-color: #BCBCBC; + } + + .x-resizable-pinned .x-combo-list-inner { + border-bottom-color: #BEBEBE; + } + + .x-combo-list-item { + border-color: #252525; + } + + .x-combo-list .x-combo-selected { + border-color: #252525 !important; + background-color: #333333; + } + + .x-combo-list .x-toolbar { + border-top-color: #BCBCBC; + } + + .x-combo-list-small { + font: normal 11px 'Roboto', tahoma, arial, helvetica, sans-serif; + } + + .x-panel { + 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; + border-color: #d0d0d0; + } + + .x-panel-header { + color: var(--text-hover); + font-weight: bold; + font-size: 11px; + font-family: 'Roboto', tahoma, arial, verdana, sans-serif; + border-color: transparent; + background-image: none; + background-color: rgba(0, 0, 0, 0.25); + } + + .x-panel-body { + border-color: transparent; + border: 1px solid rgba(255, 255, 255, 0.08); + 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; + } + + .x-panel-bbar .x-toolbar, + .x-panel-tbar .x-toolbar { + border-color: transparent !important; + } + + .x-panel-tbar-noheader .x-toolbar, + .x-panel-mc .x-panel-tbar .x-toolbar { + border-top-color: transparent; + } + + .x-panel-body-noheader, + .x-panel-mc .x-panel-body { + border-top-color: transparent; + } + + .x-panel-tl .x-panel-header { + color: #333; + font: bold 11px 'Roboto', tahoma, arial, verdana, sans-serif; + } + + .x-panel-tc { + //background-image: url(../images/gray/panel/top-bottom.gif); + } + + .x-panel-tl, + .x-panel-tr, + .x-panel-bl, + .x-panel-br { + //background-image: url(../images/gray/panel/corners-sprite.gif); + border-bottom-color: #d0d0d0; + } + + .x-panel-bc { + //background-image: url(../images/gray/panel/top-bottom.gif); + } + + .x-panel-mc { + font: normal 11px 'Roboto', tahoma, arial, helvetica, sans-serif; + background-color: #f1f1f1; + } + + .x-panel-ml { + background-color: #fff; + //background-image: url(../images/gray/panel/left-right.gif); + } + + .x-panel-mr { + //background-image: url(../images/gray/panel/left-right.gif); + } + + .x-tool { + //background-image: url(../images/gray/panel/tool-sprites.gif); + } + + .x-panel-collapsed .x-accordion-hd .x-tool-toggle { + height: 8px; + width: 8px; + border: 1px solid var(--button-color); + padding: 2px; + background: linear-gradient(to bottom, transparent 45%, var(--button-color) 45%, var(--button-color) 55%, transparent 55%), linear-gradient(to right, transparent 45%, var(--button-color) 45%, var(--button-color) 55%, transparent 55%); + background-clip: content-box; + } + + .x-accordion-hd .x-tool-toggle { + height: 8px; + width: 8px; + border: 1px solid var(--button-color); + padding: 2px; + background: linear-gradient(to bottom, transparent 45%, var(--button-color) 45%, var(--button-color) 55%, transparent 55%); + background-clip: content-box; + } + + .x-tool-collapse-west { + height: 8px; + width: 6px; + padding: 2px 3px; + border: 1px solid var(--button-color); + background: linear-gradient(26deg, #252525 40%, #252525 40%, #252525 0%, transparent 0%), linear-gradient(154deg, #252525 40%, var(--button-color) 40%, var(--button-color) 100%, #252525 100%); + background-clip: content-box; + } + + .x-tool-expand-west { + height: 8px; + width: 6px; + padding: 2px 3px; + border: 1px solid var(--button-color); + background: linear-gradient(-26deg, #252525 40%, #252525 40%, #252525 0%, transparent 0%), linear-gradient(-154deg, #252525 40%, var(--button-color) 40%, var(--button-color) 100%, #252525 100%); + background-clip: content-box; + } + + .x-tool-collapse-south { + height: 6px !important; + width: 8px; + padding: 3px 2px; + border: 1px solid var(--button-color); + background: linear-gradient(116deg, transparent 0%, transparent 0%, transparent 60%, #252525 60%), linear-gradient(244deg, var(--button-color) 0%, var(--button-color) 0%, var(--button-color) 60%, transparent 60%); + background-clip: content-box; + } + + .x-tool-expand-south { + height: 6px; + width: 8px; + padding: 3px 2px; + border: 1px solid var(--button-color); + background: linear-gradient(116deg, #252525 40%, #252525 40%, #252525 0%, transparent 0%), linear-gradient(244deg, transparent 40%, var(--button-color) 40%, var(--button-color) 100%, transparent 100%); + background-clip: content-box; + } + + .x-tool-close { + height: 8px; + width: 8px; + border: 1px solid #44444400; + padding: 2px; + background: linear-gradient(to bottom right, transparent 45%, var(--button-color) 45%, var(--button-color) 55%, transparent 55%), linear-gradient(to top right, transparent 45%, var(--button-color) 45%, var(--button-color) 55%, transparent 55%); + background-clip: content-box; + } + + .x-panel-ghost { + background-color: #f2f2f2; + } + + .x-panel-ghost ul { + border-color: #d0d0d0; + } + + .x-panel-dd-spacer { + border-color: #d0d0d0; + } + + .x-panel-fbar td, + .x-panel-fbar span, + .x-panel-fbar input, + .x-panel-fbar div, + .x-panel-fbar select, + .x-panel-fbar label { + font: normal 11px 'Roboto', arial, tahoma, helvetica, sans-serif; + } + + .x-window, + .x-window .x-panel-body, + .x-window .x-tab-panel-header, + .x-tab-panel-footer, + .x-window .x-panel-noborder .x-panel-bbar-noborder .x-toolbar { + 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; + } + + .x-window .x-panel-bbar .x-toolbar, + .x-panel-tbar .x-toolbar { + 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; + } + + .x-window-proxy { + background-color: #fcfcfc; + border-color: #d0d0d0; + } + + .x-window-bwrap { + border: 1px solid transparent; + border-top: 1px solid rgba(255, 255, 255, 0.25); + } + + .x-window-tl .x-window-header { + color: #ffffff; + font: bold 11px 'Roboto', tahoma, arial, verdana, sans-serif; + } + + .x-window-tc { + background-image: none; + background-color: transparent; + } + + .x-window-tl { + background-image: none; + background: var(--modal-header-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; + } + + .x-window-tr { + background-image: none; + background-color: transparent; + } + + .x-window-bc { + background-image: none; + background-color: transparent; + } + + .x-window-bl { + background-image: none; + background: var(--modal-footer-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; + } + + .x-window-br { + background-image: none; + background-color: transparent; + } + + .x-window-mc { + border-color: transparent; + font: normal 11px 'Roboto', tahoma, arial, helvetica, sans-serif; + background-color: transparent; + } + + .x-window-ml { + background-image: none; + background-color: transparent; + } + + .x-window-mr { + background-image: none; + background-color: transparent; + } + + .x-window-maximized .x-window-tc { + background-color: #fff; + } + + .x-window-bbar .x-toolbar { + border-top-color: #d0d0d0; + } + + .x-panel-ghost .x-window-tl { + border-bottom-color: #d0d0d0; + } + + .x-panel-collapsed .x-window-tl { + border-bottom-color: #d0d0d0; + } + + .x-dlg-mask { + background-color: #ccc; + } + + .x-window-plain .x-window-mc { + background-color: transparent; + border-color: transparent; + } + + .x-window-plain .x-window-body { + border-color: transparent; + } + + body.x-body-masked .x-window-plain .x-window-mc { + background-color: transparent; + } + + .x-html-editor-wrap { + border-color: #BCBCBC; + background-color: #fff; + } + + .x-html-editor-tb .x-btn-text { + //background-image: url(../images/default/editor/tb-sprite.gif); + } + + .x-panel-noborder .x-panel-header-noborder { + border-bottom-color: rgba(255, 255, 255, 0.08); + } + + .x-panel-noborder .x-panel-tbar-noborder .x-toolbar { + border-bottom-color: #353535; + 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; + } + + .x-panel-noborder .x-panel-bbar-noborder .x-toolbar { + border-top-color: #353535; + } + + .x-tab-panel-bbar-noborder .x-toolbar { + border-top-color: #d0d0d0; + } + + .x-tab-panel-tbar-noborder .x-toolbar { + border-bottom-color: #d0d0d0; + } + + .x-border-layout-ct { + background-color: #f0f0f0; + } + + .x-border-layout-ct { + 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; + } + + .x-accordion-hd { + color: var(--text-hover); + font-weight: normal; + //background-image: url(../images/gray/panel/light-hd.gif); + } + + .x-layout-collapsed { + background-color: rgba(0, 0, 0, 0.25); + border-color: transparent; + } + + .x-layout-collapsed-over { + background-color: rgba(0, 0, 0, 0.45); + } + + .x-layout-split-west .x-layout-mini { + //background-image: url(../images/default/layout/mini-left.gif); + } + + .x-layout-split-east .x-layout-mini { + //background-image: url(../images/default/layout/mini-right.gif); + } + + .x-layout-split-north .x-layout-mini { + //background-image: url(../images/default/layout/mini-top.gif); + } + + .x-layout-split-south .x-layout-mini { + //background-image: url(../images/default/layout/mini-bottom.gif); + } + + .x-layout-cmini-west .x-layout-mini { + //background-image: url(../images/default/layout/mini-right.gif); + } + + .x-layout-cmini-east .x-layout-mini { + //background-image: url(../images/default/layout/mini-left.gif); + } + + .x-layout-cmini-north .x-layout-mini { + //background-image: url(../images/default/layout/mini-bottom.gif); + } + + .x-layout-cmini-south .x-layout-mini { + //background-image: url(../images/default/layout/mini-top.gif); + } + + .x-progress-wrap { + border-color: transparent; + } + + .x-progress-inner { + background-color: transparent; + background-image: none; + } + + .x-progress-bar { + background-color: rgb(var(--progress-color)); + background-image: none; + border-top-color: transparent; + border-bottom-color: transparent; + border-right-color: transparent; + color: var(--label-text-color); + } + + .x-progress-text { + font-size: 11px; + font-weight: normal; + color: var(--label-text-color) !important; + } + + .x-progress-text-back { + color: var(--label-text-color) !important; + } + + .x-list-header { + background-color: rgba(0, 0, 0, 0.25); + background-image: none; + color: var(--text-hover) !important; + } + + .x-list-header-inner div em { + border-left-color: rgba(255, 255, 255, .08); + font: normal 11px 'Roboto', arial, tahoma, helvetica, sans-serif; + } + + .x-list-body dt em { + font: normal 11px 'Roboto', arial, tahoma, helvetica, sans-serif; + } + + .x-list-over { + background-color: rgba(255, 255, 255, 0.08); + } + + .x-list-selected { + background-color: rgba(255, 255, 255, 0.08); + color: var(--text-hover) !important; + } + + .x-list-resizer { + border-left-color: #555; + border-right-color: #555; + } + + .x-list-header-inner em.sort-asc, + .x-list-header-inner em.sort-desc { + background: #202020; + border-color: #202020; + } + + .x-slider-horz, + .x-slider-horz .x-slider-end, + .x-slider-horz .x-slider-inner { + //background-image: url(../images/default/slider/slider-bg.png); + } + + .x-slider-horz .x-slider-thumb { + //background-image: url(../images/gray/slider/slider-thumb.png); + } + + .x-slider-vert, + .x-slider-vert .x-slider-end, + .x-slider-vert .x-slider-inner { + //background-image: url(../images/default/slider/slider-v-bg.png); + } + + .x-slider-vert .x-slider-thumb { + //background-image: url(../images/gray/slider/slider-v-thumb.png); + } + + .x-window-dlg .ext-mb-text, + .x-window-dlg .x-window-header-text { + font-size: 12px; + } + + .x-window-dlg .ext-mb-textarea { + font: normal 12px 'Roboto', tahoma, arial, helvetica, sans-serif; + } + + .x-window-dlg .x-msg-box-wait { + //background-image: url(../images/default/grid/loading.gif); + } + + .x-window-dlg .ext-mb-info { + //background-image: url(../images/gray/window/icon-info.gif); + } + + .x-window-dlg .ext-mb-warning { + //background-image: url(../images/gray/window/icon-warning.gif); + } + + .x-window-dlg .ext-mb-question { + //background-image: url(../images/gray/window/icon-question.gif); + } + + .x-window-dlg .ext-mb-error { + //background-image: url(../images/gray/window/icon-error.gif); + } \ No newline at end of file diff --git a/CSS/themes/dozzle/dozzle-base.css b/CSS/themes/dozzle/dozzle-base.css index f5490b0d..3998d83c 100644 --- a/CSS/themes/dozzle/dozzle-base.css +++ b/CSS/themes/dozzle/dozzle-base.css @@ -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; diff --git a/CSS/themes/duplicacy/duplicacy-base.css b/CSS/themes/duplicacy/duplicacy-base.css index f17e7b16..b8358f73 100644 --- a/CSS/themes/duplicacy/duplicacy-base.css +++ b/CSS/themes/duplicacy/duplicacy-base.css @@ -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)); } diff --git a/CSS/themes/emby/emby-base.css b/CSS/themes/emby/emby-base.css index 0a0bd594..32ac0025 100644 --- a/CSS/themes/emby/emby-base.css +++ b/CSS/themes/emby/emby-base.css @@ -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; - } \ No newline at end of file +} + +.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; +} \ No newline at end of file diff --git a/CSS/themes/flood/flood-base.css b/CSS/themes/flood/flood-base.css index 39555547..9e228a5c 100644 --- a/CSS/themes/flood/flood-base.css +++ b/CSS/themes/flood/flood-base.css @@ -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; } diff --git a/CSS/themes/gitea/gitea-base.css b/CSS/themes/gitea/gitea-base.css index a00aef50..7560f506 100644 --- a/CSS/themes/gitea/gitea-base.css +++ b/CSS/themes/gitea/gitea-base.css @@ -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); diff --git a/CSS/themes/grafana/grafana-base.css b/CSS/themes/grafana/grafana-base.css index 492f4fad..65f73f2e 100644 --- a/CSS/themes/grafana/grafana-base.css +++ b/CSS/themes/grafana/grafana-base.css @@ -1,4 +1,3 @@ - /* dP dP dP */ /* 88 88 88 */ /* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ @@ -12,34 +11,46 @@ /* https://github.com/gilbN/theme.park */ body { - color:var(--text) !important; - background: var(--main-bg-color) !important; - background-repeat: repeat, no-repeat!important; - background-attachment: fixed, fixed!important; - background-position: center center, center center!important; - background-size: auto, cover!important; - -webkit-background-size: auto, cover!important; - -moz-background-size: auto, cover!important; - -o-background-size: auto, cover!important; -} -.theme-dark, .theme-light, .preloader { - background: var(--main-bg-color) !important; - background-repeat: repeat, no-repeat!important; - background-attachment: fixed, fixed!important; - background-position: center center, center center!important; - background-size: auto, cover!important; - -webkit-background-size: auto, cover!important; - -moz-background-size: auto, cover!important; - -o-background-size: auto, cover!important; -} - -h1, h2, h3, h4, h5, h6, label,legend { + color: var(--text) !important; + background: var(--main-bg-color) !important; + background-repeat: repeat, no-repeat !important; + background-attachment: fixed, fixed !important; + background-position: center center, center center !important; + background-size: auto, cover !important; + -webkit-background-size: auto, cover !important; + -moz-background-size: auto, cover !important; + -o-background-size: auto, cover !important; +} + +.theme-dark, +.theme-light, +.preloader { + background: var(--main-bg-color) !important; + background-repeat: repeat, no-repeat !important; + background-attachment: fixed, fixed !important; + background-position: center center, center center !important; + background-size: auto, cover !important; + -webkit-background-size: auto, cover !important; + -moz-background-size: auto, cover !important; + -o-background-size: auto, cover !important; +} + +h1, +h2, +h3, +h4, +h5, +h6, +label, +legend { color: var(--text-hover); } + div>aria-label>span, -#reactRoot > div > div.main-view > div > div:nth-child(1) > div > div:nth-child(10) > div > div.button-group.css-1uxatfi > div > div > div > div > div > div > span { +#reactRoot>div>div.main-view>div>div:nth-child(1)>div>div:nth-child(10)>div>div.button-group.css-1uxatfi>div>div>div>div>div>div>span { color: var(--text-hover) !important; } + p { color: var(--text); } @@ -50,280 +61,357 @@ p { box-shadow: none !important; border-bottom: none !important; } + .main-view { - background: linear-gradient(180deg,#ffffff00 10px,#ffffff00 100px) !important; + background: linear-gradient(180deg, #ffffff00 10px, #ffffff00 100px) !important; } + /* Scrollbar */ -.no-overlay-scrollbar ::-webkit-scrollbar-thumb:vertical{ +.no-overlay-scrollbar ::-webkit-scrollbar-thumb:vertical { min-height: 50px; border: 3px solid transparent; border-radius: 8px; - background: hsla(0,0%,100%,.2) !important; + background: hsla(0, 0%, 100%, .2) !important; } + /* Variable Dropdown Menu */ .variable-value-dropdown { -background: var(--modal-bg-color); -background-repeat: repeat, no-repeat!important; -background-attachment: fixed, fixed!important; -background-position: center center, center center!important; -background-size: auto, cover!important; --webkit-background-size: auto, cover!important; --moz-background-size: auto, cover!important; --o-background-size: auto, cover!important; -border: 1px solid #00000000; + background: var(--modal-bg-color); + background-repeat: repeat, no-repeat !important; + background-attachment: fixed, fixed !important; + background-position: center center, center center !important; + background-size: auto, cover !important; + -webkit-background-size: auto, cover !important; + -moz-background-size: auto, cover !important; + -o-background-size: auto, cover !important; + border: 1px solid #00000000; } + .variable-value-dropdown.single .selected { -background-color: rgba(0, 0, 0, 0.25); + background-color: rgba(0, 0, 0, 0.25); } + .css-0.gf-form-select-box__menu { -background: #09090b !important; --webkit-box-shadow:5px 5px 20px -5px #000; -box-shadow:5px 5px 20px -5px #000; -position:absolute; -z-index:1000; -min-width:100% + background: #09090b !important; + -webkit-box-shadow: 5px 5px 20px -5px #000; + box-shadow: 5px 5px 20px -5px #000; + position: absolute; + z-index: 1000; + min-width: 100% } + /* time picker Menu */ .time-picker-popover { -border: 1px solid #00000000; -background: var(--modal-bg-color); + border: 1px solid #00000000; + background: var(--modal-bg-color); } -.time-picker-calendar .react-calendar__navigation, .time-picker-calendar .react-calendar__navigation__arrow, .time-picker-calendar .react-calendar__navigation__label { -background-color: rgba(0, 0, 0, 0.25); + +.time-picker-calendar .react-calendar__navigation, +.time-picker-calendar .react-calendar__navigation__arrow, +.time-picker-calendar .react-calendar__navigation__label { + background-color: rgba(0, 0, 0, 0.25); } + .time-picker-calendar .react-calendar__month-view__weekdays { -background-color: rgba(0, 0, 0, 0.6); + background-color: rgba(0, 0, 0, 0.6); } -.time-picker-calendar .react-calendar__tile--active, .time-picker-calendar .react-calendar__tile--active:hover { -background: rgba(255, 255, 255, 0.08); -border: 1px solid rgba(0,0,0,0); + +.time-picker-calendar .react-calendar__tile--active, +.time-picker-calendar .react-calendar__tile--active:hover { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(0, 0, 0, 0); } + .time-picker-calendar .time-picker-calendar-tile:hover { --webkit-box-shadow: 0 0 4px rgba(255, 255, 255, 0.08); -box-shadow: 0 0 4px #ffffff00; -background: rgba(255, 255, 255, 0.08); -border: 1px solid rgba(255, 255, 255, 0.08); + -webkit-box-shadow: 0 0 4px rgba(255, 255, 255, 0.08); + box-shadow: 0 0 4px #ffffff00; + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0.08); } + .time-picker-calendar .react-calendar__month-view__days { -background-color: rgba(0, 0, 0, 0.15); + background-color: rgba(0, 0, 0, 0.15); } + .time-picker-calendar .time-picker-calendar-tile { -border-radius: 0px; + border-radius: 0px; } + .time-picker-calendar { -border: 1px solid #00000000; + border: 1px solid #00000000; } + /* login page */ .login { -background-image: var(--main-bg-color) !important; -background-repeat: repeat, no-repeat!important; -background-attachment: fixed, fixed!important; -background-position: center center, center center!important; -background-size: auto, cover!important; --webkit-background-size: auto, cover!important; --moz-background-size: auto, cover!important; --o-background-size: auto, cover!important; -background-color: rgba(0,0,0,.0) !important; -color:#FFFFFF !important; + background-image: var(--main-bg-color) !important; + background-repeat: repeat, no-repeat !important; + background-attachment: fixed, fixed !important; + background-position: center center, center center !important; + background-size: auto, cover !important; + -webkit-background-size: auto, cover !important; + -moz-background-size: auto, cover !important; + -o-background-size: auto, cover !important; + background-color: rgba(0, 0, 0, .0) !important; + color: #FFFFFF !important; } + .login-branding { border-right: none !important; } + /* Configuration menu */ .card-item { background: rgba(0, 0, 0, .25) !important; } + .card-item:hover { - background: hsla(0,0%,100%,.08) !important; + background: hsla(0, 0%, 100%, .08) !important; } -.card-item-sub-name, .card-item-type { + +.card-item-sub-name, +.card-item-type { color: #FFF !important; } + .gf-form--has-input-icon .gf-form-input-icon { color: #fff !important; } -.gf-tabs-link.active, .gf-tabs-link.active:focus, .gf-tabs-link.active:hover { + +.gf-tabs-link.active, +.gf-tabs-link.active:focus, +.gf-tabs-link.active:hover { background: rgba(0, 0, 0, 0.25) !important; } + .filter-table tbody tr:nth-child(odd) { - background: hsla(0,0%,100%,.08) !important; + background: hsla(0, 0%, 100%, .08) !important; } + .cta-form { background-color: rgba(0, 0, 0, 0.25) !important; } + .empty-list-cta { background-color: rgba(0, 0, 0, .25) !important; } + .layout-selector button { background: rgba(0, 0, 0, 0.25); color: #ffffff; } + .layout-selector button.active { background-color: rgba(0, 0, 0, 0.45); color: #ffffff; } + /* Configuration menu - Teams */ .css-1ph0cdx-call-to-action-card { background: rgba(0, 0, 0, .25) !important; } + .grafana-info-box { background-color: rgba(0, 0, 0, 0.45); } + /* sidemenu */ -.sidemenu-open, .sidemenu { +.sidemenu-open, +.sidemenu { background: rgba(0, 0, 0, .25) !important; } + .sidemenu__logo:hover { background: rgba(0, 0, 0, .25) !important; } -.sidemenu-item.active, .sidemenu-item:hover { + +.sidemenu-item.active, +.sidemenu-item:hover { background-color: rgba(0, 0, 0, .25) !important; color: rgb(var(--accent-color)) !important; border-image: none; border-color: rgb(var(--accent-color)); } + .sidemenu-link { color: var(--text) !important; } + .sidemenu-link:hover { - color: rgb(var(--accent-color))!important; + color: rgb(var(--accent-color)) !important; } -.side-menu-header, .dropdown-menu--menu, .dropdown-menu--navbar, .dropdown-menu--sidemenu, -#reactRoot > div > div.main-view > div[class*="css-"] > div:nth-child(1) > div > div:nth-child(10) > div > div.button-group[class*="css-"] > div > div { +.side-menu-header, +.dropdown-menu--menu, +.dropdown-menu--navbar, +.dropdown-menu--sidemenu, + +#reactRoot>div>div.main-view>div[class*="css-"]>div:nth-child(1)>div>div:nth-child(10)>div>div.button-group[class*="css-"]>div>div { background: var(--drop-down-menu-bg); - background-repeat: repeat, no-repeat!important; - background-attachment: fixed, fixed!important; - background-position: center center, center center!important; - background-size: auto, cover!important; - -webkit-background-size: auto, cover!important; - -moz-background-size: auto, cover!important; - -o-background-size: auto, cover!important; -} -#reactRoot > div > div.main-view > div[class*="css-"] > div:nth-child(1) > div > div:nth-child(10) > div > div.button-group[class*="css-"] > div > div > div > span { + background-repeat: repeat, no-repeat !important; + background-attachment: fixed, fixed !important; + background-position: center center, center center !important; + background-size: auto, cover !important; + -webkit-background-size: auto, cover !important; + -moz-background-size: auto, cover !important; + -o-background-size: auto, cover !important; +} + +#reactRoot>div>div.main-view>div[class*="css-"]>div:nth-child(1)>div>div:nth-child(10)>div>div.button-group[class*="css-"]>div>div>div>span { color: var(--text-hover); } + .dropdown-menu .divider { border-bottom: 1px solid #d8d9da; } + .dropdown-menu--sidemenu>li>.side-menu-header-link:hover { - color: var(--text-hover)!important; - background: var(--drop-down-menu-bg)!important; - background-repeat: repeat, no-repeat!important; - background-attachment: fixed, fixed!important; - background-position: center center, center center!important; - background-size: auto, cover!important; - -webkit-background-size: auto, cover!important; - -moz-background-size: auto, cover!important; - -o-background-size: auto, cover!important; -} -.dropdown-menu--menu>li>a:hover, .dropdown-menu--navbar>li>a:hover, .dropdown-menu--sidemenu>li>a:hover { - background: rgba(0, 0, 0, 0.25)!important; - color: var(--text-hover)!important; + color: var(--text-hover) !important; + background: var(--drop-down-menu-bg) !important; + background-repeat: repeat, no-repeat !important; + background-attachment: fixed, fixed !important; + background-position: center center, center center !important; + background-size: auto, cover !important; + -webkit-background-size: auto, cover !important; + -moz-background-size: auto, cover !important; + -o-background-size: auto, cover !important; +} + +.dropdown-menu--menu>li>a:hover, +.dropdown-menu--navbar>li>a:hover, +.dropdown-menu--sidemenu>li>a:hover { + background: rgba(0, 0, 0, 0.25) !important; + color: var(--text-hover) !important; } + .dropdown-menu>li>a { - color: var(--text)!important; + color: var(--text) !important; } + .dropdown-menu-item-shortcut { - color: var(--text)!important; + color: var(--text) !important; } + .dropdown-menu { border: 1px solid transparent; } + .dropdown-submenu:hover>a { - Background-color: rgba(0, 0, 0, 0.25)!important; + Background-color: rgba(0, 0, 0, 0.25) !important; } -.icon-circle:hover .fa:hover, .icon-circle:hover .gicon:hover, .icon-circle:hover .icon-gf:hover { + +.icon-circle:hover .fa:hover, +.icon-circle:hover .gicon:hover, +.icon-circle:hover .icon-gf:hover { color: #ffffff; opacity: 1; } + /* Dashboard dropdown menu */ .search-dropdown__col_1 { background: var(--modal-bg-color) !important; - background-repeat: repeat, no-repeat!important; - background-attachment: fixed, fixed!important; - background-position: center center, center center!important; - background-size: auto, cover!important; - -webkit-background-size: auto, cover!important; - -moz-background-size: auto, cover!important; - -o-background-size: auto, cover!important; + background-repeat: repeat, no-repeat !important; + background-attachment: fixed, fixed !important; + background-position: center center, center center !important; + background-size: auto, cover !important; + -webkit-background-size: auto, cover !important; + -moz-background-size: auto, cover !important; + -o-background-size: auto, cover !important; } + .search-container { left: 0px !important; } + .navbar-page-btn { color: #FFFFFF !important; } + /* dropdown menu */ -.css-n9566h, .css-1m7hyr { +.css-n9566h, +.css-1m7hyr { background: var(--modal-bg-color) !important; - background-repeat: repeat, no-repeat!important; - background-attachment: fixed, fixed!important; - background-position: center center, center center!important; - background-size: auto, cover!important; - -webkit-background-size: auto, cover!important; - -moz-background-size: auto, cover!important; - -o-background-size: auto, cover!important; + background-repeat: repeat, no-repeat !important; + background-attachment: fixed, fixed !important; + background-position: center center, center center !important; + background-size: auto, cover !important; + -webkit-background-size: auto, cover !important; + -moz-background-size: auto, cover !important; + -o-background-size: auto, cover !important; } + .search-filter-box { background: var(--modal-bg-color); - background-repeat: repeat, no-repeat!important; - background-attachment: fixed, fixed!important; - background-position: center center, center center!important; - background-size: auto, cover!important; - -webkit-background-size: auto, cover!important; - -moz-background-size: auto, cover!important; - -o-background-size: auto, cover!important; + background-repeat: repeat, no-repeat !important; + background-attachment: fixed, fixed !important; + background-position: center center, center center !important; + background-size: auto, cover !important; + -webkit-background-size: auto, cover !important; + -moz-background-size: auto, cover !important; + -o-background-size: auto, cover !important; } + .search-filter-box__header { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } + /* Dashboard row */ .dashboard-row--collapsed { background: rgba(0, 0, 0, 0.25); } + .search-section { background: rgba(255, 255, 255, 0.08); border: none; } + .search-item { background: rgba(0, 0, 0, 0.15); } -.search-item.selected, .search-item:hover { + +.search-item.selected, +.search-item:hover { background: rgba(0, 0, 0, 0.25); } + .search-section__header { color: #ffffff !important; } + .navbar-page-btn__folder { color: #d8d9da; } + /* Panel fullscreen navbar */ .panel-in-fullscreen .navbar { - background: linear-gradient(90deg,rgba(0, 0, 0, .15),rgba(0, 0, 0, 0.25)) !important; + background: linear-gradient(90deg, rgba(0, 0, 0, .15), rgba(0, 0, 0, 0.25)) !important; } /* Dashboard search menu */ .search-field-wrapper>input { - height: 55px !important; + height: 55px !important; } /* Dashboard settings menu */ .dashboard-settings__aside { background: rgba(0, 0, 0, .25) !important; } + .dashboard-page--settings-open .navbar { - background: linear-gradient(90deg,rgba(0, 0, 0, .15),rgba(0, 0, 0, 0.25)) !important; + background: linear-gradient(90deg, rgba(0, 0, 0, .15), rgba(0, 0, 0, 0.25)) !important; } + .navbar-button--primary { border-color: #ffffff00 !important; } + .dashboard-settings__aside-header { color: #ffffff !important; } + .dashboard-settings__nav-item { color: #ffffff !important; } + .bootstrap-tagsinput { background-color: #09090b !important; } @@ -331,58 +419,70 @@ color:#FFFFFF !important; .gf-form-switch--table-cell { background-color: transparent !important; } + .gf-form-select-wrapper { - background-color: hsla(0,0%,100%,.08) !important; + background-color: hsla(0, 0%, 100%, .08) !important; } + .dashboard-settings__nav-item.active { background: rgba(255, 255, 255, 0.08); } + .gf-form-checkbox { background: rgba(0, 0, 0, 0.25); border: none; } + .gf-form-switch__checkbox { border: none; background: #ffffff; } + .gf-form-select-box__option { background: var(--modal-bg-color) !important; - background-repeat: repeat, no-repeat!important; - background-attachment: fixed, fixed!important; - background-position: center center, center center!important; - background-size: auto, cover!important; - -webkit-background-size: auto, cover!important; - -moz-background-size: auto, cover!important; - -o-background-size: auto, cover!important; + background-repeat: repeat, no-repeat !important; + background-attachment: fixed, fixed !important; + background-position: center center, center center !important; + background-size: auto, cover !important; + -webkit-background-size: auto, cover !important; + -moz-background-size: auto, cover !important; + -o-background-size: auto, cover !important; } + .gf-form-select-box__option.gf-form-select-box__option--is-focused { color: #fff; - -o-border-image: -o-linear-gradient(rgb(var(--accent-color)) 30%,rgb(var(--accent-color)) 99%); - border-image: -webkit-gradient(linear,left top,left bottom,color-stop(30%,rgb(var(--accent-color))),color-stop(99%,rgb(var(--accent-color)))); - border-image: -webkit-linear-gradient(rgb(var(--accent-color)) 30%,rgb(var(--accent-color)) 99%); + -o-border-image: -o-linear-gradient(rgb(var(--accent-color)) 30%, rgb(var(--accent-color)) 99%); + border-image: -webkit-gradient(linear, left top, left bottom, color-stop(30%, rgb(var(--accent-color))), color-stop(99%, rgb(var(--accent-color)))); + border-image: -webkit-linear-gradient(rgb(var(--accent-color)) 30%, rgb(var(--accent-color)) 99%); } + .filter-table td.filter-table__switch-cell { border-right: none; } + /* Variable label color */ -.template-variable, .gf-form-label--variable { +.template-variable, +.gf-form-label--variable { color: rgb(var(--accent-color)) !important; } /* Variable label box */ .gf-form-label { background: rgba(0, 0, 0, 0.25) !important; - border: none !important; + border: none !important; } + .gf-form-label>button[class*="css-"] { background: transparent !important; } + .gf-form-label--btn:hover { background: rgba(0, 0, 0, 0.45) !important; } -.variable-option.highlighted, .variable-option:hover { - background-color: hsla(0,0%,100%,.1) !important; +.variable-option.highlighted, +.variable-option:hover { + background-color: hsla(0, 0%, 100%, .1) !important; } /* Variable dashboard dropdown */ @@ -395,30 +495,34 @@ color:#FFFFFF !important; /* Variable input box */ .gf-form-input { - color: #FFFFFF !important; - border: none !important; + color: #FFFFFF !important; + border: none !important; } + .gf-form-input:focus { color: #FFF !important; - box-shadow: none !important; + box-shadow: none !important; } + .gf-form-select-box-button-select { background: transparent; - border: none; + border: none; } + .gf-form-select-wrapper .gf-form-select-icon+.gf-form-input option { color: #fff; - background: #1f1f1f; + background: #1f1f1f; } -.css-0 > .gf-form-input { - background-color: transparent !important; + +.css-0>.gf-form-input { + background-color: transparent !important; } /* NAVBAR BUTTONS */ .navbar-button { color: #FFF !important; background-color: rgba(0, 0, 0, 0.25) !important; - background-image: linear-gradient(180deg,rgba(0, 0, 0, 0.25),rgba(0, 0, 0, 0.25)) !important; + background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)) !important; border: none !important; } @@ -433,20 +537,25 @@ color:#FFFFFF !important; border: transparent; box-shadow: none !important; } -.panel-container.panel-transparent, .panel-container--transparent { - background-color: transparent; - border: transparent; + +.panel-container.panel-transparent, +.panel-container--transparent { + background-color: transparent; + border: transparent; } .panel-header:hover { background-color: rgba(0, 0, 0, 0.25) !important; } + .panel-title-text:hover { color: var(--text-hover); } + /* ////PANEL BACKGROUND COLOR//// */ -.graph-legend-table .graph-legend-series:nth-child(odd), .graph-legend-table .graph-legend-series:nth-child(2n) { +.graph-legend-table .graph-legend-series:nth-child(odd), +.graph-legend-table .graph-legend-series:nth-child(2n) { background: transparent !important; } @@ -470,71 +579,92 @@ div.flot-text { .table-panel-container { background-color: rgba(0, 0, 0, .25) !important; } + /* table panel border size */ .table-panel-table td { padding: .45em 0 .45em 1.1em; border-bottom: 1px solid #171819; border-right: 1px solid #171819; } + .table-panel-header-bg { background: rgba(0, 0, 0, 0.25); border-top: 2px solid transparent; border-bottom: 2px solid transparent; } + /* Panel tables */ .css-58bavm-thead { background: rgba(0, 0, 0, .25); } + .css-sq6g4h-row { border-bottom: 1px solid rgb(255 255 255 / 10%); } + .css-11m63ae { border-right: 1px solid rgb(255 255 255 / 10%); } + .css-2n373z { border-right: 1px solid rgb(255 255 255 / 25%); } + .css-sq6g4h-row:hover { background-color: rgb(255 255 255 / 0.08); } + .css-3o5ryu { background: rgb(0 0 0 / 45%); } -.css-1n8kpcb-activeTabStyle,.css-dnqfjg-activeTabStyle { + +.css-1n8kpcb-activeTabStyle, +.css-dnqfjg-activeTabStyle { background: rgb(0 0 0 / 35%); } -.css-1n8kpcb-activeTabStyle::before, .css-dnqfjg-activeTabStyle::before { + +.css-1n8kpcb-activeTabStyle::before, +.css-dnqfjg-activeTabStyle::before { background: rgb(var(--accent-color)); } + /* Edit panel tabs */ -[aria-label="Panel editor content"]{ +[aria-label="Panel editor content"] { background: var(--main-bg-color); } + div>.scrollbar-view>div>[class*="css-"], -#reactRoot > div > div.main-view > div.css-1mwktlb > div[class*="css-"] > div[class*="css-"] > div > div.Pane.vertical.Pane1 > div > div.Pane.horizontal.Pane2 > div > div > div[class*="css-"], +#reactRoot>div>div.main-view>div.css-1mwktlb>div[class*="css-"]>div[class*="css-"]>div>div.Pane.vertical.Pane1>div>div.Pane.horizontal.Pane2>div>div>div[class*="css-"], .css-v2fjpc, -.css-ld7ft6{ +.css-ld7ft6 { background: rgba(0, 0, 0, .25) !important; } + .tabbed-view-header { box-shadow: none; background: rgba(0, 0, 0, 0.25); border-bottom: none; } + .tabbed-view-panel-title { padding-left: 10px; } + /* panel query settings */ -.panel-editor__right, .toolbar { +.panel-editor__right, +.toolbar { background: rgba(0, 0, 0, 0.25); } + .query-editor-row__header { background: rgba(0, 0, 0, 0.25); } + .query-editor-row__body { background: rgba(0, 0, 0, 0.15); } + .panel-options-group { background: rgba(0, 0, 0, 0.15); } @@ -543,30 +673,37 @@ div>.scrollbar-view>div>[class*="css-"], background: rgba(0, 0, 0, 0.25); border: transparent; } + .viz-picker__item { background: rgba(0, 0, 0, 0.25); border: transparent; } + .viz-picker__item--current { - box-shadow: 0 0 6px #eb7b18!important; - border: 1px solid #eb7b18!important; - background: rgba(0, 0, 0, 0.4)!important; + box-shadow: 0 0 6px #eb7b18 !important; + border: 1px solid #eb7b18 !important; + background: rgba(0, 0, 0, 0.4) !important; } + .viz-picker__item:hover { - box-shadow: 0 0 6px #eb7b18!important; + box-shadow: 0 0 6px #eb7b18 !important; background: rgba(0, 0, 0, 0.4); - border: 1px solid #eb7b18!important; + border: 1px solid #eb7b18 !important; } + .panel-options-group__header { background: rgba(0, 0, 0, 0.25); } -.custom-scrollbar .thumb-vertical, .custom-scrollbar .thumb-horizontal { + +.custom-scrollbar .thumb-vertical, +.custom-scrollbar .thumb-horizontal { background-color: rgba(255, 255, 255, 0); - background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255, 255, 255, 0.25)),to(rgba(255, 255, 255, 0.25))); - background-image: -webkit-linear-gradient(top,rgba(255, 255, 255, 0.25),rgba(255, 255, 255, 0.25)); - background-image: -o-linear-gradient(top,#404357,#424345); - background-image: linear-gradient(180deg,rgba(249, 249, 249, 0.25),rgba(251, 251, 251, 0.25)); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.25)), to(rgba(255, 255, 255, 0.25))); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25)); + background-image: -o-linear-gradient(top, #404357, #424345); + background-image: linear-gradient(180deg, rgba(249, 249, 249, 0.25), rgba(251, 251, 251, 0.25)); } + .toolbar__main { color: #ffffff; background-color: rgba(0, 0, 0, 0.15); @@ -574,17 +711,21 @@ div>.scrollbar-view>div>[class*="css-"], } /* worldmap zoom buttons and leaflet */ -.leaflet-bar a, .leaflet-bar a:hover { +.leaflet-bar a, +.leaflet-bar a:hover { background-color: #1f1f1f !important; border-bottom: 1px solid #1f1f1f !important; color: white !important; } + .leaflet-bar a:hover { background-color: #1b1b1b !important; } + .leaflet-control-attribution { display: none; } + /* buttons .btn-inverse { border-color: #b56d16 !important; @@ -603,39 +744,53 @@ border-color: #b56d16 !important; .btn-inverse { background: rgba(0, 0, 0, 0.25); - -webkit-box-shadow: 0px 0px 5px 1px hsla(0, 0%, 0%, 0.45), 1px 1px 0 0 rgba(0,0,0,.3); - box-shadow: 0px 0px 5px 1px hsla(0, 0%, 0%, 0.45), 1px 1px 0 0 rgba(0,0,0,.3); + -webkit-box-shadow: 0px 0px 5px 1px hsla(0, 0%, 0%, 0.45), 1px 1px 0 0 rgba(0, 0, 0, .3); + box-shadow: 0px 0px 5px 1px hsla(0, 0%, 0%, 0.45), 1px 1px 0 0 rgba(0, 0, 0, .3); } -.btn-primary, .btn-success { - -webkit-box-shadow: 0px 0px 5px 1px hsla(0, 0%, 0%, 0.45), 1px 1px 0 0 rgba(0,0,0,.3); - box-shadow: 0px 0px 5px 1px hsla(0, 0%, 0%, 0.45), 1px 1px 0 0 rgba(0,0,0,.3); + +.btn-primary, +.btn-success { + -webkit-box-shadow: 0px 0px 5px 1px hsla(0, 0%, 0%, 0.45), 1px 1px 0 0 rgba(0, 0, 0, .3); + box-shadow: 0px 0px 5px 1px hsla(0, 0%, 0%, 0.45), 1px 1px 0 0 rgba(0, 0, 0, .3); } -.btn-inverse.active, .btn-inverse.disabled, .btn-inverse:active, .btn-inverse:focus, .btn-inverse:hover, .btn-inverse[disabled] { + +.btn-inverse.active, +.btn-inverse.disabled, +.btn-inverse:active, +.btn-inverse:focus, +.btn-inverse:hover, +.btn-inverse[disabled] { background-color: rgba(255, 255, 255, 0.08); } /* New Dashboard */ .add-panel__item { - background: linear-gradient(135deg,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.25)); - box-shadow: -1px -1px 0 0 hsla(0,0%,100%,.1), 1px 1px 0 0 rgba(0, 0, 0, 0); + background: linear-gradient(135deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25)); + box-shadow: -1px -1px 0 0 hsla(0, 0%, 100%, .1), 1px 1px 0 0 rgba(0, 0, 0, 0); } -.add-panel__item.active, .add-panel__item:hover { - background: linear-gradient(135deg,rgba(0, 0, 0, 0.25),rgba(0, 0, 0, 0.25)); + +.add-panel__item.active, +.add-panel__item:hover { + background: linear-gradient(135deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)); } + .add-panel__header { background: rgba(0, 0, 0, 0.25); box-shadow: none; border-bottom: 0px; } + /* Explore */ .query-transaction { color: #fff; } + .query-type-toggle .btn.active { background-color: rgba(0, 0, 0, 0.45); border: none; border-radius: 3px; } + .toggle-button-group .btn { background-color: rgba(0, 0, 0, 0.25); background-image: none; @@ -643,45 +798,52 @@ border-color: #b56d16 !important; border-radius: 3px !important; border-right: 1px; } + .toggle-button-group .btn:hover { background-color: rgba(0, 0, 0, 0.45); } + .logs-panel-options { background-color: transparent; border: none; } + /* JSON Model */ .gf-code-dark { background-color: rgba(0, 0, 0, 0.25); color: #e0e0e0; } + .gf-code-editor.ace_editor { border: none; } -.modal-header, .css-1z13zsv-modalHeader { +.modal-header, +.css-1z13zsv-modalHeader { background: var(--modal-bg-color); - background-repeat: repeat, no-repeat!important; - background-attachment: fixed, fixed!important; - background-position: center center, center center!important; - background-size: auto, cover!important; - -webkit-background-size: auto, cover!important; - -moz-background-size: auto, cover!important; - -o-background-size: auto, cover!important; + background-repeat: repeat, no-repeat !important; + background-attachment: fixed, fixed !important; + background-position: center center, center center !important; + background-size: auto, cover !important; + -webkit-background-size: auto, cover !important; + -moz-background-size: auto, cover !important; + -o-background-size: auto, cover !important; -webkit-box-shadow: none; box-shadow: none; border-bottom: 1px solid #d8d9da; color: #eee; } -.modal-body, .css-111908g { + +.modal-body, +.css-111908g { background: var(--modal-bg-color); - background-repeat: repeat, no-repeat!important; - background-attachment: fixed, fixed!important; - background-position: center center, center center!important; - background-size: auto, cover!important; - -webkit-background-size: auto, cover!important; - -moz-background-size: auto, cover!important; - -o-background-size: auto, cover!important; + background-repeat: repeat, no-repeat !important; + background-attachment: fixed, fixed !important; + background-position: center center, center center !important; + background-size: auto, cover !important; + -webkit-background-size: auto, cover !important; + -moz-background-size: auto, cover !important; + -o-background-size: auto, cover !important; color: #eee; } @@ -692,187 +854,238 @@ border-color: #b56d16 !important; /*LOGIN*/ .css-bnbqsv { background: var(--main-bg-color); - background-repeat: repeat, no-repeat!important; - background-attachment: fixed, fixed!important; - background-position: center center, center center!important; - background-size: auto, cover!important; - -webkit-background-size: auto, cover!important; - -moz-background-size: auto, cover!important; - -o-background-size: auto, cover!important; -} -.css-3iwqj4 { background: transparent;} -#login-view > div > form > div:nth-child(1) > div:nth-child(2) > div > div > input, #login-view > div > form > div:nth-child(2) > div:nth-child(2) > div > div > input { + background-repeat: repeat, no-repeat !important; + background-attachment: fixed, fixed !important; + background-position: center center, center center !important; + background-size: auto, cover !important; + -webkit-background-size: auto, cover !important; + -moz-background-size: auto, cover !important; + -o-background-size: auto, cover !important; +} + +.css-3iwqj4 { + background: transparent; +} + +#login-view>div>form>div:nth-child(1)>div:nth-child(2)>div>div>input, +#login-view>div>form>div:nth-child(2)>div:nth-child(2)>div>div>input { height: 38px; } + /*Buttons*/ button[class$="-button"]:not(button[aria-label="toggle-viz-picker"]), -.gf-form-button-row a, .gf-form-button-row button, -.page-action-bar>a, .page-action-bar>button, +.gf-form-button-row a, +.gf-form-button-row button, +.page-action-bar>a, +.page-action-bar>button, .btn-primary, -button.toolbar-button { -background: var(--button-color) !important; -background-color: var(--button-color) !important; -border-color: var(--button-color) !important; -color: var(--button-text) !important; -} -button[class$="-button"]:hover, -button[class$="-button"]:focus, +button.toolbar-button { + background: var(--button-color) !important; + background-color: var(--button-color) !important; + border-color: var(--button-color) !important; + color: var(--button-text) !important; +} + +button[class$="-button"]:hover, +button[class$="-button"]:focus, button[class$="-button"]:active, -.gf-form-button-row a, .gf-form-button-row button:hover, -.btn-primary:hover{ -color: rgb(255, 255, 255); -background: var(--button-color-hover) !important; -background-color: var(--button-color-hover) !important; -border-color: var(--button-color-hover) !important; -color: var(--button-text-hover) !important; -box-shadow: none !important; -} -.css-1d9e5zy-button {color: #fff; background: var(--button-color)} -.css-1d9e5zy-button:hover {color: #fff; background: var(--button-color-hover)} +.gf-form-button-row a, +.gf-form-button-row button:hover, +.btn-primary:hover { + color: rgb(255, 255, 255); + background: var(--button-color-hover) !important; + background-color: var(--button-color-hover) !important; + border-color: var(--button-color-hover) !important; + color: var(--button-text-hover) !important; + box-shadow: none !important; +} + +.css-1d9e5zy-button { + color: #fff; + background: var(--button-color) +} + +.css-1d9e5zy-button:hover { + color: #fff; + background: var(--button-color-hover) +} /*INPUT*/ -input:focus {box-shadow: none !important;} -.css-17rc2pp-input-wrapper:focus, .css-1i9is3t:focus { -box-shadow:none; -color: transparent; +input:focus { + box-shadow: none !important; } + +.css-17rc2pp-input-wrapper:focus, +.css-1i9is3t:focus { + box-shadow: none; + color: transparent; +} + .gf-form-select-box__control--is-focused { -border-color: transparent; -outline: none; --webkit-box-shadow: none !important; -box-shadow: none !important; + border-color: transparent; + outline: none; + -webkit-box-shadow: none !important; + box-shadow: none !important; } .css-1bjepp-input-input { -background-color: hsla(0,0%,100%,.25); -border-radius: 3px; -border-color: transparent; --webkit-transition: background-color .15s ease-in-out,box-shadow .15s ease-in-out !important; -transition: background-color .15s ease-in-out,box-shadow .15s ease-in-out !important; + background-color: hsla(0, 0%, 100%, .25); + border-radius: 3px; + border-color: transparent; + -webkit-transition: background-color .15s ease-in-out, box-shadow .15s ease-in-out !important; + transition: background-color .15s ease-in-out, box-shadow .15s ease-in-out !important; } .css-1bjepp-input-input:focus { -box-shadow: none !important; -background-color: white; -color: black; -transition: background-color .2s; --webkit-transition: background-color .2s; -border-radius: 3px; + box-shadow: none !important; + background-color: white; + color: black; + transition: background-color .2s; + -webkit-transition: background-color .2s; + border-radius: 3px; } -.css-14hvfbu-input-wrapper:focus { -border-color:transparent !important; -box-shadow: none !important; + +.css-14hvfbu-input-wrapper:focus { + border-color: transparent !important; + box-shadow: none !important; } + .css-1w5c5dq-input-inputWrapper input:not(:last-child) { height: 100% } + /*Disabled input*/ .css-1bjepp-input-input:disabled { background-color: rgba(0, 0, 0, .5); color: rgb(159, 167, 179); } -.css-1bjepp-input-input:hover {border-color: transparent;} -body > grafana-app > div > div > react-container > div > div > div.view > div > div.page-container.page-body > div:nth-child(2) > form > div > div > div > div.css-1w5c5dq-input-inputWrapper > input {height: 100%;} + +.css-1bjepp-input-input:hover { + border-color: transparent; +} + +body>grafana-app>div>div>react-container>div>div>div.view>div>div.page-container.page-body>div:nth-child(2)>form>div>div>div>div.css-1w5c5dq-input-inputWrapper>input { + height: 100%; +} /* SEARCH */ .css-x9mxj5 { -background: var(--main-bg-color); -background-repeat: repeat, no-repeat!important; -background-attachment: fixed, fixed!important; -background-position: center center, center center!important; -background-size: auto, cover!important; --webkit-background-size: auto, cover!important; --moz-background-size: auto, cover!important; --o-background-size: auto, cover!important; -} -.css-1m6pigl:focus + label { -outline-offset: 2px; -box-shadow: rgba(20, 22, 25, 0) 0px 0px 0px 2px, rgba(31, 97, 196, 0) 0px 0px 0px 4px !important; -z-index: 3; -outline: transparent dotted 2px; -transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1) 0s; -} -.css-1m6pigl:checked + label { + background: var(--main-bg-color); + background-repeat: repeat, no-repeat !important; + background-attachment: fixed, fixed !important; + background-position: center center, center center !important; + background-size: auto, cover !important; + -webkit-background-size: auto, cover !important; + -moz-background-size: auto, cover !important; + -o-background-size: auto, cover !important; +} + +.css-1m6pigl:focus+label { + outline-offset: 2px; + box-shadow: rgba(20, 22, 25, 0) 0px 0px 0px 2px, rgba(31, 97, 196, 0) 0px 0px 0px 4px !important; + z-index: 3; + outline: transparent dotted 2px; + transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1) 0s; +} + +.css-1m6pigl:checked+label { color: #eee !important; border-color: rgba(255, 255, 255, .1); background: var(--button-color); } -.css-b40tk8:focus + label { -box-shadow: rgba(20, 22, 25, 0) 0px 0px 0px 2px, rgba(31, 97, 196, 0) 0px 0px 0px 4px !important; + +.css-b40tk8:focus+label { + box-shadow: rgba(20, 22, 25, 0) 0px 0px 0px 2px, rgba(31, 97, 196, 0) 0px 0px 0px 4px !important; } + .css-y0yg3l { -background: var(--main-bg-color); -background-repeat: repeat, no-repeat!important; -background-attachment: fixed, fixed!important; -background-position: center center, center center!important; -background-size: auto, cover!important; --webkit-background-size: auto, cover!important; --moz-background-size: auto, cover!important; --o-background-size: auto, cover!important; -border-color: transparent; + background: var(--main-bg-color); + background-repeat: repeat, no-repeat !important; + background-attachment: fixed, fixed !important; + background-position: center center, center center !important; + background-size: auto, cover !important; + -webkit-background-size: auto, cover !important; + -moz-background-size: auto, cover !important; + -o-background-size: auto, cover !important; + border-color: transparent; } + .css-y0yg3l { -background: rgba(0, 0, 0, .25) !important; -border-color: transparent; + background: rgba(0, 0, 0, .25) !important; + border-color: transparent; } .css-1je3bh6 { -background: transparent; -border-bottom: 1px solid rgba(0, 0, 0, 0); + background: transparent; + border-bottom: 1px solid rgba(0, 0, 0, 0); } /*Folder bars*/ .css-1umfglk { -background: rgba(0, 0, 0, .25); + background: rgba(0, 0, 0, .25); } + .css-1umfglk:hover { -background: rgba(0, 0, 0, .35); + background: rgba(0, 0, 0, .35); } /* Login Error message*/ .css-1ow9mne-input-input { -line-height: 1.5; -height: 38px; -background-color: hsla(0,0%,100%,.25); -border-radius: 3px; -border-color: transparent; --webkit-transition: background-color .15s ease-in-out,box-shadow .15s ease-in-out !important; -transition: background-color .15s ease-in-out,box-shadow .15s ease-in-out !important; + line-height: 1.5; + height: 38px; + background-color: hsla(0, 0%, 100%, .25); + border-radius: 3px; + border-color: transparent; + -webkit-transition: background-color .15s ease-in-out, box-shadow .15s ease-in-out !important; + transition: background-color .15s ease-in-out, box-shadow .15s ease-in-out !important; } + .css-1ow9mne-input-input { -box-shadow: none !important; -background-color: white; -color: black; -transition: background-color .2s; --webkit-transition: background-color .2s; -height: 38px; -border-radius: 3px; + box-shadow: none !important; + background-color: white; + color: black; + transition: background-color .2s; + -webkit-transition: background-color .2s; + height: 38px; + border-radius: 3px; } + .css-13o428a { -margin: 10px 0px 0px; + margin: 10px 0px 0px; } /*Welcome to Grafana*/ -.css-15xxblz,.css-1ld19yb {background: rgba(0, 0, 0, .25);} +.css-15xxblz, +.css-1ld19yb { + background: rgba(0, 0, 0, .25); +} -.css-1as70ku, .css-u5zjuh { -background: rgba(0, 0, 0, .25);} -.css-17abkeq, .css-5ak73y { -color: #fff; +.css-1as70ku, +.css-u5zjuh { + background: rgba(0, 0, 0, .25); +} + +.css-17abkeq, +.css-5ak73y { + color: #fff; } /* Import */ -body > grafana-app > div > div > react-container > div > div > div.view > div > div.page-container.page-body > form > div:nth-child(4) > div:nth-child(2) > div > div.css-1w5c5dq-input-inputWrapper > input {height:100%} +body>grafana-app>div>div>react-container>div>div>div.view>div>div.page-container.page-body>form>div:nth-child(4)>div:nth-child(2)>div>div.css-1w5c5dq-input-inputWrapper>input { + height: 100% +} /*PANEL EDIT*/ -.css-cxwxzk-Label-description,.css-n370st { +.css-cxwxzk-Label-description, +.css-n370st { color: #eee; } + .css-10pj50r, .css-15rfc12 { background: rgb(0 0 0 / 50%); @@ -880,109 +1093,130 @@ body > grafana-app > div > div > react-container > div > div > div.view > div > /*Header*/ .css-1marj6o { -display: flex; --webkit-box-pack: justify; -justify-content: space-between; -padding: 8px; -background: transparent; -border-bottom: 1px solid transparent; + display: flex; + -webkit-box-pack: justify; + justify-content: space-between; + padding: 8px; + background: transparent; + border-bottom: 1px solid transparent; } + /*Background*/ .css-azp59k { -background: var(--main-bg-color); -background-repeat: repeat, no-repeat!important; -background-attachment: fixed, fixed!important; -background-position: center center, center center!important; -background-size: auto, cover!important; --webkit-background-size: auto, cover!important; --moz-background-size: auto, cover!important; --o-background-size: auto, cover!important; + background: var(--main-bg-color); + background-repeat: repeat, no-repeat !important; + background-attachment: fixed, fixed !important; + background-position: center center, center center !important; + background-size: auto, cover !important; + -webkit-background-size: auto, cover !important; + -moz-background-size: auto, cover !important; + -o-background-size: auto, cover !important; } + /*Query box*/ .css-hz0utb { -background: rgba(0, 0, 0, .35); -border-right: 1px solid rgba(0, 0, 0, 0); + background: rgba(0, 0, 0, .35); + border-right: 1px solid rgba(0, 0, 0, 0); } -.query-keyword, .css-wvxxxy, .css-fpnw35 { + +.query-keyword, +.css-wvxxxy, +.css-fpnw35 { font-weight: 500; color: rgb(var(--accent-color)); } + .css-lvafs5 { background: rgba(0, 0, 0, .5); } .css-ui3sz4-activeTabStyle { -margin-right: 16px; -position: relative; -display: block; -color: rgb(216, 217, 218); -cursor: default; -list-style: none; -padding: 11px 15px 9px; -border-style: solid; -border-image: initial; -border-width: 0px 1px 1px; -border-radius: 3px 3px 0px 0px; -border-color: transparent !important; -background: rgba(0, 0, 0, .5); -overflow: hidden; + margin-right: 16px; + position: relative; + display: block; + color: rgb(216, 217, 218); + cursor: default; + list-style: none; + padding: 11px 15px 9px; + border-style: solid; + border-image: initial; + border-width: 0px 1px 1px; + border-radius: 3px 3px 0px 0px; + border-color: transparent !important; + background: rgba(0, 0, 0, .5); + overflow: hidden; } + .css-1awj6q7-counter { -background-color: rgba(0, 0, 0, .5); -color: rgb(255, 255, 255); + background-color: rgba(0, 0, 0, .5); + color: rgb(255, 255, 255); } + /*Transform tab*/ .css-y2f54e { -background: rgba(0, 0, 0, .25); + background: rgba(0, 0, 0, .25); } + .css-y2f54e:hover { -background: rgba(0, 0, 0, .35); + background: rgba(0, 0, 0, .35); } + .css-1e8invk::before { -background:rgba(0, 0, 0, .35) !important; + background: rgba(0, 0, 0, .35) !important; } /* Right side menu*/ .css-1xj5tuf { -background: rgba(0, 0, 0, .35); -border-left: 1px solid transparent; + background: rgba(0, 0, 0, .35); + border-left: 1px solid transparent; } + /*Dropdown bottom borders*/ .css-1majipf { -border-bottom: 1px solid rgba(255, 255, 255, .08); + border-bottom: 1px solid rgba(255, 255, 255, .08); } + /*Settings text input*/ .css-1f38lle:focus { box-shadow: none !important; } -.css-1gokw4e input:checked + label, .css-1gokw4e input:checked + label:hover { -background: rgb(var(--accent-color)); + +.css-1gokw4e input:checked+label, +.css-1gokw4e input:checked+label:hover { + background: rgb(var(--accent-color)); } + .css-1gokw4e label { background: white; } + /*Visualization*/ .css-1lemfi9 { background: rgba(0, 0, 0, .25); border-color: transparent; } -.css-1fsv7gr:hover > div:first-child { + +.css-1fsv7gr:hover>div:first-child { border-color: rgb(var(--accent-color)); } -.css-1emhacm-currentVisualizationItem > div:first-child { + +.css-1emhacm-currentVisualizationItem>div:first-child { outline-offset: 2px; box-shadow: rgb(20, 22, 25) 0px 0px 0px 2px, rgb(var(--accent-color)) 0px 0px 0px 4px; } -.css-mgq0xs-currentVisualizationItem > div:first-child { + +.css-mgq0xs-currentVisualizationItem>div:first-child { outline: transparent dotted 2px; outline-offset: 1px; box-shadow: rgb(var(--accent-color)) 0px 0px 0px 2px, #607D8B 0px 0px 0px 2px; transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1) 0s; } + /*Old stat panel unit dropdown */ -body > grafana-app > div > div > react-container > div > div.css-azp59k > div.css-1bd2u9 > div > div.Pane.vertical.Pane2 > div > div > div.css-1xj5tuf > div > div.view > div:nth-child(3) > div:nth-child(1) > div.panel-options-group__body > panel-editor-tab > panel-editor-tab-singlestatoptions > div > div:nth-child(2) > div:nth-child(6) > unit-picker > div > div > div > div > input { -height: 100%; +body>grafana-app>div>div>react-container>div>div.css-azp59k>div.css-1bd2u9>div>div.Pane.vertical.Pane2>div>div>div.css-1xj5tuf>div>div.view>div:nth-child(3)>div:nth-child(1)>div.panel-options-group__body>panel-editor-tab>panel-editor-tab-singlestatoptions>div>div:nth-child(2)>div:nth-child(6)>unit-picker>div>div>div>div>input { + height: 100%; } + /*Buttons*/ .css-m58wdd:hover { color: rgba(255, 255, 255, .94); @@ -993,6 +1227,7 @@ height: 100%; border-image: initial; background: rgba(255, 255, 255, .15) } + .css-m58wdd { color: rgba(255, 255, 255, .94); z-index: 2; @@ -1002,56 +1237,73 @@ height: 100%; border-image: initial; background: rgba(255, 255, 255, .08) } + input:checked+.gf-form-switch__slider { -background: rgb(var(--accent-color)); + background: rgb(var(--accent-color)); } + /* RuPaul Drag Line*/ .css-pii3u7:hover { -border-color: rgba(255, 255, 255, .25); + border-color: rgba(255, 255, 255, .25); } .css-1t13ra6 { -border-color: rgba(255, 255, 255, .09); + border-color: rgba(255, 255, 255, .09); } + .css-1t13ra6:hover { - border-color: rgba(255, 255, 255, .25); + border-color: rgba(255, 255, 255, .25); } /*SETTINGS*/ /*Teams*/ .css-1w9m9al-call-to-action-card { background: rgba(0, 0, 0, .25); - } +} /*DASHBOARD SETINGS*/ -.dashboard-settings,.dashboard-settings__body2 { +.dashboard-settings, +.dashboard-settings__body2 { background: var(--main-bg-color); - background-repeat: repeat, no-repeat!important; - background-attachment: fixed, fixed!important; - background-position: center center, center center!important; - background-size: auto, cover!important; - -webkit-background-size: auto, cover!important; - -moz-background-size: auto, cover!important; - -o-background-size: auto, cover!important; + background-repeat: repeat, no-repeat !important; + background-attachment: fixed, fixed !important; + background-position: center center, center center !important; + background-size: auto, cover !important; + -webkit-background-size: auto, cover !important; + -moz-background-size: auto, cover !important; + -o-background-size: auto, cover !important; } + .navbar--edit { background: rgba(0, 0, 0, .25); border-bottom: 1px solid transparent; -webkit-box-shadow: 0 0 10px transparent; box-shadow: 0 0 10px transparent; } + .grafana-info-box { -background-color: rgba(0, 0, 0, .5); -border-top: 3px solid rgb(var(--accent-color)); + background-color: rgba(0, 0, 0, .5); + border-top: 3px solid rgb(var(--accent-color)); } + /* Variables*/ .filter-table--hover tbody tr:hover { - background: hsla(0,0%,100%,.15); + background: hsla(0, 0%, 100%, .15); } + .filter-table tbody tr:nth-child(odd):hover { -background: hsla(0,0%,100%,.15) !important; + background: hsla(0, 0%, 100%, .15) !important; } + /*Placeholder text*/ -::placeholder {color: #fff !important;} -:-ms-input-placeholder {color: #fff !important;} -::-webkit-input-placeholder {color: #fff !important;} \ No newline at end of file +::placeholder { + color: #fff !important; +} + +:-ms-input-placeholder { + color: #fff !important; +} + +::-webkit-input-placeholder { + color: #fff !important; +} \ No newline at end of file diff --git a/CSS/themes/guacamole/guacamole-base.css b/CSS/themes/guacamole/guacamole-base.css index 749900b7..41d0f8a2 100644 --- a/CSS/themes/guacamole/guacamole-base.css +++ b/CSS/themes/guacamole/guacamole-base.css @@ -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); +} + +.recent-connections .connection:hover { + background: hsla(0, 0%, 100%, 0.08); color: var(--link-color-hover); } - /* SIDE MENU */ - .menu, .menu .header { +.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,184 @@ input:focus:-ms-input-placeholder { background-size: auto, cover; -webkit-background-size: auto, cover; -moz-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) { + -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); + +.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 { + +.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; @@ -456,9 +594,10 @@ 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: 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; } \ No newline at end of file diff --git a/CSS/themes/jellyfin/jellyfin-base.css b/CSS/themes/jellyfin/jellyfin-base.css index 2e8b0f2f..a370918b 100644 --- a/CSS/themes/jellyfin/jellyfin-base.css +++ b/CSS/themes/jellyfin/jellyfin-base.css @@ -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)); -} +} \ No newline at end of file diff --git a/CSS/themes/librespeed/librespeed-base.css b/CSS/themes/librespeed/librespeed-base.css index 1fc8fcdb..088eb2c1 100644 --- a/CSS/themes/librespeed/librespeed-base.css +++ b/CSS/themes/librespeed/librespeed-base.css @@ -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, +a:-webkit-any-link { + color: var(--link-color); } -a:hover,a:-webkit-any-link:hover { - color: var(--link-color-hover); + +a:hover, +a:-webkit-any-link:hover { + color: var(--link-color-hover); } -#ip,.unit { +#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; -} +} \ No newline at end of file diff --git a/CSS/themes/lidarr/lidarr-base.css b/CSS/themes/lidarr/lidarr-base.css index 36447454..7546af03 100644 --- a/CSS/themes/lidarr/lidarr-base.css +++ b/CSS/themes/lidarr/lidarr-base.css @@ -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; -} - +} \ No newline at end of file diff --git a/CSS/themes/logarr/logarr-base.css b/CSS/themes/logarr/logarr-base.css index 75750d4a..faaa2d24 100644 --- a/CSS/themes/logarr/logarr-base.css +++ b/CSS/themes/logarr/logarr-base.css @@ -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; -} - - /* Scrollbar */ - - @media only screen and (min-width: 768px) { + 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) { 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; + +.servicetile:hover, +.servicetile:focus { + text-shadow: 0 0 20px #000; } -#servicetitle:hover, #servicetitle:focus { + +#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; + background-color: rgba(0, 0, 0, .15) !important; margin: 1rem .1rem 1.5rem 1rem !important; width: 9rem !important; - box-shadow: none; + box-shadow: none; } + .col-lg-4:hover { - background-color: hsla(0,0%,100%,.08) !important; + 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 { + +.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; + } +} \ No newline at end of file diff --git a/CSS/themes/monitorr/monitorr-base.css b/CSS/themes/monitorr/monitorr-base.css index 30713b7a..a40f9a33 100644 --- a/CSS/themes/monitorr/monitorr-base.css +++ b/CSS/themes/monitorr/monitorr-base.css @@ -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; -} - /* 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; - } + 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; +} #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; + +.servicetile:hover, +.servicetile:focus { + text-shadow: 0 0 20px #000; } -#servicetitle:hover, #servicetitle:focus { + +#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; + background-color: rgba(0, 0, 0, .15) !important; margin: 1rem .1rem 1.5rem 1rem !important; width: 9rem !important; - box-shadow: none; + box-shadow: none; } + .col-lg-4:hover { - background-color: hsla(0,0%,100%,.08) !important; + 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 { + +.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; } -} +} \ No newline at end of file diff --git a/CSS/themes/monitorr/organizr-dashboard.css b/CSS/themes/monitorr/organizr-dashboard.css index f700fd36..0885be63 100644 --- a/CSS/themes/monitorr/organizr-dashboard.css +++ b/CSS/themes/monitorr/organizr-dashboard.css @@ -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; + +.servicetile:hover, +.servicetile:focus { + text-shadow: 0 0 20px #000; } -#servicetitle:hover, #servicetitle:focus { + +#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; + background-color: rgba(0, 0, 0, .15) !important; margin: 1rem .1rem 1.5rem 1rem !important; width: 9rem !important; - box-shadow: none; + box-shadow: none; } + .col-lg-4:hover { - background-color: hsla(0,0%,100%,.08) !important; + 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 { + +.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; } -} +} \ No newline at end of file diff --git a/CSS/themes/moviematch/moviematch-base.css b/CSS/themes/moviematch/moviematch-base.css index ec14b0ba..9d7cc2ea 100644 --- a/CSS/themes/moviematch/moviematch-base.css +++ b/CSS/themes/moviematch/moviematch-base.css @@ -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; diff --git a/CSS/themes/nzbget/nzbget-base.css b/CSS/themes/nzbget/nzbget-base.css index d36bc553..84e05f46 100644 --- a/CSS/themes/nzbget/nzbget-base.css +++ b/CSS/themes/nzbget/nzbget-base.css @@ -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 { + +.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 .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-"] { +[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; - } +.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 { + 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; + +#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; +#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: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; -} - -#Config_ViewButton:hover{ - background: hsla(0,0%,100%,.08); - color:#FFF; -} -#DownloadsEditDialog input.btn.btn-primary{ + 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; +} + +#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; + text-shadow: unset; + color: white; } -#HistoryEdit_ParamData input.btn.btn-primary{ + +#HistoryEdit_ParamData input.btn.btn-primary { background: var(--button-color) !important; - text-shadow:unset; - color:white; + text-shadow: unset; + color: white; } - .btn { +.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 { + 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:hover { + background: hsla(0, 0%, 100%, .08); + color: #FFF; } -input, textarea, select, .uneditable-input { +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; -} +} \ No newline at end of file diff --git a/CSS/themes/nzbhydra2/nzbhydra-base.css b/CSS/themes/nzbhydra2/nzbhydra-base.css index c8c704c7..b4d36a1d 100644 --- a/CSS/themes/nzbhydra2/nzbhydra-base.css +++ b/CSS/themes/nzbhydra2/nzbhydra-base.css @@ -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; diff --git a/CSS/themes/ombi/ombi-base.css b/CSS/themes/ombi/ombi-base.css index 5f4193bf..a633887b 100644 --- a/CSS/themes/ombi/ombi-base.css +++ b/CSS/themes/ombi/ombi-base.css @@ -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; -} -.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, legend { + -o-background-size: auto, cover; +} + +.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)); } \ No newline at end of file diff --git a/CSS/themes/ombi/ombiv3-base.css b/CSS/themes/ombi/ombiv3-base.css index b14a415c..ef786e42 100644 --- a/CSS/themes/ombi/ombiv3-base.css +++ b/CSS/themes/ombi/ombiv3-base.css @@ -1,4 +1,3 @@ - /* dP dP dP */ /* 88 88 88 */ /* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ @@ -14,97 +13,123 @@ body { background: var(--main-bg-color); } - /* 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%; background: var(--main-bg-color) } } - ::-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; +} + /* Navbar */ @media (max-width: 924px) { - .collapse.in, .navbar-nav { + + .collapse.in, + .navbar-nav { background: var(--main-bg-color); } - } +} @media (max-width: 924px) { - .navbar-left, .navbar-right { - float: none!important; + + .navbar-left, + .navbar-right { + float: none !important; box-shadow: 0px 15px 10px -10px rgba(0, 0, 0, 0.7); } - } - +} + .navbar-default .navbar-brand { color: var(--accent-color); } + .navbar-default { background: var(--main-bg-color); border-color: #FFF; } + .nav-tabs { border-bottom: 1px solid transparent; margin-bottom: 3px !important; } -.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 { 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 { background-color: rgba(255, 255, 255, 0.08); color: #fff; } + .navbar-default .navbar-nav>.open>a { background-color: rgba(0, 0, 0, 0.25); color: #fff; } -.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { + +.navbar-default .navbar-nav>.open>a, +.navbar-default .navbar-nav>.open>a:focus, +.navbar-default .navbar-nav>.open>a:hover { background-color: rgba(0, 0, 0, 0.25); } -.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { + +.navbar-default .navbar-toggle:focus, +.navbar-default .navbar-toggle:hover { background-color: transparent; } -.ui-tooltip .ui-tooltip-text{ -background-color:var(--modal-bg-color) !important; + +.ui-tooltip .ui-tooltip-text { + background-color: var(--modal-bg-color) !important; } + @media (max-width: 924px) { .navbar-collapse.collapse { - box-shadow: 0px 15px 10px -10px rgba(0, 0, 0, 0.7); + box-shadow: 0px 15px 10px -10px rgba(0, 0, 0, 0.7); } - } +} - /* Loading bar */ - .pace .pace-progress { +/* Loading bar */ +.pace .pace-progress { background: var(--loading-bar) !important; } + .pace .pace-progress-inner { - box-shadow: 0 0 10px var(--loading-bar), 0 0 5px var(--loading-bar) !important; + box-shadow: 0 0 10px var(--loading-bar), 0 0 5px var(--loading-bar) !important; } /* Search bar */ @@ -112,18 +137,22 @@ background-color:var(--modal-bg-color) !important; border-radius: 3px; background-color: transparent !important; } + .search-bar-background[_ngcontent-c2] { background-color: transparent; } + @media (min-width: 979px) { -.form-control-search[_ngcontent-c2] { - width: 100%; -} + .form-control-search[_ngcontent-c2] { + width: 100%; + } } + .form-control-custom { background-color: rgba(0, 0, 0, 0.25) !important; - border-radius: 0px; + border-radius: 0px; } + .form-control-search { height: 49px; } @@ -131,6 +160,7 @@ background-color:var(--modal-bg-color) !important; .right-radius { border-radius: 0px; } + .input-group-addon { background-color: rgba(0, 0, 0, 0.25); border-bottom: 2px; @@ -139,26 +169,31 @@ background-color:var(--modal-bg-color) !important; .nav-tabs.nav-justified { margin-bottom: 3px; } + @media (max-width: 978px) { -.form-control-search[_ngcontent-c1] { - width: -webkit-fill-available !important; -} + .form-control-search[_ngcontent-c1] { + width: -webkit-fill-available !important; + } } @media (min-width: 768px) { -.nav-tabs.nav-justified>li>a { - border-bottom: none; -} + .nav-tabs.nav-justified>li>a { + border-bottom: none; + } } + @media (min-width: 979px) { -.form-control-search[_ngcontent-c1] { - width: 100%; -} + .form-control-search[_ngcontent-c1] { + width: 100%; + } } + .refine-option[_ngcontent-c1] { box-shadow: none; } -#movieTabButton:hover, #tvTabButton:hover { + +#movieTabButton:hover, +#tvTabButton:hover { border: 1px solid transparent; } @@ -167,23 +202,29 @@ background-color:var(--modal-bg-color) !important; padding: 15px; background: rgba(0, 0, 0, 0.25); } + .table-striped>tbody>tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.25); } + .table-hover>tbody>tr:hover { background-color: rgba(255, 255, 255, 0.08); } + table.table>thead>tr>th.active { background-color: rgba(255, 255, 255, 0.08); } + /*filter */ .ui-widget-content { background: var(--main-bg-color) !important; } + .ui-state-active { - color: #ffffff!important; - background-color: rgba(0, 0, 0, 0.25)!important; + color: #ffffff !important; + background-color: rgba(0, 0, 0, 0.25) !important; } + .ui-state-default { border: 2px solid rgba(255, 255, 255, 0.25); } @@ -193,13 +234,18 @@ table.table>thead>tr>th.active { background: var(--modal-bg-color); box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6); } + .dropdown-menu>li>a:hover { background-color: rgba(255, 255, 255, 0.08); } + .navbar-nav>li>.dropdown-menu { width: 163.5px; } -.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { + +.dropdown-menu>.active>a, +.dropdown-menu>.active>a:focus, +.dropdown-menu>.active>a:hover { background-color: rgba(0, 0, 0, 0.45); } @@ -209,26 +255,36 @@ hr { } /* Buttons */ -.btn-primary-outline{ +.btn-primary-outline { color: var(--request-button) !important; border-color: var(--request-button) !important; - outline: none !important; + outline: none !important; } -.open>.btn-primary-outline.dropdown-toggle,.btn-primary-outline.active, .btn-primary-outline.focus, .btn-primary-outline:active, .btn-primary-outline:focus, .btn-primary-outline:hover{ + +.open>.btn-primary-outline.dropdown-toggle, +.btn-primary-outline.active, +.btn-primary-outline.focus, +.btn-primary-outline:active, +.btn-primary-outline:focus, +.btn-primary-outline:hover { background-color: var(--request-button-hover) !important; - border-color: transparent !important; + border-color: transparent !important; } .btn-primary-outline:hover { background-color: var(--request-button-hover) !important; - border-color: transparent!important; + border-color: transparent !important; } + .btn-link { color: #ffffff; } -.btn-link:focus, .btn-link:hover { + +.btn-link:focus, +.btn-link:hover { color: #ddd; } + .input-group-addon .btn-group .btn { outline: none !important; border: 1px solid transparent !important; @@ -237,15 +293,26 @@ hr { padding: 5px 10px; width: auto !important; } -.btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover { + +.btn-group-vertical>.btn.active, +.btn-group-vertical>.btn:active, +.btn-group-vertical>.btn:focus, +.btn-group-vertical>.btn:hover, +.btn-group>.btn.active, +.btn-group>.btn:active, +.btn-group>.btn:focus, +.btn-group>.btn:hover { background: rgba(255, 255, 255, 0.35) !important; } -.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: 3px; } -i.fa.fa-minus, i.fa.fa-plus { - display:none; + +i.fa.fa-minus, +i.fa.fa-plus { + display: none; } @@ -255,7 +322,7 @@ i.fa.fa-minus, i.fa.fa-plus { -moz-transition: all .8s; -webkit-transition: all .8s; transition: all .8s; - color: #ffffff!important; + color: #ffffff !important; background-color: rgba(255, 255, 255, 0.35); background-image: none; text-transform: uppercase; @@ -266,10 +333,16 @@ i.fa.fa-minus, i.fa.fa-plus { height: 29.45px; padding: 5px 10px; } -.btn-success-outline.active, .btn-success-outline.focus, .btn-success-outline:active, .btn-success-outline:focus, .btn-success-outline:hover, .open>.btn-success-outline.dropdown-toggle { - color: #fff!important; - background-color: rgba(92, 184, 92, .75)!important; - border-color: transparent!important; + +.btn-success-outline.active, +.btn-success-outline.focus, +.btn-success-outline:active, +.btn-success-outline:focus, +.btn-success-outline:hover, +.open>.btn-success-outline.dropdown-toggle { + color: #fff !important; + background-color: rgba(92, 184, 92, .75) !important; + border-color: transparent !important; } .btn-primary-outline { @@ -290,12 +363,13 @@ i.fa.fa-minus, i.fa.fa-plus { } -.btn-info-outline, .btn-danger-outline { +.btn-info-outline, +.btn-danger-outline { -o-transition: all .8s; -moz-transition: all .8s; -webkit-transition: all .8s; transition: all .8s; - color: #ffffff!important; + color: #ffffff !important; background-color: rgba(255, 255, 255, 0.35); background-image: none; border-color: transparent !important; @@ -308,12 +382,12 @@ i.fa.fa-minus, i.fa.fa-plus { padding: 5px 10px; } - .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { +.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { -o-transition: all .8s; -moz-transition: all .8s; -webkit-transition: all .8s; transition: all .8s; - color: #ffffff!important; + color: #ffffff !important; background-color: rgba(255, 255, 255, 0.35); background-image: none; border-color: transparent !important; @@ -323,70 +397,113 @@ i.fa.fa-minus, i.fa.fa-plus { height: 29.45px; font-size: 12px; padding: 5px 10px; - border-radius: .25rem!important; -} + border-radius: .25rem !important; +} + .btn-split .btn.dropdown-toggle { - border-radius: 0 .25rem .25rem 0!important; + border-radius: 0 .25rem .25rem 0 !important; padding: 3.5px 10px; border: none; } -.btn-split .btn.dropdown-toggle:hover, .btn-split .btn.dropdown-toggle:active, .btn-split .btn.dropdown-toggle:focus, .btn-split .btn.dropdown-toggle.active { -background: none !important; + +.btn-split .btn.dropdown-toggle:hover, +.btn-split .btn.dropdown-toggle:active, +.btn-split .btn.dropdown-toggle:focus, +.btn-split .btn.dropdown-toggle.active { + background: none !important; } + .btn-warning-outline { -o-transition: all .8s; -moz-transition: all .8s; -webkit-transition: all .8s; transition: all .8s; - color: #fff!important; + color: #fff !important; background-color: transparent; background-image: none; border-color: transparent !important; } -.btn-warning-outline.active, .btn-warning-outline.focus, .btn-warning-outline:active, .btn-warning-outline:focus, .btn-warning-outline:hover, .open>.btn-warning-outline.dropdown-toggle,.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle):hover { - color: #fff!important; - background-color: rgba(196, 134, 42, 0.75)!important; - border-color: transparent!important; + +.btn-warning-outline.active, +.btn-warning-outline.focus, +.btn-warning-outline:active, +.btn-warning-outline:focus, +.btn-warning-outline:hover, +.open>.btn-warning-outline.dropdown-toggle, +.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle):hover { + color: #fff !important; + background-color: rgba(196, 134, 42, 0.75) !important; + border-color: transparent !important; } -.btn-info-outline.active, .btn-info-outline.focus, .btn-info-outline:active, .btn-info-outline:focus, .btn-info-outline:hover, .open>.btn-info-outline.dropdown-toggle { - color: #fff!important; - background-color: rgba(91, 192, 222, 0.75)!important; +.btn-info-outline.active, +.btn-info-outline.focus, +.btn-info-outline:active, +.btn-info-outline:focus, +.btn-info-outline:hover, +.open>.btn-info-outline.dropdown-toggle { + color: #fff !important; + background-color: rgba(91, 192, 222, 0.75) !important; border-color: transparent !important; } @media (max-width: 1090px) { - .btn-danger-outline, .btn-info-outline, .btn-primary-outline, .btn-success-outline, .fa-eye:before, .fa-check:before,.fa-plus:before, .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { + + .btn-danger-outline, + .btn-info-outline, + .btn-primary-outline, + .btn-success-outline, + .fa-eye:before, + .fa-check:before, + .fa-plus:before, + .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { content: ""; } - } -.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group { +} + +.btn-group .btn+.btn, +.btn-group .btn+.btn-group, +.btn-group .btn-group+.btn, +.btn-group .btn-group+.btn-group { margin-left: -25px; } + /* Settings menu */ -.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover { +.nav-tabs.nav-justified>.active>a, +.nav-tabs.nav-justified>.active>a:focus, +.nav-tabs.nav-justified>.active>a:hover { background-color: rgba(0, 0, 0, 0.45) !important; border: 1px solid #00000000 !important; border-radius: 3px; } -.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 { background-color: rgba(0, 0, 0, 0.45) !important; border: 1px solid #00000000 !important; border-radius: 3px; } + .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); border-radius: 3px; } -.nav .open>a, .nav .open>a:focus, .nav .open>a:hover { + +.nav .open>a, +.nav .open>a:focus, +.nav .open>a:hover { background-color: rgba(0, 0, 0, 0.25); border-color: #00000000; } + .panel { background-color: rgba(0, 0, 0, 0.45); } @@ -397,29 +514,36 @@ background: none !important; padding: 10px 15px; border-bottom: 1px solid #00000000; } + a.active { background-color: rgba(0, 0, 0, 0.45); } .ui-state-highlight { -background: var(--modal-bg-color); + background: var(--modal-bg-color); } + legend { border-bottom: 1px solid rgba(255, 255, 255, 0.25); } + /* Main page */ .backdrop { box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6) !important; } + a>h4 { color: var(--accent-color); } + .label-info { background-color: var(--label-color); } + .label-success { background-color: rgba(92, 184, 92, 0.75); } + .fa-film:before { content: "\F008"; color: rgba(255, 255, 255, 0.6); @@ -439,178 +563,252 @@ a>h4 { .side-back { box-shadow: 0 0 10px #000000ad; } + .form-control:focus { border-color: transparent; outline: 0; - -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px #000; - box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px #000; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 3px #000; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 3px #000; } /* OMBI V4*/ - - - body { - background: var(--main-bg-color); - } - a { - color: var(--accent-color); - } - a:hover { - color: var(--accent-color-hover); - } - - .mat-drawer-container, .dark .mat-drawer-container { - background: var(--main-bg-color); - color: var(--text); - } - - - /* HEADER */ - - .mat-toolbar.mat-primary, .dark .mat-toolbar.mat-primary { - background: rgba(0, 0, 0, .25); - color: var(--text); - } - .dark .mat-toolbar, .mat-toolbar,.mat-list-base .mat-list-item, .mat-list-base .mat-list-option { - color: var(--text); - } - - /* SEARCH */ - .dark .mat-autocomplete-panel, .mat-autocomplete-panel { - background: var(--modal-bg-color); - color: var(--text); - } - - - - /* SIDEBAR */ - .dark .mat-drawer, .dark .mat-drawer.mat-drawer-push, .mat-drawer, .mat-drawer.mat-drawer-push { - background-color: rgba(0, 0, 0, .25); - color: var(--text) - } - .dark .mat-drawer-side { - border-right: 1px solid transparent; - } - .dark .active-list-item, .active-list-item, .active-list-item { - background: var(--accent-color) !important; - background-color: var(--accent-color) !important; - color: var(--text)!important; - font-weight: 500; - } - - /* CARDS */ - .mat-card, .dark .mat-card { - background: rgb(0 0 0 / 25%); - color: var(--text); - } - .grow:hover { - transform: scale(1.1); - color: var(--text-hover) - } - .notrequested { - border-bottom: 3px solid var(--accent-color) !important; - } - - /* BUTTONS */ - .mat-fab.mat-accent, .mat-flat-button.mat-accent, .mat-mini-fab.mat-accent, .mat-raised-button.mat-accent, - .dark .mat-fab.mat-accent, .dark .mat-flat-button.mat-accent, .dark .mat-mini-fab.mat-accent, .dark .mat-raised-button.mat-accent { - background-color: var(--button-color); - color: var(--text) - } - - .dark .mat-fab.mat-primary, .dark .mat-flat-button.mat-primary, .dark .mat-mini-fab.mat-primary, .dark .mat-raised-button.mat-primary, - .mat-fab.mat-primary, .mat-flat-button.mat-primary, .mat-mini-fab.mat-primary, .mat-raised-button.mat-primary { - background: rgba(255, 255, 255, .1); - } - - .btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover { - z-index: 1; - background: var(--button-color-hover) !important; - } - .btn-group>.btn-group:not(:first-child), .btn-group>.btn:not(:first-child) { - margin-left: 0px; - } - .mat-raised-button:not([class*=mat-elevation-z]), .dark .mat-raised-button:not([class*=mat-elevation-z]) { - box-shadow: none; - } - button:focus { - outline: 1px dotted; - outline: none; - } - /* MODAL */ - .dark .mat-dialog-container,.mat-dialog-container { - background: var(--modal-bg-color); - color: var(--text); - } - - div.dark .details, .details { - background: transparent !important; - } - - - /* SETTINGS */ - /* Table */ - .mat-table, .dark .mat-table { - background: #0000002e; - color: var(--text) - } - .mat-cell, .mat-footer-cell,.dark .mat-cell, .dark .mat-footer-cell { - color: var(--text) - } - /* Drop down menu*/ - .dark .mat-menu-panel,.mat-menu-panel { - background: var(--modal-bg-color); - } - - /* MOVEI TV PAGE*/ - - .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent, .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { - background-color: var(--accent-color); - color: var(--text); - } - .mat-expansion-panel, .dark .mat-expansion-panel { - background: rgb(0 0 0 / 25%); - color: var(--text) !important; - } - .mat-expansion-panel-header-title { - color: var(--text); - } - #info-wrapper .sidebar .poster { - border: 3px solid rgb(255 255 255 / 10%); - box-shadow: none; - } - .ui-carousel-next, body .ui-carousel .ui-carousel-content .ui-carousel-prev { - background-color: var(--accent-color); - border: 1px solid var(--accent-color); - border-radius: 50%; - margin: .2em; - color: #fff; - transition: color .2s; - } - body .ui-carousel .ui-carousel-dots-container .ui-carousel-dot-item.ui-state-highlight .ui-carousel-dot-icon { - background-color: var(--accent-color); - } - #summary-wrapper .grey-text { - color: var(--text); - } - #info-wrapper .media-icons { - color: var(--text)!important; - } - #info-wrapper .media-icons:hover { - color: var(--text-hover)!important; - } - #info-wrapper .grow-social:hover { - color: var(--text-hover)!important; - } - - #info-wrapper .dark .mat-fab, .dark .mat-flat-button, .dark .mat-mini-fab, .dark .mat-raised-button,#info-wrapper .mat-fab, .mat-flat-button, .mat-mini-fab, .mat-raised-button { - color: #fff; - background-color: var(--button-color); - } - #info-wrapper .dark .mat-mini-fab:hover, #info-wrapper .mat-raised-button:hover { - color: #fff; - background-color: var(--button-color-hover); - } - \ No newline at end of file + + +body { + background: var(--main-bg-color); +} + +a { + color: var(--accent-color); +} + +a:hover { + color: var(--accent-color-hover); +} + +.mat-drawer-container, +.dark .mat-drawer-container { + background: var(--main-bg-color); + color: var(--text); +} + + +/* HEADER */ + +.mat-toolbar.mat-primary, +.dark .mat-toolbar.mat-primary { + background: rgba(0, 0, 0, .25); + color: var(--text); +} + +.dark .mat-toolbar, +.mat-toolbar, +.mat-list-base .mat-list-item, +.mat-list-base .mat-list-option { + color: var(--text); +} + +/* SEARCH */ +.dark .mat-autocomplete-panel, +.mat-autocomplete-panel { + background: var(--modal-bg-color); + color: var(--text); +} + + + +/* SIDEBAR */ +.dark .mat-drawer, +.dark .mat-drawer.mat-drawer-push, +.mat-drawer, +.mat-drawer.mat-drawer-push { + background-color: rgba(0, 0, 0, .25); + color: var(--text) +} + +.dark .mat-drawer-side { + border-right: 1px solid transparent; +} + +.dark .active-list-item, +.active-list-item, +.active-list-item { + background: var(--accent-color) !important; + background-color: var(--accent-color) !important; + color: var(--text) !important; + font-weight: 500; +} + +/* CARDS */ +.mat-card, +.dark .mat-card { + background: rgb(0 0 0 / 25%); + color: var(--text); +} + +.grow:hover { + transform: scale(1.1); + color: var(--text-hover) +} + +.notrequested { + border-bottom: 3px solid var(--accent-color) !important; +} + +/* BUTTONS */ +.mat-fab.mat-accent, +.mat-flat-button.mat-accent, +.mat-mini-fab.mat-accent, +.mat-raised-button.mat-accent, +.dark .mat-fab.mat-accent, +.dark .mat-flat-button.mat-accent, +.dark .mat-mini-fab.mat-accent, +.dark .mat-raised-button.mat-accent { + background-color: var(--button-color); + color: var(--text) +} + +.dark .mat-fab.mat-primary, +.dark .mat-flat-button.mat-primary, +.dark .mat-mini-fab.mat-primary, +.dark .mat-raised-button.mat-primary, +.mat-fab.mat-primary, +.mat-flat-button.mat-primary, +.mat-mini-fab.mat-primary, +.mat-raised-button.mat-primary { + background: rgba(255, 255, 255, .1); +} + +.btn-group-vertical>.btn.active, +.btn-group-vertical>.btn:active, +.btn-group-vertical>.btn:focus, +.btn-group-vertical>.btn:hover, +.btn-group>.btn.active, +.btn-group>.btn:active, +.btn-group>.btn:focus, +.btn-group>.btn:hover { + z-index: 1; + background: var(--button-color-hover) !important; +} + +.btn-group>.btn-group:not(:first-child), +.btn-group>.btn:not(:first-child) { + margin-left: 0px; +} + +.mat-raised-button:not([class*=mat-elevation-z]), +.dark .mat-raised-button:not([class*=mat-elevation-z]) { + box-shadow: none; +} + +button:focus { + outline: 1px dotted; + outline: none; +} + +/* MODAL */ +.dark .mat-dialog-container, +.mat-dialog-container { + background: var(--modal-bg-color); + color: var(--text); +} + +div.dark .details, +.details { + background: transparent !important; +} + + +/* SETTINGS */ +/* Table */ +.mat-table, +.dark .mat-table { + background: #0000002e; + color: var(--text) +} + +.mat-cell, +.mat-footer-cell, +.dark .mat-cell, +.dark .mat-footer-cell { + color: var(--text) +} + +/* Drop down menu*/ +.dark .mat-menu-panel, +.mat-menu-panel { + background: var(--modal-bg-color); +} + +/* MOVEI TV PAGE*/ + +.dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent, +.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { + background-color: var(--accent-color); + color: var(--text); +} + +.mat-expansion-panel, +.dark .mat-expansion-panel { + background: rgb(0 0 0 / 25%); + color: var(--text) !important; +} + +.mat-expansion-panel-header-title { + color: var(--text); +} + +#info-wrapper .sidebar .poster { + border: 3px solid rgb(255 255 255 / 10%); + box-shadow: none; +} + +.ui-carousel-next, +body .ui-carousel .ui-carousel-content .ui-carousel-prev { + background-color: var(--accent-color); + border: 1px solid var(--accent-color); + border-radius: 50%; + margin: .2em; + color: #fff; + transition: color .2s; +} + +body .ui-carousel .ui-carousel-dots-container .ui-carousel-dot-item.ui-state-highlight .ui-carousel-dot-icon { + background-color: var(--accent-color); +} + +#summary-wrapper .grey-text { + color: var(--text); +} + +#info-wrapper .media-icons { + color: var(--text) !important; +} + +#info-wrapper .media-icons:hover { + color: var(--text-hover) !important; +} + +#info-wrapper .grow-social:hover { + color: var(--text-hover) !important; +} + +#info-wrapper .dark .mat-fab, +.dark .mat-flat-button, +.dark .mat-mini-fab, +.dark .mat-raised-button, +#info-wrapper .mat-fab, +.mat-flat-button, +.mat-mini-fab, +.mat-raised-button { + color: #fff; + background-color: var(--button-color); +} + +#info-wrapper .dark .mat-mini-fab:hover, +#info-wrapper .mat-raised-button:hover { + color: #fff; + background-color: var(--button-color-hover); +} \ No newline at end of file diff --git a/CSS/themes/organizr/organizr-base-old.css b/CSS/themes/organizr/organizr-base-old.css index 28864aa9..e48f350f 100644 --- a/CSS/themes/organizr/organizr-base-old.css +++ b/CSS/themes/organizr/organizr-base-old.css @@ -1,407 +1,603 @@ html { background: var(--main-bg-color); } - body { - color: white; - } - .panel .panel-heading .panel-title { - color: #ffffff; - } - .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper, .dataTables_info, .text-dark, .drop-title, .tabs-style-flip nav a, .text-dark .bg-title .breadcrumb a, .daterangepicker .input-mini, .dd-handle, .dd3-content, .dropify-wrapper, .form-control, .panel-default .panel-heading, .panel-white .panel-heading, .select2-container .select2-choice, .steamline .sl-right div>a, .white-box .box-title, a.list-group-item, button.list-group-item, h1, h2, h3, h4, h5, h6, .panel-default .panel-body, .panel-white .panel-body { + +body { + color: white; +} + +.panel .panel-heading .panel-title { + color: #ffffff; +} + +.dataTables_wrapper .dataTables_filter, +.dataTables_wrapper .dataTables_length, +.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, +.dataTables_wrapper, +.dataTables_info, +.text-dark, +.drop-title, +.tabs-style-flip nav a, +.text-dark .bg-title .breadcrumb a, +.daterangepicker .input-mini, +.dd-handle, +.dd3-content, +.dropify-wrapper, +.form-control, +.panel-default .panel-heading, +.panel-white .panel-heading, +.select2-container .select2-choice, +.steamline .sl-right div>a, +.white-box .box-title, +a.list-group-item, +button.list-group-item, +h1, +h2, +h3, +h4, +h5, +h6, +.panel-default .panel-body, +.panel-white .panel-body { 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: hidden; } + body { overflow-y: auto; height: 100%; background: var(--main-bg-color) } } - ::-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; - } - /* Header */ - .navbar-header { - background: transparent !important; - } - @media (max-width: 480px) { + +::-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; +} + +/* Header */ +.navbar-header { + background: transparent !important; +} + +@media (max-width: 480px) { .navbar-header { background: var(--main-bg-color) !important; } - } - .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { - background: transparent; - } - .navbar-default { +} + +.nav .open>a, +.nav .open>a:focus, +.nav .open>a:hover { + background: transparent; +} + +.navbar-default { background-color: transparent; - } - .dropdown-menu { +} + +.dropdown-menu { background: var(--modal-bg-color); - } - .chat-list .odd .chat-text { +} + +.chat-list .odd .chat-text { background: rgba(255, 255, 255, 0.15); - } - /* Background */ - #page-wrapper { - background: var(--main-bg-color) !important; - } - /* Update bar */ - .progress-bar-primary { - background: var(--modal-bg-color); - } - /* Lockscreen */ - .lock-screen { +} + +/* Background */ +#page-wrapper { + background: var(--main-bg-color) !important; +} + +/* Update bar */ +.progress-bar-primary { + background: var(--modal-bg-color); +} + +/* Lockscreen */ +.lock-screen { background: var(--main-bg-color) !important; - } - /* Buttons */ - .btn-primary, .btn-primary.disabled { - background: rgba(0, 0, 0, 0.25); - border: 1px solid transparent; - } - .btn-primary:hover { - background: rgba(0, 0, 0, 0.45); - border: 1px solid rgba(0, 0, 0, 0); - } - .form-material .form-control, .form-material .form-control:focus { - background: #1f1f1f; +} + +/* Buttons */ +.btn-primary, +.btn-primary.disabled { + background: rgba(0, 0, 0, 0.25); + border: 1px solid transparent; +} + +.btn-primary:hover { + background: rgba(0, 0, 0, 0.45); + border: 1px solid rgba(0, 0, 0, 0); +} + +.form-material .form-control, +.form-material .form-control:focus { + background: #1f1f1f; border-radius: 3px; - padding: inherit; - } - .lock-screen > .login-box { - width: 400px; + padding: inherit; +} + +.lock-screen>.login-box { + width: 400px; margin: 10% auto 0; - height: initial; + height: initial; position: initial; - } - /* Sidebar/settings */ - #internal-Settings, .active-tab-Settings, .sidebar body[data-active-tab=""], .sidebar { - background: var(--main-bg-color) !important; - } - .sidebar, .sidebar { - background: transparent; - box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.6); - } - .sidebar-head { - background: var(--main-bg-color) !important; - } - #side-menu li a { - color: #ffffff; - } - #side-menu li a:focus, #side-menu li a:hover { - color: #fff; - background: rgba(255,255,255,.08)!important; - } - #side-menu li a.active { +} + +/* Sidebar/settings */ +#internal-Settings, +.active-tab-Settings, +.sidebar body[data-active-tab=""], +.sidebar { + background: var(--main-bg-color) !important; +} + +.sidebar, +.sidebar { + background: transparent; + box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.6); +} + +.sidebar-head { + background: var(--main-bg-color) !important; +} + +#side-menu li a { + color: #ffffff; +} + +#side-menu li a:focus, +#side-menu li a:hover { + color: #fff; + background: rgba(255, 255, 255, .08) !important; +} + +#side-menu li a.active { box-shadow: inset 4px 0 0 0 var(--link-color); } + .label-inverse { background: var(--custom-buttons-color); } + .tabLoaded { -webkit-filter: drop-shadow(0 0 5px var(--link-color)); filter: drop-shadow(0 0 5px var(--link-color)); } - /*input form control dropdown*/ -.form-control, select { - background: rgba(0,0,0,.25); + +/*input form control dropdown*/ +.form-control, +select { + background: rgba(0, 0, 0, .25); color: #fff; border: 1px transparent; - } - .form-control:focus, select:focus { - color: #fff !important; - background: #1f1f1f; - border: 1px transparent; - transition: all 0ms linear 0s; - } - /* Settings */ - .bg-title { - background: rgba(0, 0, 0, 0.15); - } - .content-wrap { +} + +.form-control:focus, +select:focus { + color: #fff !important; + background: #1f1f1f; + border: 1px transparent; + transition: all 0ms linear 0s; +} + +/* Settings */ +.bg-title { + background: rgba(0, 0, 0, 0.15); +} + +.content-wrap { background: var(--main-bg-color) !important; - } - .swal-modal.bg-org { +} + +.swal-modal.bg-org { background: var(--main-bg-color); } - .panel-wrapper > .bg-org .tab-content { + +.panel-wrapper>.bg-org .tab-content { background-color: transparent !important; - } - .panel-blue .panel-heading, .panel-info .panel-heading { +} + +.panel-blue .panel-heading, +.panel-info .panel-heading { border-color: #ffffff; color: #fff; background-color: rgba(0, 0, 0, 0.15); - } - .panel { +} + +.panel { background: transparent; - } - .panel-body { +} + +.panel-body { background: transparent !important; - } - .nav-tabs>li>a:hover { +} + +.nav-tabs>li>a:hover { background: rgba(0, 0, 0, 0.15); - } - .bg-org { +} + +.bg-org { background-color: transparent !important; - } - .tab-content>.active { +} + +.tab-content>.active { display: block; background: var(--main-bg-color); - } +} + /* Settings - tables */ - .panel .table { - background: var(--main-bg-color) !important; - } - /* User Management */ - #settings-user-manage-users tr.jsgrid-header-row th { +.panel .table { + background: var(--main-bg-color) !important; +} + +/* User Management */ +#settings-user-manage-users tr.jsgrid-header-row th { background: rgba(0, 0, 0, .0); - } +} + +#settings-user-manage-users .jsgrid-grid-body td { + background: rgba(0, 0, 0, .0) !important; +} + +#settings-user-manage-users .jsgrid-selected-row td { + background: rgba(0, 0, 0, .15) !important +} - #settings-user-manage-users .jsgrid-grid-body td { - background: rgba(0, 0, 0, .0) !important; - } - #settings-user-manage-users .jsgrid-selected-row td { - background: rgba(0, 0, 0, .15) !important - } /* iframe sandbox */ .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #ffffff; } + .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #00000094; border: 1px solid #00000000; color: #ffffff; } - /* error page */ + +/* error page */ .error-box { - top: 10%; + top: 10%; background: var(--main-bg-color); } + /*error page background */ -#internal-Settings, #preloader, .preloader, .active-tab-Settings, .error-page { +#internal-Settings, +#preloader, +.preloader, +.active-tab-Settings, +.error-page { background: var(--main-bg-color); } + /*Speed test footer and circles*/ .white-popup .panel-footer { background: var(--main-bg-color); border-top: 1px solid #fff; } + .css-bar-lg:after { background: #1f1f1f !important; } + /* Settings - menu tabs */ - .sttabs nav { +.sttabs nav { background: rgba(0, 0, 0, 0); } + .tabs-style-flip nav li.tab-current a::after { - background-color: rgba(0,0,0,.15) !important; - -webkit-transform: none !important; - transform: none !important; - border-radius: 0px !important; + background-color: rgba(0, 0, 0, .15) !important; + -webkit-transform: none !important; + transform: none !important; + border-radius: 0px !important; } + .tabs-style-flip nav a::after { - background: rgba(0,0,0,0)!important; - transition: none; - -webkit-transform: none; - transform: none; + background: rgba(0, 0, 0, 0) !important; + transition: none; + -webkit-transform: none; + transform: none; } + .tabs-style-flip nav a:hover { - background: rgba(255,255,255,.05)!important; -} - .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover { - background-color: none !important; -} + background: rgba(255, 255, 255, .05) !important; +} + +.nav-tabs>li.active>a, +.nav-tabs>li.active>a:hover { + background-color: none !important; +} + .tabs-style-flip nav li.tab-current a:hover { - color: #ffffff; - background: rgba(0,0,0,0)!important; -} + color: #ffffff; + background: rgba(0, 0, 0, 0) !important; +} + .tabs-style-flip nav li.tab-current a { - color: var(--link-color) !important; + color: var(--link-color) !important; } - /* Settings - custom css */ - .ace_gutter { - background: rgba(0,0,0,.3) !important; + +/* Settings - custom css */ +.ace_gutter { + background: rgba(0, 0, 0, .3) !important; color: #fff !important; - } - /* Settings - image manager */ - .el-element-overlay .white-box { - background: transparent !important; - } - /* Settings - news panel */ - #organizrNewsPanel .panel-body { - background: rgba(0, 0, 0, 0.15) !important; - } - /* Settings - tab editor panel */ - .table-hover>tbody>tr:hover, .table-striped>tbody>tr:nth-of-type(odd), .table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active { - background-color: rgba(0, 0, 0, 0.15)!important; - } - .table-hover>tbody>tr:hover { - background: rgba(0,0,0,.15)!important; - } - #tabEditorTable .btn-info.btn-outline { +} + +/* Settings - image manager */ +.el-element-overlay .white-box { + background: transparent !important; +} + +/* Settings - news panel */ +#organizrNewsPanel .panel-body { + background: rgba(0, 0, 0, 0.15) !important; +} + +/* Settings - tab editor panel */ +.table-hover>tbody>tr:hover, +.table-striped>tbody>tr:nth-of-type(odd), +.table>tbody>tr.active>td, +.table>tbody>tr.active>th, +.table>tbody>tr>td.active, +.table>tbody>tr>th.active, +.table>tfoot>tr.active>td, +.table>tfoot>tr.active>th, +.table>tfoot>tr>td.active, +.table>tfoot>tr>th.active, +.table>thead>tr.active>td, +.table>thead>tr.active>th, +.table>thead>tr>td.active, +.table>thead>tr>th.active { + background-color: rgba(0, 0, 0, 0.15) !important; +} + +.table-hover>tbody>tr:hover { + background: rgba(0, 0, 0, .15) !important; +} + +#tabEditorTable .btn-info.btn-outline { color: var(--custom-buttons-color); } -#tabEditorTable .btn-info.btn-outline:hover,#tabEditorTable .btn-info.btn-outline:focus { + +#tabEditorTable .btn-info.btn-outline:hover, +#tabEditorTable .btn-info.btn-outline:focus { color: white; background: var(--custom-buttons-color); } - /* Settings - popup modal */ - .white-popup .panel-heading, .white-popup>.col-md-6>.white-box:first-child { - background: var(--main-bg-color)!important; - } - .white-popup .panel-body, .white-popup>.col-md-6>.white-box:nth-child(2) { - background: var(--main-bg-color) !important; - } - .panel-blue a:hover, .panel-info a:hover { - color: #ffffff; - } - .customtab li.active a, .customtab li.active a:focus, .customtab li.active a:hover, .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { - background: rgba(0, 0, 0, 0.25); - } - .white-popup-block { - background: var(--main-bg-color)!important; - } - .nav-tabs>li>a { - color: #ffffff; - } - .modal-content, .modal-header, .modal-footer, .modal-body { - background: var(--main-bg-color)!important; - } - .close:focus, .close:hover { + +/* Settings - popup modal */ +.white-popup .panel-heading, +.white-popup>.col-md-6>.white-box:first-child { + background: var(--main-bg-color) !important; +} + +.white-popup .panel-body, +.white-popup>.col-md-6>.white-box:nth-child(2) { + background: var(--main-bg-color) !important; +} + +.panel-blue a:hover, +.panel-info a:hover { + color: #ffffff; +} + +.customtab li.active a, +.customtab li.active a:focus, +.customtab li.active a:hover, +.nav-tabs>li.active>a, +.nav-tabs>li.active>a:focus, +.nav-tabs>li.active>a:hover { + background: rgba(0, 0, 0, 0.25); +} + +.white-popup-block { + background: var(--main-bg-color) !important; +} + +.nav-tabs>li>a { + color: #ffffff; +} + +.modal-content, +.modal-header, +.modal-footer, +.modal-body { + background: var(--main-bg-color) !important; +} + +.close:focus, +.close:hover { color: #fff; - } - .has-success .control-label { +} + +.has-success .control-label { color: var(--link-color); - } - /* Settings - save button */ - .btn-info, .btn-info.disabled { - background: rgba(0, 0, 0, 0.25); - border: none; - } - .btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info.focus, .btn-info:focus, .btn-info:hover { - background: rgba(0, 0, 0, 0.45); - border: none; - } - .btn-info.active, .btn-info:active, .open>.dropdown-toggle.btn-info, .btn-info:active:hover { - background-color: #1b1a1a; - border-color: #1b1a1a; - } - /* Settings logs */ - - .table-striped>tbody>tr:nth-of-type(odd) { - background: rgba(0,0,0,.15)!important; -} - .table-striped>tbody>tr:nth-of-type(odd):hover { - background: rgba(0,0,0,.25)!important; } + +/* Settings - save button */ +.btn-info, +.btn-info.disabled { + background: rgba(0, 0, 0, 0.25); + border: none; +} + +.btn-info.disabled.focus, +.btn-info.disabled:focus, +.btn-info.disabled:hover, +.btn-info.focus, +.btn-info:focus, +.btn-info:hover { + background: rgba(0, 0, 0, 0.45); + border: none; +} + +.btn-info.active, +.btn-info:active, +.open>.dropdown-toggle.btn-info, +.btn-info:active:hover { + background-color: #1b1a1a; + border-color: #1b1a1a; +} + +/* Settings logs */ + +.table-striped>tbody>tr:nth-of-type(odd) { + background: rgba(0, 0, 0, .15) !important; +} + +.table-striped>tbody>tr:nth-of-type(odd):hover { + background: rgba(0, 0, 0, .25) !important; +} + table.dataTable>tbody>tr:nth-of-type(even) { - background: rgba(0,0,0,.15)!important; + background: rgba(0, 0, 0, .15) !important; } + table.dataTable>tbody>tr:nth-of-type(even):hover { - background: rgba(0,0,0,.25)!important; -} - .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { - background: rgba(0,0,0,.08)!important; - color: var(--link-color) !important; - border: 0!important; - border-radius: 0!important; - margin: 0!important; - transition: none; - } - .dataTables_wrapper .dataTables_paginate .paginate_button { - background: rgba(0,0,0,.15); - color: rgba(255,255,255,.7)!important; - border: 0!important; - border-radius: 0!important; - margin: 0!important; - transition: none; - } - .dataTables_wrapper .dataTables_paginate .paginate_button:hover, .nav-tabs li a:hover { - background: rgba(255,255,255,.08)!important; - color: #eee!important; - } - .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover { - background: rgba(0, 0, 0, 0.25) !important; - } + background: rgba(0, 0, 0, .25) !important; +} + +.dataTables_wrapper .dataTables_paginate .paginate_button.current, +.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { + background: rgba(0, 0, 0, .08) !important; + color: var(--link-color) !important; + border: 0 !important; + border-radius: 0 !important; + margin: 0 !important; + transition: none; +} + +.dataTables_wrapper .dataTables_paginate .paginate_button { + background: rgba(0, 0, 0, .15); + color: rgba(255, 255, 255, .7) !important; + border: 0 !important; + border-radius: 0 !important; + margin: 0 !important; + transition: none; +} + +.dataTables_wrapper .dataTables_paginate .paginate_button:hover, +.nav-tabs li a:hover { + background: rgba(255, 255, 255, .08) !important; + color: #eee !important; +} + +.nav-tabs>li.active>a, +.nav-tabs>li.active>a:hover { + background: rgba(0, 0, 0, 0.25) !important; +} /* Settings - custom CSS */ - .ace-idle-fingers { - background-color: rgba(0, 0, 0, 0.15) !important; - background: rgba(0, 0, 0, 0.15) !important; - } - .ace_gutter { - background: rgba(0,0,0,.3)!important; - color: #eee!important; - } - /* custom buttons */ - .cbutton { - background-color: rgba(255, 255, 255, 0.2) !important; - border-radius: 3px !important; - border-color: transparent !important; - } - - /* Calendar */ - .fc-day-header a, .fc-day-number, .fc-list-heading-main { - color: #FFF; - cursor: pointer!important; - transition: color .2s ease; - } - .fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-popover { - border-color: transparent; - background: rgba(0, 0, 0, 0.05); - } - .bg-theme, .fc-day-header { - background: rgba(0,0,0,.3) !important; - } - .bg-theme, .fc th.fc-sun, .fc th.fc-tue, .fc th.fc-thu, .fc th.fc-sat, .fc th.fc-mon, .fc th.fc-wed, .fc th.fc-fri, .fc-button { - background-color: rgba(0, 0, 0, 0.25) !important; - } - th.fc-day-header.fc-widget-header.fc-today { - background-color:rgba(0, 0, 0, 0.25) !important; - } - .fc-widget-content.fc-today { - background-color: rgba(255, 255, 255, 0.25) !important; - } - .fc-popover { - background: var(--modal-bg-color); - } +.ace-idle-fingers { + background-color: rgba(0, 0, 0, 0.15) !important; + background: rgba(0, 0, 0, 0.15) !important; +} + +.ace_gutter { + background: rgba(0, 0, 0, .3) !important; + color: #eee !important; +} + +/* custom buttons */ +.cbutton { + background-color: rgba(255, 255, 255, 0.2) !important; + border-radius: 3px !important; + border-color: transparent !important; +} + +/* Calendar */ +.fc-day-header a, +.fc-day-number, +.fc-list-heading-main { + color: #FFF; + cursor: pointer !important; + transition: color .2s ease; +} + +.fc-unthemed th, +.fc-unthemed td, +.fc-unthemed thead, +.fc-unthemed .fc-divider, +.fc-unthemed .fc-row, +.fc-unthemed .fc-popover { + border-color: transparent; + background: rgba(0, 0, 0, 0.05); +} + +.bg-theme, +.fc-day-header { + background: rgba(0, 0, 0, .3) !important; +} + +.bg-theme, +.fc th.fc-sun, +.fc th.fc-tue, +.fc th.fc-thu, +.fc th.fc-sat, +.fc th.fc-mon, +.fc th.fc-wed, +.fc th.fc-fri, +.fc-button { + background-color: rgba(0, 0, 0, 0.25) !important; +} + +th.fc-day-header.fc-widget-header.fc-today { + background-color: rgba(0, 0, 0, 0.25) !important; +} + +.fc-widget-content.fc-today { + background-color: rgba(255, 255, 255, 0.25) !important; +} + +.fc-popover { + background: var(--modal-bg-color); +} + /*TV Missing icon and status*/ #calendar .fa.fa-tv.text-danger, #calendar .fc-time.tv.text-danger { color: var(--calendar-tv-missing); } + /*TV Available icon and status*/ #calendar .fa.fa-tv.text-success, #calendar .fc-time.tv.text-success { color: var(--calendar-tv-available); } + /*TV Unreleased icon and status*/ #calendar .fa.fa-tv.text-info, #calendar .fc-time.tv.text-info { color: var(--calendar-tv-unreleased); } + /*TV Premier icon and status*/ #calendar .fa.fa-tv.text-primary, #calendar .fc-time.tv.text-primary, @@ -414,9 +610,10 @@ table.dataTable>tbody>tr:nth-of-type(even):hover { #calendar .fa.fa-film.text-danger:before { color: var(--calendar-movie-missing); } + #calendar .fa.fa-film.text-danger:after { - content:" Missing"; - font-family: Rubik,sans-serif; + content: " Missing"; + font-family: Rubik, sans-serif; font-weight: 500; color: var(--calendar-movie-missing); } @@ -425,9 +622,10 @@ table.dataTable>tbody>tr:nth-of-type(even):hover { #calendar .fa.fa-film.text-success:before { color: var(--calendar-movie-available); } + #calendar .fa.fa-film.text-success:after { - content:" Available"; - font-family: Rubik,sans-serif; + content: " Available"; + font-family: Rubik, sans-serif; font-weight: 500; color: var(--calendar-movie-available); } @@ -436,184 +634,238 @@ table.dataTable>tbody>tr:nth-of-type(even):hover { #calendar .fa.fa-film.text-info:before { color: var(--calendar-movie-unreleased); } + #calendar .fa.fa-film.text-info:after { - content:" Unreleased"; - font-family: Rubik,sans-serif; + content: " Unreleased"; + font-family: Rubik, sans-serif; font-weight: 500; color: var(--calendar-movie-unreleased); } - /* Homepage Now playing card */ - .nowPlayingItem > .white-box > .el-card-item { +/* Homepage Now playing card */ +.nowPlayingItem>.white-box>.el-card-item { background: rgba(0, 0, 0, 0.15) !important; - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); - } - .icon-film, .icon-control-play, .icon-screen-desktop, .icon-control-pause { - color: white !important; - } - .label-info { - background: var(--custom-buttons-color); - } - .white-box { - background: var(--main-bg-color); - } - /* Homepage headers */ - .panel-default .panel-heading, .fc-toolbar { +} + +.icon-film, +.icon-control-play, +.icon-screen-desktop, +.icon-control-pause { + color: white !important; +} + +.label-info { + background: var(--custom-buttons-color); +} + +.white-box { + background: var(--main-bg-color); +} + +/* Homepage headers */ +.panel-default .panel-heading, +.fc-toolbar { background: transparent !important; padding: 20px 0px; - } - /* Homepage buttons */ - #homepage-items .btn-group .btn { - background: 0 0!important; - color: rgba(255,255,255,.7)!important; - padding: 6px 12px; - margin: 0 12.5px; - transition: color .2s ease; - } - #homepageOrderdeluge .mailbox-widget .customtab li.active a, - #homepageOrderqBittorrent .mailbox-widget .customtab li.active a, - #homepageOrderrTorrent .mailbox-widget .customtab li.active a, - #homepageOrdertransmission .mailbox-widget .customtab li.active a{ - height: auto; - padding: 5px 5px 0px 5px; - cursor: pointer; - font-weight: 400; - } +} + +/* Homepage buttons */ +#homepage-items .btn-group .btn { + background: 0 0 !important; + color: rgba(255, 255, 255, .7) !important; + padding: 6px 12px; + margin: 0 12.5px; + transition: color .2s ease; +} + +#homepageOrderdeluge .mailbox-widget .customtab li.active a, +#homepageOrderqBittorrent .mailbox-widget .customtab li.active a, +#homepageOrderrTorrent .mailbox-widget .customtab li.active a, +#homepageOrdertransmission .mailbox-widget .customtab li.active a { + height: auto; + padding: 5px 5px 0px 5px; + cursor: pointer; + font-weight: 400; +} + +#homepageOrderdeluge .ti-download:before, +#homepageOrderqBittorrent .ti-download:before, +#homepageOrderrTorrent .ti-download:before, +#homepageOrdertransmission .ti-download:before { + display: none; +} + +#homepageOrderdeluge .white-box, +#homepageOrderqBittorrent .white-box, +#homepageOrderrTorrent .white-box, +#homepageOrdertransmission .white-box { + padding-right: 0px !important; +} - #homepageOrderdeluge .ti-download:before, - #homepageOrderqBittorrent .ti-download:before, - #homepageOrderrTorrent .ti-download:before, - #homepageOrdertransmission .ti-download:before{ - display:none; - } - #homepageOrderdeluge .white-box, - #homepageOrderqBittorrent .white-box, - #homepageOrderrTorrent .white-box, - #homepageOrdertransmission .white-box { - padding-right: 0px !important; - } /* #homepage-items .white-box { padding-left: 0px !important; }*/ - #homepage-items .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover { - cursor: pointer; - opacity: 1; - background: rgba(0, 0, 0, 0.25) !important; - } - #homepageOrderdownloader .nav-tabs>li.active>a, .nav-tabs>li.active .nav>li>a, - #homepageOrderdownloader .nav-tabs>li>a, .nav-tabs>li .nav>li>a{ - padding: 10px 12.5px; - } - #homepageOrderdownloader .nav-tabs>li.active>a, .nav-tabs>li.active .nav>li>a .customtab, - #homepageOrderdownloader .nav-tabs { - padding: 10px 12.5px; - } - #homepageOrderdownloader ul.nav.customtab.nav-tabs.m-t-5.nav-tabs>li.active>a,#homepageOrderdownloader ul.nav.customtab.nav-tabs.m-t-5.nav-tabs>li>a { - padding: 10px 11.5px !important; - } - #homepageOrderdownloader .nav-tabs>li.active>a:hover, #homepageOrderdownloader .nav-tabs>li.active:hover { +#homepage-items .nav-tabs>li.active>a, +.nav-tabs>li.active>a:hover { + cursor: pointer; + opacity: 1; + background: rgba(0, 0, 0, 0.25) !important; +} + +#homepageOrderdownloader .nav-tabs>li.active>a, +.nav-tabs>li.active .nav>li>a, +#homepageOrderdownloader .nav-tabs>li>a, +.nav-tabs>li .nav>li>a { + padding: 10px 12.5px; +} + +#homepageOrderdownloader .nav-tabs>li.active>a, +.nav-tabs>li.active .nav>li>a .customtab, +#homepageOrderdownloader .nav-tabs { + padding: 10px 12.5px; +} + +#homepageOrderdownloader ul.nav.customtab.nav-tabs.m-t-5.nav-tabs>li.active>a, +#homepageOrderdownloader ul.nav.customtab.nav-tabs.m-t-5.nav-tabs>li>a { + padding: 10px 11.5px !important; +} + +#homepageOrderdownloader .nav-tabs>li.active>a:hover, +#homepageOrderdownloader .nav-tabs>li.active:hover { background: rgba(0, 0, 0, 0.25) !important; opacity: 1; - } - #homepageOrderdownloader .downloaderCount { - margin-top: -20px !important; - } - #homepageOrderdownloader .mailbox-widget .customtab li a { - padding: 20px 15px 5px 15px; - } - #homepageOrderdownloader .customtab li a { - padding: 20px 15px 5px 15px !important; - } +} - #homepageOrderdownloader .mailbox-widget .customtab li a:hover { - opacity: 1; - } - /* Homepage calendar buttons */ - .fc-next-button, .fc-prev-button { - background: 0 0!important; - color: rgba(255,255,255,.7)!important; - border: 0!important; - } - .btn-group.open .dropdown-toggle, .fc-state-default { - text-shadow: none; - box-shadow: none; - } - .fc-button:hover { - background: rgba(255,255,255,.08)!important; - } - .fc-button { - background: rgba(0, 0, 0, 0)!important; - color: #fff; - border-radius: 0!important; - border: 0!important; - text-transform: uppercase; - } - /* Homepage ombi - request triangle */ - .inside-request-div { +#homepageOrderdownloader .downloaderCount { + margin-top: -20px !important; +} + +#homepageOrderdownloader .mailbox-widget .customtab li a { + padding: 20px 15px 5px 15px; +} + +#homepageOrderdownloader .customtab li a { + padding: 20px 15px 5px 15px !important; +} + +#homepageOrderdownloader .mailbox-widget .customtab li a:hover { + opacity: 1; +} + +/* Homepage calendar buttons */ +.fc-next-button, +.fc-prev-button { + background: 0 0 !important; + color: rgba(255, 255, 255, .7) !important; + border: 0 !important; +} + +.btn-group.open .dropdown-toggle, +.fc-state-default { + text-shadow: none; + box-shadow: none; +} + +.fc-button:hover { + background: rgba(255, 255, 255, .08) !important; +} + +.fc-button { + background: rgba(0, 0, 0, 0) !important; + color: #fff; + border-radius: 0 !important; + border: 0 !important; + text-transform: uppercase; +} + +/* Homepage ombi - request triangle */ +.inside-request-div { background-color: var(--link-color) !important; } - /* Homepage ombi - dropdown */ - #homepage-items .btn-group .btn { - background: 0 0!important; - color: rgba(255,255,255,.7)!important; - padding: 6px 12px; - margin: 0 12.5px; - transition: color .2s ease; - } - .btn-group.open, .dropdown-toggle, .fc-state-default { - text-shadow: none !important; - box-shadow: none !important; - } - .btn-info:active:focus, .btn-info:active:hover, .btn-info:focus { - border: none !important; - } - .btn.active, .btn:active { - -webkit-box-shadow: none; - box-shadow: none; - } + +/* Homepage ombi - dropdown */ +#homepage-items .btn-group .btn { + background: 0 0 !important; + color: rgba(255, 255, 255, .7) !important; + padding: 6px 12px; + margin: 0 12.5px; + transition: color .2s ease; +} + +.btn-group.open, +.dropdown-toggle, +.fc-state-default { + text-shadow: none !important; + box-shadow: none !important; +} + +.btn-info:active:focus, +.btn-info:active:hover, +.btn-info:focus { + border: none !important; +} + +.btn.active, +.btn:active { + -webkit-box-shadow: none; + box-shadow: none; +} /* Notification Popups */ - /* Izi */ - .iziToast.update-notify.iziToast-layout2, .iziToast.success-notify.iziToast-layout2 { +/* Izi */ +.iziToast.update-notify.iziToast-layout2, +.iziToast.success-notify.iziToast-layout2 { border: none; background: var(--modal-bg-color) !important; border-bottom: transparent; - } - .iziToast.update-notify>.iziToast-body .iziToast-icon, .iziToast.success-notify>.iziToast-body .iziToast-icon { +} + +.iziToast.update-notify>.iziToast-body .iziToast-icon, +.iziToast.success-notify>.iziToast-body .iziToast-icon { color: var(--link-color) !important; - } - .iziToast:after { +} + +.iziToast:after { background: var(--modal-bg-color) !important; - } - .update-notify .iziToast-progressbar div, .success-notify .iziToast-progressbar div { +} + +.update-notify .iziToast-progressbar div, +.success-notify .iziToast-progressbar div { background: var(--notification-box-line) !important; - } - .iziToast>.iziToast-close { +} + +.iziToast>.iziToast-close { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAk6AAAJOgHwZJJKAAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTEyLTAyVDIyOjExOjA0KzAxOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0xMi0wMlQyMjoxMTozNiswMTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0xMi0wMlQyMjoxMTozNiswMTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxMzZkZDFlZS01YjJhLWIyNGMtOTA5ZC1lMzljOTJlMDVlYmMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTM2ZGQxZWUtNWIyYS1iMjRjLTkwOWQtZTM5YzkyZTA1ZWJjIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MTM2ZGQxZWUtNWIyYS1iMjRjLTkwOWQtZTM5YzkyZTA1ZWJjIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMzZkZDFlZS01YjJhLWIyNGMtOTA5ZC1lMzljOTJlMDVlYmMiIHN0RXZ0OndoZW49IjIwMTktMTItMDJUMjI6MTE6MDQrMDE6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4wIChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz47W311AAAA1klEQVRYw82XDQrDIAyFPVgP4AX8vXHPtIJTsKMMk6XT7E0IVGz9nrHGxJRStmp7N2uUW2NceJvpD2d7VHOKcNcZZ9vfBaiJGMBfAuxgoPX9QrgnGJZTt0QEA3cSFx3VwgQ89DlkW0yo/UoEA/cSlx0DEfEGPBJz+Bn1IhEMPKxwYesn5pu0BC5YTboBj7PHiBKRL+9kFbhgdZmBp9WhlBKhD//ganJrfi1CHw4XAN0C6E8IPYbQQAQNxdDLCHodQxMSaEoGTUqhaTm8MPmH0gxenELL8yfG1e3Ahlk83AAAAABJRU5ErkJggg==) 50% 50% / 8px no-repeat; - } - /* Alertify */ +} + +/* Alertify */ .ajs-message.ajs-error-alertify.ajs-visible { color: #f44336; background: var(--modal-bg-color); border-color: transparent; } + .ajs-message.ajs-warning-alertify { color: #ffeb3b; background: var(--modal-bg-color); border-color: transparent; } + .ajs-message.ajs-info-alertify { color: #6da8ff; background: var(--modal-bg-color); border-color: transparent; } + .ajs-message.ajs-success-alertify { color: #00ffb8; background: var(--modal-bg-color); border-color: transparent; } + /* Noty */ .noty_type__error-noty .noty_body { background: var(--modal-bg-color); @@ -621,18 +873,21 @@ table.dataTable>tbody>tr:nth-of-type(even):hover { border: 1px solid transparent; border-bottom: transparent; } + .noty_type__warning-noty .noty_body { background: var(--modal-bg-color); color: #ffeb3b; border: 1px solid transparent; border-bottom: transparent; } + .noty_type__info-noty .noty_body { background: var(--modal-bg-color); color: #3a83f0; border: 1px solid transparent; border-bottom: transparent; } + .noty_type__success-noty .noty_body { background: var(--modal-bg-color); color: #00ffb8; @@ -640,353 +895,410 @@ table.dataTable>tbody>tr:nth-of-type(even):hover { border-bottom: transparent; } - .btn-link, a { - color: var(--link-color); - text-decoration: none; - } - /* Homepage cover - hover */ - .hover-homepage-item:hover { - background: var(--hompage-item-hover); - opacity: 1; - transition: linear .2s; - } - /* Homepage streams- hover */ - .el-card-avatar a { - color: rgba(255,255,255,.7)!important; - border: white; - } - .el-element-overlay .el-card-item .el-overlay-1 .el-info>li a:hover { - background: transparent; - color: white !important; - border: white !important; - } - .progress-bar-info { - background: rgba(255, 255, 255, 0.25) !important; - } - .progress-bar-inverse, .progress { - background: rgba(0, 0, 0, 0.25) !important; - } - - /* Homepage health checks */ - .bg-inverse .healthPosition { - background: rgba(255, 255, 255, 0.2) !important; - -webkit-backdrop-filter: saturate(180%) blur(30px); - backdrop-filter: saturate(180%) blur(30px); - border-radius: 3px; - } - #homepageOrderhealthchecks .card-body { - background: rgba(255, 255, 255, 0.2); - } -.card, .card-body { +.btn-link, +a { + color: var(--link-color); + text-decoration: none; +} + +/* Homepage cover - hover */ +.hover-homepage-item:hover { + background: var(--hompage-item-hover); + opacity: 1; + transition: linear .2s; +} + +/* Homepage streams- hover */ +.el-card-avatar a { + color: rgba(255, 255, 255, .7) !important; + border: white; +} + +.el-element-overlay .el-card-item .el-overlay-1 .el-info>li a:hover { + background: transparent; + color: white !important; + border: white !important; +} + +.progress-bar-info { + background: rgba(255, 255, 255, 0.25) !important; +} + +.progress-bar-inverse, +.progress { + background: rgba(0, 0, 0, 0.25) !important; +} + +/* Homepage health checks */ +.bg-inverse .healthPosition { + background: rgba(255, 255, 255, 0.2) !important; + -webkit-backdrop-filter: saturate(180%) blur(30px); + backdrop-filter: saturate(180%) blur(30px); border-radius: 3px; - } +} + +#homepageOrderhealthchecks .card-body { + background: rgba(255, 255, 255, 0.2); +} + +.card, +.card-body { + border-radius: 3px; +} + .bg-inverse { background: transparent !important; - } +} + .left-health { border-radius: 3px 0 0 3px; - } +} - /* Homepage Tautulli Cards*/ - #homepageOrdertautulli .library-card .card-body, #homepageOrdertautulli div:nth-child(8) .card-body { - background: rgba(255, 255, 255, .2); - } - .homepage-tautulli-card .cardCountType { - color: #eee; - } - .homepage-tautulli-card .tautulliRank, .homepage-tautulli-card .tautulliSeparator { - color: #eee; - } - .homepage-tautulli-card .bg-img-cont { - border-radius: 3px; - border: .0001px solid #00000000; - } +/* Homepage Tautulli Cards*/ +#homepageOrdertautulli .library-card .card-body, +#homepageOrdertautulli div:nth-child(8) .card-body { + background: rgba(255, 255, 255, .2); +} - /* Homepage Unifi cards */ - .unifiCards .panel-heading { - background: rgba(255, 255, 255, 0.2) !important; - color: #fff !important; - border-color: transparent !important; - text-align: inherit !important; - border-radius: 3px 3px 0 0 !important; - } - .unifiCards .panel-wrapper.collapse.in { - background:rgba(0, 0, 0, 0.15); - } +.homepage-tautulli-card .cardCountType { + color: #eee; +} - /* Homepage Monitor Cards */ - #homepageOrderMonitorr .card-body { - background: rgba(255, 255, 255, 0.2); - } - #homepageOrderMonitorr .col-lg-2 { - width: 170px; - } - #homepageOrderMonitorr .badge { - border-radius: 3px; - } - #homepageOrderMonitorr .bg-success { - background-color: #47bb62 !important; - } - #homepageOrderMonitorr .col-lg-3 .bg-success { - background-color: #53e69d !important; - } +.homepage-tautulli-card .tautulliRank, +.homepage-tautulli-card .tautulliSeparator { + color: #eee; +} - /*Homepage WeatherAndAir Cards*/ - #homepageOrderWeatherAndAir .tabs-style-iconbox nav ul li.tab-current a { - background: rgba(0, 0, 0, .2); - } - .health-and-pollutant-section .content-current { - background: rgba(255, 255, 255, .2); - } - #homepageOrderWeatherAndAir .tabs-style-iconbox nav ul li.tab-current a::after { - border-top-color: var(--link-color); - } - #homepageOrderWeatherAndAir .text-info { - color: var(--link-color); - } - #homepageOrderWeatherAndAir .tabs-style-iconbox nav ul li a { - color: #ddd; - } - #homepageOrderWeatherAndAir .white-box { - background: rgba(255, 255, 255, .1); - border-radius: 3px; - } - /*Homepage Speedtest Cards*/ - #allSpeedtest .speedtest-card { - background-color: rgba(255, 255, 255, .1); - } - #allSpeedtest .speedtest-card .text-muted, #allSpeedtest .speedtest-card h5 { - color: #d6d6d6 !important; - } - #allSpeedtest .shadow-sm { - -webkit-box-shadow: none !important; - box-shadow: none !important; - } -/* loginpage sidemenu */ +.homepage-tautulli-card .bg-img-cont { + border-radius: 3px; + border: .0001px solid #00000000; +} + +/* Homepage Unifi cards */ +.unifiCards .panel-heading { + background: rgba(255, 255, 255, 0.2) !important; + color: #fff !important; + border-color: transparent !important; + text-align: inherit !important; + border-radius: 3px 3px 0 0 !important; +} + +.unifiCards .panel-wrapper.collapse.in { + background: rgba(0, 0, 0, 0.15); +} + +/* Homepage Monitor Cards */ +#homepageOrderMonitorr .card-body { + background: rgba(255, 255, 255, 0.2); +} + +#homepageOrderMonitorr .col-lg-2 { + width: 170px; +} + +#homepageOrderMonitorr .badge { + border-radius: 3px; +} + +#homepageOrderMonitorr .bg-success { + background-color: #47bb62 !important; +} + +#homepageOrderMonitorr .col-lg-3 .bg-success { + background-color: #53e69d !important; +} + +/*Homepage WeatherAndAir Cards*/ +#homepageOrderWeatherAndAir .tabs-style-iconbox nav ul li.tab-current a { + background: rgba(0, 0, 0, .2); +} + +.health-and-pollutant-section .content-current { + background: rgba(255, 255, 255, .2); +} + +#homepageOrderWeatherAndAir .tabs-style-iconbox nav ul li.tab-current a::after { + border-top-color: var(--link-color); +} + +#homepageOrderWeatherAndAir .text-info { + color: var(--link-color); +} + +#homepageOrderWeatherAndAir .tabs-style-iconbox nav ul li a { + color: #ddd; +} + +#homepageOrderWeatherAndAir .white-box { + background: rgba(255, 255, 255, .1); + border-radius: 3px; +} + +/*Homepage Speedtest Cards*/ +#allSpeedtest .speedtest-card { + background-color: rgba(255, 255, 255, .1); +} + +#allSpeedtest .speedtest-card .text-muted, +#allSpeedtest .speedtest-card h5 { + color: #d6d6d6 !important; +} + +#allSpeedtest .shadow-sm { + -webkit-box-shadow: none !important; + box-shadow: none !important; +} + +/* loginpage sidemenu */ @media (max-width: 480px) { - .login-register > .login-box > .white-box { - margin-top: auto !important; - width: 100% !important; - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0) !important; - box-shadow: 0 0 10px rgba(0, 0, 0, 0) !important; - } - } - -/* logo */ - .white-box .visible-xs { - display: block!important; - } - .loginLogo { + .login-register>.login-box>.white-box { + margin-top: auto !important; + width: 100% !important; + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0) !important; + box-shadow: 0 0 10px rgba(0, 0, 0, 0) !important; + } +} + +/* logo */ +.white-box .visible-xs { + display: block !important; +} + +.loginLogo { border: 0; margin-top: -60%; transform: translateY(-10%); - } - @media (max-width: 480px) { - .loginLogo { - margin-top: -10% !important; - } - } - .blockUI { - opacity: 1 !important; - background-color: transparent !important; - } - .blockMsg { - background: rgba(0, 0, 0, 0.9) !important; - border: none !important; - } - - .login-register > .login-box > .white-box { +} + +@media (max-width: 480px) { + .loginLogo { + margin-top: -10% !important; + } +} + +.blockUI { + opacity: 1 !important; + background-color: transparent !important; +} + +.blockMsg { + background: rgba(0, 0, 0, 0.9) !important; + border: none !important; +} + +.login-register>.login-box>.white-box { background: transparent !important; - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); - } - - .login-register { - background: var(--main-bg-color)!important; - height: 100%; - position: fixed; - } +} - .slideInRight { - -webkit-animation-name: none; - animation-name: none; - } +.login-register { + background: var(--main-bg-color) !important; + height: 100%; + position: fixed; +} - .login-register .login-box .white-box .bg-org { - background-color: transparent !important; - } - - /*2FA login button*/ - .panel-wrapper .panel-body > .btn-warning, .btn-warning.disabled { - background: hsla(0, 0%, 0%, 0.25) !important; - border: 1px solid #ffc36d00 !important; - } - - /*2FA animation header*/ - .panel-warning .panel-heading, .panel-yellow .panel-heading { - color: #fff; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.3); - border-color: #00000000; - } - - /*oAuth Successful*/ - .panel-green .panel-heading, .panel-success .panel-heading { - color: #53e69d; - text-align: center; - text-transform: uppercase; - border-radius: 3px; - background-color: transparent; - border-color: transparent; - } - - /*Login sidebar*//*Login sidebar*//*Login sidebar*/ - .login-box.login-sidebar, - #login-panels .panel-body, - #login-panels .panel { - background: transparent !important; - } - - /*Center login Box*/ - .login-sidebar { - position: relative; - right: initial; - } - - #lockScreen .white-box { - width: 400px; - height: 345px; - } - .login-sidebar .white-box { - width: 100%; - position: absolute; - top: 50%; - transform: translateY(-50%); - } - - #lockScreen .white-box { - position: absolute; - top: 50%; - transform: translateY(-50%); - background: transparent; - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); - box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); - } - - /* Splash screen */ - .p-20 { - padding: 0px!important; +.slideInRight { + -webkit-animation-name: none; + animation-name: none; +} + +.login-register .login-box .white-box .bg-org { + background-color: transparent !important; +} + +/*2FA login button*/ +.panel-wrapper .panel-body>.btn-warning, +.btn-warning.disabled { + background: hsla(0, 0%, 0%, 0.25) !important; + border: 1px solid #ffc36d00 !important; } -#splashScreen, .lock-screen { + +/*2FA animation header*/ +.panel-warning .panel-heading, +.panel-yellow .panel-heading { + color: #fff; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.3); + border-color: #00000000; +} + +/*oAuth Successful*/ +.panel-green .panel-heading, +.panel-success .panel-heading { + color: #53e69d; + text-align: center; + text-transform: uppercase; + border-radius: 3px; + background-color: transparent; + border-color: transparent; +} + +/*Login sidebar*/ +/*Login sidebar*/ +/*Login sidebar*/ +.login-box.login-sidebar, +#login-panels .panel-body, +#login-panels .panel { + background: transparent !important; +} + +/*Center login Box*/ +.login-sidebar { + position: relative; + right: initial; +} + +#lockScreen .white-box { + width: 400px; + height: 345px; +} + +.login-sidebar .white-box { + width: 100%; + position: absolute; + top: 50%; + transform: translateY(-50%); +} + +#lockScreen .white-box { + position: absolute; + top: 50%; + transform: translateY(-50%); + background: transparent; + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); +} + +/* Splash screen */ +.p-20 { + padding: 0px !important; +} + +#splashScreen, +.lock-screen { overflow-y: scroll; } + #splashScreen .flexbox:first-of-type { width: calc(100% - 40px); margin: auto; } - @media (max-width: 375px) { -#splashScreen div[id^=menu-] { - max-width: 88px !important; + +@media (max-width: 375px) { + #splashScreen div[id^=menu-] { + max-width: 88px !important; + } } - } - @media (max-width: 480px) { -#splashScreen .flexbox:first-of-type { - width: auto; - margin-left: 30px; + +@media (max-width: 480px) { + #splashScreen .flexbox:first-of-type { + width: auto; + margin-left: 30px; + } } - } + @media (min-width: 768px) { -#splashScreen .flexbox:first-of-type { - width: 600px!important; - margin-top: 0px!important; -} + #splashScreen .flexbox:first-of-type { + width: 600px !important; + margin-top: 0px !important; + } } #splashScreen div[id^=menu-] { background: transparent; border-radius: 3px; max-width: 115px; - margin: 24px 20px 0 0!important; + margin: 24px 20px 0 0 !important; padding: 25px; } + #splashScreen .bg-org.fc-event { background-color: transparent !important; border-radius: 1000px; - height: 80px!important; + height: 80px !important; width: 80px !important; background-position: center; } #splashScreen .homepage-text { display: none; -} +} #splashScreen .flexbox:last-of-type .bg-danger { background: transparent !important; - color: #fff!important; - border: 0!important; - border-radius: 100px; - height: 0px!important; + color: #fff !important; + border: 0 !important; + border-radius: 100px; + height: 0px !important; text-align: center; - + } + #splashScreen .bottom-close-splash { position: relative !important; - width: 0px ; - right: 0px ; - bottom: 0px ; + width: 0px; + right: 0px; + bottom: 0px; } #splashScreen .flexbox:last-of-type .bg-danger:before { - font-family: "FontAwesome"; - font-size: 40px; + font-family: "FontAwesome"; + font-size: 40px; content: "\f00d"; - font-weight: 900; + font-weight: 900; display: inline-block; margin-right: 5px; - color: rgba(255, 255, 255, 0.7); + color: rgba(255, 255, 255, 0.7); -webkit-transform: scale(1.1) !important; transform: scale(1.1) !important; - -webkit-animation-name: none; + -webkit-animation-name: none; animation-name: none; text-align: center; padding-top: inherit; } + #splashScreen .flexbox:last-of-type { - padding: 0!important; + padding: 0 !important; position: absolute; left: 50%; -webkit-transform: translateX(calc(-50% - 10px)); transform: translateX(calc(-50% - 10px)); } -.hvr-wobble-bottom:active, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:hover { - -webkit-transform: scale(1.1) !important; + +.hvr-wobble-bottom:active, +.hvr-wobble-bottom:focus, +.hvr-wobble-bottom:hover { + -webkit-transform: scale(1.1) !important; transform: scale(1.1) !important; - -webkit-animation-name: none; + -webkit-animation-name: none; animation-name: none; - + } + .hvr-wobble-bottom { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0,0,0,0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; - -webkit-transform-origin: center; + -webkit-transform-origin: center; transform-origin: center; } + .splash-badge { color: #fff; - width: 80px!important; + width: 80px !important; height: 80px; font-size: 60px; border-radius: 1000px; } + .splash-badge i { position: absolute; left: 10px; @@ -994,6 +1306,7 @@ table.dataTable>tbody>tr:nth-of-type(even):hover { margin: 0px; padding: 0px; } + .splash-badge i.fa-home:before { position: absolute !important; left: -2px !important; @@ -1005,29 +1318,38 @@ table.dataTable>tbody>tr:nth-of-type(even):hover { background-color: rgba(0, 0, 0, 0.25); color: #fff; } + .bg-success.text-inverse { background-color: rgba(255, 255, 255, 0.15) !important; color: #FFF; } -.panel-blue a, .panel-info a { + +.panel-blue a, +.panel-info a { color: var(--link-color); } + .color-bordered-table.purple-bordered-table { border: 2px solid var(--notification-box-line); } + .white-box .bg-info { background: var(--link-color) !important; } /* Email Center*/ -.ms-container .ms-selectable, .ms-container .ms-selection { +.ms-container .ms-selectable, +.ms-container .ms-selection { background: rgba(0, 0, 0, 0.25); } -.ms-container .ms-list { + +.ms-container .ms-list { border: 1px solid rgba(255, 255, 255, 0.2); } -.ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection { + +.ms-container .ms-selectable li.ms-elem-selectable, +.ms-container .ms-selection li.ms-elem-selection { border-bottom: 1px rgba(238, 238, 238, .2) solid; } @@ -1035,9 +1357,10 @@ table.dataTable>tbody>tr:nth-of-type(even):hover { .ms-container .ms-selection li.ms-hover { background: rgba(255, 255, 255, .08) } -.ms-container .ms-list.ms-focus{ - border-color: rgba(255, 255, 255, .5); - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 255, 255, .6); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 255, 255, .6); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 255, 255, .6); -} + +.ms-container .ms-list.ms-focus { + border-color: rgba(255, 255, 255, .5); + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 255, 255, .6); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 255, 255, .6); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 255, 255, .6); +} \ No newline at end of file diff --git a/CSS/themes/organizr/organizr-base.css b/CSS/themes/organizr/organizr-base.css index a345d03c..6c310866 100644 --- a/CSS/themes/organizr/organizr-base.css +++ b/CSS/themes/organizr/organizr-base.css @@ -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%; diff --git a/CSS/themes/petio/petio-base.css b/CSS/themes/petio/petio-base.css index 81d169f1..7a873059 100644 --- a/CSS/themes/petio/petio-base.css +++ b/CSS/themes/petio/petio-base.css @@ -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 */ diff --git a/CSS/themes/pihole/pihole-base.css b/CSS/themes/pihole/pihole-base.css index b9a711c3..cca2de23 100644 --- a/CSS/themes/pihole/pihole-base.css +++ b/CSS/themes/pihole/pihole-base.css @@ -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 */ - -/* 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 { + /* 88 88 88 */ + /* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ + /* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ + /* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ + /* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ + /* 88 */ + /* dP */ + + /* Made by @gilbN */ + /* https://github.com/gilbN/theme.park */ + + body { + background: var(--main-bg-color) !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; -} \ No newline at end of file + /* 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; + } \ No newline at end of file diff --git a/CSS/themes/plex/plex-base.css b/CSS/themes/plex/plex-base.css index 2b99155f..031813d8 100644 --- a/CSS/themes/plex/plex-base.css +++ b/CSS/themes/plex/plex-base.css @@ -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-"] { diff --git a/CSS/themes/plpp/plpp-base.css b/CSS/themes/plpp/plpp-base.css index 5653607a..abfe7090 100644 --- a/CSS/themes/plpp/plpp-base.css +++ b/CSS/themes/plpp/plpp-base.css @@ -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,134 +81,204 @@ 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; - 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; + +@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; + +.breadcrumb>.active { + text-transform: uppercase; + text-transform: bold; } -.panel, .panel-default > .panel-heading, .breadcrumb > .active { + +.panel, +.panel-default>.panel-heading, +.breadcrumb>.active { background-color: transparent; border: transparent; - color: inherit; + color: inherit; font-size: 15px; - font-family: Open Sans Bold,Helvetica Neue,Helvetica,Arial,sans-serif !important; + 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); + 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; + +.plpp_table.even:hover, +.plpp_table.odd:hover { + background-color: hsla(0, 0%, 100%, .08) !important; } - .panel-heading { -font-weight: bold; + +.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; + +.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%); + 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 { + +.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 { + +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; + 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, +.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, +.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 { + +.table>thead>tr>th { vertical-align: bottom; - border-bottom: 2px solid rgba(255,255,255,.15); + border-bottom: 2px solid rgba(255, 255, 255, .15); } -.pagination > li > a, .pagination > li > span { + +.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 { + +.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); +.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; + -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; +} \ No newline at end of file diff --git a/CSS/themes/prowlarr/prowlarr-base.css b/CSS/themes/prowlarr/prowlarr-base.css index a8f86c29..75bcb5c4 100644 --- a/CSS/themes/prowlarr/prowlarr-base.css +++ b/CSS/themes/prowlarr/prowlarr-base.css @@ -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) +} \ No newline at end of file diff --git a/CSS/themes/qbittorrent/qbittorrent-base.css b/CSS/themes/qbittorrent/qbittorrent-base.css index 31ed1151..973ae9c3 100644 --- a/CSS/themes/qbittorrent/qbittorrent-base.css +++ b/CSS/themes/qbittorrent/qbittorrent-base.css @@ -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; diff --git a/CSS/themes/radarr/radarr-base.css b/CSS/themes/radarr/radarr-base.css index 2aa0854d..359ef864 100644 --- a/CSS/themes/radarr/radarr-base.css +++ b/CSS/themes/radarr/radarr-base.css @@ -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); -} +} \ No newline at end of file diff --git a/CSS/themes/readarr/readarr-base.css b/CSS/themes/readarr/readarr-base.css index 9d7dd4c4..49eca35a 100644 --- a/CSS/themes/readarr/readarr-base.css +++ b/CSS/themes/readarr/readarr-base.css @@ -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; -} +} \ No newline at end of file diff --git a/CSS/themes/requestrr/requestrr-base.css b/CSS/themes/requestrr/requestrr-base.css index 0322fafb..3ec9d512 100644 --- a/CSS/themes/requestrr/requestrr-base.css +++ b/CSS/themes/requestrr/requestrr-base.css @@ -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; - } \ No newline at end of file + +::-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; +} \ No newline at end of file diff --git a/CSS/themes/resilio-sync/resilio-base.css b/CSS/themes/resilio-sync/resilio-base.css index b67ef75c..75e877a4 100644 --- a/CSS/themes/resilio-sync/resilio-base.css +++ b/CSS/themes/resilio-sync/resilio-base.css @@ -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 */ diff --git a/CSS/themes/rutorrent/rutorrent-base.css b/CSS/themes/rutorrent/rutorrent-base.css index 15319cbf..3ae3b47f 100644 --- a/CSS/themes/rutorrent/rutorrent-base.css +++ b/CSS/themes/rutorrent/rutorrent-base.css @@ -1,4 +1,3 @@ - /* dP dP dP */ /* 88 88 88 */ /* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ @@ -14,40 +13,38 @@ @import url(https://use.fontawesome.com/releases/v5.0.7/css/all.css); @import url(https://fonts.googleapis.com/css?family=Roboto:400,600,700,300); -@font-face -{ - font-family:'Roboto'!important -} - -html,body -{ - font-family:'Roboto' !important; - background: var(--main-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color:var(--text); - text-shadow:0 -1px 0 #000 -} - -div#preload -{ - width:0; - height:0; - display:none; - background-image:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/menus.png); - background-image:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png); - background-image:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/status_icons.png); - background-image:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/r_bg.gif); - background-image:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/asc.gif); - background-image:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/desc.gif); - background-image:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/pnl_open.gif); - background-image:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/pnl_close.gif); - background-image:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/headers.png) +@font-face { + font-family: 'Roboto' !important +} + +html, +body { + font-family: 'Roboto' !important; + background: var(--main-bg-color); + background-repeat: repeat, no-repeat; + background-attachment: fixed, fixed; + background-position: center center, center center; + background-size: auto, cover; + -webkit-background-size: auto, cover; + -moz-background-size: auto, cover; + -o-background-size: auto, cover; + color: var(--text); + text-shadow: 0 -1px 0 #000 +} + +div#preload { + width: 0; + height: 0; + display: none; + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/menus.png); + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png); + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/status_icons.png); + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/r_bg.gif); + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/asc.gif); + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/desc.gif); + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/pnl_open.gif); + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/pnl_close.gif); + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/headers.png) } hr { @@ -57,16 +54,15 @@ hr { border-bottom: 1px solid rgba(255, 255, 255, 0.08); } -div#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; +div#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; } div#msg { @@ -78,30 +74,30 @@ div#msg { text-shadow: 0 -3px 0 #0000; } -div#sc -{ - border:1px solid #333; - background-color:#181818 +div#sc { + border: 1px solid #333; + background-color: #181818 } -div#sc li.se_act div -{ - background-color:#333; - color:#888 +div#sc li.se_act div { + background-color: #333; + color: #888 } -div#lng -{ - background-color:#181818; - border:1px solid #333 +div#lng { + background-color: #181818; + border: 1px solid #333 } + .rmenuitem { color: var(--text-hover) !important; } + iframe { - border-width: 0px !important; - border: none !important; + border-width: 0px !important; + border: none !important; } + ul.CMenu { opacity: .98; border: 1px solid transparent; @@ -109,57 +105,51 @@ ul.CMenu { border-left: 1px solid transparent; border-bottom: 1px solid transparent; background: var(--drop-down-menu-bg); - 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; padding: 0; - border-radius: 5px; - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); - box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); + border-radius: 5px; + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); } -ul.CMenu li -{ - background:var(--drop-down-menu-bg); - 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; +ul.CMenu li { + background: var(--drop-down-menu-bg); + 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; } -ul.CMenu li.menuitem:first-child -{ - border-top-right-radius:5px; - border-top-left-radius:5px +ul.CMenu li.menuitem:first-child { + border-top-right-radius: 5px; + border-top-left-radius: 5px } -ul.CMenu li.menuitem:last-child -{ - border-bottom-right-radius:5px; - border-top-left-radius:5px +ul.CMenu li.menuitem:last-child { + border-bottom-right-radius: 5px; + border-top-left-radius: 5px } -ul.CMenu li a -{ - color:var(--text); - background:transparent; +ul.CMenu li a { + color: var(--text); + background: transparent; } -ul.CMenu li a.dis -{ - color:rgb(var(--accent-color)) +ul.CMenu li a.dis { + color: rgb(var(--accent-color)) } -ul.CMenu li a.dis:hover -{ - color:var(--text-hover) +ul.CMenu li a.dis:hover { + color: var(--text-hover) } ul.CMenu li hr { @@ -172,14 +162,13 @@ ul.CMenu li hr { width: 100%; } -ul.CMenu li a.exp -{ - background: transparent; +ul.CMenu li a.exp { + background: transparent; } -ul.CMenu li a.exp:hover -{ - background:rgba(255, 255, 255, .08);; +ul.CMenu li a.exp:hover { + background: rgba(255, 255, 255, .08); + ; } ul.CMenu li a.sel { @@ -187,9 +176,8 @@ ul.CMenu li a.sel { background: rgba(0, 0, 0, 0.15); } -ul.CMenu li ul li a.sel -{ - color:#178FD1 +ul.CMenu li ul li a.sel { + color: #178FD1 } ul.CMenu li a:hover { @@ -203,508 +191,436 @@ ul.CMenu li:hover ul li a { color: var(--text-hover); } -ul.CMenu li:hover ul li a:hover -{ - color:var(--text-hover); - text-shadow:0 -1px 0 transparent +ul.CMenu li:hover ul li a:hover { + color: var(--text-hover); + text-shadow: 0 -1px 0 transparent } -ul.CMenu li ul li a.dis -{ - color:#fff +ul.CMenu li ul li a.dis { + color: #fff } -ul.CMenu li ul li a.dis:hover -{ - background-color:#181818; - color:#333 +ul.CMenu li ul li a.dis:hover { + background-color: #181818; + color: #333 } -div.stable-body table tbody tr.even:nth-child(2n+1) td -{ - background:rgba(255, 255, 255, 0.08)!important +div.stable-body table tbody tr.even:nth-child(2n+1) td { + background: rgba(255, 255, 255, 0.08) !important } -.stable-body td -{ - border-bottom:1px solid #ff000000!important; +.stable-body td { + border-bottom: 1px solid #ff000000 !important; } -.stable-body tr.odd td -{ - background:#2A2A2A!important +.stable-body tr.odd td { + background: #2A2A2A !important } -#tdetails -{ - overflow:hidden +#tdetails { + overflow: hidden } -#StatusBar -{ - border-top:1px solid #292828!important; - background:#1E1E1E; - margin-top:-2px +#StatusBar { + border-top: 1px solid #292828 !important; + background: #1E1E1E; + margin-top: -2px } -#sel -{ - border:1px dotted #555 +#sel { + border: 1px dotted #555 } -div#t -{ - background-color:rgba(0, 0, 0, 0.25); - background-image:none; - border-bottom:none; - padding:4px 0 2px 0; - height: 40px; +div#t { + background-color: rgba(0, 0, 0, 0.25); + background-image: none; + border-bottom: none; + padding: 4px 0 2px 0; + height: 40px; } -div#t a -{ - margin:4px 5px 0 5px +div#t a { + margin: 4px 5px 0 5px } #mnu_logoff.top-menu-item { - margin-left: 15px; + margin-left: 15px; } -div#t a:hover -{ - background:none +div#t a:hover { + background: none } -div#t div.TB_Separator -{ - border:none; - background:none; - margin:0 5px; - height:40px +div#t div.TB_Separator { + border: none; + background: none; + margin: 0 5px; + height: 40px } -div#t div#add -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat 0 0 +div#t div#add { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat 0 0 } -div#t div#add:hover -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat 0 -24px +div#t div#add:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat 0 -24px } -div#t div#create -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -24px 0 +div#t div#create { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -24px 0 } -div#t div#create:hover -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -24px -24px +div#t div#create:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -24px -24px } -div#t div#remove -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -48px 0 +div#t div#remove { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -48px 0 } -div#t div#remove:hover -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -48px -24px +div#t div#remove:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -48px -24px } -div#t div#start -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -72px 0 +div#t div#start { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -72px 0 } -div#t div#start:hover -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -72px -24px +div#t div#start:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -72px -24px } -div#t div#pause -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -96px 0 +div#t div#pause { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -96px 0 } -div#t div#pause:hover -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -96px -24px +div#t div#pause:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -96px -24px } -div#t div#stop -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -120px 0 +div#t div#stop { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -120px 0 } -div#t div#stop:hover -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -120px -24px +div#t div#stop:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -120px -24px } -div#t div#moveu -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -144px 0 +div#t div#moveu { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -144px 0 } -div#t div#moveu:hover -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -144px -24px +div#t div#moveu:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -144px -24px } -div#t div#moved -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -168px 0 +div#t div#moved { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -168px 0 } -div#t div#moved:hover -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -168px -24px +div#t div#moved:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -168px -24px } -div#t div#search -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -192px 0 +div#t div#search { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -192px 0 } -div#t div#search:hover -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -192px -24px +div#t div#search:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -192px -24px } -div#t div#rss -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -241px 0 +div#t div#rss { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -241px 0 } -div#t div#rss:hover -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -241px -24px +div#t div#rss:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -241px -24px } -div#t div#setting -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -264px 0 +div#t div#setting { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -264px 0 } -div#t div#setting:hover -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -264px -24px +div#t div#setting:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -264px -24px } -div#t div#plugins -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/plugin.png) no-repeat 0 center +div#t div#plugins { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/plugin.png) no-repeat 0 center } -div#t div#plugins:hover -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/pluginh.png) no-repeat 0 center +div#t div#plugins:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/pluginh.png) no-repeat 0 center } -div#t div#help -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -288px 0 +div#t div#help { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -288px 0 } -div#t div#help:hover -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -288px -24px +div#t div#help:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/toolbar.png) no-repeat -288px -24px } -div#t div#go -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/go.png) no-repeat 0 0 +div#t div#go { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/go.png) no-repeat 0 0 } -div#t div#go:hover -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/goh.png) no-repeat 0 0 +div#t div#go:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/goh.png) no-repeat 0 0 } div select { - -webkit-appearance:none !important; - background:#1f1f1f url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/dropdown.png) no-repeat 0 0; + -webkit-appearance: none !important; + background: #1f1f1f url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/dropdown.png) no-repeat 0 0; background-position: right; - border: 1px solid #1f1f1f ; + border: 1px solid #1f1f1f; padding-right: 15px !important; } -.stg_con -{ - background-color:transparent +.stg_con { + background-color: transparent } -.stg_con fieldset -{ - border:none; - border-top:1px solid rgb(var(--accent-color)); - border-radius:0 +.stg_con fieldset { + border: none; + border-top: 1px solid rgb(var(--accent-color)); + border-radius: 0 } -.stg_con td input -{ - padding:1px 4px +.stg_con td input { + padding: 1px 4px } -#st_ao_h,#st_throttle_h -{ - height:360px !important +#st_ao_h, +#st_throttle_h { + height: 360px !important } -a -{ - color:#fff; - font-family:'Roboto' +a { + color: #fff; + font-family: 'Roboto' } + .flot-text { color: #fff !important; } -.flot-overlay{ - border:none !important; + +.flot-overlay { + border: none !important; } -div#stg-header -{ - background:#273238 url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/dlg-toolbars.gif) no-repeat scroll 0 -72px; - text-shadow:0 -1px 0 #000 + +div#stg-header { + background: #273238 url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/dlg-toolbars.gif) no-repeat scroll 0 -72px; + text-shadow: 0 -1px 0 #000 } -div#CatList -{ - border:none; - background-color:rgba(0, 0, 0, 0.25); - border-right:1px solid transparent; - border-left:none +div#CatList { + border: none; + background-color: rgba(0, 0, 0, 0.25); + border-right: 1px solid transparent; + border-left: none } -div#CatList ul li span -{ - color:var(--text) +div#CatList ul li span { + color: var(--text) } -div#CatList ul li.sel span -{ - color:#AACF27 +div#CatList ul li.sel span { + color: #AACF27 } -div#CatList ul li -{ - border:none; - margin:5px; - font-family:'Roboto' +div#CatList ul li { + border: none; + margin: 5px; + font-family: 'Roboto' } -div#CatList ul li.sel -{ - background-color:transparent; - color:var(--text-hover); - text-shadow:0 -1px 0 #000; - border:none +div#CatList ul li.sel { + background-color: transparent; + color: var(--text-hover); + text-shadow: 0 -1px 0 #000; + border: none } -#-_-_-all-_-_-,#-_-_-dls-_-_-,#-_-_-com-_-_-,#-_-_-act-_-_-,#-_-_-iac-_-_-,#-_-_-err-_-_- -{ - background-image:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/status_icons.png) +#-_-_-all-_-_-, +#-_-_-dls-_-_-, +#-_-_-com-_-_-, +#-_-_-act-_-_-, +#-_-_-iac-_-_-, +#-_-_-err-_-_- { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/status_icons.png) } -.catpanel -{ - font-size:12px; - font-family:'Roboto'; - padding:2px 30px; - height:22px; - line-height:25px; +.catpanel { + font-size: 12px; + font-family: 'Roboto'; + padding: 2px 30px; + height: 22px; + line-height: 25px; background-image: none; - background:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/pnl_open.gif) 0 0 no-repeat !important; - background-color:#273238; - font-weight:700; - color:var(--text-hover); - text-shadow:0 -1px 0 #000; - border:none + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/pnl_open.gif) 0 0 no-repeat !important; + background-color: #273238; + font-weight: 700; + color: var(--text-hover); + text-shadow: 0 -1px 0 #000; + border: none } -.catpanelcont -{ - margin:15px 2px; - transition:all .3s cubic-bezier(0.68,-0.55,0.27,1.55) 0 +.catpanelcont { + margin: 15px 2px; + transition: all .3s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0 } -#-_-_-all-_-_- -{ - background-position:4px -175px +#-_-_-all-_-_- { + background-position: 4px -175px } -#-_-_-dls-_-_- -{ - background-position:4px 2px +#-_-_-dls-_-_- { + background-position: 4px 2px } -#-_-_-com-_-_- -{ - background-position:4px -15px +#-_-_-com-_-_- { + background-position: 4px -15px } -#-_-_-act-_-_- -{ - background-position:4px -159px +#-_-_-act-_-_- { + background-position: 4px -159px } -#-_-_-iac-_-_- -{ - background-position:4px -31px +#-_-_-iac-_-_- { + background-position: 4px -31px } -#-_-_-err-_-_- -{ - background-position:4px -95px +#-_-_-err-_-_- { + background-position: 4px -95px } -div#CatList ul li.RSS -{ - background-image:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/status_icons.png); - background-position:4px -207px +div#CatList ul li.RSS { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/status_icons.png); + background-position: 4px -207px } -div#CatList ul li.disRSS -{ - background-image:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/status_icons.png) +div#CatList ul li.disRSS { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/status_icons.png) } -.stable-icon -{ - background-image:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/status_icons.png) +.stable-icon { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/status_icons.png) } -.Icon_File -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/file.gif) no-repeat left center +.Icon_File { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/file.gif) no-repeat left center } -.Icon_Dir -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/dir.gif) no-repeat left center +.Icon_Dir { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/dir.gif) no-repeat left center } -.Icon_Share -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/dir.gif) no-repeat left center +.Icon_Share { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/dir.gif) no-repeat left center } -div#CatList ul li.sel span -{ - color: rgb(var(--accent-color)); +div#CatList ul li.sel span { + color: rgb(var(--accent-color)); } -div#flabel_cont ul li -{ - background-image:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/status_icons.png); - background-position:4px -352px +div#flabel_cont ul li { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/status_icons.png); + background-position: 4px -352px } -div.tab -{ - background:transparent; - font-family:'Roboto' +div.tab { + background: transparent; + font-family: 'Roboto' } -div#lcont -{ - background:rgba(0, 0, 0, 0.25); - font-family:'Roboto' +div#lcont { + background: rgba(0, 0, 0, 0.25); + font-family: 'Roboto' } -div#gcont table td.Header -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/status_icons.png) no-repeat 0 -286px; - font-family:'Roboto'; - color:var(--text-hover); - padding-left:17px +div#gcont table td.Header { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/status_icons.png) no-repeat 0 -286px; + font-family: 'Roboto'; + color: var(--text-hover); + padding-left: 17px } -div#gcont table tr -{ - background:rgba(0, 0, 0, 0.45); - font-family:'Roboto'; - color:var(--text); +div#gcont table tr { + background: rgba(0, 0, 0, 0.45); + font-family: 'Roboto'; + color: var(--text); } -div#gcont table tr td -{ - background:rgba(0, 0, 0, 0.15); +div#gcont table tr td { + background: rgba(0, 0, 0, 0.15); } -div#gcont table -{ - font-family:'Roboto' +div#gcont table { + font-family: 'Roboto' } -div.graph_tab -{ - color:#FFF; - border-color:transparent; - background-color:rgba(0, 0, 0, 0.25) +div.graph_tab { + color: #FFF; + border-color: transparent; + background-color: rgba(0, 0, 0, 0.25) } -div.table_tab -{ - background-color: rgba(0, 0, 0, 0.45); - font-family:'Roboto' +div.table_tab { + background-color: rgba(0, 0, 0, 0.45); + font-family: 'Roboto' } -div#modalbg -{ - background-color:#181818 +div#modalbg { + background-color: #181818 } -div#List -{ - margin-right:6px; - border:none; +div#List { + margin-right: 6px; + border: none; background-color: rgba(0, 0, 0, 0.25); } -div#FileList,div#TrackerList,div#PeerList,div#Speed -{ - background-color:rgba(0, 0, 0, 0.25); +div#FileList, +div#TrackerList, +div#PeerList, +div#Speed { + background-color: rgba(0, 0, 0, 0.25); } -.dlg-window -{ - background-color:#222; - box-shadow:0 19px 38px rgba(0,0,0,0.60) +.dlg-window { + background-color: #222; + box-shadow: 0 19px 38px rgba(0, 0, 0, 0.60) } -* > fieldset -{ +*>fieldset { border: 1px solid rgba(255, 255, 255, 0.08); - border-radius:2px + border-radius: 2px } -a.dlg-close -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/close.png) no-repeat scroll left center +a.dlg-close { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/close.png) no-repeat scroll left center } -a.dlg-close:hover -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/close.png) no-repeat scroll left center +a.dlg-close:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/close.png) no-repeat scroll left center } -a.dlg-close:link,a.dlg-close:visited -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/close.png) no-repeat scroll left center +a.dlg-close:link, +a.dlg-close:visited { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/close.png) no-repeat scroll left center } -div.dlg-header -{ - background-color:rgba(0, 0, 0, 0.25); - border-bottom:none; - font-family:'Roboto'; - text-transform:uppercase; - font-weight:700; - font-size:1em +div.dlg-header { + background-color: rgba(0, 0, 0, 0.25); + border-bottom: none; + font-family: 'Roboto'; + text-transform: uppercase; + font-weight: 700; + font-size: 1em } + .tskconsole { font-size: 11px; font-family: monospace; @@ -716,86 +632,80 @@ div.dlg-header width: 580px; cursor: text; } -fieldset -{ - background-color:transparent; - font-family:'Roboto' + +fieldset { + background-color: transparent; + font-family: 'Roboto' } -legend -{ - color:#999; - text-transform:uppercase; - font-weight:500; - font-size:1em +legend { + color: #999; + text-transform: uppercase; + font-weight: 500; + font-size: 1em } -td.disabled,label.disabled,span.disabled,div.disabled -{ - color:#b9b9b9 +td.disabled, +label.disabled, +span.disabled, +div.disabled { + color: #b9b9b9 } -disabled -{ - opacity:50% +disabled { + opacity: 50% } -div#stg .lm -{ - margin:5px 0 5px 5px; - padding:10px 5px 0; - background:none; - border:none +div#stg .lm { + margin: 5px 0 5px 5px; + padding: 10px 5px 0; + background: none; + border: none } -.lm li,.lm li.first,.lm li.last,.lm li div.toggle -{ - background:transparent none repeat scroll 0 0; - text-transform:uppercase; - font-size:.9em; - margin:0 0 3px +.lm li, +.lm li.first, +.lm li.last, +.lm li div.toggle { + background: transparent none repeat scroll 0 0; + text-transform: uppercase; + font-size: .9em; + margin: 0 0 3px } -.lm li a -{ - font-size:1em; - font-weight:400; - color:var(--text); - transition:all .5s +.lm li a { + font-size: 1em; + font-weight: 400; + color: var(--text); + transition: all .5s } -.lm li a:hover -{ - color:var(--text-hover); - transition:all .5s +.lm li a:hover { + color: var(--text-hover); + transition: all .5s } -.lm li a.focus -{ - color:var(--text-hover); - background:none +.lm li a.focus { + color: var(--text-hover); + background: none } -input.disabled -{ - background-color:#181818; - color:#333; - border:1px solid #333 +input.disabled { + background-color: #181818; + color: #333; + border: 1px solid #333 } -legend -{ - color:var(--text-hover); +legend { + color: var(--text-hover); } -select.cols -{ - border:1px solid #333 +select.cols { + border: 1px solid #333 } -div#dragmask -{ - border:1px dotted #333 +div#dragmask { + border: 1px dotted #333 } div#tdetails { @@ -807,22 +717,21 @@ div#tdetails { border-top-left-radius: 0px; } -div#tdcont -{ - background:transparent; - border:none; - padding:0 +div#tdcont { + background: transparent; + border: none; + padding: 0 } -div#HDivider -{ - background:rgba(0, 0, 0, 0.45); - cursor:e-resize; - height:0; - margin:0; - padding:0; - width:5px +div#HDivider { + background: rgba(0, 0, 0, 0.45); + cursor: e-resize; + height: 0; + margin: 0; + padding: 0; + width: 5px } + div#RSSList { border: none !important; background-color: rgba(0, 0, 0, 0.25) !important; @@ -832,212 +741,199 @@ div#RSSList { -moz-user-focus: normal; -moz-user-input: enabled; } -div#HDivider:hover,div#VDivider:hover -{ - background:rgba(255, 255, 255, 0.08); + +div#HDivider:hover, +div#VDivider:hover { + background: rgba(255, 255, 255, 0.08); +} + +div#tcreate textarea#trackers { + color: #fff; + border: none !important; + background: rgba(0, 0, 0, 0.25); + border-radius: 2px; + cursor: text; +} + +input[type="text"], +input[type="password"], +select { + color: #fff; + border: none; + background: rgba(0, 0, 0, 0.25) url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/headers.png) repeat-x scroll 0 -138px; + border-radius: 2px; + outline: none; } -div#tcreate textarea#trackers -{ - color:#fff; - border:none!important; - background: rgba(0, 0, 0, 0.25); - border-radius:2px; - cursor:text; -} - -input[type="text"],input[type="password"],select -{ - color:#fff; - border:none; - background:rgba(0, 0, 0, 0.25) url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/headers.png) repeat-x scroll 0 -138px; - border-radius:2px; - outline: none; +input[type="text"][disabled], +input[type="password"][disabled], +input[type="file"][disabled], +select[disabled] { + color: #fff; + border: none; + background: rgba(0, 0, 0, 0.08) url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/headers.png) repeat scroll 0 0 !important; + border-radius: 2px; + opacity: .2 } -input[type="text"][disabled],input[type="password"][disabled],input[type="file"][disabled],select[disabled] -{ - color:#fff; - border:none; - background:rgba(0, 0, 0, 0.08) url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/headers.png) repeat scroll 0 0!important; - border-radius:2px; - opacity:.2 -} - -#StatusBar table tr td.pstatus2 -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/green.png) no-repeat scroll 5px center!important -} - -textarea -{ - border:none; - border-radius:2px -} - -#hostcookies,#lookat,#message,#FS_downlink -{ - color:#fff; - border:none!important; - background:rgba(0, 0, 0, 0.25); - border-radius:2px -} - -input.Button -{ - background:var(--button-color) none repeat scroll 0 0; - border-radius:2px; - border:none; - color:var(--button-text); - cursor:pointer; - display:inline; - font-weight:700; - text-shadow:none -} - -input.Button:hover,input.Button:focus -{ - background:var(--button-color-hover) none repeat scroll 0 0; - color:var(--button-text-hover); -} - -#mainlayout -{ - max-width:1000px -} - -ul#tabbar -{ - background:rgba(0, 0, 0, 0.45); - border:none; - color:#606060; - height:24px; - text-shadow:none -} - -ul#tabbar li a -{ - background:none; - border:none; - color:var(--text); - cursor:pointer; - font-family:inherit; - line-height:24px; - margin:2px 2px 0; - padding:4px 15px 3px; - font-weight:500; - text-shadow:none; - top:0 +#StatusBar table tr td.pstatus2 { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/green.png) no-repeat scroll 5px center !important } -ul#tabbar li a:hover -{ - color:var(--text-hover); - text-shadow:none; - background:none +textarea { + border: none; + border-radius: 2px } - -ul#tabbar li.selected a -{ - background:none; - border-bottom:2px solid rgb(var(--accent-color)); - color:rgb(var(--accent-color)); - padding:4px 15px 5px; - font-weight:700; - text-shadow:none; - top:0; - transition:all .2s cubic-bezier(.18,.89,.32,1.28) 0 -} - -.tabbar li -{ - margin-left:1px; - margin-right:2px + +#hostcookies, +#lookat, +#message, +#FS_downlink { + color: #fff; + border: none !important; + background: rgba(0, 0, 0, 0.25); + border-radius: 2px } -.tabbar -{ - background:none; - border:none; - color:#038ba9; - height:21px; - padding:4px; - text-shadow:none +input.Button { + background: var(--button-color) none repeat scroll 0 0; + border-radius: 2px; + border: none; + color: var(--button-text); + cursor: pointer; + display: inline; + font-weight: 700; + text-shadow: none } - -.tabbar li a -{ - background:none; - border:none; - color:#606060; - cursor:pointer; - font-family:inherit; - line-height:24px; - margin:-2px 1px 0; - padding:4px 15px 3px; - font-weight:500; - text-shadow:none; - top:0; - transition:all .5s -} - -.tabbar li a:hover -{ - color:#fff; - background:none; - border:none -} - -.tabbar li.selected a -{ - background:none; - border:none; - border-bottom:2px solid #fff; - color:#ececec; - font-weight:700; - margin:0 2px 0 0; - padding:4px 15px 3px; - text-shadow:none; - top:0 -} - -#fMan_navbut -{ - background-image:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/directory.png)!important; - border:1px solid #181818!important -} - -#fMan_navbut:hover -{ - background-image:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/refresh.png)!important -} - -#fMan_pathsel -{ - max-width:600px!important -} - -#meter-disk-value -{ - border-radius:2px; - overflow:hidden + +input.Button:hover, +input.Button:focus { + background: var(--button-color-hover) none repeat scroll 0 0; + color: var(--button-text-hover); } -div#dlgProps textarea#prop-trackers -{ - background:#222#ff8000; - border:1px solid #333 +#mainlayout { + max-width: 1000px +} + +ul#tabbar { + background: rgba(0, 0, 0, 0.45); + border: none; + color: #606060; + height: 24px; + text-shadow: none +} + +ul#tabbar li a { + background: none; + border: none; + color: var(--text); + cursor: pointer; + font-family: inherit; + line-height: 24px; + margin: 2px 2px 0; + padding: 4px 15px 3px; + font-weight: 500; + text-shadow: none; + top: 0 +} + +ul#tabbar li a:hover { + color: var(--text-hover); + text-shadow: none; + background: none +} + +ul#tabbar li.selected a { + background: none; + border-bottom: 2px solid rgb(var(--accent-color)); + color: rgb(var(--accent-color)); + padding: 4px 15px 5px; + font-weight: 700; + text-shadow: none; + top: 0; + transition: all .2s cubic-bezier(.18, .89, .32, 1.28) 0 +} + +.tabbar li { + margin-left: 1px; + margin-right: 2px +} + +.tabbar { + background: none; + border: none; + color: #038ba9; + height: 21px; + padding: 4px; + text-shadow: none +} + +.tabbar li a { + background: none; + border: none; + color: #606060; + cursor: pointer; + font-family: inherit; + line-height: 24px; + margin: -2px 1px 0; + padding: 4px 15px 3px; + font-weight: 500; + text-shadow: none; + top: 0; + transition: all .5s +} + +.tabbar li a:hover { + color: #fff; + background: none; + border: none +} + +.tabbar li.selected a { + background: none; + border: none; + border-bottom: 2px solid #fff; + color: #ececec; + font-weight: 700; + margin: 0 2px 0 0; + padding: 4px 15px 3px; + text-shadow: none; + top: 0 +} + +#fMan_navbut { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/directory.png) !important; + border: 1px solid #181818 !important +} + +#fMan_navbut:hover { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/refresh.png) !important +} + +#fMan_pathsel { + max-width: 600px !important +} + +#meter-disk-value { + border-radius: 2px; + overflow: hidden +} + +div#dlgProps textarea#prop-trackers { + background: #222#ff8000; + border: 1px solid #333 } div.dlg-window { 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); border-top: 1px solid transparent; border-right: 1px solid transparent; @@ -1046,46 +942,40 @@ div.dlg-window { border: none; } -#stg_c -{ - font-weight:300!important +#stg_c { + font-weight: 300 !important } -.dlg-header -{ - background-color:#222; - border-bottom:none +.dlg-header { + background-color: #222; + border-bottom: none } -#FS_main div.dlg-header -{ - background-image:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/share.png)!important +#FS_main div.dlg-header { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/share.png) !important } -div#yesnoDlg div.dlg-header -{ - background:rgba(0, 0, 0, 0.25); - text-shadow:0 -1px 0 #000 +div#yesnoDlg div.dlg-header { + background: rgba(0, 0, 0, 0.25); + text-shadow: 0 -1px 0 #000 } -div#stg-header -{ - background:rgba(0, 0, 0, 0.25); - text-shadow:0 -1px 0 #000; - color: var(--text-hover); +div#stg-header { + background: rgba(0, 0, 0, 0.25); + text-shadow: 0 -1px 0 #000; + color: var(--text-hover); } -div#dlgHelp-header,div#dlgHelp div.dlg-header -{ - background:rgba(0, 0, 0, 0.25); - text-shadow:0 -1px 0 #000 +div#dlgHelp-header, +div#dlgHelp div.dlg-header { + background: rgba(0, 0, 0, 0.25); + text-shadow: 0 -1px 0 #000 } -div#tadd -{ - margin:5px; - height:300px!important; - width:450px!important +div#tadd { + margin: 5px; + height: 300px !important; + width: 450px !important } div#tadd-header { @@ -1094,252 +984,228 @@ div#tadd-header { text-shadow: 0 -1px 0 #000; } -#addtorrenturl label:nth-of-type(2),#addtorrenturl br,#addtorrent label:last-of-type,#addtorrent br:last-of-type,#addtorrent br:nth-last-of-type(2) -{ - display:none!important +#addtorrenturl label:nth-of-type(2), +#addtorrenturl br, +#addtorrent label:last-of-type, +#addtorrent br:last-of-type, +#addtorrent br:nth-last-of-type(2) { + display: none !important +} + +#addtorrent hr:last-of-type { + margin-bottom: 15px } -#addtorrent hr:last-of-type -{ - margin-bottom:15px +#tadd_label, +#tadd_label_select { + margin: 5px 0 5px 25px } -#tadd_label,#tadd_label_select -{ - margin:5px 0 5px 25px +#addtorrent span, +#addtorrent label, +#tadd_label_select, +#tadd_label { + clear: both; + float: left } -#addtorrent span,#addtorrent label,#tadd_label_select,#tadd_label -{ - clear:both; - float:left +#addtorrent span:first-of-type, +#addtorrent label:nth-of-type(2) { + margin-top: 10px } -#addtorrent span:first-of-type,#addtorrent label:nth-of-type(2) -{ - margin-top:10px +#addtorrenturl { + margin-top: 15px } -#addtorrenturl -{ - margin-top:15px +Input.TextboxLarge { + border: none } -Input.TextboxLarge -{ - border:none +div.tab { + background-color: rgba(0, 0, 0, 0.25) } -div.tab -{ - background-color:rgba(0, 0, 0, 0.25) +div#t div#ind { + height: 34px; + width: 34px; + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/ajax-loader.gif) no-repeat 0 center; + margin: 2px 6px } -div#t div#ind -{ - height:34px; - width:34px; - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/ajax-loader.gif) no-repeat 0 center; - margin:2px 6px +tr#rrow td * { + margin-top: -2px } -tr#rrow td * -{ - margin-top:-2px +tr#rrow td a#mnu_go div#go { + margin-top: -5px } -tr#rrow td a#mnu_go div#go -{ - margin-top:-5px +span#loadimg { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/ajax-loader.gif) no-repeat center center } -span#loadimg -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/ajax-loader.gif) no-repeat center center +.meter-value-start-color { + background-color: #E05400 } -.meter-value-start-color -{ - background-color:#E05400 +.meter-value-end-color { + background-color: #8FBC00 } -.meter-value-end-color -{ - background-color:#8FBC00 + +::-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 { - 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-thumb:hover { + min-height: 50px; + border: 3px solid transparent; + border-radius: 8px; + background-color: hsla(0, 0%, 100%, .5); + background-clip: padding-box; +} -input#clear_log,input#add_url,input#add_button -{ - margin-top:2px +input#clear_log, +input#add_url, +input#add_button { + margin-top: 2px } -div#lcont div.std -{ - background:rgba(0, 0, 0, 0.25); - height:17px; - line-height:17px; - border-bottom:1px solid transparent; +div#lcont div.std { + background: rgba(0, 0, 0, 0.25); + height: 17px; + line-height: 17px; + border-bottom: 1px solid transparent; } -div#lcont div.std:nth-child(2n+1) -{ - background:rgba(255, 255, 255, 0.08); +div#lcont div.std:nth-child(2n+1) { + background: rgba(255, 255, 255, 0.08); } -#StatusBar -{ - border-top:1px solid transparent; - background:rgba(0, 0, 0, 0.45); - color:#ccc; - font-family:Roboto +#StatusBar { + border-top: 1px solid transparent; + background: rgba(0, 0, 0, 0.45); + color: #ccc; + font-family: Roboto } -#StatusBar table tr td -{ - padding-right:5px; - border:none; - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/headers.png) no-repeat right -208px +#StatusBar table tr td { + padding-right: 5px; + border: none; + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/headers.png) no-repeat right -208px } -#StatusBar table tr td td -{ - background:none +#StatusBar table tr td td { + background: none } -#StatusBar table tr td:last-child -{ - border-top:red +#StatusBar table tr td:last-child { + border-top: red } -#st_up -{ - background:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/status.png) no-repeat 6px 2px +#st_up { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/status.png) no-repeat 6px 2px } -#st_down -{ - background:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/status.png) no-repeat 6px -18px +#st_down { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/status.png) no-repeat 6px -18px } -.statuscell -{ - padding-right:5px; - border:none +.statuscell { + padding-right: 5px; + border: none } -#stup_speed -{ - color:#AACF27 +#stup_speed { + color: #AACF27 } -#stdown_speed -{ - color:#178FD1 +#stdown_speed { + color: #178FD1 } -#stup_total,#stdown_total -{ - color:#fff +#stup_total, +#stdown_total { + color: #fff } -span#ds,span#dl -{ - color:#178FD1 +span#ds, +span#dl { + color: #178FD1 } -span#ra -{ - color:#F70000 +span#ra { + color: #F70000 } -span#us,span#ul -{ - color:#AACF27 +span#us, +span#ul { + color: #AACF27 } -span.det -{ - color:#fff +span.det { + color: #fff } -.stable-head table tr td -{ - border-right:1px solid #242424!important; - font-family:Roboto!important +.stable-head table tr td { + border-right: 1px solid #242424 !important; + font-family: Roboto !important } -.Icon_Dir -{ - background-image:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/status_icons.png); - background-position:0 -272px +.Icon_Dir { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/status_icons.png); + background-position: 0 -272px } -.Icon_File -{ - background-image:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/status_icons.png); - background-position:0 -256px +.Icon_File { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/status_icons.png); + background-position: 0 -256px } -.Icon_Torrent -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/torrent.png) no-repeat scroll left center!important +.Icon_Torrent { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/torrent.png) no-repeat scroll left center !important } -.Icon_Vid -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/video.png) no-repeat scroll left center!important +.Icon_Vid { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/video.png) no-repeat scroll left center !important } -.Icon_Mp3 -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/mp3.png) no-repeat scroll left center!important +.Icon_Mp3 { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/mp3.png) no-repeat scroll left center !important } -.Icon_Img -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/image.png) no-repeat scroll left center!important +.Icon_Img { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/image.png) no-repeat scroll left center !important } -.Icon_Nfo -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/nfo.png) no-repeat scroll left center!important +.Icon_Nfo { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/nfo.png) no-repeat scroll left center !important } -.Icon_Sfv -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/text.png) no-repeat scroll left center!important +.Icon_Sfv { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/text.png) no-repeat scroll left center !important } -.Icon_UpD -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/up.png) no-repeat scroll left center!important +.Icon_UpD { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/up.png) no-repeat scroll left center !important } -.Icon_Rar,.Icon_Zip -{ - background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/archive.zip) no-repeat scroll left center!important +.Icon_Rar, +.Icon_Zip { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/archive.zip) no-repeat scroll left center !important } @@ -1354,36 +1220,140 @@ span.det src: local('Ubuntu'), url(https://themes.googleusercontent.com/static/fonts/ubuntu/v5/_xyN3apAT_yRRDeqB3sPRg.woff) format('woff'); } -.stable { border: 1px solid; border-color: #333333 #181818 #181818 #333333; } -.stable td { padding: 2px; } -.stable-head { color: var(--text-hover); background: rgba(0, 0, 0, 0.45); border: none; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0); font-family: Ubuntu; } -div#tdcont .stable-head { border: none; } -div#tdcont .stable { border: none; } -.stable-head table tr { background: transparent; border: none; } -.stable-head table tr td { border: none; font-family: Ubuntu; height: 18px; line-height: 18px; cursor: pointer; } -.stable-head div.resz { border: 1px solid #FF0000; background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/s.gif) no-repeat scroll left center; } -.stable-body { background: window; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0); color: var(--text); } -.stable-body td { border-bottom: 1px solid #333333; } -.stable-body td div { font-family: Ubuntu, Verdana, Arial, Helvetica, sans-serif; height: 16px !important; } -.stable-body tr.odd td { background: #333333 } -.stable-body tr.even td { background: #191919 } -.stable-body tr { height: 22px; } -.stable-body { background: transparent } -.stable-body tr.selected td{ background: rgba(255, 255, 255, 0.25); color: var(--text-hover); text-shadow: 0px -1px 0px rgba(0, 0, 0, 0); } -div.stable-body table tbody tr.even td { background: rgba(0, 0, 0, 0.08); } -div.stable-body table tbody tr.even td:nth-child(2n+1) { color: var(--text); } -div.stable-body table tbody tr.even:nth-child(2n+1) td { background: #181818 url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/headers.png) repeat-x 0px -64px; } -.stable-move-header { background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/header_move.gif) repeat-x scroll center top; border: 1px solid #0099FF; } - -.stable-move-header { background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/header_move.gif) repeat-x scroll center top rgba(128,128,128,0.7); border: 1px solid #0099FF; } -.gecko .stable-move-header { background: rgba(128,128,128,0.7); -moz-opacity: 0.7; } -.ie .stable-move-header { background: rgba(128,128,128,0.7); filter:alpha(opacity=70) } -.webkit .stable-move-header { background: rgba(128,128,128,0.7); } - -.stable-active-header { border-color: threedface !important } -.stable-separator-header { background: #181818; } -.stable-scrollpos { background: #181818 url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/headers.png) repeat-x 0px -37px; height: 17px; line-height: 17px; border-bottom: 1px solid #333333; } -.stable-scrollpos:nth-child(2n+1) { background: #181818 url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/headers.png) repeat-x 0px -64px; } +.stable { + border: 1px solid; + border-color: #333333 #181818 #181818 #333333; +} + +.stable td { + padding: 2px; +} + +.stable-head { + color: var(--text-hover); + background: rgba(0, 0, 0, 0.45); + border: none; + text-shadow: 0px 1px 0px rgba(0, 0, 0, 0); + font-family: Ubuntu; +} + +div#tdcont .stable-head { + border: none; +} + +div#tdcont .stable { + border: none; +} + +.stable-head table tr { + background: transparent; + border: none; +} + +.stable-head table tr td { + border: none; + font-family: Ubuntu; + height: 18px; + line-height: 18px; + cursor: pointer; +} + +.stable-head div.resz { + border: 1px solid #FF0000; + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/s.gif) no-repeat scroll left center; +} + +.stable-body { + background: window; + text-shadow: 0px 1px 0px rgba(0, 0, 0, 0); + color: var(--text); +} + +.stable-body td { + border-bottom: 1px solid #333333; +} + +.stable-body td div { + font-family: Ubuntu, Verdana, Arial, Helvetica, sans-serif; + height: 16px !important; +} + +.stable-body tr.odd td { + background: #333333 +} + +.stable-body tr.even td { + background: #191919 +} + +.stable-body tr { + height: 22px; +} + +.stable-body { + background: transparent +} + +.stable-body tr.selected td { + background: rgba(255, 255, 255, 0.25); + color: var(--text-hover); + text-shadow: 0px -1px 0px rgba(0, 0, 0, 0); +} + +div.stable-body table tbody tr.even td { + background: rgba(0, 0, 0, 0.08); +} + +div.stable-body table tbody tr.even td:nth-child(2n+1) { + color: var(--text); +} + +div.stable-body table tbody tr.even:nth-child(2n+1) td { + background: #181818 url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/headers.png) repeat-x 0px -64px; +} + +.stable-move-header { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/header_move.gif) repeat-x scroll center top; + border: 1px solid #0099FF; +} + +.stable-move-header { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/header_move.gif) repeat-x scroll center top rgba(128, 128, 128, 0.7); + border: 1px solid #0099FF; +} + +.gecko .stable-move-header { + background: rgba(128, 128, 128, 0.7); + -moz-opacity: 0.7; +} + +.ie .stable-move-header { + background: rgba(128, 128, 128, 0.7); + filter: alpha(opacity=70) +} + +.webkit .stable-move-header { + background: rgba(128, 128, 128, 0.7); +} + +.stable-active-header { + border-color: threedface !important +} + +.stable-separator-header { + background: #181818; +} + +.stable-scrollpos { + background: #181818 url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/headers.png) repeat-x 0px -37px; + height: 17px; + line-height: 17px; + border-bottom: 1px solid #333333; +} + +.stable-scrollpos:nth-child(2n+1) { + background: #181818 url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/headers.png) repeat-x 0px -64px; +} .meter-value { float: left; @@ -1392,8 +1362,25 @@ div.stable-body table tbody tr.even:nth-child(2n+1) td { background: #181818 url background: var(--progress-color) !important; } -.stable-body tr.selected span.meter-value { color: #fff; } -.meter-text { line-height: 16px; position: relative; text-align: left; float: left; width: 0px; height: 0px; overflow: visible; left: 40%; font-size: 11px; font-family: Ubuntu; z-index: 1; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0); color: var(--label-text-color); } +.stable-body tr.selected span.meter-value { + color: #fff; +} + +.meter-text { + line-height: 16px; + position: relative; + text-align: left; + float: left; + width: 0px; + height: 0px; + overflow: visible; + left: 40%; + font-size: 11px; + font-family: Ubuntu; + z-index: 1; + text-shadow: 0px 0px 2px rgba(0, 0, 0, 0); + color: var(--label-text-color); +} @@ -1405,127 +1392,351 @@ div.stable-body table tbody tr.even:nth-child(2n+1) td { background: #181818 url src: local('Ubuntu'), url(https://themes.googleusercontent.com/static/fonts/ubuntu/v5/_xyN3apAT_yRRDeqB3sPRg.woff) format('woff'); } -.tskconsole, .exconsole, .console, .starterConsole { background: #333333 } +.tskconsole, +.exconsole, +.console, +.starterConsole { + background: #333333 +} + #tsk_btns input.Button { - margin: 0px 3px - } - - #tsk_btns .scplay { - display:none - } - -.cCell { color: black } -#meter-disk-value, #qmeter-disk-value, #qmeter-band-value { float: left; border: 1px inset #1b1b1b; border-bottom: none; background: #96CE00 url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/headers.png) repeat-x 0px -138px; } -#meter-disk-text, #qmeter-disk-text, #meter-band-text { color: #fff; text-shadow: 0px 0px 2px #000; position: relative; text-align: left; float: left; width: 0px; height: 0px; overflow: visible; left: 40%; font-size: 11px; font-family: Ubuntu; z-index: 1; } -#meter-disk-holder, #qmeter-disk-holder, #meter-band-holder { width: 100px; height: 16px; line-height: 16px; border-right: none; padding-left: 25px; margin-left: 0px; background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/status_icons.png) no-repeat 3px -336px; } - -#meter-cpu-text { position: absolute; left: 65px; top: 0px; color: #fff; text-shadow: 0px 0px 2px #000; font-size: 11px; font-family: Ubuntu; } -#meter-cpu-holder { width: 100px; height: 16px; line-height: 16px; border-right: none; margin-left: 0px; padding-left: 25px; background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/status_icons.png) no-repeat 3px -320px; } + margin: 0px 3px +} + +#tsk_btns .scplay { + display: none +} + +.cCell { + color: black +} + +#meter-disk-value, +#qmeter-disk-value, +#qmeter-band-value { + float: left; + border: 1px inset #1b1b1b; + border-bottom: none; + background: #96CE00 url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/headers.png) repeat-x 0px -138px; +} + +#meter-disk-text, +#qmeter-disk-text, +#meter-band-text { + color: #fff; + text-shadow: 0px 0px 2px #000; + position: relative; + text-align: left; + float: left; + width: 0px; + height: 0px; + overflow: visible; + left: 40%; + font-size: 11px; + font-family: Ubuntu; + z-index: 1; +} + +#meter-disk-holder, +#qmeter-disk-holder, +#meter-band-holder { + width: 100px; + height: 16px; + line-height: 16px; + border-right: none; + padding-left: 25px; + margin-left: 0px; + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/status_icons.png) no-repeat 3px -336px; +} + +#meter-cpu-text { + position: absolute; + left: 65px; + top: 0px; + color: #fff; + text-shadow: 0px 0px 2px #000; + font-size: 11px; + font-family: Ubuntu; +} + +#meter-cpu-holder { + width: 100px; + height: 16px; + line-height: 16px; + border-right: none; + margin-left: 0px; + padding-left: 25px; + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/status_icons.png) no-repeat 3px -320px; +} + /* #meter-cpu-td {}*/ -div.graph_tab { color: #FFF; border-color: transparent; } -div#tcreate div.dlg-header { background: rgba(0, 0, 0, 0.25); border-bottom: 1px solid transparent; text-shadow: 0px -1px 0px #000; background-image: none !important; } -div#dlgAddRSS { background-color: #222222; border-top: 1px solid transparent; border-right: 1px solid transparent; border-left: 1px solid transparent; border-bottom: 1px solid transparent; } -div#dlgAddRSS-header, div#dlgAddRSS div.dlg-header { background: rgba(0, 0, 0, 0.25); border-bottom: 1px solid transparent; text-shadow: 0px -1px 0px #000; background-image: none !important; } +div.graph_tab { + color: #FFF; + border-color: transparent; +} +div#tcreate div.dlg-header { + background: rgba(0, 0, 0, 0.25); + border-bottom: 1px solid transparent; + text-shadow: 0px -1px 0px #000; + background-image: none !important; +} +div#dlgAddRSS { + background-color: #222222; + border-top: 1px solid transparent; + border-right: 1px solid transparent; + border-left: 1px solid transparent; + border-bottom: 1px solid transparent; +} -.lf li input.TextboxFocus { background-color: transparent; color: #009DDD } +div#dlgAddRSS-header, +div#dlgAddRSS div.dlg-header { + background: rgba(0, 0, 0, 0.25); + border-bottom: 1px solid transparent; + text-shadow: 0px -1px 0px #000; + background-image: none !important; +} -.cCell { color:#333; } -.Cell0 { background-color: #FFFDF0; border: 1px dotted #888888; } -.Cell1 { background-color: #7EB400; } +.lf li input.TextboxFocus { + background-color: transparent; + color: #009DDD +} -.Cell2 { background-color: #75A602; } +.cCell { + color: #333; +} -.Cell3 { background-color: #6D9A02; } +.Cell0 { + background-color: #FFFDF0; + border: 1px dotted #888888; +} + +.Cell1 { + background-color: #7EB400; +} + +.Cell2 { + background-color: #75A602; +} + +.Cell3 { + background-color: #6D9A02; +} + +.Cell4 { + background-color: #628C02; +} + +.Cell5 { + background-color: #5B8101; +} + +.Cell6 { + background-color: #527501; +} + +.Cell7 { + background-color: #4A6801; +} + +.Cell8 { + background-color: #435F01; +} + +.Cell9 { + background-color: #3B5401; +} + +.CellA { + background-color: #C1C3C3; +} + +.CellB { + background-color: #999A9A; +} + +.CellC { + background-color: #767776; +} + +.CellD { + background-color: #6B6C6B; +} + +.CellE { + background-color: #60605E; +} + +.CellF { + background-color: #000; + color: #fff; +} + +#tCellNotSupported { + text-align: center; +} + +#tRowNotSupported { + vertical-align: middle; + color: red; +} + +div#dlgEditRules-header, +#dlgEditRatioRules-header, +div#dlgEditRules div.dlg-header { + background: #181818 url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/dlg-toolbars.gif) no-repeat 0 -72px !important; + border-bottom: 1px solid #333333; + text-shadow: 0px -1px 0px #000; +} -.Cell4 { background-color: #628C02; } +div#dlgEditRules, +div#dlgEditRatioRules { + width: 600px; +} -.Cell5 { background-color: #5B8101; } +.lfc_rru, +.lfc_rur { + width: 250px; +} -.Cell6 { background-color: #527501; } +.lf_rru, +.lf_rur { + border: none; + border-radius: 2px; + background-color: #2D2D2D; +} -.Cell7 { background-color: #4A6801; } +#exratio_buttons1 input.Button { + margin: 0px 3px; +} -.Cell8 { background-color: #435F01; } +#autodl-tb { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/autodll-irc1.png) no-repeat center; +} -.Cell9 { background-color: #3B5401; } +#autodl-tb:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/autodll-irc2.png) no-repeat center; +} -.CellA { background-color: #C1C3C3; } +#autodl-multiselect-header { + background-image: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/dlg-autodl-irc.gif"); +} -.CellB { background-color: #999A9A; } +.shieven { + background: #191919; +} -.CellC { background-color: #767776; } +.shiodd { + background: #333333; +} -.CellD { background-color: #6B6C6B; } +div#webuiUpdateToggle.pause { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/pauseui.png) no-repeat; +} -.CellE { background-color: #60605E; } +div#webuiUpdateToggle.pause:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/pauseuih.png) no-repeat; +} -.CellF { background-color: #000; color:#fff; } +div#webuiUpdateToggle.resume { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/playui.png) no-repeat; +} -#tCellNotSupported { text-align: center; } +div#webuiUpdateToggle.resume:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/playuih.png) no-repeat; +} -#tRowNotSupported { vertical-align: middle; color: red; } +div#webuiRefresh { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/refreshui.png) no-repeat; +} + +div#webuiRefresh:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/refreshuih.png) no-repeat; +} + +div#linkproxy { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/proxy.png) no-repeat; +} -div#dlgEditRules-header,#dlgEditRatioRules-header,div#dlgEditRules div.dlg-header { background:#181818 url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/dlg-toolbars.gif) no-repeat 0 -72px !important; border-bottom: 1px solid #333333; text-shadow: 0px -1px 0px #000; } -div#dlgEditRules,div#dlgEditRatioRules { width:600px; } +div#linkproxy:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/proxyh.png) no-repeat; +} -.lfc_rru, .lfc_rur { width:250px;} -.lf_rru, .lf_rur { border:none; border-radius:2px; background-color:#2D2D2D;} +div#linklogs { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/linklogs.png) no-repeat; +} -#exratio_buttons1 input.Button {margin:0px 3px;} +div#linklogs:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/linklogsh.png) no-repeat; +} -#autodl-tb { background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/autodll-irc1.png) no-repeat center; } -#autodl-tb:hover { background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/autodll-irc2.png) no-repeat center; } -#autodl-multiselect-header { background-image: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/dlg-autodl-irc.gif"); } +div#linkseedboxmanager { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/seedboxmanager.png) no-repeat; +} -.shieven { background: #191919; } -.shiodd { background: #333333; } +div#linkseedboxmanager:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/seedboxmanagerh.png) no-repeat; +} -div#webuiUpdateToggle.pause { background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/pauseui.png) no-repeat; } -div#webuiUpdateToggle.pause:hover { background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/pauseuih.png) no-repeat; } +div#plugin { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/plugin.png) no-repeat; +} -div#webuiUpdateToggle.resume { background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/playui.png) no-repeat; } -div#webuiUpdateToggle.resume:hover { background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/playuih.png) no-repeat; } +div#plugin:hover { + background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/pluginh.png) no-repeat; +} -div#webuiRefresh { background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/refreshui.png) no-repeat; } -div#webuiRefresh:hover { background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/refreshuih.png) no-repeat; } +#maillayout #letterform table tr td { + background: #181818 +} -div#linkproxy { background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/proxy.png) no-repeat; } -div#linkproxy:hover { background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/proxyh.png) no-repeat; } +#maillayout #replyform table tr td { + background: #181818 +} -div#linklogs { background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/linklogs.png) no-repeat; } -div#linklogs:hover { background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/linklogsh.png) no-repeat; } +div#chat { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/chat.png); +} -div#linkseedboxmanager { background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/seedboxmanager.png) no-repeat; } -div#linkseedboxmanager:hover { background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/seedboxmanagerh.png) no-repeat; } +div#chat:hover { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/chat3.png); +} -div#plugin { background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/plugin.png) no-repeat; } -div#plugin:hover { background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/pluginh.png) no-repeat; } +div#tchat div.dlg-header { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/chat2.png); +} -#maillayout #letterform table tr td { background: #181818 } -#maillayout #replyform table tr td { background: #181818 } +#userlist, +#chatselect, +#chatarea, +#chatselect option { + border: none !important; + background-color: #6F6F6F !important; + border-radius: 2px !important; + color: #fff !important +} -div#chat { background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/chat.png); } -div#chat:hover { background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/chat3.png); } -div#tchat div.dlg-header { background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/chat2.png); } +div#logoff { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/logoff.png); +} -#userlist,#chatselect,#chatarea,#chatselect option -{ - border:none !important; - background-color:#6F6F6F !important; - border-radius:2px !important; - color:#fff !important - } +div#logoff:hover { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/logoff3.png); +} -div#logoff { background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/logoff.png); } -div#logoff:hover { background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/logoff3.png); } -div#logoffDlg div.dlg-header { background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/logoff2.png); } +div#logoffDlg div.dlg-header { + background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/logoff2.png); +} -.noty_alert, .noty_success { color: #000000; text-shadow: 0 -1px 0 #ffffff } +.noty_alert, +.noty_success { + color: #000000; + text-shadow: 0 -1px 0 #ffffff +} .retrackers { width: 100%; @@ -1540,19 +1751,22 @@ div#logoffDlg div.dlg-header { background-image: url(https://raw.githubuserconte } -#dlgEditRatioRules .rf_rru, #dlgEditRules .rf_rur { +#dlgEditRatioRules .rf_rru, +#dlgEditRules .rf_rur { background-color: transparent; } -#dlgEditRatioRules .lf_rru li input.TextboxFocus, #dlgEditRules .lf_rur li input.TextboxFocus { - background-color: rgb(255 255 255 / 25%); - color: #FFF; +#dlgEditRatioRules .lf_rru li input.TextboxFocus, +#dlgEditRules .lf_rur li input.TextboxFocus { + background-color: rgb(255 255 255 / 25%); + color: #FFF; } - #dlgEditRatioRules .lf_rru li input.TextboxNormal, #dlgEditRules .lf_rur li input.TextboxNormal { - background-color: rgb(255 255 255 / .08) !important; - color: #FFF; +#dlgEditRatioRules .lf_rru li input.TextboxNormal, +#dlgEditRules .lf_rur li input.TextboxNormal { + background-color: rgb(255 255 255 / .08) !important; + color: #FFF; } .autodl-listbox { @@ -1563,6 +1777,9 @@ div#logoffDlg div.dlg-header { background-image: url(https://raw.githubuserconte #autodl-filters { width: 800px !important; } -div#dlgEditRules-header, #dlgEditRatioRules-header, div#dlgEditRules div.dlg-header { + +div#dlgEditRules-header, +#dlgEditRatioRules-header, +div#dlgEditRules div.dlg-header { background: rgba(0, 0, 0, 0.25) !important; } \ No newline at end of file diff --git a/CSS/themes/sonarr/sonarr-base.css b/CSS/themes/sonarr/sonarr-base.css index 98f20ba7..b932090a 100644 --- a/CSS/themes/sonarr/sonarr-base.css +++ b/CSS/themes/sonarr/sonarr-base.css @@ -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; diff --git a/CSS/themes/synclounge/synclounge-base.css b/CSS/themes/synclounge/synclounge-base.css index 220df1ab..7982d8a4 100644 --- a/CSS/themes/synclounge/synclounge-base.css +++ b/CSS/themes/synclounge/synclounge-base.css @@ -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; +} \ No newline at end of file diff --git a/CSS/themes/tautulli/tautulli-base.css b/CSS/themes/tautulli/tautulli-base.css index 0d055b80..19302f10 100644 --- a/CSS/themes/tautulli/tautulli-base.css +++ b/CSS/themes/tautulli/tautulli-base.css @@ -1,4 +1,3 @@ - /* dP dP dP */ /* 88 88 88 */ /* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ @@ -10,422 +9,615 @@ /* Made by @gilbN */ /* https://github.com/gilbN/theme.park */ - body { - background: var(--main-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: var(--text); - } - - /* Text */ +body { + background: var(--main-bg-color); + background-repeat: repeat, no-repeat; + background-attachment: fixed, fixed; + background-position: center center, center center; + background-size: auto, cover; + -webkit-background-size: auto, cover; + -moz-background-size: auto, cover; + -o-background-size: auto, cover; + color: var(--text); +} + +/* Text */ p, -.news-title, .news-date { +.news-title, +.news-date { color: var(--text); } - .help-block ,h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, - .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, - h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small, - .header-bar span, - .dashboard-activity-info-time, strong, - .summary-content-details-tag strong, - .padded-header h1, h2, h3, h4, h5, h6, - .config-scheduler-table th, - #tautulli-news .open .news-title, #tautulli-news .open .news-date, #tautulli-news .accordion li.open .link i.fa { - color: var(--text-hover); - } +.help-block, +h1 small, +h2 small, +h3 small, +h4 small, +h5 small, +h6 small, +.h1 small, +.h2 small, +.h3 small, +.h4 small, +.h5 small, +.h6 small, +h1 .small, +h2 .small, +h3 .small, +h4 .small, +h5 .small, +h6 .small, +.h1 .small, +.h2 .small, +.h3 .small, +.h4 .small, +.h5 .small, +.h6 .small, +.header-bar span, +.dashboard-activity-info-time, +strong, +.summary-content-details-tag strong, +.padded-header h1, +h2, +h3, +h4, +h5, +h6, +.config-scheduler-table th, +#tautulli-news .open .news-title, +#tautulli-news .open .news-date, +#tautulli-news .accordion li.open .link i.fa { + color: var(--text-hover); +} - .list-unstyled { - color: #fff; - } +.list-unstyled { + color: #fff; +} - .text-muted, .small-muted { +.text-muted, +.small-muted { color: var(--text-muted); - } - - /* LINKS */ - - a, - a.no-highlight, - .news-body a { - color: var(--link-color); - } - - a:hover, - a.no-highlight:hover, - .dashboard-activity-metadata-title a:hover, - .dashboard-activity-metadata-user a:hover { +} + +/* LINKS */ + +a, +a.no-highlight, +.news-body a { + color: var(--link-color); +} + +a:hover, +a.no-highlight:hover, +.dashboard-activity-metadata-title a:hover, +.dashboard-activity-metadata-user a:hover { color: var(--link-color-hover); - } +} + +#plexpy-notifiers-table .friendly_name, +#notifier-config-modal span.notifier_id, +#plexpy-newsletters-table .friendly_name, +#newsletter-config-modal span.newsletter_id, +#plexpy-mobile-devices-table .friendly_name, +#mobile-device-config-modal span.notifier_id { + color: #fff; +} + +/* Navbar */ +.navbar { + 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-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +#search_form #search_button.btn-inactive { + background-color: #0000; +} + +.nav>li.active>a, +.nav>li.active>a:hover, +.nav>li.active>a:focus { + color: #f9be03; + background-color: rgba(0, 0, 0, 0.25); +} + +.nav>li>a { + color: var(--text); +} + +.nav>li>a:hover, +.nav>li>a:focus { + background-color: rgba(255, 255, 255, 0.08); + color: var(--text-hover); +} + +.nav .open>a, +.nav .open>a:hover, +.nav .open>a:focus { + background-color: rgba(255, 255, 255, 0.08); + color: rgb(var(--accent-color)); +} + +/* Dropdown */ +.dropdown-menu { + background: var(--drop-down-menu-bg); + 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>li>a { + color: var(--text); +} + +.dropdown-menu>li>a:hover, +.dropdown-menu>li>a:focus { + background-color: rgba(255, 255, 255, 0.08); + color: var(--text-hover); +} + +.dropdown-menu .divider { + background-color: rgba(255, 255, 255, 0.08); +} + +select, +.react-selectize.bootstrap3.root-node .react-selectize-control { + background: var(--drop-down-menu-bg); + 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; +} + +/* Dashboard */ +.dashboard-stats-background, +.dashboard-activity-background, +.dashboard-activity-poster-container { + background-color: rgba(0, 0, 0, 0.25); +} + +.dashboard-activity-progress-bar { + background-color: rgba(0, 0, 0, 0.25); +} + +.dashboard-activity-progress .buffer-bar { + background-color: rgba(255, 255, 255, 0.25); +} + +.dashboard-activity-metadata-user a { + color: var(--link-color); +} + +.dashboard-activity-metadata-subtitle-container { + color: #fff; +} - #plexpy-notifiers-table .friendly_name, #notifier-config-modal span.notifier_id, #plexpy-newsletters-table .friendly_name, - #newsletter-config-modal span.newsletter_id, #plexpy-mobile-devices-table .friendly_name, #mobile-device-config-modal span.notifier_id { - color: #fff; - } - /* Navbar */ - .navbar { - 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-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; - } - #search_form #search_button.btn-inactive { - background-color: #0000; - } - .nav > li.active > a, .nav > li.active > a:hover, .nav > li.active > a:focus { - color: #f9be03; - background-color: rgba(0, 0, 0, 0.25); - } - .nav > li > a { - color: var(--text); - } - .nav > li > a:hover, .nav > li > a:focus { - background-color: rgba(255, 255, 255, 0.08); - color: var(--text-hover); - } - .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { - background-color: rgba(255, 255, 255, 0.08); - color:rgb(var(--accent-color)); - } - - /* Dropdown */ - .dropdown-menu { - background: var(--drop-down-menu-bg); - 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 > li > a { - color: var(--text); - } - .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { - background-color: rgba(255, 255, 255, 0.08); - color: var(--text-hover); - } - .dropdown-menu .divider { - background-color: rgba(255, 255, 255, 0.08); - } - select, .react-selectize.bootstrap3.root-node .react-selectize-control { - background: var(--drop-down-menu-bg); - 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; - } - - /* Dashboard */ - .dashboard-stats-background, .dashboard-activity-background, .dashboard-activity-poster-container { - background-color: rgba(0, 0, 0, 0.25); - } - .dashboard-activity-progress-bar { - background-color: rgba(0, 0, 0, 0.25); - } - .dashboard-activity-progress .buffer-bar { - background-color: rgba(255, 255, 255, 0.25); - } - .dashboard-activity-metadata-user a { - color: var(--link-color); - } - .dashboard-activity-metadata-subtitle-container { - color: #fff; - } - .dashboard-recent-media-metacontainer h3.text-muted a { - color: #fff; - } - .dashboard-recent-media-metacontainer h3.text-muted { - color: #fff; - } - - /* Buttons */ - .btn-dark { +.dashboard-recent-media-metacontainer h3.text-muted a { + color: #fff; +} + +.dashboard-recent-media-metacontainer h3.text-muted { + color: #fff; +} + +/* Buttons */ +.btn-dark { background-color: var(--button-color); border-color: var(--button-color); } + .btn-dark:hover { color: var(--button-text-hover); background-color: var(--button-color-hover); border-color: var(--button-color-hover); } -.btn-dark:active, .btn-dark.active, .open > .dropdown-toggle.btn-dark, .btn-dark.active:focus { + +.btn-dark:active, +.btn-dark.active, +.open>.dropdown-toggle.btn-dark, +.btn-dark.active:focus { color: var(--button-text-hover); background-color: var(--button-color-hover); border-color: var(--button-color-hover); } -.btn:focus:not(select), .btn.focus:not(select), .btn-dark:focus:not(select), .btn-dark.focus:not(select), .btn-dark:active:focus:not(select) { - color: var(--button-text-hover); - background-color: var(--button-color-hover) !important; + +.btn:focus:not(select), +.btn.focus:not(select), +.btn-dark:focus:not(select), +.btn-dark.focus:not(select), +.btn-dark:active:focus:not(select) { + color: var(--button-text-hover); + background-color: var(--button-color-hover) !important; } - .btn-dark.active:hover { + +.btn-dark.active:hover { background-color: var(--button-color-hover); } - .btn-dark.inactive:hover { + +.btn-dark.inactive:hover { background-color: rgba(255, 255, 255, 0.08); } + .btn-danger.btn-edit { background-color: rgba(255, 255, 255, 0.25); } + .btn-form { background-color: var(--button-color); } + .btn-form:hover { background-color: var(--button-color-hover); } - - /* Inputs */ - textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { - background-color: rgba(0, 0, 0, 0.25); - } - .react-selectize.root-node .react-selectize-control, .selectize-control.form-control .selectize-input { - background: rgba(0, 0, 0, 0.25) !important; - } - - /*Formcontrol */ - select.form-control, div.form-control .selectize-input { - background-color: rgba(0, 0, 0, 0.25); - } - @media (min-width: 768px) { - .form-inline .input-group > .form-control { - width: auto; - } - } - .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { - background-color: rgba(236, 236, 236, 0.25); - } - textarea.form-control { - background-color: rgba(0, 0, 0, 0.25); - } - textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { - color: #fff; - background: rgba(0, 0, 0, 0.25); - } - .form-control:focus { - border-color: transparent; - outline: 0; - -webkit-box-shadow: none; - box-shadow: none; - } - /* Settings table cards */ - .table-card-header { - background-color: rgba(0, 0, 0, 0.25); - border-bottom: 1px solid rgba(255, 255, 255, 0.25); - border-top: 1px solid #00000000; - } - .table-card-back { - background-color: rgba(0, 0, 0, 0.15); - } - table.display thead th { - color: var(--text-hover); - background-color: rgba(0, 0, 0, 0.25); - } - table.display thead tr:hover { - background-color: rgba(0, 0, 0, 0.45); - } - /*Settings menu */ - .card-back-full { - background-color: transparent; - } - .nav-settings > li > a { - border-bottom: 1px solid transparent; - color: var(--text); - } - .nav-settings > li { - background-color: rgba(0, 0, 0, 0.45); - border-top: 1px solid transparent; - } - .nav-settings > .active > a, .nav-settings > .active > a:hover, .nav-settings > .active > a:focus { - background-color: rgba(0, 0, 0, 0.25); - } - .nav-settings > li > a:hover, .nav-settings > li > a:focus { - color: var(--text-hover); - background-color: rgba(255, 255, 255, 0.08); - } - .card { - background-color: rgba(0, 0, 0, 0.25); - border-top: 1px solid #00000000; - } - .card-sortable { - border-bottom: 1px solid rgba(255, 255, 255, 0.08); - } - .card-handle { - color: #fff; - background-color: rgba(0, 0, 0, 0.25); - } - /*Notification agents menu */ - .stacked-configs > li { - background-color: rgba(0, 0, 0, 0.25); - } - .stacked-configs > li > span { - color: #FFF; - border-left: 2px solid rgba(0, 0, 0, 0.25); - border-top: 1px solid rgba(255, 255, 255, 0.08); - } - .stacked-configs > li > span:hover, .stacked-configs > li > span:focus { - color: #fff; - background-color: rgba(255, 255, 255, 0.08); - } - .stacked-configs > li > span > a.toggle-left, .stacked-configs > li > span > span.toggle-left { + +/* Inputs */ +textarea, +input[type="text"], +input[type="password"], +input[type="datetime"], +input[type="datetime-local"], +input[type="date"], +input[type="month"], +input[type="time"], +input[type="week"], +input[type="number"], +input[type="email"], +input[type="url"], +input[type="search"], +input[type="tel"], +input[type="color"], +.uneditable-input { + background-color: rgba(0, 0, 0, 0.25); +} + +.react-selectize.root-node .react-selectize-control, +.selectize-control.form-control .selectize-input { + background: rgba(0, 0, 0, 0.25) !important; +} + +/*Formcontrol */ +select.form-control, +div.form-control .selectize-input { + background-color: rgba(0, 0, 0, 0.25); +} + +@media (min-width: 768px) { + .form-inline .input-group>.form-control { + width: auto; + } +} + +.form-control[disabled], +.form-control[readonly], +fieldset[disabled] .form-control { + background-color: rgba(236, 236, 236, 0.25); +} + +textarea.form-control { + background-color: rgba(0, 0, 0, 0.25); +} + +textarea:focus, +input[type="text"]:focus, +input[type="password"]:focus, +input[type="datetime"]:focus, +input[type="datetime-local"]:focus, +input[type="date"]:focus, +input[type="month"]:focus, +input[type="time"]:focus, +input[type="week"]:focus, +input[type="number"]:focus, +input[type="email"]:focus, +input[type="url"]:focus, +input[type="search"]:focus, +input[type="tel"]:focus, +input[type="color"]:focus, +.uneditable-input:focus { + color: #fff; + background: rgba(0, 0, 0, 0.25); +} + +.form-control:focus { + border-color: transparent; + outline: 0; + -webkit-box-shadow: none; + box-shadow: none; +} + +/* Settings table cards */ +.table-card-header { + background-color: rgba(0, 0, 0, 0.25); + border-bottom: 1px solid rgba(255, 255, 255, 0.25); + border-top: 1px solid #00000000; +} + +.table-card-back { + background-color: rgba(0, 0, 0, 0.15); +} + +table.display thead th { + color: var(--text-hover); + background-color: rgba(0, 0, 0, 0.25); +} + +table.display thead tr:hover { + background-color: rgba(0, 0, 0, 0.45); +} + +/*Settings menu */ +.card-back-full { + background-color: transparent; +} + +.nav-settings>li>a { + border-bottom: 1px solid transparent; + color: var(--text); +} + +.nav-settings>li { + background-color: rgba(0, 0, 0, 0.45); + border-top: 1px solid transparent; +} + +.nav-settings>.active>a, +.nav-settings>.active>a:hover, +.nav-settings>.active>a:focus { + background-color: rgba(0, 0, 0, 0.25); +} + +.nav-settings>li>a:hover, +.nav-settings>li>a:focus { + color: var(--text-hover); + background-color: rgba(255, 255, 255, 0.08); +} + +.card { + background-color: rgba(0, 0, 0, 0.25); + border-top: 1px solid #00000000; +} + +.card-sortable { + border-bottom: 1px solid rgba(255, 255, 255, 0.08); +} + +.card-handle { + color: #fff; + background-color: rgba(0, 0, 0, 0.25); +} + +/*Notification agents menu */ +.stacked-configs>li { + background-color: rgba(0, 0, 0, 0.25); +} + +.stacked-configs>li>span { + color: #FFF; + border-left: 2px solid rgba(0, 0, 0, 0.25); + border-top: 1px solid rgba(255, 255, 255, 0.08); +} + +.stacked-configs>li>span:hover, +.stacked-configs>li>span:focus { + color: #fff; + background-color: rgba(255, 255, 255, 0.08); +} + +.stacked-configs>li>span>a.toggle-left, +.stacked-configs>li>span>span.toggle-left { color: #999; - } -span > a.active, .stacked-configs > li > span > span.active { +} + +span>a.active, +.stacked-configs>li>span>span.active { color: #f9be03; - } - .inline-pre { - background-color: rgba(255, 255, 255, 0.25); - } - /* Summary containers */ - .summary-container .table-card-header, .summary-container .table-card-back { - background: rgba(0, 0, 0, 0.45); - } - .summary-navbar { - background-color: rgba(0, 0, 0, 0.25); - } - - /* pagination */ - .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { - background-color: rgba(0, 0, 0, 0.25); - border-color: #00000000; - } - .pagination > li > a, .pagination > li > span { +} + +.inline-pre { + background-color: rgba(255, 255, 255, 0.25); +} + +/* Summary containers */ +.summary-container .table-card-header, +.summary-container .table-card-back { + background: rgba(0, 0, 0, 0.45); +} + +.summary-navbar { + background-color: rgba(0, 0, 0, 0.25); +} + +/* pagination */ +.pagination>.disabled>span, +.pagination>.disabled>span:hover, +.pagination>.disabled>span:focus, +.pagination>.disabled>a, +.pagination>.disabled>a:hover, +.pagination>.disabled>a:focus { + background-color: rgba(0, 0, 0, 0.25); + border-color: #00000000; +} + +.pagination>li>a, +.pagination>li>span { background-color: var(--button-color); border: 1px solid var(--button-color); color: var(--button-text); - } - .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { - background-color: var(--button-color-hover); - border: 1px solid var(--button-color-hover); - color: var(--button-text-hover); - } - /* Graphs */ - .graphs-instance { - background-color: rgba(0, 0, 0, 0.45); - } - /* Modal */ - .modal-content { - border: none; - } - .modal-body li { - color: #fff; - } - .modal-body { - 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; - } - .modal-header { - background: var(--modal-header-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - border-bottom: 1px solid rgb(var(--accent-color)); - } - .modal-footer { - background: var(--modal-footer-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - border-top: 1px solid rgb(var(--accent-color)); - } - .modal-config-section { - border-top: 1px solid rgba(255, 255, 255, .08); - } - #changelog-modal .modal-body > h2 { - border-bottom: 1px solid rgba(255, 255, 255, 0.08); - } - #notifier-config-modal .nav-tabs > li > a, #newsletter-config-modal .nav-tabs > li > a { - color: var(--text); - } - #notifier-config-modal .nav-tabs > li.active > a, #notifier-config-modal .nav-tabs > li.active > a:hover, #notifier-config-modal .nav-tabs > li.active > a:focus, #newsletter-config-modal .nav-tabs > li.active > a, #newsletter-config-modal .nav-tabs > li.active > a:hover, #newsletter-config-modal .nav-tabs > li.active > a:focus { - color: var(--text-hover); - background: rgba(0, 0, 0, 0.45); - } - #notifier-config-modal .nav-tabs > li.active > a, #notifier-config-modal .nav-tabs > li.active > a:hover, #notifier-config-modal .nav-tabs > li.active > a:focus, #newsletter-config-modal .nav-tabs > li.active > a, #newsletter-config-modal .nav-tabs > li.active > a:hover, #newsletter-config-modal .nav-tabs > li.active > a:focus { - border: 1px solid #0000; - border-bottom-color: transparent; - } - #notifier-config-modal .nav-tabs > li > a:hover, #newsletter-config-modal .nav-tabs > li > a:hover { - border-color: #0000; - background: rgba(255, 255, 255, 0.08); - color: var(--text-hover); - } - #notifier-config-modal .nav-tabs, #newsletter-config-modal .nav-tabs { - border-bottom: 1px solid rgba(255, 255, 255, 0.25); - } - .accordion { - background: rgba(0, 0, 0, 0.25); - } - .accordion li .link { - color: #fff; - border-bottom: 1px solid rgba(255, 255, 255, 0.08); - } - .accordion li .link:hover, .accordion li .link:hover i.fa { - background: rgba(255, 255, 255, 0.08); - } - .submenu { - background: rgba(0, 0, 0, 0.25); - } - /* Stream info */ - .stream-info { - background-color: rgba(0, 0, 0, 0.25); - } - /* Edit metadata */ - .item-children-section-title { - background-color: rgba(255, 255, 255, 0.08); - border-bottom: 1px solid #00000000; - border-top: 1px solid #00000000; - } - - /* Mobile */ - .navbar-toggle:hover, .navbar-toggle:focus { - background-color: rgba(255, 255, 255, 0.08); - } - .navbar-toggle { - background-color: rgba(255, 255, 255, 0.08); - } - @media (max-width: 768px) { - .navbar-collapse.in { - box-shadow: 0px 15px 10px -10px rgba(0, 0, 0, 0.7); - } } + +.pagination>li>a:hover, +.pagination>li>span:hover, +.pagination>li>a:focus, +.pagination>li>span:focus { + background-color: var(--button-color-hover); + border: 1px solid var(--button-color-hover); + color: var(--button-text-hover); +} + +/* Graphs */ +.graphs-instance { + background-color: rgba(0, 0, 0, 0.45); +} + +/* Modal */ +.modal-content { + border: none; +} + +.modal-body li { + color: #fff; +} + +.modal-body { + 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; +} + +.modal-header { + background: var(--modal-header-color); + background-repeat: repeat, no-repeat; + background-attachment: fixed, fixed; + background-position: center center, center center; + background-size: auto, cover; + -webkit-background-size: auto, cover; + -moz-background-size: auto, cover; + -o-background-size: auto, cover; + border-bottom: 1px solid rgb(var(--accent-color)); +} + +.modal-footer { + background: var(--modal-footer-color); + background-repeat: repeat, no-repeat; + background-attachment: fixed, fixed; + background-position: center center, center center; + background-size: auto, cover; + -webkit-background-size: auto, cover; + -moz-background-size: auto, cover; + -o-background-size: auto, cover; + border-top: 1px solid rgb(var(--accent-color)); +} + +.modal-config-section { + border-top: 1px solid rgba(255, 255, 255, .08); +} + +#changelog-modal .modal-body>h2 { + border-bottom: 1px solid rgba(255, 255, 255, 0.08); +} + +#notifier-config-modal .nav-tabs>li>a, +#newsletter-config-modal .nav-tabs>li>a { + color: var(--text); +} + +#notifier-config-modal .nav-tabs>li.active>a, +#notifier-config-modal .nav-tabs>li.active>a:hover, +#notifier-config-modal .nav-tabs>li.active>a:focus, +#newsletter-config-modal .nav-tabs>li.active>a, +#newsletter-config-modal .nav-tabs>li.active>a:hover, +#newsletter-config-modal .nav-tabs>li.active>a:focus { + color: var(--text-hover); + background: rgba(0, 0, 0, 0.45); +} + +#notifier-config-modal .nav-tabs>li.active>a, +#notifier-config-modal .nav-tabs>li.active>a:hover, +#notifier-config-modal .nav-tabs>li.active>a:focus, +#newsletter-config-modal .nav-tabs>li.active>a, +#newsletter-config-modal .nav-tabs>li.active>a:hover, +#newsletter-config-modal .nav-tabs>li.active>a:focus { + border: 1px solid #0000; + border-bottom-color: transparent; +} + +#notifier-config-modal .nav-tabs>li>a:hover, +#newsletter-config-modal .nav-tabs>li>a:hover { + border-color: #0000; + background: rgba(255, 255, 255, 0.08); + color: var(--text-hover); +} + +#notifier-config-modal .nav-tabs, +#newsletter-config-modal .nav-tabs { + border-bottom: 1px solid rgba(255, 255, 255, 0.25); +} + +.accordion { + background: rgba(0, 0, 0, 0.25); +} + +.accordion li .link { + color: #fff; + border-bottom: 1px solid rgba(255, 255, 255, 0.08); +} + +.accordion li .link:hover, +.accordion li .link:hover i.fa { + background: rgba(255, 255, 255, 0.08); +} + +.submenu { + background: rgba(0, 0, 0, 0.25); +} + +/* Stream info */ +.stream-info { + background-color: rgba(0, 0, 0, 0.25); +} + +/* Edit metadata */ +.item-children-section-title { + background-color: rgba(255, 255, 255, 0.08); + border-bottom: 1px solid #00000000; + border-top: 1px solid #00000000; +} + +/* Mobile */ +.navbar-toggle:hover, +.navbar-toggle:focus { + background-color: rgba(255, 255, 255, 0.08); +} + +.navbar-toggle { + background-color: rgba(255, 255, 255, 0.08); +} + +@media (max-width: 768px) { + .navbar-collapse.in { + box-shadow: 0px 15px 10px -10px rgba(0, 0, 0, 0.7); + } +} + #login-methods .submenu { background: transparent; } + .login-container .remember-group { color: #eee; } -#login-methods > li.open > div { + +#login-methods>li.open>div { color: rgb(var(--accent-color)); } @@ -435,27 +627,64 @@ span > a.active, .stacked-configs > li > span > span.active { background-color: var(--button-color); box-shadow: inset 0 1px 0 var(--button-color); } + .btn-bright:hover { color: #fff; background-color: var(--button-color-hover); box-shadow: inset 0 1px 0 var(--button-color-hover); } -.btn-bright:active, .btn-bright.active, .open > .dropdown-toggle.btn-bright, #menu_link_show_advanced_settings.active { + +.btn-bright:active, +.btn-bright.active, +.open>.dropdown-toggle.btn-bright, +#menu_link_show_advanced_settings.active { color: #fff; background-color: var(--button-color-hover); box-shadow: inset 0 1px 0 var(--button-color-hover); } -.btn-bright:active:hover, .btn-bright.active:hover, .open > .dropdown-toggle.btn-bright:hover, .btn-bright:active:focus, .btn-bright.active:focus, .open > .dropdown-toggle.btn-bright:focus, .btn-bright:active.focus, .btn-bright.active.focus, .open > .dropdown-toggle.btn-bright.focus { + +.btn-bright:active:hover, +.btn-bright.active:hover, +.open>.dropdown-toggle.btn-bright:hover, +.btn-bright:active:focus, +.btn-bright.active:focus, +.open>.dropdown-toggle.btn-bright:focus, +.btn-bright:active.focus, +.btn-bright.active.focus, +.open>.dropdown-toggle.btn-bright.focus { color: #fff; background-color: var(--button-color-hover); box-shadow: inset 0 1px 0 var(--button-color-hover); } -.btn:focus:not(#history-user):not(#graph-user):not(#sync-user), .btn.focus, .btn-dark:focus, .btn-dark.focus, .btn-dark:active:focus { + +.btn:focus:not(#history-user):not(#graph-user):not(#sync-user), +.btn.focus, +.btn-dark:focus, +.btn-dark.focus, +.btn-dark:active:focus { color: #fff; background-color: var(--button-color-hover) !important; opacity: .8; } -.btn-bright.disabled, .btn-bright[disabled], fieldset[disabled] .btn-bright, .btn-bright.disabled:hover, .btn-bright[disabled]:hover, fieldset[disabled] .btn-bright:hover, .btn-bright.disabled:focus, .btn-bright[disabled]:focus, fieldset[disabled] .btn-bright:focus, .btn-bright.disabled.focus, .btn-bright[disabled].focus, fieldset[disabled] .btn-bright.focus, .btn-bright.disabled:active, .btn-bright[disabled]:active, fieldset[disabled] .btn-bright:active, .btn-bright.disabled.active, .btn-bright[disabled].active, fieldset[disabled] .btn-bright.active { + +.btn-bright.disabled, +.btn-bright[disabled], +fieldset[disabled] .btn-bright, +.btn-bright.disabled:hover, +.btn-bright[disabled]:hover, +fieldset[disabled] .btn-bright:hover, +.btn-bright.disabled:focus, +.btn-bright[disabled]:focus, +fieldset[disabled] .btn-bright:focus, +.btn-bright.disabled.focus, +.btn-bright[disabled].focus, +fieldset[disabled] .btn-bright.focus, +.btn-bright.disabled:active, +.btn-bright[disabled]:active, +fieldset[disabled] .btn-bright:active, +.btn-bright.disabled.active, +.btn-bright[disabled].active, +fieldset[disabled] .btn-bright.active { background-color: var(--button-color); border-color: var(--button-color); } @@ -465,12 +694,17 @@ span > a.active, .stacked-configs > li > span > span.active { color: var(--label-text-color); background-color: rgb(var(--accent-color)); } + .summary-content { color: rgb(var(--accent-color)); } -.nav > li.active > a, .nav > li.active > a:hover, .nav > li.active > a:focus { + +.nav>li.active>a, +.nav>li.active>a:hover, +.nav>li.active>a:focus { color: rgb(var(--accent-color)); } + .dashboard-activity-progress .progress-bar { background-color: rgb(var(--accent-color)); background-image: -moz-linear-gradient(top, var(--accent-color-hover), rgb(var(--accent-color))); @@ -480,97 +714,145 @@ span > a.active, .stacked-configs > li > span > span.active { background-image: linear-gradient(to bottom, var(--accent-color-hover, rgb(var(--accent-color)))); } + .dashboard-stats-info-item .sub-count { color: rgb(var(--accent-color)); } -.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { + +.pagination>.active>a, +.pagination>.active>span, +.pagination>.active>a:hover, +.pagination>.active>span:hover, +.pagination>.active>a:focus, +.pagination>.active>span:focus { background-color: var(--button-color-hover); border-color: var(--button-color-hover); color: var(--button-text-hover); } -a:hover, a:focus { + +a:hover, +a:focus { color: var(--link-color-hover); } + table.display td:hover a { color: var(--link-color-hover); } -.user-overview-stats-instance h3, .user-player-instance-playcount h3, .summary-content-title h1, .summary-content-title h1 a { + +.user-overview-stats-instance h3, +.user-player-instance-playcount h3, +.summary-content-title h1, +.summary-content-title h1 a { color: var(--text-hover); } -.user-info-nav > .active > a { + +.user-info-nav>.active>a { color: rgb(var(--accent-color)); } -a:hover .dashboard-recent-media-poster, a:hover .dashboard-recent-media-cover { + +a:hover .dashboard-recent-media-poster, +a:hover .dashboard-recent-media-cover { -webkit-box-shadow: inset 0 0 0 2px rgb(var(--accent-color)); -moz-box-shadow: inset 0 0 0 2px rgb(var(--accent-color)); box-shadow: inset 0 0 0 2px rgb(var(--accent-color)); } -.nav-settings > .active > a, .nav-settings > .active > a:hover, .nav-settings > .active > a:focus { + +.nav-settings>.active>a, +.nav-settings>.active>a:hover, +.nav-settings>.active>a:focus { color: rgb(var(--accent-color)); } + div.advanced-setting { border-left: 1px solid rgb(var(--accent-color)); } + .docker-setting { color: rgb(var(--accent-color)); } -.modal-body strong, .modal-body strong i.fa { - color: rgb(var(--accent-color)); + +.modal-body strong, +.modal-body strong i.fa { + color: rgb(var(--accent-color)); } + .user-info-nav a:hover { color: var(--accent-color-hover) } -a:hover .dashboard-activity-poster, a:hover .dashboard-activity-cover { + +a:hover .dashboard-activity-poster, +a:hover .dashboard-activity-cover { -webkit-box-shadow: inset 0 0 0 2px rgb(var(--accent-color)); -moz-box-shadow: inset 0 0 0 2px rgb(var(--accent-color)); box-shadow: inset 0 0 0 2px rgb(var(--accent-color)); } -a:hover .dashboard-stats-poster, a:hover .dashboard-stats-cover, a:hover .dashboard-stats-circle, a:hover .dashboard-stats-square { + +a:hover .dashboard-stats-poster, +a:hover .dashboard-stats-cover, +a:hover .dashboard-stats-circle, +a:hover .dashboard-stats-square { -webkit-box-shadow: inset 0 0 0 2px rgb(var(--accent-color)); -moz-box-shadow: inset 0 0 0 2px rgb(var(--accent-color)); box-shadow: inset 0 0 0 2px rgb(var(--accent-color)); } + a:hover .item-children-poster { -webkit-box-shadow: inset 0 0 0 2px rgb(var(--accent-color)); -moz-box-shadow: inset 0 0 0 2px rgb(var(--accent-color)); box-shadow: inset 0 0 0 2px rgb(var(--accent-color)); } + .dashboard-activity-terminate-session:hover { color: rgb(var(--accent-color)); } + a .dashboard-activity-metadata-user-thumb:hover { -webkit-box-shadow: inset 0 0 0 2px rgb(var(--accent-color)); -moz-box-shadow: inset 0 0 0 2px rgb(var(--accent-color)); box-shadow: inset 0 0 0 2px rgb(var(--accent-color)); } + .stream-info .heading { color: rgb(var(--accent-color)); } + a .library-user-instance-box:hover { -webkit-box-shadow: inset 0 0 0 2px rgb(var(--accent-color)); -moz-box-shadow: inset 0 0 0 2px rgb(var(--accent-color)); box-shadow: inset 0 0 0 2px rgb(var(--accent-color)); } + .summary-navbar-list .breadcrumb a:hover { color: rgb(var(--accent-color)); } + .dashboard-recent-media-metacontainer h3.text-muted a:hover { color: rgb(var(--accent-color)); } -a .poster-face:hover, a .cover-face:hover, a .users-poster-face:hover,.summary-poster-face-overlay { + +a .poster-face:hover, +a .cover-face:hover, +a .users-poster-face:hover, +.summary-poster-face-overlay { -webkit-box-shadow: inset 0 0 0 2px rgb(var(--accent-color)); -moz-box-shadow: inset 0 0 0 2px rgb(var(--accent-color)); box-shadow: inset 0 0 0 2px rgb(var(--accent-color)); } + .submenu li { border-bottom: 1px solid rgba(255, 255, 255, 0.08); } -span > a.active, .stacked-configs > li > span > span.active { + +span>a.active, +.stacked-configs>li>span>span.active { color: rgb(var(--accent-color)); } -.accordion li.open .link, .accordion li.open .link i.fa { + +.accordion li.open .link, +.accordion li.open .link i.fa { color: rgb(var(--accent-color)); } + .news-body a:hover { color: var(--link-color-hover); } \ No newline at end of file diff --git a/CSS/themes/thelounge/thelounge-base.css b/CSS/themes/thelounge/thelounge-base.css index 27a30289..680d1209 100644 --- a/CSS/themes/thelounge/thelounge-base.css +++ b/CSS/themes/thelounge/thelounge-base.css @@ -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); + +} \ No newline at end of file diff --git a/CSS/themes/transmission/transmission-base.css b/CSS/themes/transmission/transmission-base.css index ff587448..4fa02805 100644 --- a/CSS/themes/transmission/transmission-base.css +++ b/CSS/themes/transmission/transmission-base.css @@ -1,4 +1,3 @@ - /* dP dP dP */ /* 88 88 88 */ /* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ @@ -15,6 +14,7 @@ * { outline: none !important; } + a { color: var(--link-color); } @@ -22,6 +22,7 @@ a { a:hover { color: var(--link-color-hover); } + body { background: var(--main-bg-color); background-repeat: repeat, no-repeat; @@ -30,16 +31,18 @@ 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); } -/* 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%; @@ -50,29 +53,34 @@ body { 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; + -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; +} + div#torrent_container { background: var(--main-bg-color); background-repeat: repeat, no-repeat; @@ -81,7 +89,7 @@ div#torrent_container { background-size: auto, cover; -webkit-background-size: auto, cover; -moz-background-size: auto, cover; - -o-background-size: auto, cover; + -o-background-size: auto, cover; } div#torrent_inspector #inspector_header #torrent_inspector_name, @@ -94,128 +102,207 @@ div#toolbar { background: rgba(0, 0, 0, .25); background-image: none; border-bottom: 1px solid transparent; - } - div#toolbar > div#toolbar-separator { display:none} - /* Open torrent folder*/ - div#toolbar > div#toolbar-open {background-image: none;} - div#toolbar > div#toolbar-open:hover:before {color: var(--accent-color-hover);} - div#toolbar > div#toolbar-open:before { +} + +div#toolbar>div#toolbar-separator { + display: none +} + +/* Open torrent folder*/ +div#toolbar>div#toolbar-open { + background-image: none; +} + +div#toolbar>div#toolbar-open:hover:before { + color: var(--accent-color-hover); +} + +div#toolbar>div#toolbar-open:before { font-family: "Font Awesome 5 Free"; - font-size: 33px; + font-size: 33px; content: "\f07c"; font-weight: 900; display: inline-block; - color: rgb(var(--accent-color)); + color: rgb(var(--accent-color)); margin-right: 5px; - } - /* Stop Icon */ - div#toolbar > div#toolbar-remove {background-image: none;} - div#toolbar > div#toolbar-remove:hover:before {color: var(--accent-color-hover);} - div#toolbar > div#toolbar-remove:before { +} + +/* Stop Icon */ +div#toolbar>div#toolbar-remove { + background-image: none; +} + +div#toolbar>div#toolbar-remove:hover:before { + color: var(--accent-color-hover); +} + +div#toolbar>div#toolbar-remove:before { font-family: "Font Awesome 5 Free"; - font-size: 33px; + font-size: 33px; content: "\f28d"; font-weight: 900; display: inline-block; - color: rgb(var(--accent-color)); + color: rgb(var(--accent-color)); margin-left: 5px; - } - /* Start Icon */ - div#toolbar > div#toolbar-start {background-image: none;} - div#toolbar > div#toolbar-start:hover:before {color: var(--accent-color-hover);} - div#toolbar > div#toolbar-start:before { +} + +/* Start Icon */ +div#toolbar>div#toolbar-start { + background-image: none; +} + +div#toolbar>div#toolbar-start:hover:before { + color: var(--accent-color-hover); +} + +div#toolbar>div#toolbar-start:before { font-family: "Font Awesome 5 Free"; - font-size: 33px; + font-size: 33px; content: "\f152"; font-weight: 900; display: inline-block; - color: rgb(var(--accent-color)); + color: rgb(var(--accent-color)); margin-left: 5px; - } - /* Pause Icon */ - div#toolbar > div#toolbar-pause {background-image: none;} - div#toolbar > div#toolbar-pause:hover:before {color: var(--accent-color-hover);} - div#toolbar > div#toolbar-pause:before { +} + +/* Pause Icon */ +div#toolbar>div#toolbar-pause { + background-image: none; +} + +div#toolbar>div#toolbar-pause:hover:before { + color: var(--accent-color-hover); +} + +div#toolbar>div#toolbar-pause:before { font-family: "Font Awesome 5 Free"; - font-size: 33px; + font-size: 33px; content: "\f04c"; font-weight: 900; display: inline-block; - color: rgb(var(--accent-color)); + color: rgb(var(--accent-color)); margin-left: 5px; - } - /* Start-all Icon */ - div#toolbar > div#toolbar-start-all {background-image: none;} - div#toolbar > div#toolbar-start-all:hover:before {color: var(--accent-color-hover);} - div#toolbar > div#toolbar-start-all:before { +} + +/* Start-all Icon */ +div#toolbar>div#toolbar-start-all { + background-image: none; +} + +div#toolbar>div#toolbar-start-all:hover:before { + color: var(--accent-color-hover); +} + +div#toolbar>div#toolbar-start-all:before { font-family: "Font Awesome 5 Free"; - font-size: 33px; + font-size: 33px; content: "\f101"; font-weight: 900; display: inline-block; - color: rgb(var(--accent-color)); + color: rgb(var(--accent-color)); margin-left: 5px; - } - /* Pause-all Icon */ - div#toolbar > div#toolbar-pause-all {background-image: none;} - div#toolbar > div#toolbar-pause-all:hover:before {color: var(--accent-color-hover);} - div#toolbar > div#toolbar-pause-all:before { +} + +/* Pause-all Icon */ +div#toolbar>div#toolbar-pause-all { + background-image: none; +} + +div#toolbar>div#toolbar-pause-all:hover:before { + color: var(--accent-color-hover); +} + +div#toolbar>div#toolbar-pause-all:before { font-family: "Font Awesome 5 Free"; - font-size: 33px; + font-size: 33px; content: "\f28b"; font-weight: 900; display: inline-block; - color: rgb(var(--accent-color)); - } - /* Info Icon */ - div#toolbar > div#toolbar-inspector {background-image: none;} - div#toolbar > div#toolbar-inspector:hover:before {color: var(--accent-color-hover);} - div#toolbar > div#toolbar-inspector:before { + color: rgb(var(--accent-color)); +} + +/* Info Icon */ +div#toolbar>div#toolbar-inspector { + background-image: none; +} + +div#toolbar>div#toolbar-inspector:hover:before { + color: var(--accent-color-hover); +} + +div#toolbar>div#toolbar-inspector:before { font-family: "Font Awesome 5 Free"; - font-size: 33px; + font-size: 33px; content: "\f05a"; font-weight: 900; display: inline-block; - color: rgb(var(--accent-color)); - } + color: rgb(var(--accent-color)); +} + /* Statusbar */ - #statusbar {border-bottom: 1px solid transparent;background-image:none; background-color:rgba(0, 0, 0, 0.25)} - #statusbar #filter input#torrent_search { - outline:none; +#statusbar { + border-bottom: 1px solid transparent; + background-image: none; + background-color: rgba(0, 0, 0, 0.25) +} + +#statusbar #filter input#torrent_search { + outline: none; border: none; border-radius: 2px; - } - #statusbar #filter input#torrent_search.blur { +} + +#statusbar #filter input#torrent_search.blur { color: #999; outline: none; border: none; border-radius: 2px; - } - #statusbar #speed-info #speed-dn-icon {background: none;} - #statusbar #speed-info #speed-dn-icon:before { +} + +#statusbar #speed-info #speed-dn-icon { + background: none; +} + +#statusbar #speed-info #speed-dn-icon:before { font-family: "Font Awesome 5 Free"; font-size: 10px; content: "\f0d7"; - font-weight: 900; - } - #statusbar #speed-info #speed-up-icon {background: none;} - #statusbar #speed-info #speed-up-icon:before { + font-weight: 900; +} + +#statusbar #speed-info #speed-up-icon { + background: none; +} + +#statusbar #speed-info #speed-up-icon:before { font-family: "Font Awesome 5 Free"; font-size: 10px; content: "\f0d8"; - font-weight: 900; - } - ul.torrent_list,ul.torrent_list li.torrent.even {background: rgba(0, 0, 0, 0.25);} - ul.torrent_list li.torrent div.torrent_name {color: var(--text-hover);} - ul.torrent_list li.torrent.selected {background-color: rgba(0, 0, 0, 0.25);} - ul.torrent_list li.torrent { + font-weight: 900; +} + +ul.torrent_list, +ul.torrent_list li.torrent.even { + background: rgba(0, 0, 0, 0.25); +} + +ul.torrent_list li.torrent div.torrent_name { + color: var(--text-hover); +} + +ul.torrent_list li.torrent.selected { + background-color: rgba(0, 0, 0, 0.25); +} + +ul.torrent_list li.torrent { border-bottom: 1px solid rgba(204, 204, 204, 0.1); padding: 4px 30px 5px 14px; color: var(--text); background-color: rgba(255, 255, 255, 0.08); - } +} + /* Modal */ - div.dialog_container div.dialog_window { +div.dialog_container div.dialog_window { background: var(--modal-bg-color); background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; @@ -223,33 +310,52 @@ div#toolbar { 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: none !important; opacity: 1; - } - div.dialog_container div.dialog_window h2.dialog_heading,div#upload_container div.dialog_window div.dialog_message label {color: #dedede} - input {color:var(--text-hover); background:rgba(0, 0, 0, .25)} - #add-dialog-folder-input,#torrent_upload_url {color:var(--text-hover);outline:none;} - div.dialog_container div.dialog_window div.dialog_message {color: #dedede;} - /* Button*/ - div.dialog_container div.dialog_window a { +} + +div.dialog_container div.dialog_window h2.dialog_heading, +div#upload_container div.dialog_window div.dialog_message label { + color: #dedede +} + +input { + color: var(--text-hover); + background: rgba(0, 0, 0, .25) +} + +#add-dialog-folder-input, +#torrent_upload_url { + color: var(--text-hover); + outline: none; +} + +div.dialog_container div.dialog_window div.dialog_message { + color: #dedede; +} + +/* Button*/ +div.dialog_container div.dialog_window a { background-color: var(--button-color); border: 1px solid var(--button-color); color: var(--button-text); - } - div.dialog_container div.dialog_window a:hover, div.dialog_container div.dialog_window a:active { +} + +div.dialog_container div.dialog_window a:hover, +div.dialog_container div.dialog_window a:active { background: none; background-color: var(--button-color-hover); - border: 1px solid var(--button-color-hover); - } + border: 1px solid var(--button-color-hover); +} - /* ul.torrent_list div.torrent_progress_bar.complete.leeching { +/* ul.torrent_list div.torrent_progress_bar.complete.leeching { background-position: left 0px; background: var(--progress-color); border-color: var(--progress-color); } */ - /* ul.torrent_list div.torrent_progress_bar { +/* ul.torrent_list div.torrent_progress_bar { height: 100%; position: absolute; top: 0px; @@ -259,7 +365,7 @@ div#toolbar { border: 1px solid #888; } */ - .ui-widget-content { +.ui-widget-content { border: 1px solid transparent; background: var(--drop-down-menu-bg); background-repeat: repeat, no-repeat; @@ -268,341 +374,609 @@ div#toolbar { 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); - } - .ui-widget-header {color: var(--text-hover) !important;} - .ui-widget .ui-widget { +} + +.ui-widget-header { + color: var(--text-hover) !important; +} + +.ui-widget .ui-widget { box-shadow: none; - } - .ui-widget { +} + +.ui-widget { -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7); -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7); - } - #download-dir,#seedRatioLimit,#idle-seeding-limit,#speed-limit-up,#speed-limit-down,#alt-speed-up,#alt-speed-down,#peer-limit-per-torrent,#peer-limit-global,#blocklist-url,#blocklist-update-button,#peer-port {color: black; outline:none;} - .ui-widget-header { +} + +#download-dir, +#seedRatioLimit, +#idle-seeding-limit, +#speed-limit-up, +#speed-limit-down, +#alt-speed-up, +#alt-speed-down, +#peer-limit-per-torrent, +#peer-limit-global, +#blocklist-url, +#blocklist-update-button, +#peer-port { + color: black; + outline: none; +} + +.ui-widget-header { border: 1px solid transparent; background: none; color: #222; font-weight: bold; - } - .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { +} + +.ui-state-active, +.ui-widget-content .ui-state-active, +.ui-widget-header .ui-state-active { border: 1px solid transparent; background: rgba(255, 255, 255, .1) !important; font-weight: normal; color: #dedede; - } - .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { +} + +.ui-state-active a, +.ui-state-active a:link, +.ui-state-active a:visited { color: #dedede; text-decoration: none; - } - .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { +} + +.ui-state-default a, +.ui-state-default a:link, +.ui-state-default a:visited { color: #dedede; text-decoration: none; - } - .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { +} + +.ui-state-default, +.ui-widget-content .ui-state-default, +.ui-widget-header .ui-state-default { border: 1px solid transparent; background: rgba(0, 0, 0, 0.25); font-weight: normal; color: #dedede; - } - .ui-tabs .ui-tabs-nav li.ui-tabs-active { +} + +.ui-tabs .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0px; - } - /*Close Icon*/ - ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close {background-image: none;} - ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close:hover:before {color: var(--text-hover);} - ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close:before { +} + +/*Close Icon*/ +ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close { + background-image: none; +} + +ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close:hover:before { + color: var(--text-hover); +} + +ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close:before { font-family: "Font Awesome 5 Free"; - font-size: 10px; + font-size: 10px; content: "\f00d"; font-weight: 900; display: inline-block; - color: var(--text); - } + color: var(--text); +} /*Inspector*/ - div#torrent_inspector { +div#torrent_inspector { border-left: 1px solid transparent; -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7); -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7); - } - div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > * { +} + +div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>* { border-color: transparent; height: auto; background-color: rgba(0, 0, 0, 0.25); - } - div#torrent_inspector div.inspector_torrent_file_list_entry_name, div#torrent_inspector ul.tier_list .tracker_activity,div#torrent_inspector ul.tier_list table,div#torrent_inspector div.tracker_host { +} + +div#torrent_inspector div.inspector_torrent_file_list_entry_name, +div#torrent_inspector ul.tier_list .tracker_activity, +div#torrent_inspector ul.tier_list table, +div#torrent_inspector div.tracker_host { color: #dedede; - } - /*Info button*/ - div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info {background-image: none;background-color: rgba(0, 0, 0, 0.25);} - div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info:hover:before {color: var(--text-hover);} - div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info:before { +} + +/*Info button*/ +div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info { + background-image: none; + background-color: rgba(0, 0, 0, 0.25); +} + +div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info:hover:before { + color: var(--text-hover); +} + +div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info:before { font-family: "Font Awesome 5 Free"; - font-size: 20px; + font-size: 20px; content: "\f05a"; font-weight: 900; display: inline-block; - color: var(--text); - } - div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info.selected {background-image: none;background-color: rgba(0, 0, 0, 0.25);} - div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info.selected:hover:before {color: var(--text-hover);} - div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info.selected:before { + color: var(--text); +} + +div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info:active, +div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info.selected { + background-image: none; + background-color: rgba(0, 0, 0, 0.25); +} + +div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info:active, +div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info.selected:hover:before { + color: var(--text-hover); +} + +div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info:active, +div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info.selected:before { font-family: "Font Awesome 5 Free"; - font-size: 20px; + font-size: 20px; content: "\f05a"; font-weight: 900; display: inline-block; - color: var(--text); - } + color: var(--text); +} - /*Peers Button*/ - div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers {background-image: none;background-color: rgba(0, 0, 0, 0.25);} - div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers:hover:before {color: var(--text-hover);} - div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers:before { +/*Peers Button*/ +div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers { + background-image: none; + background-color: rgba(0, 0, 0, 0.25); +} + +div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers:hover:before { + color: var(--text-hover); +} + +div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers:before { font-family: "Font Awesome 5 Free"; - font-size: 20px; + font-size: 20px; content: "\f0c0"; font-weight: 900; display: inline-block; - color: var(--text); - } - div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers.selected {background-image:none; background-color: rgba(0, 0, 0, 0.25);} - div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers.selected:hover:before {color: var(--text-hover);} - div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers.selected:before { + color: var(--text); +} + +div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers:active, +div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers.selected { + background-image: none; + background-color: rgba(0, 0, 0, 0.25); +} + +div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers:active, +div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers.selected:hover:before { + color: var(--text-hover); +} + +div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers:active, +div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers.selected:before { font-family: "Font Awesome 5 Free"; - font-size: 20px; + font-size: 20px; content: "\f0c0"; font-weight: 900; display: inline-block; - color: var(--text); - } + color: var(--text); +} + +/*Tracker Button*/ +div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers { + background-image: none; + background-color: rgba(0, 0, 0, 0.25); +} - /*Tracker Button*/ - div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers {background-image: none;background-color: rgba(0, 0, 0, 0.25);} - div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers:hover:before {color: var(--text-hover);} - div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers:before { +div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers:hover:before { + color: var(--text-hover); +} + +div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers:before { font-family: "Font Awesome 5 Free"; - font-size: 20px; + font-size: 20px; content: "\f233"; font-weight: 900; display: inline-block; - color: var(--text); - } - div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers.selected {background-image:none; background-color: rgba(0, 0, 0, 0.25);} - div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers.selected:hover:before {color: var(--text-hover);} - div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers.selected:before { + color: var(--text); +} + +div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers:active, +div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers.selected { + background-image: none; + background-color: rgba(0, 0, 0, 0.25); +} + +div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers:active, +div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers.selected:hover:before { + color: var(--text-hover); +} + +div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers:active, +div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers.selected:before { font-family: "Font Awesome 5 Free"; - font-size: 20px; + font-size: 20px; content: "\f233"; font-weight: 900; display: inline-block; - color: var(--text); - } + color: var(--text); +} + +/*Files Button*/ +div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files { + background-image: none; + background-color: rgba(0, 0, 0, 0.25); +} - /*Files Button*/ - div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files {background-image: none;background-color: rgba(0, 0, 0, 0.25);} - div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files:hover:before {color: var(--text-hover);} - div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files:before { +div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files:hover:before { + color: var(--text-hover); +} + +div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files:before { font-family: "Font Awesome 5 Free"; - font-size: 20px; + font-size: 20px; content: "\f0c5"; font-weight: 900; display: inline-block; - color: var(--text); - } - div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files.selected {background-image:none; background-color: rgba(0, 0, 0, 0.25);} - div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files.selected:hover:before {color: var(--text-hover);} - div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files.selected:before { + color: var(--text); +} + +div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files:active, +div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files.selected { + background-image: none; + background-color: rgba(0, 0, 0, 0.25); +} + +div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files:active, +div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files.selected:hover:before { + color: var(--text-hover); +} + +div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files:active, +div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files.selected:before { font-family: "Font Awesome 5 Free"; - font-size: 20px; + font-size: 20px; content: "\f0c5"; font-weight: 900; display: inline-block; - color: var(--text); - } - tr.inspector_peer_entry.odd { + color: var(--text); +} + +tr.inspector_peer_entry.odd { background-color: rgba(255, 255, 255, 0.1); - } - /* Priority buttons */ - div.file-priority-radiobox > * {border-color: transparent; width: auto;} - - /*Low pri*/ - div.file-priority-radiobox > div.low {background-color: transparent;background-image: none;} - div.file-priority-radiobox > div.low:hover:before {color: var(--text-hover);} - div.file-priority-radiobox > div.low:before { - font-family: "Font Awesome 5 Free"; - font-size: 30px; +} + +/* Priority buttons */ +div.file-priority-radiobox>* { + border-color: transparent; + width: auto; +} + +/*Low pri*/ +div.file-priority-radiobox>div.low { + background-color: transparent; + background-image: none; +} + +div.file-priority-radiobox>div.low:hover:before { + color: var(--text-hover); +} + +div.file-priority-radiobox>div.low:before { + font-family: "Font Awesome 5 Free"; + font-size: 30px; content: "\f107"; font-weight: 900; display: inline-block; - color: var(--text); - } - div.file-priority-radiobox > div.low:active, div.file-priority-radiobox > div.low.selected {background-color: transparent;background-image: none;} - div.file-priority-radiobox > div.low:active, div.file-priority-radiobox > div.low.selected:hover:before {color: var(--text-hover);} - div.file-priority-radiobox > div.low:active, div.file-priority-radiobox > div.low.selectedbefore { + color: var(--text); +} + +div.file-priority-radiobox>div.low:active, +div.file-priority-radiobox>div.low.selected { + background-color: transparent; + background-image: none; +} + +div.file-priority-radiobox>div.low:active, +div.file-priority-radiobox>div.low.selected:hover:before { + color: var(--text-hover); +} + +div.file-priority-radiobox>div.low:active, +div.file-priority-radiobox>div.low.selectedbefore { font-family: "Font Awesome 5 Free"; - font-size: 30px; + font-size: 30px; content: "\f107"; font-weight: 900; display: inline-block; - color: var(--text); - } - /*Normal pri*/ - div.file-priority-radiobox > div.normal {background-color: transparent;background-image: none;} - div.file-priority-radiobox > div.normal:hover:before {color: var(--text-hover);} - div.file-priority-radiobox > div.normal:before { + color: var(--text); +} + +/*Normal pri*/ +div.file-priority-radiobox>div.normal { + background-color: transparent; + background-image: none; +} + +div.file-priority-radiobox>div.normal:hover:before { + color: var(--text-hover); +} + +div.file-priority-radiobox>div.normal:before { font-family: "Font Awesome 5 Free"; - font-size: 30px; + font-size: 30px; content: "\f068"; font-weight: 900; display: inline-block; - color: var(--text); - } - div.file-priority-radiobox > div.normal:active, div.file-priority-radiobox > div.normal.selected {background-color: transparent;background-image: none;} - div.file-priority-radiobox > div.normal:active, div.file-priority-radiobox > div.normal.selected:hover:before {color: var(--text-hover);} - div.file-priority-radiobox > div.normal:active, div.file-priority-radiobox > div.normal.selectedbefore { + color: var(--text); +} + +div.file-priority-radiobox>div.normal:active, +div.file-priority-radiobox>div.normal.selected { + background-color: transparent; + background-image: none; +} + +div.file-priority-radiobox>div.normal:active, +div.file-priority-radiobox>div.normal.selected:hover:before { + color: var(--text-hover); +} + +div.file-priority-radiobox>div.normal:active, +div.file-priority-radiobox>div.normal.selectedbefore { font-family: "Font Awesome 5 Free"; - font-size: 30px; + font-size: 30px; content: "\f068"; font-weight: 900; display: inline-block; - color: var(--text); - } - /*High pri*/ - div.file-priority-radiobox > div.high {background-color: transparent;background-image: none;} - div.file-priority-radiobox > div.high:hover:before {color: var(--text-hover);} - div.file-priority-radiobox > div.high:before { + color: var(--text); +} + +/*High pri*/ +div.file-priority-radiobox>div.high { + background-color: transparent; + background-image: none; +} + +div.file-priority-radiobox>div.high:hover:before { + color: var(--text-hover); +} + +div.file-priority-radiobox>div.high:before { font-family: "Font Awesome 5 Free"; - font-size: 30px; + font-size: 30px; content: "\f106"; font-weight: 900; display: inline-block; - color: var(--text); - } - div.file-priority-radiobox > div.high:active, div.file-priority-radiobox > div.high.selected {background-color: transparent;background-image: none;} - div.file-priority-radiobox > div.high:active, div.file-priority-radiobox > div.high.selected:hover:before {color: var(--text-hover);} - div.file-priority-radiobox > div.high:active, div.file-priority-radiobox > div.high.selectedbefore { + color: var(--text); +} + +div.file-priority-radiobox>div.high:active, +div.file-priority-radiobox>div.high.selected { + background-color: transparent; + background-image: none; +} + +div.file-priority-radiobox>div.high:active, +div.file-priority-radiobox>div.high.selected:hover:before { + color: var(--text-hover); +} + +div.file-priority-radiobox>div.high:active, +div.file-priority-radiobox>div.high.selectedbefore { font-family: "Font Awesome 5 Free"; - font-size: 30px; + font-size: 30px; content: "\f106"; font-weight: 900; display: inline-block; - color: var(--text); - } - div#torrent_inspector li.inspector_tracker_entry.odd { + color: var(--text); +} + +div#torrent_inspector li.inspector_tracker_entry.odd { background-color: rgba(255, 255, 255, 0.1); - } +} + /*Bottom Toolbar*/ - div.torrent_footer { +div.torrent_footer { border-top: 1px solid transparent; background-color: rgba(0, 0, 0, .25); background-image: none; height: 30px; - } - div.torrent_footer > div { +} + +div.torrent_footer>div { border: 1px solid transparent; - } - /* Settings Icon */ - div.torrent_footer #settings_menu {background-color: transparent; background-image: none;} - div.torrent_footer #settings_menu:hover:before {color: var(--text-hover);} - div.torrent_footer #settings_menu:before { +} + +/* Settings Icon */ +div.torrent_footer #settings_menu { + background-color: transparent; + background-image: none; +} + +div.torrent_footer #settings_menu:hover:before { + color: var(--text-hover); +} + +div.torrent_footer #settings_menu:before { font-family: "Font Awesome 5 Free"; - font-size: 20px; + font-size: 20px; content: "\f013"; font-weight: 900; display: inline-block; - color: var(--text); - } - div.torrent_footer #settings_menu:active, div.torrent_footer #settings_menu.selected {background-color: transparent; background-image: none;} - div.torrent_footer #settings_menu:active, div.torrent_footer #settings_menu.selected:hover:before {color: var(--text-hover);} - div.torrent_footer #settings_menu:active, div.torrent_footer #settings_menu.selected:before { + color: var(--text); +} + +div.torrent_footer #settings_menu:active, +div.torrent_footer #settings_menu.selected { + background-color: transparent; + background-image: none; +} + +div.torrent_footer #settings_menu:active, +div.torrent_footer #settings_menu.selected:hover:before { + color: var(--text-hover); +} + +div.torrent_footer #settings_menu:active, +div.torrent_footer #settings_menu.selected:before { font-family: "Font Awesome 5 Free"; - font-size: 20px; + font-size: 20px; content: "\f013"; font-weight: 900; display: inline-block; - color: var(--text); - } - /* Prefs Icon */ - div.torrent_footer #prefs-button {background-color: transparent; background-image: none;} - div.torrent_footer #prefs-button:hover:before {color: var(--text-hover);} - div.torrent_footer #prefs-button:before { + color: var(--text); +} + +/* Prefs Icon */ +div.torrent_footer #prefs-button { + background-color: transparent; + background-image: none; +} + +div.torrent_footer #prefs-button:hover:before { + color: var(--text-hover); +} + +div.torrent_footer #prefs-button:before { font-family: "Font Awesome 5 Free"; - font-size: 20px; + font-size: 20px; content: "\f0ad"; font-weight: 900; display: inline-block; - color: var(--text); - } - div.torrent_footer #prefs-button:active, div.torrent_footer #prefs-button.selected {background-color: transparent; background-image: none;} - div.torrent_footer #prefs-button:active, div.torrent_footer #prefs-button.selected:hover:before {color: var(--text-hover);} - div.torrent_footer #prefs-button:active, div.torrent_footer #prefs-button.selected:before { + color: var(--text); +} + +div.torrent_footer #prefs-button:active, +div.torrent_footer #prefs-button.selected { + background-color: transparent; + background-image: none; +} + +div.torrent_footer #prefs-button:active, +div.torrent_footer #prefs-button.selected:hover:before { + color: var(--text-hover); +} + +div.torrent_footer #prefs-button:active, +div.torrent_footer #prefs-button.selected:before { font-family: "Font Awesome 5 Free"; - font-size: 20px; + font-size: 20px; content: "\f0ad"; font-weight: 900; display: inline-block; - color: var(--text); - } - /* Turtle Icon */ - div.torrent_footer #turtle-button {background-color: transparent; background-image: none;} - div.torrent_footer #turtle-button:hover:before {color: var(--text-hover);} - div.torrent_footer #turtle-button:before { + color: var(--text); +} + +/* Turtle Icon */ +div.torrent_footer #turtle-button { + background-color: transparent; + background-image: none; +} + +div.torrent_footer #turtle-button:hover:before { + color: var(--text-hover); +} + +div.torrent_footer #turtle-button:before { font-family: "Font Awesome 5 Free"; - font-size: 20px; + font-size: 20px; content: "\f3fd"; font-weight: 900; display: inline-block; - color: var(--text); - } - div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button.selected {background-color: transparent; background-image: none;} - div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button.selected:hover:before {color: var(--text-hover);} - div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button.selected:before { + color: var(--text); +} + +div.torrent_footer #turtle-button:active, +div.torrent_footer #turtle-button.selected { + background-color: transparent; + background-image: none; +} + +div.torrent_footer #turtle-button:active, +div.torrent_footer #turtle-button.selected:hover:before { + color: var(--text-hover); +} + +div.torrent_footer #turtle-button:active, +div.torrent_footer #turtle-button.selected:before { font-family: "Font Awesome 5 Free"; - font-size: 20px; + font-size: 20px; content: "\f3fd"; font-weight: 900; display: inline-block; - color: white; - } - /* Compact Icon */ - div.torrent_footer #compact-button {background-color: transparent; background-image: none;} - div.torrent_footer #compact-button:hover:before {color: var(--text-hover);} - div.torrent_footer #compact-button:before { + color: white; +} + +/* Compact Icon */ +div.torrent_footer #compact-button { + background-color: transparent; + background-image: none; +} + +div.torrent_footer #compact-button:hover:before { + color: var(--text-hover); +} + +div.torrent_footer #compact-button:before { font-family: "Font Awesome 5 Free"; - font-size: 20px; + font-size: 20px; content: "\f0ca"; font-weight: 900; display: inline-block; - color: var(--text); - } - div.torrent_footer #compact-button:active, div.torrent_footer #compact-button.selected {background-color: transparent; background-image: none;} - div.torrent_footer #compact-button:active, div.torrent_footer #compact-button.selected:hover:before {color: var(--text-hover);} - div.torrent_footer #compact-button:active, div.torrent_footer #compact-button.selected:before { + color: var(--text); +} + +div.torrent_footer #compact-button:active, +div.torrent_footer #compact-button.selected { + background-color: transparent; + background-image: none; +} + +div.torrent_footer #compact-button:active, +div.torrent_footer #compact-button.selected:hover:before { + color: var(--text-hover); +} + +div.torrent_footer #compact-button:active, +div.torrent_footer #compact-button.selected:before { font-family: "Font Awesome 5 Free"; - font-size: 20px; + font-size: 20px; content: "\f0ca"; font-weight: 900; display: inline-block; - color: var(--text); - } - /*Compact mode*/ - ul.torrent_list li.torrent div.torrent_name.paused,ul.torrent_list li.torrent.compact div.torrent_name { + color: var(--text); +} + +/*Compact mode*/ +ul.torrent_list li.torrent div.torrent_name.paused, +ul.torrent_list li.torrent.compact div.torrent_name { color: #dedede; - } - /* Settings menu */ - .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { +} + +/* Settings menu */ +.ui-state-hover, +.ui-widget-content .ui-state-hover, +.ui-widget-header .ui-state-hover, +.ui-state-focus, +.ui-widget-content .ui-state-focus, +.ui-widget-header .ui-state-focus { border: 1px solid transparent; - background:none; + background: none; background-color: rgba(255, 255, 255, 0.1); color: var(--text-hover); - outline:none; - } - .ui-icon, .ui-widget-content .ui-icon { + outline: none; +} + +.ui-icon, +.ui-widget-content .ui-icon { background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/transmission/icons.png); - } - +} \ No newline at end of file diff --git a/CSS/themes/unraid/unraid-base.css b/CSS/themes/unraid/unraid-base.css index ee7b840a..5f96d411 100644 --- a/CSS/themes/unraid/unraid-base.css +++ b/CSS/themes/unraid/unraid-base.css @@ -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 { diff --git a/CSS/themes/vuetorrent/vuetorrent-base.css b/CSS/themes/vuetorrent/vuetorrent-base.css index 340573d4..fc4d6b41 100644 --- a/CSS/themes/vuetorrent/vuetorrent-base.css +++ b/CSS/themes/vuetorrent/vuetorrent-base.css @@ -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); } diff --git a/CSS/themes/webtools/webtools-base.css b/CSS/themes/webtools/webtools-base.css index 3179d0bc..62df0a16 100644 --- a/CSS/themes/webtools/webtools-base.css +++ b/CSS/themes/webtools/webtools-base.css @@ -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); } diff --git a/CSS/themes/xbackbone/xbackbone-base.css b/CSS/themes/xbackbone/xbackbone-base.css index 70e2cdca..ee62b533 100644 --- a/CSS/themes/xbackbone/xbackbone-base.css +++ b/CSS/themes/xbackbone/xbackbone-base.css @@ -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);