diff --git a/CSS/addons/organizr/glass/glass-base.css b/CSS/addons/organizr/glass/glass-base.css index 1a42d43c..4f76fbd6 100644 --- a/CSS/addons/organizr/glass/glass-base.css +++ b/CSS/addons/organizr/glass/glass-base.css @@ -1,861 +1 @@ -/* Set the Organizr theme to either Aquamarine or Hotline */ -/* Import the glass-base.css and root variables in the Custom Theme CSS box like below */ -/* -@import "https://theme-park.dev/CSS/themes/organizr/organizr-base-old.css" -@import "https://theme-park.dev/CSS/addons/organizr/glass-base.css"; -:root { - --main-bg-color: url(https://domain.com/your/hosted/wallpaper.jpg) center center/cover no-repeat fixed; - --mobile-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; - - --link-color: #fff; - --custom-buttons-color: radial-gradient(ellipse at center, #3F51B5 0%, #009688 100%) center center/cover no-repeat fixed; - --hompage-item-hover: radial-gradient(ellipse at center, rgba(0, 150, 136, 0.33) 0%, #b53f3f73 100%) center center/cover no-repeat fixed; - --notification-box-line: #000; - - --div-background-color-10: rgba(0, 0, 0, 0.15); - --div-background-color-15: rgba(0, 0, 0, 0.25); - --div-background-color-25: rgba(0, 0, 0, 0.35); - --div-background-color-35: rgba(0, 0, 0, 0.45); -} - -*/ - -/* Replace the variables if you have a dark background */ -/* Light colors for dark backgrounds */ -/* - --div-background-color-10: rgba(255, 255, 255, 0.1); - --div-background-color-15: rgba(255, 255, 255, 0.15); - --div-background-color-25: rgba(255, 255, 255, 0.25); - --div-background-color-35: rgba(255, 255, 255, 0.35); -*/ -/* Dark blur colors for bright backgrounds */ -/* - --div-background-color-10: rgba(0, 0, 0, 0.15); - --div-background-color-15: rgba(0, 0, 0, 0.25); - --div-background-color-25: rgba(0, 0, 0, 0.35); - --div-background-color-35: rgba(0, 0, 0, 0.45); - -*/ - -/*Settings */ - -.feeds li>div i { - color: black !important; -} - -.row-in i { - font-size: 24px; - color: black; -} - -.profile-social-icons a { - color: #eee; -} - -.btn-info.btn-outline { - color: #eee !important; -} - -.btn-info.btn-outline:hover { - background: var(--div-background-color-15); - color: #fff; -} - -.content-wrap { - background: var(--div-background-color-15) !important; - border-radius: 0 0 15px 15px; -} - -.content-wrap section.content-current { - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - background: rgba(0, 0, 0, 0); - border-radius: 0 0 15px 15px; -} - -.panel-blue .panel-heading, -.panel-info .panel-heading { - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - background: transparent; - -} - -.panel .table { - background: transparent !important; - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - -} - -.sttabs nav ul { - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - border-radius: 15px 15px 0 0; - -} - -.sttabs nav { - background: var(--div-background-color-25); - border-radius: 15px 15px 0 0; -} - -#settings-main-system-settings-anchor>.sttabs nav ul li { - border-radius: 15px; -} - -.tab-content>.active { - background: transparent; -} - -.bg-title { - background: var(--div-background-color-10); - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - -} - -.white-box { - background: transparent; -} - -.white-popup-block { - background: var(--div-background-color-10) !important; - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); -} - -.user-bg { - border-top-left-radius: 15px; - border-top-right-radius: 15px; -} - -#internal-Settings .nav-tabs>li.active>a, -.nav-tabs>li.active>a:hover { - padding-top: 10px; -} - -/* Nav bar -.navbar-header { - background: transparent !important; -} -*/ -@media (min-width: 768px) { - .navbar-static-top { - background: var(--main-bg) !important; - } -} - -/* Dropdown */ -.dropdown-menu { - background: var(--div-background-color-25); - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - -} - -.open>.dropdown-menu { - display: block; - border-radius: 15px; -} - -.navbar-top-links .dropdown-user { - border-radius: 15px; -} - -#plexRecent .recent-filter { - background: var(--div-background-color-25) !important; - border-radius: 15px; -} - -/* Side bar */ -.sidebar { - background: var(--div-background-color-15) !important; - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - box-shadow: none; - -} - -.sidebar-head { - background: transparent !important; -} - -/*Calendar */ -.fc-toolbar { - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - background: var(--div-background-color-15) !important; - -} - -.fc-view { - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - background: var(--div-background-color-15) !important; - border-bottom-right-radius: 15px; - border-bottom-left-radius: 15px; -} - -.fc-popover { - background: var(--div-background-color-25); - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - -} - -#homepageOrdercalendar .fc-toolbar { - border-top-left-radius: 15px; - border-top-right-radius: 15px; - -} - -.fc-row, -.fc-unthemed { - border-bottom-right-radius: 15px; - border-bottom-left-radius: 15px; -} - -/* Calendar mobile*/ -.fc th.fc-widget-header { - padding-left: 5px; -} - -/*Error page */ -.error-body { - padding-top: 15%; - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - height: -webkit-fill-available; - margin-top: -10%; - -} - - -/* notify - popup */ -.iziToast.update-notify.iziToast-layout2, -.iziToast.success-notify.iziToast-layout2 { - border: none; - background: var(--div-background-color-25) !important; - border-bottom: transparent; - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - -} - -.iziToast.warning-notify.iziToast-layout2 { - background: var(--div-background-color-25); - border: 1px solid transparent; - border-bottom: transparent; - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - -} - -.iziToast:after { - background: transparent !important; -} - -.mfp-container { - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - -} - -.mfp-zoom-out.mfp-ready.mfp-bg { - opacity: 1 !important; - background: var(--main-bg-color) !important; -} - -.mfp-wrap { - background: var(--main-bg-color); -} - -.main-email-panel .panel-body { - background: var(--div-background-color-25) !important; - border-bottom-right-radius: 15px !important; - border-bottom-left-radius: 15px !important; -} - -.white-popup-block { - background: var(--div-background-color-25) !important; -} - -.white-popup .panel-footer { - background: var(--div-background-color-25); - border-top: 1px solid #fff; - border-bottom-right-radius: 15px; - border-bottom-left-radius: 15px; -} - -.panel>.table-responsive:last-child>.table:last-child, -.panel>.table:last-child { - border-bottom-right-radius: 15px; - border-bottom-left-radius: 15px; -} - -/* Homepage downloader */ - -#homepageOrderdownloader { - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - background: var(--div-background-color-15); - padding: 10px; - border-radius: 15px; - -} - -#homepageOrderdownloader .nav-tabs>li.active>a, -.nav-tabs>li.active>a:hover { - padding-top: 14px; -} - -#homepageOrderdownloader .nav-tabs>li>a { - padding-top: 14px; -} - -/* Homepage card */ -.nowPlayingItem>.white-box>.el-card-item { - background: var(--div-background-color-15) !important; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - border-radius: 15px; - -} - -.active-tab-Homepage .white-popup .panel-body, -.white-popup>.col-md-6>.white-box:nth-child(2) { - background: var(--div-background-color-25) !important; - border-bottom-right-radius: 15px; - border-bottom-left-radius: 15px; -} - -#plexStreams .el-element-overlay .el-card-item .el-overlay-1 img, -#plexStreams .el-element-overlay:hover .el-card-item:hover .el-overlay-1:hover img:hover { - border-top-right-radius: 15px; - border-top-left-radius: 15px; -} - -.el-element-overlay .el-card-item .el-overlay-1 { - border-top-right-radius: 15px; - border-top-left-radius: 15px; -} - -.el-element-overlay .el-card-item .el-overlay { - border-top-right-radius: 15px; - border-top-left-radius: 15px; -} - -.white-popup .panel-heading, -.white-popup>.col-md-6>.white-box:first-child { - background: var(--div-background-color-25) !important; - border-top-right-radius: 15px; - border-top-left-radius: 15px; -} - - -.label-info { - background: var(--div-background-color-25); -} - -#plexRecent, -#homepageOrderplexplaylist, -#homepageOrdercalendar, -#homepageOrderembyrecent, -#ombi-requests, -#homepageOrderdeluge, -#homepageOrdernzbget, -#homepageOrdertransmission, -#homepageOrderrTorrent, -#homepageOrderjdownloader, -#homepageOrdersabnzbd, -#homepageOrderqBittorrent { - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - background: var(--div-background-color-15); - margin: 5px; - border-radius: 15px; - -} - -.bg-info { - background-color: transparent !important; -} - -/* Health checks */ -.card-body { - background: var(--div-background-color-25) !important; - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - -} - -.bg-inverse .healthPosition { - background: var(--div-background-color-25) !important; - -webkit-backdrop-filter: saturate(180%) blur(30px); - backdrop-filter: saturate(180%) blur(30px); - -} - -/* Unifi cards */ -.unifiCards .panel-wrapper.collapse.in { - background: var(--div-background-color-15); - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - border-bottom-right-radius: 15px; - border-bottom-left-radius: 15px; - -} - -.unifiCards .panel-heading { - background: var(--div-background-color-35) !important; - color: #fff !important; - border-color: transparent !important; - text-align: inherit !important; - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - border-top-left-radius: 15px; - border-top-right-radius: 15px; - border-bottom: 0px; -} - -.unifiCards .panel-warning .panel-heading, -.unifiCards .panel-success .panel-heading { - border-top-left-radius: 15px; - border-top-right-radius: 15px; - border-bottom-right-radius: 0px; - border-bottom-left-radius: 0px; -} - -#allUnifi .unifiCards .panel .panel-warning { - border-radius: 15px !important; - -} - -.unifiCards .ti-close:before { - content: "\f111"; - font-family: FontAwesome; - font-size: 20px; - color: rgba(255, 69, 58, 1); -} - -.unifiCards .ti-minus:before { - content: "\f111"; - font-family: FontAwesome; - font-size: 20px; - color: rgba(255, 204, 0, 1); -} - -.unifiCards .ti-plus:before { - content: "\f111"; - font-family: FontAwesome; - font-size: 20px; - color: rgba(40, 205, 65, 1); -} - -/* Weather boxes */ -#homepageOrderWeatherAndAir .col-lg-2 .white-box, -#homepageOrderWeatherAndAir>div:nth-child(1)>div.col-lg-4.col-sm-12.col-xs-12>div, -#homepageOrderWeatherAndAir>div:nth-child(2)>div.col-lg-4.col-sm-12.col-xs-12>div { - background: var(--div-background-color-25) !important; - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px) -} - -/* Custom HTML */ -#homepageOrdercustomhtmlTwo, -#homepageOrdercustomhtml { - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - background: var(--div-background-color-15); - border-radius: 15px; - padding-left: 10px; - padding-right: 10px; - margin-bottom: 5px; -} - -/* Invite */ -#invite-area .bg-org { - background: var(--div-background-color-15) !important; - border-radius: 15px; -} - -#new-invite-area .white-popup .panel-body, -#new-invite-area .white-popup>.col-md-6>.white-box:nth-child(2) { - background: var(--div-background-color-15) !important; - border-bottom-right-radius: 15px; - border-bottom-left-radius: 15px; -} - -.white-popup .panel-body, -.white-popup>.col-md-6>.white-box:nth-child(2) { - background: var(--div-background-color-15) !important; - border-bottom-right-radius: 15px; - border-bottom-left-radius: 15px; - -webkit-backdrop-filter: blur(10px) !important; - backdrop-filter: blur(10px) !important; -} - -/* Email users */ -.email-div .panel-body { - border-radius: 0px !important; -} - -/* Speedtest popup */ - -#speedtest-area .white-popup .panel-footer { - background: var(--div-background-color-25) !important; - border-bottom-right-radius: 15px; - border-bottom-left-radius: 15px; -} - -#speedtest-area .white-popup .panel-body, -#speedtest-area .white-popup>.col-md-6>.white-box:nth-child(2) { - border-bottom-right-radius: 0px !important; - border-bottom-left-radius: 0px !important; -} - -/* Modal */ -.modal-content, -.modal-header, -.modal-footer, -.modal-body { - background: var(--div-background-color-10) !important; - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - border-color: transparent; -} - -.modal-body { - border-bottom-left-radius: 15px; - border-bottom-right-radius: 15px; -} - -.modal-header { - border-top-left-radius: 15px; - border-top-right-radius: 15px; -} - -.modal-open .modal { - background: var(--main-bg-color); -} - -.modal-content { - border-radius: 15px; - box-shadow: none; -} - -/* loginpage sidemenu */ -@media (max-width: 480px) { - #wrapper .login-register>.login-box>.white-box { - background: transparent !important; - margin-top: auto !important; - width: 100% !important; - -webkit-backdrop-filter: blur(0px) !important; - backdrop-filter: blur(0px) !important; - - - } -} - -@media (max-width: 480px) { - .login-box.login-sidebar { - background: var(--div-background-color-15) !important; - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - - } -} - -/* 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 { - background: var(--div-background-color-25) !important; - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - border-radius: 15px; - -webkit-box-shadow: none; - box-shadow: none; -} - - -.login-register { - - height: 100%; - position: fixed; -} - -.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: var(--div-background-color-15) !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-box.login-sidebar, -#login-panels .panel-body, -#login-panels .panel { - background: transparent; -} - -#login-panels .form-control, -#login-panels .btn { - background: rgba(255, 255, 255, 0.35); - color: white; - border-radius: 25px; - border: none; -} - -/* #login-panels { - height: 44px; - }*/ -#login-panles .btn-info.disabled.focus .btn-info.disabled:focus .btn-info.disabled:hover .btn-info.focus .btn-info:focus .btn-info:hover .btn:hover { - background: rgba(255, 255, 255, 0.65); - border: none; - -} - -/*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: var(--div-background-color-25); - -webkit-box-shadow: none; - box-shadow: none; - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - border-radius: 15px; -} - -.form-control::placeholder { - color: white; -} - -#login-username-Input, -#login-password-Input { - text-align: center; -} - -.panel .panel-heading .panel-title, -label, -span, -.fa-lock:before { - color: #ffffff; -} - -/* Lock screen */ -#lockScreen .form-material .form-control, -.form-material .form-control:focus { - background: rgba(255, 255, 255, 0.35); - border-radius: 25px; - padding: inherit; - text-align: center; -} - -#lockScreen .btn-info { - background: rgba(255, 255, 255, 0.35); - border-radius: 25px; -} - -/* Extra */ -.cbutton { - background-color: var(--div-background-color-25) !important; - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - border-radius: 15px !important; - border: none !important; - padding: 4px !important; - -} - -.cbutton:hover { - background: var(--div-background-color-25) !important; - -webkit-backdrop-filter: saturate(180%) blur(30px) !important; - backdrop-filter: saturate(180%) blur(30px) !important; - opacity: 1 !important; - -} - -/* Debug modal */ -.mdi-package-variant-closed:before { - content: "\F3D7"; - color: black; -} - -.mdi-receipt:before { - content: "\F449"; - color: black; -} - -.debugModal .modal-body { - border-bottom-left-radius: 0px !important; - border-bottom-right-radius: 0px !important; -} - -.debugModal .modal-footer { - background: var(--div-background-color-10) !important; - border-bottom-left-radius: 15px !important; - border-bottom-right-radius: 15px !important; -} - -#debugPreInfo .slimScrollDiv, -#debugResults .slimScrollDiv { - background: var(--div-background-color-15); -} - -/* Swal popup */ -.swal-overlay--show-modal .swal-modal { - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - background: var(--div-background-color-25); - border-radius: 15px; -} - -.swal-title { - color: white; -} - -.swal-overlay--show-modal { - background: var(--main-bg-color); -} - -/* Mobile*/ -@media (max-width: 480px) { - * { - -webkit-backdrop-filter: none !important; - backdrop-filter: none !important; - } - - #page-wrapper { - background: var(--mobile-bg-color) !important; - background-size: cover; - background-repeat: no-repeat; - width: 100%; - height: 100%; - } - - #side-menu { - background: var(--mobile-bg-color) !important; - } - - .navbar-header { - background: var(--div-background-color-25) !important; - } - - .navbar-default, - .show-sidebar .sidebar .sidebar-head { - background: var(--mobile-bg-color) !important; - } - - .dropdown-menu { - background: var(--mobile-bg-color) !important; - } - - #internal-Settings { - background: var(--mobile-bg-color) !important; - } - - .mfp-zoom-out.mfp-ready.mfp-bg { - opacity: 1 !important; - background: var(--mobile-bg-color) !important; - } - - .mfp-wrap { - background: var(--mobile-bg-color) !important; - } - - .modal-open .modal { - background: var(--mobile-bg-color) !important; - } - - #page-wrapper { - background: var(--mobile-bg-color) !important; - } - - #internal-Settings, - #preloader, - .preloader, - .active-tab-Settings, - .error-page { - background: var(--mobile-bg-color) !important; - } - - html { - background: var(--mobile-bg-color) !important; - } -} \ No newline at end of file +.feeds li>div i{color:#000!important}.row-in i{font-size:24px;color:#000}.profile-social-icons a{color:#eee}.btn-info.btn-outline{color:#eee!important}.btn-info.btn-outline:hover{background:var(--div-background-color-15);color:#fff}.content-wrap{background:var(--div-background-color-15)!important;border-radius:0 0 15px 15px}.content-wrap section.content-current{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,0);border-radius:0 0 15px 15px}.panel-blue .panel-heading,.panel-info .panel-heading{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:0 0}.panel .table{background:0 0!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sttabs nav ul{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px 15px 0 0}.sttabs nav{background:var(--div-background-color-25);border-radius:15px 15px 0 0}#settings-main-system-settings-anchor>.sttabs nav ul li{border-radius:15px}.tab-content>.active{background:0 0}.bg-title{background:var(--div-background-color-10);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.white-box{background:0 0}.white-popup-block{background:var(--div-background-color-10)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-bg{border-top-left-radius:15px;border-top-right-radius:15px}#internal-Settings .nav-tabs>li.active>a,.nav-tabs>li.active>a:hover{padding-top:10px}@media (min-width:768px){.navbar-static-top{background:var(--main-bg)!important}}.dropdown-menu{background:var(--div-background-color-25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.open>.dropdown-menu{display:block;border-radius:15px}.navbar-top-links .dropdown-user{border-radius:15px}#plexRecent .recent-filter{background:var(--div-background-color-25)!important;border-radius:15px}.sidebar{background:var(--div-background-color-15)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:none}.sidebar-head{background:0 0!important}.fc-toolbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--div-background-color-15)!important}.fc-view{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--div-background-color-15)!important;border-bottom-right-radius:15px;border-bottom-left-radius:15px}.fc-popover{background:var(--div-background-color-25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#homepageOrdercalendar .fc-toolbar{border-top-left-radius:15px;border-top-right-radius:15px}.fc-row,.fc-unthemed{border-bottom-right-radius:15px;border-bottom-left-radius:15px}.fc th.fc-widget-header{padding-left:5px}.error-body{padding-top:15%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:-webkit-fill-available;margin-top:-10%}.iziToast.success-notify.iziToast-layout2,.iziToast.update-notify.iziToast-layout2{border:none;background:var(--div-background-color-25)!important;border-bottom:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.iziToast.warning-notify.iziToast-layout2{background:var(--div-background-color-25);border:1px solid transparent;border-bottom:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.iziToast:after{background:0 0!important}.mfp-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mfp-zoom-out.mfp-ready.mfp-bg{opacity:1!important;background:var(--main-bg-color)!important}.mfp-wrap{background:var(--main-bg-color)}.main-email-panel .panel-body{background:var(--div-background-color-25)!important;border-bottom-right-radius:15px!important;border-bottom-left-radius:15px!important}.white-popup-block{background:var(--div-background-color-25)!important}.white-popup .panel-footer{background:var(--div-background-color-25);border-top:1px solid #fff;border-bottom-right-radius:15px;border-bottom-left-radius:15px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:15px;border-bottom-left-radius:15px}#homepageOrderdownloader{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--div-background-color-15);padding:10px;border-radius:15px}#homepageOrderdownloader .nav-tabs>li.active>a,.nav-tabs>li.active>a:hover{padding-top:14px}#homepageOrderdownloader .nav-tabs>li>a{padding-top:14px}.nowPlayingItem>.white-box>.el-card-item{background:var(--div-background-color-15)!important;-webkit-box-shadow:none;box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px}.active-tab-Homepage .white-popup .panel-body,.white-popup>.col-md-6>.white-box:nth-child(2){background:var(--div-background-color-25)!important;border-bottom-right-radius:15px;border-bottom-left-radius:15px}#plexStreams .el-element-overlay .el-card-item .el-overlay-1 img,#plexStreams .el-element-overlay:hover .el-card-item:hover .el-overlay-1:hover img:hover{border-top-right-radius:15px;border-top-left-radius:15px}.el-element-overlay .el-card-item .el-overlay-1{border-top-right-radius:15px;border-top-left-radius:15px}.el-element-overlay .el-card-item .el-overlay{border-top-right-radius:15px;border-top-left-radius:15px}.white-popup .panel-heading,.white-popup>.col-md-6>.white-box:first-child{background:var(--div-background-color-25)!important;border-top-right-radius:15px;border-top-left-radius:15px}.label-info{background:var(--div-background-color-25)}#homepageOrdercalendar,#homepageOrderdeluge,#homepageOrderembyrecent,#homepageOrderjdownloader,#homepageOrdernzbget,#homepageOrderplexplaylist,#homepageOrderqBittorrent,#homepageOrderrTorrent,#homepageOrdersabnzbd,#homepageOrdertransmission,#ombi-requests,#plexRecent{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--div-background-color-15);margin:5px;border-radius:15px}.bg-info{background-color:transparent!important}.card-body{background:var(--div-background-color-25)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bg-inverse .healthPosition{background:var(--div-background-color-25)!important;-webkit-backdrop-filter:saturate(180%) blur(30px);backdrop-filter:saturate(180%) blur(30px)}.unifiCards .panel-wrapper.collapse.in{background:var(--div-background-color-15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom-right-radius:15px;border-bottom-left-radius:15px}.unifiCards .panel-heading{background:var(--div-background-color-35)!important;color:#fff!important;border-color:transparent!important;text-align:inherit!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top-left-radius:15px;border-top-right-radius:15px;border-bottom:0}.unifiCards .panel-success .panel-heading,.unifiCards .panel-warning .panel-heading{border-top-left-radius:15px;border-top-right-radius:15px;border-bottom-right-radius:0;border-bottom-left-radius:0}#allUnifi .unifiCards .panel .panel-warning{border-radius:15px!important}.unifiCards .ti-close:before{content:"\f111";font-family:FontAwesome;font-size:20px;color:#ff453a}.unifiCards .ti-minus:before{content:"\f111";font-family:FontAwesome;font-size:20px;color:#fc0}.unifiCards .ti-plus:before{content:"\f111";font-family:FontAwesome;font-size:20px;color:#28cd41}#homepageOrderWeatherAndAir .col-lg-2 .white-box,#homepageOrderWeatherAndAir>div:nth-child(1)>div.col-lg-4.col-sm-12.col-xs-12>div,#homepageOrderWeatherAndAir>div:nth-child(2)>div.col-lg-4.col-sm-12.col-xs-12>div{background:var(--div-background-color-25)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#homepageOrdercustomhtml,#homepageOrdercustomhtmlTwo{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--div-background-color-15);border-radius:15px;padding-left:10px;padding-right:10px;margin-bottom:5px}#invite-area .bg-org{background:var(--div-background-color-15)!important;border-radius:15px}#new-invite-area .white-popup .panel-body,#new-invite-area .white-popup>.col-md-6>.white-box:nth-child(2){background:var(--div-background-color-15)!important;border-bottom-right-radius:15px;border-bottom-left-radius:15px}.white-popup .panel-body,.white-popup>.col-md-6>.white-box:nth-child(2){background:var(--div-background-color-15)!important;border-bottom-right-radius:15px;border-bottom-left-radius:15px;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.email-div .panel-body{border-radius:0!important}#speedtest-area .white-popup .panel-footer{background:var(--div-background-color-25)!important;border-bottom-right-radius:15px;border-bottom-left-radius:15px}#speedtest-area .white-popup .panel-body,#speedtest-area .white-popup>.col-md-6>.white-box:nth-child(2){border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.modal-body,.modal-content,.modal-footer,.modal-header{background:var(--div-background-color-10)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:transparent}.modal-body{border-bottom-left-radius:15px;border-bottom-right-radius:15px}.modal-header{border-top-left-radius:15px;border-top-right-radius:15px}.modal-open .modal{background:var(--main-bg-color)}.modal-content{border-radius:15px;box-shadow:none}@media (max-width:480px){#wrapper .login-register>.login-box>.white-box{background:0 0!important;margin-top:auto!important;width:100%!important;-webkit-backdrop-filter:blur(0px)!important;backdrop-filter:blur(0px)!important}}@media (max-width:480px){.login-box.login-sidebar{background:var(--div-background-color-15)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.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,.9)!important;border:none!important}.login-register>.login-box>.white-box{background:var(--div-background-color-25)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;-webkit-box-shadow:none;box-shadow:none}.login-register{height:100%;position:fixed}.slideInRight{-webkit-animation-name:none;animation-name:none}.login-register .login-box .white-box .bg-org{background-color:transparent!important}.btn-warning.disabled,.panel-wrapper .panel-body>.btn-warning{background:var(--div-background-color-15)!important;border:1px solid #ffc36d00!important}.panel-warning .panel-heading,.panel-yellow .panel-heading{color:#fff;border-radius:3px;background-color:rgba(0,0,0,.3);border-color:#00000000}.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-panels .panel,#login-panels .panel-body,.login-box.login-sidebar{background:0 0}#login-panels .btn,#login-panels .form-control{background:rgba(255,255,255,.35);color:#fff;border-radius:25px;border:none}#login-panles .btn-info.disabled.focus .btn-info.disabled:focus .btn-info.disabled:hover .btn-info.focus .btn-info:focus .btn-info:hover .btn:hover{background:rgba(255,255,255,.65);border:none}.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:var(--div-background-color-25);-webkit-box-shadow:none;box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px}.form-control::placeholder{color:#fff}#login-password-Input,#login-username-Input{text-align:center}.fa-lock:before,.panel .panel-heading .panel-title,label,span{color:#fff}#lockScreen .form-material .form-control,.form-material .form-control:focus{background:rgba(255,255,255,.35);border-radius:25px;padding:inherit;text-align:center}#lockScreen .btn-info{background:rgba(255,255,255,.35);border-radius:25px}.cbutton{background-color:var(--div-background-color-25)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px!important;border:none!important;padding:4px!important}.cbutton:hover{background:var(--div-background-color-25)!important;-webkit-backdrop-filter:saturate(180%) blur(30px)!important;backdrop-filter:saturate(180%) blur(30px)!important;opacity:1!important}.mdi-package-variant-closed:before{content:"\F3D7";color:#000}.mdi-receipt:before{content:"\F449";color:#000}.debugModal .modal-body{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.debugModal .modal-footer{background:var(--div-background-color-10)!important;border-bottom-left-radius:15px!important;border-bottom-right-radius:15px!important}#debugPreInfo .slimScrollDiv,#debugResults .slimScrollDiv{background:var(--div-background-color-15)}.swal-overlay--show-modal .swal-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--div-background-color-25);border-radius:15px}.swal-title{color:#fff}.swal-overlay--show-modal{background:var(--main-bg-color)}@media (max-width:480px){*{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}#page-wrapper{background:var(--mobile-bg-color)!important;background-size:cover;background-repeat:no-repeat;width:100%;height:100%}#side-menu{background:var(--mobile-bg-color)!important}.navbar-header{background:var(--div-background-color-25)!important}.navbar-default,.show-sidebar .sidebar .sidebar-head{background:var(--mobile-bg-color)!important}.dropdown-menu{background:var(--mobile-bg-color)!important}#internal-Settings{background:var(--mobile-bg-color)!important}.mfp-zoom-out.mfp-ready.mfp-bg{opacity:1!important;background:var(--mobile-bg-color)!important}.mfp-wrap{background:var(--mobile-bg-color)!important}.modal-open .modal{background:var(--mobile-bg-color)!important}#page-wrapper{background:var(--mobile-bg-color)!important}#internal-Settings,#preloader,.active-tab-Settings,.error-page,.preloader{background:var(--mobile-bg-color)!important}html{background:var(--mobile-bg-color)!important}} diff --git a/CSS/addons/unraid/login-page/alien/alien_base.css b/CSS/addons/unraid/login-page/alien/alien_base.css index da099aa8..8b123e15 100644 --- a/CSS/addons/unraid/login-page/alien/alien_base.css +++ b/CSS/addons/unraid/login-page/alien/alien_base.css @@ -1,245 +1 @@ -@import "https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css"; -@import "https://fonts.googleapis.com/css?family=Share+Tech+Mono&display=swap"; -@import "https://fonts.googleapis.com/css?family=VT323"; - - - /* Replace the variables if you have a dark background */ - /* Light colors for dark backgrounds */ - /* - --div-background-color-10: rgba(255, 255, 255, 0.1); - --div-background-color-15: rgba(255, 255, 255, 0.15); - --div-background-color-25: rgba(255, 255, 255, 0.25); - --div-background-color-35: rgba(255, 255, 255, 0.35); - https://www.transparenttextures.com/patterns/hexellence.png - https://www.transparenttextures.com/patterns/gplay.png - https://www.transparenttextures.com/patterns/simple-horizontal-light.png - https://www.colourlovers.com/palette/3428762/Fallout?widths=1 - - https://codepen.io/lbebber/pen/XJRdrV/ CRT KEY FRAMES - https://brennan.io/2017/06/14/alien-computer-card/ - https://www.cssmatic.com/noise-texture - - https://codepen.io/somethingformed/pen/raWJXV - radial-gradient(ellipse at center,#0f7 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, - */ - -* { - outline: none; -} - -@media only screen and (max-width: 500px) { - #login { - -webkit-backdrop-filter: blur(0px); - backdrop-filter: blur(0px); - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - height: 100%; - width: 100%; - border-radius: none !important; - } - .background-wrap,#video-bg-elem {display: none;} - - #login { - -webkit-box-shadow: inset 0px 0px 0px 2px #F000 !important; - box-shadow: inset 0px 0px 0px 2px #F000 !important; - } -} - -html { - background: var(--main-bg) !important; -} - -body { - background: var(--main-bg) !important; - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - height: 100%; - width: 100%; - overflow: hidden; -} -@media only screen and (max-width: 768px) { - #login { - min-width: 300px; - } -} -/*FOR VIDEO BACKGROUND*/ -.background-wrap { - position: fixed; - z-index: -1000; - width: 100%; - height: 100%; - overflow: hidden; - top: 0; - left: 0; -} -#video-bg-elem { - position: absolute; - top: 0; - left: 0; - min-height: 100%; - min-width: 100%; -} -/*TEXT COLOR*/ -#login h1, -#login h2, -#login .error { - color: var(--text-color) !important; - text-shadow: var(--text-shadow) var(--text-color); - font-size: 20px; -} -#login a { - color: var(--link-color); - text-shadow: var(--text-shadow) var(--text-color); -} -#login a:hover { - color: var(--link-color-hover); - text-shadow: var(--text-shadow) var(--text-color); -} -#login input { - color: var(--input-color); - text-shadow: 0 0 5px var(--text-color); -} -#login ::placeholder { - color: var(--input-color); - text-shadow: 0 0 5px var(--text-color); -} -#login ::-webkit-input-placeholder { - color: var(--input-color); - text-shadow: 0 0 5px var(--text-color); -} -#login ::-moz-placeholder { - color: var(--input-color); - text-shadow: 0 0 5px var(--text-color); -} -#login :-ms-input-placeholder { - color: var(--input-color); - text-shadow: 0 0 5px var(--text-color); -} -#login :-moz-placeholder { - color: var(--input-color); - text-shadow: 0 0 5px var(--text-color); -} -#login input:focus::-webkit-input-placeholder { - color: transparent !important; - text-shadow: 0 0 0px transparent; -} -#login input:focus:-moz-placeholder { - color: transparent !important; - text-shadow: 0 0 0px transparent; -} -#login input:focus::-moz-placeholder { - color: transparent !important; - text-shadow: 0 0 0px transparent; -} -#login input:focus:-ms-input-placeholder { - color: transparent !important; - text-shadow: 0 0 0px transparent; -} - -/*TEXT FONT*/ -#login h1, -#login h2, -#login a, -#login .button, -#login .error { - font-family: var(--text-font); - -webkit-font-smoothing: none; - line-height: 1.2; -} - -/* CASE COLOR */ -#login [class^='case-'], -#login [class*=' case-'] { - font-family: cases!important; - speak: none; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - color: var(--case-color); - text-shadow: var(--text-shadow) var(--text-color); -} -/*INPUT FORMS*/ -#login [type=text], -#login [type=password] { - font-family: var(--input-font); - background-color: rgba(0, 0, 0, 0.25); - border: 2px solid transparent; - text-transform: uppercase; - border-radius: 5px; -} -#login [type=text]:active, -#login [type=text]:focus, -#login [type=password]:active, -#login [type=password]:focus { - font-family: var(--input-font); - background-color: rgba(0, 0, 0, 0.25); - border: 2px solid transparent; - text-transform: uppercase; - -} - - -/*BUTTON*/ -#login .button { - color: var(--button-text-color); - text-shadow: var(--text-shadow) var(--text-color); - background: linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color2) 0, var(--button-color2)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 100% 100% no-repeat; - background: -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color))) 0 0 no-repeat, -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color2)), to(var(--button-color2))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 100% 100% no-repeat; - background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100%; -} -#login .button:hover { - color: var(--button-text-color-hover); - text-shadow: var(--text-shadow) var(--button-color-hover); - box-shadow: var(--box-shadow) var(--button-color-hover); - background-color: var(--button-color-hover); - background: -webkit-gradient(linear, left top, right top, from(var(--button-color2-hover)), to(var(--button-color-hover))); - background: linear-gradient(90deg, var(--button-color2-hover) 0, var(--button-color-hover)); -} - - -#login { - background: var(--div-background-color-15) !important; - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - padding-top: 1rem; - position: absolute; - left: 50%; - top: 50%; - transform: translate(-50%, -50%) !; - -ms-transform: translate(-50%, -50%); - -webkit-transform: translate(-50%, -50%); - margin: 0 !important; - text-transform: uppercase; - min-width: 300px; -} - -#login .angle:after { - display: none; -} -#login .wordmark { - display: none; -} - -#login .logo { - background: var(--logo); - background-size: contain; - padding: 2rem; - border-radius: 0; - margin: 0rem 1rem 0rem 1rem; -} -#login .error { - animation-name: shake; - animation-duration: .8s; -} -/*LOGIN BOX SHADOW*/ -.shadow { - -webkit-box-shadow: inset 0px 0px 0px 2px var(--text-color) !important; - box-shadow: inset 0px 0px 0px 2px var(--text-color) !important; -} +@import url(https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css);@import url(https://fonts.googleapis.com/css?family=Share+Tech+Mono&display=swap);@import url(https://fonts.googleapis.com/css?family=VT323);*{outline:0}@media only screen and (max-width:500px){#login{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);position:absolute;top:0;left:0;bottom:0;right:0;height:100%;width:100%;border-radius:none!important}#video-bg-elem,.background-wrap{display:none}#login{-webkit-box-shadow:inset 0 0 0 2px #f000!important;box-shadow:inset 0 0 0 2px #f000!important}}html{background:var(--main-bg)!important}body{background:var(--main-bg)!important;position:absolute;top:0;left:0;bottom:0;right:0;height:100%;width:100%;overflow:hidden}@media only screen and (max-width:768px){#login{min-width:300px}}.background-wrap{position:fixed;z-index:-1000;width:100%;height:100%;overflow:hidden;top:0;left:0}#video-bg-elem{position:absolute;top:0;left:0;min-height:100%;min-width:100%}#login .error,#login h1,#login h2{color:var(--text-color)!important;text-shadow:var(--text-shadow) var(--text-color);font-size:20px}#login a{color:var(--link-color);text-shadow:var(--text-shadow) var(--text-color)}#login a:hover{color:var(--link-color-hover);text-shadow:var(--text-shadow) var(--text-color)}#login input{color:var(--input-color);text-shadow:0 0 5px var(--text-color)}#login ::placeholder{color:var(--input-color);text-shadow:0 0 5px var(--text-color)}#login ::-webkit-input-placeholder{color:var(--input-color);text-shadow:0 0 5px var(--text-color)}#login ::-moz-placeholder{color:var(--input-color);text-shadow:0 0 5px var(--text-color)}#login :-ms-input-placeholder{color:var(--input-color);text-shadow:0 0 5px var(--text-color)}#login :-moz-placeholder{color:var(--input-color);text-shadow:0 0 5px var(--text-color)}#login input:focus::-webkit-input-placeholder{color:transparent!important;text-shadow:0 0 0 transparent}#login input:focus:-moz-placeholder{color:transparent!important;text-shadow:0 0 0 transparent}#login input:focus::-moz-placeholder{color:transparent!important;text-shadow:0 0 0 transparent}#login input:focus:-ms-input-placeholder{color:transparent!important;text-shadow:0 0 0 transparent}#login .button,#login .error,#login a,#login h1,#login h2{font-family:var(--text-font);-webkit-font-smoothing:none;line-height:1.2}#login [class*=' case-'],#login [class^=case-]{font-family:cases!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;color:var(--case-color);text-shadow:var(--text-shadow) var(--text-color)}#login [type=password],#login [type=text]{font-family:var(--input-font);background-color:rgba(0,0,0,.25);border:2px solid transparent;text-transform:uppercase;border-radius:5px}#login [type=password]:active,#login [type=password]:focus,#login [type=text]:active,#login [type=text]:focus{font-family:var(--input-font);background-color:rgba(0,0,0,.25);border:2px solid transparent;text-transform:uppercase}#login .button{color:var(--button-text-color);text-shadow:var(--text-shadow) var(--text-color);background:linear-gradient(90deg,var(--button-color2) 0,var(--button-color)) 0 0 no-repeat,linear-gradient(90deg,var(--button-color2) 0,var(--button-color)) 0 100% no-repeat,linear-gradient(0deg,var(--button-color2) 0,var(--button-color2)) 0 100% no-repeat,linear-gradient(0deg,var(--button-color) 0,var(--button-color)) 100% 100% no-repeat;background:-webkit-gradient(linear,left top,right top,from(var(--button-color2)),to(var(--button-color))) 0 0 no-repeat,-webkit-gradient(linear,left top,right top,from(var(--button-color2)),to(var(--button-color))) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(var(--button-color2)),to(var(--button-color2))) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(var(--button-color)),to(var(--button-color))) 100% 100% no-repeat;background-size:100% 2px,100% 2px,2px 100%,2px 100%}#login .button:hover{color:var(--button-text-color-hover);text-shadow:var(--text-shadow) var(--button-color-hover);box-shadow:var(--box-shadow) var(--button-color-hover);background-color:var(--button-color-hover);background:-webkit-gradient(linear,left top,right top,from(var(--button-color2-hover)),to(var(--button-color-hover)));background:linear-gradient(90deg,var(--button-color2-hover) 0,var(--button-color-hover))}#login{background:var(--div-background-color-15)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-top:1rem;position:absolute;left:50%;top:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);margin:0!important;text-transform:uppercase;min-width:300px}#login .angle:after{display:none}#login .wordmark{display:none}#login .logo{background:var(--logo);background-size:contain;padding:2rem;border-radius:0;margin:0 1rem 0 1rem}#login .error{animation-name:shake;animation-duration:.8s}.shadow{-webkit-box-shadow:inset 0 0 0 2px var(--text-color)!important;box-shadow:inset 0 0 0 2px var(--text-color)!important} diff --git a/CSS/addons/unraid/login-page/fallout/fallout_base.css b/CSS/addons/unraid/login-page/fallout/fallout_base.css index 24c5e667..3006c825 100644 --- a/CSS/addons/unraid/login-page/fallout/fallout_base.css +++ b/CSS/addons/unraid/login-page/fallout/fallout_base.css @@ -1,195 +1 @@ -@import "https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css"; -@import "https://fonts.googleapis.com/css?family=Share+Tech+Mono&display=swap"; -@import "https://fonts.googleapis.com/css?family=VT323"; - - -* { - outline: none; -} - -@media (max-width: 500px) { - #login { - -webkit-backdrop-filter: blur(0px); - backdrop-filter: blur(0px); - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - height: 100%; - width: 100%; - border-radius: none !important; - } - .background-wrap,#video-bg-elem {display: none;} -} - -html { - background: var(--main-bg-color) !important; -} -body { - background: var(--main-bg-color) !important; - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - height: 100%; - width: 100%; - overflow: hidden; -} -@media only screen and (max-width: 768px) { - #login { - min-width: 300px; - } -} -/*FOR VIDEO BACKGROUND*/ -.background-wrap { - position: fixed; - z-index: -1000; - width: 100%; - height: 100%; - overflow: hidden; - top: 0; - left: 0; -} -#video-bg-elem { - display: block; - position: absolute; - left: 50%; - top: 50%; - transform: translate(-50%, -50%); - z-index: 1; -} -/*TEXT COLOR*/ -#login h1, -#login h2, -#login .error { - color: var(--text-color) !important; -} -#login a { - color: var(--link-color); -} -#login a:hover { - color: var(--link-color-hover); -} -#login input { - color: var(--input-color); -} -#login ::placeholder { - color: var(--input-color); -} -#login ::-webkit-input-placeholder { - color: var(--input-color); -} -#login ::-moz-placeholder { - color: var(--input-color); -} -#login :-ms-input-placeholder { - color: var(--input-color); -} -#login :-moz-placeholder { - color: var(--input-color); -} -#login input:focus::-webkit-input-placeholder { - color: transparent !important; -} -#login input:focus:-moz-placeholder { - color: transparent !important; -} -#login input:focus::-moz-placeholder { - color: transparent !important; -} -#login input:focus:-ms-input-placeholder { - color: transparent !important; -} - -/*TEXT FONT*/ -#login h1, -#login h2, -#login a, -#login .button, -#login .error { - font-family: var(--text-font); -} - -/* CASE COLOR */ -#login [class^='case-'], -#login [class*=' case-'] { - font-family: cases!important; - speak: none; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - color: var(--case-color); -} -/*INPUT FORMS*/ -#login [type=text], -#login [type=password] { - font-family: var(--input-font); - background-color: rgba(0, 0, 0, 0.25); - border: 2px solid transparent; - text-transform: uppercase; - border-radius: 5px; -} -#login [type=text]:active, -#login [type=text]:focus, -#login [type=password]:active, -#login [type=password]:focus { - font-family: var(--input-font); - background-color: rgba(0, 0, 0, 0.25); - border: 2px solid transparent; - text-transform: uppercase; - -} - - -/*BUTTON*/ -#login .button { - color: var(--button-text-color); - background: linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color2) 0, var(--button-color2)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 100% 100% no-repeat; - background: -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color))) 0 0 no-repeat, -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color2)), to(var(--button-color2))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 100% 100% no-repeat; - background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100%; -} -#login .button:hover { - color: var(--button-text-color-hover); - background-color: var(--button-color); - background: -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color))); - background: linear-gradient(90deg, var(--button-color2) 0, var(--button-color)); -} - - -#login { - background: var(--div-background-color-15) !important; - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - padding-top: 1rem; - position: absolute; - left: 50%; - top: 50%; - transform: translate(-50%, -50%) !; - -ms-transform: translate(-50%, -50%); - -webkit-transform: translate(-50%, -50%); - margin: 0 !important; - text-transform: uppercase; - min-width: 300px; -} - -#login .angle:after { - display: none; -} -#login .wordmark { - display: none; -} - -#login .logo { - background: var(--logo); - background-size: contain; - padding: 2rem; - border-radius: 0; - margin: 0rem 1rem 0rem 1rem; -} -#login .error { - animation-name: shake; - animation-duration: .8s; -} +@import url(https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css);@import url(https://fonts.googleapis.com/css?family=Share+Tech+Mono&display=swap);@import url(https://fonts.googleapis.com/css?family=VT323);*{outline:0}@media (max-width:500px){#login{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);position:absolute;top:0;left:0;bottom:0;right:0;height:100%;width:100%;border-radius:none!important}#video-bg-elem,.background-wrap{display:none}}html{background:var(--main-bg-color)!important}body{background:var(--main-bg-color)!important;position:absolute;top:0;left:0;bottom:0;right:0;height:100%;width:100%;overflow:hidden}@media only screen and (max-width:768px){#login{min-width:300px}}.background-wrap{position:fixed;z-index:-1000;width:100%;height:100%;overflow:hidden;top:0;left:0}#video-bg-elem{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}#login .error,#login h1,#login h2{color:var(--text-color)!important}#login a{color:var(--link-color)}#login a:hover{color:var(--link-color-hover)}#login input{color:var(--input-color)}#login ::placeholder{color:var(--input-color)}#login ::-webkit-input-placeholder{color:var(--input-color)}#login ::-moz-placeholder{color:var(--input-color)}#login :-ms-input-placeholder{color:var(--input-color)}#login :-moz-placeholder{color:var(--input-color)}#login input:focus::-webkit-input-placeholder{color:transparent!important}#login input:focus:-moz-placeholder{color:transparent!important}#login input:focus::-moz-placeholder{color:transparent!important}#login input:focus:-ms-input-placeholder{color:transparent!important}#login .button,#login .error,#login a,#login h1,#login h2{font-family:var(--text-font)}#login [class*=' case-'],#login [class^=case-]{font-family:cases!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;color:var(--case-color)}#login [type=password],#login [type=text]{font-family:var(--input-font);background-color:rgba(0,0,0,.25);border:2px solid transparent;text-transform:uppercase;border-radius:5px}#login [type=password]:active,#login [type=password]:focus,#login [type=text]:active,#login [type=text]:focus{font-family:var(--input-font);background-color:rgba(0,0,0,.25);border:2px solid transparent;text-transform:uppercase}#login .button{color:var(--button-text-color);background:linear-gradient(90deg,var(--button-color2) 0,var(--button-color)) 0 0 no-repeat,linear-gradient(90deg,var(--button-color2) 0,var(--button-color)) 0 100% no-repeat,linear-gradient(0deg,var(--button-color2) 0,var(--button-color2)) 0 100% no-repeat,linear-gradient(0deg,var(--button-color) 0,var(--button-color)) 100% 100% no-repeat;background:-webkit-gradient(linear,left top,right top,from(var(--button-color2)),to(var(--button-color))) 0 0 no-repeat,-webkit-gradient(linear,left top,right top,from(var(--button-color2)),to(var(--button-color))) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(var(--button-color2)),to(var(--button-color2))) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(var(--button-color)),to(var(--button-color))) 100% 100% no-repeat;background-size:100% 2px,100% 2px,2px 100%,2px 100%}#login .button:hover{color:var(--button-text-color-hover);background-color:var(--button-color);background:-webkit-gradient(linear,left top,right top,from(var(--button-color2)),to(var(--button-color)));background:linear-gradient(90deg,var(--button-color2) 0,var(--button-color))}#login{background:var(--div-background-color-15)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-top:1rem;position:absolute;left:50%;top:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);margin:0!important;text-transform:uppercase;min-width:300px}#login .angle:after{display:none}#login .wordmark{display:none}#login .logo{background:var(--logo);background-size:contain;padding:2rem;border-radius:0;margin:0 1rem 0 1rem}#login .error{animation-name:shake;animation-duration:.8s} diff --git a/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css b/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css index 40a56684..39b4c66f 100644 --- a/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css +++ b/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css @@ -1,362 +1 @@ -@import "https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css"; -@import "https://fonts.googleapis.com/css?family=Share+Tech+Mono&display=swap"; -@import "https://fonts.googleapis.com/css?family=VT323"; - -/*___FONTS___*/ -/* 'VT323', 'Share Tech Mono' */ - /* Replace the variables if you have a dark background */ - /* Light colors for dark backgrounds */ - /* - --div-background-color-15: rgba(255, 255, 255, 0.15); - - https://www.transparenttextures.com/patterns/hexellence.png - https://www.transparenttextures.com/patterns/gplay.png - https://www.transparenttextures.com/patterns/simple-horizontal-light.png - https://www.colourlovers.com/palette/3428762/Fallout?widths=1 - - https://codepen.io/meduzen/pen/zxbwRV - https://codepen.io/lbebber/pen/XJRdrV/ CRT KEY FRAMES - https://brennan.io/2017/06/14/alien-computer-card/ - https://www.cssmatic.com/noise-texture - - https://codepen.io/somethingformed/pen/raWJXV - - - ============ SOURCES ============= - https://github.com/brenns10/alien-console - https://github.com/Swordfish90/cool-retro-term - https://github.com/andersevenrud/retro-css-shell-demo CRT INTERLACE - https://codepen.io/lbebber/pen/XJRdrV/ CRT KEY FRAMES - https://codepen.io/patrickhlauke/pen/YaoBop TEXT FLIKER - - */ - - -* { - outline: none; -} - -@media (max-width: 500px) { - #login { - -webkit-backdrop-filter: blur(0px); - backdrop-filter: blur(0px); - position: absolute; - padding-top: 0rem !important; - top: 0; - left: 0; - bottom: 0; - right: 0; - height: 100%; - width: 100%; - border-radius: none !important; - } - .background-wrap,#video-bg-elem,.custom-text-header {display: none;} - #login { - border:none !important; - } -} - -html {background: var(--main-bg-color) !important;} -body {background: var(--main-bg-color) !important;} -/* CRT SCREEN FLICKER*/ -body::before { - content: ""; - background: radial-gradient(ellipse at center,var(--body-before) 0,rgb(0, 0, 0) 100%) !important; - background-repeat: repeat-y !important; - background-size: 100% 4px !important; - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - height: 100%; - width: 100%; - overflow: hidden; - animation: var(--body-animation) 0.01s infinite; - pointer-events: none; -} -/* CRT BACKGROUND WITH LINES*/ -body::after { - content: ""; - background: radial-gradient(ellipse at center,var(--body-after) 0,rgba(0, 0, 0, 0.6) 80%) center center/cover no-repeat fixed, linear-gradient(#0000 0%,#0000 0%) !important; - background-repeat: repeat-y !important; - background-size: 100% 4px !important; - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - height: 100%; - width: 100%; - overflow: hidden; - pointer-events: none; -} - -@keyframes flicker {0% {opacity: 0.37633;}5% {opacity: 0.70002;}10% {opacity: 0.64427;}15% {opacity: 0.35591;}20% {opacity: 0.34054;}25% {opacity: 0.54917;}30% {opacity: 0.41056;}35% {opacity: 0.67637;}40% {opacity: 0.23681;}45% {opacity: 0.64945;}50% {opacity: 0.67522;}55% {opacity: 0.56049;}60% {opacity: 0.06113;}65% {opacity: 0.95766;}70% {opacity: 0.77945;}75% {opacity: 0.33817;}80% {opacity: 0.19735;}85% {opacity: 0.84337;}90% {opacity: 0.82867;}95% {opacity: 0.65512;}100% {opacity: 0.15179;}} - -@media only screen and (max-width: 768px) { - #login { - min-width: 300px; - } -} -/*FOR VIDEO BACKGROUND*/ -.background-wrap { - position: fixed; - z-index: -1000; - width: 100%; - height: 100%; - overflow: hidden; - top: 0; - left: 0; -} -#video-bg-elem { - position: absolute; - top: 0; - left: 0; - min-height: 100%; - min-width: 100%; -} -/*TEXT COLOR*/ -#login h1, -#login h2, -#login .error { - color: var(--text-color) !important; - text-shadow: var(--text-shadow) var(--text-shadow-color); -} -#login a { - color: var(--link-color); - text-shadow: var(--text-shadow) var(--text-shadow-color); -} -#login a:hover { - color: var(--link-color-hover); - text-shadow: var(--text-shadow) var(--text-shadow-color); -} -#login input { - color: var(--input-color); - text-shadow: 0 0 5px var(--text-shadow-color); -} -#login ::placeholder { - color: var(--input-color); - text-shadow: 0 0 5px var(--text-shadow-color); -} -#login ::-webkit-input-placeholder { - color: var(--input-color); - text-shadow: 0 0 5px var(--text-shadow-color); -} -#login ::-moz-placeholder { - color: var(--input-color); - text-shadow: 0 0 5px var(--text-shadow-color); -} -#login :-ms-input-placeholder { - color: var(--input-color); - text-shadow: 0 0 5px var(--text-shadow-color); -} -#login :-moz-placeholder { - color: var(--input-color); - text-shadow: 0 0 5px var(--text-shadow-color); -} -#login input:focus::-webkit-input-placeholder { - color: transparent !important; - text-shadow: 0 0 0px transparent; -} -#login input:focus:-moz-placeholder { - color: transparent !important; - text-shadow: 0 0 0px transparent; -} -#login input:focus::-moz-placeholder { - color: transparent !important; - text-shadow: 0 0 0px transparent; -} -#login input:focus:-ms-input-placeholder { - color: transparent !important; - text-shadow: 0 0 0px transparent; -} - -/*TEXT FONT*/ -#login h1, -#login h2, -#login a, -#login .button, -#login .error { - font-family: var(--text-font); - -webkit-font-smoothing: none; - line-height: 1.2; -} -h1 { - font-size: 3em; - margin: 0; -} - -/* CASE COLOR */ -#login [class^='case-'], -#login [class*=' case-'] { - font-family: cases!important; - speak: none; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - color: var(--case-color); - text-shadow: var(--text-shadow) var(--text-shadow-color); -} -/*INPUT FORMS*/ -#login [type=text], -#login [type=password] { - font-family: var(--input-font); - background-color: rgba(0, 0, 0, 0.25); - border: 2px solid transparent; - text-transform: uppercase; - border-radius: 0px; - border: 3px solid var(--text-color); - color: var(--text-color); -} -#login [type=text]:active, -#login [type=text]:focus, -#login [type=password]:active, -#login [type=password]:focus { - font-family: var(--input-font); - background-color: rgba(0, 0, 0, 0.25); - text-transform: uppercase; -} - - - -/*BUTTON*/ -#login .button { - color: var(--button-text-color); - text-shadow: var(--text-shadow) var(--text-shadow-color); - background: linear-gradient(90deg, var(--button-color) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 100% 100% no-repeat; - background: -webkit-gradient(linear, left top, right top, from(var(--button-color)), to(var(--button-color))) 0 0 no-repeat, -webkit-gradient(linear, left top, right top, from(var(--button-color)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 100% 100% no-repeat; - background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100%; - -} -#login .button:hover { - color: var(--button-text-color-hover); - text-shadow: var(--text-shadow) var(--button-color-hover); - box-shadow: var(--box-shadow) var(--button-color-hover); - background-color: var(--button-color-hover); - background: -webkit-gradient(linear, left top, right top, from(var(--button-color-hover)), to(var(--button-color-hover))); - background: linear-gradient(90deg, var(--button-color-hover) 0, var(--button-color-hover)); -} - -/*LOGIN ID*/ -#login { - background: var(--loginbox-background-color) !important; - padding-top: 1rem; - position: absolute; - left: 50%; - top: 50%; - transform: translate(-50%, -50%); - -ms-transform: translate(-50%, -50%); - -webkit-transform: translate(-50%, -50%); - margin: 0 !important; - text-transform: uppercase; - min-width: 300px; - border-radius: 0px !important; - border: 3px dashed var(--text-color); -} -#login .angle::after { - display:none; -} -#login .wordmark svg { - display: none; -} -#login .logo { - background: var(--logo); - background-size: contain; - padding: 2rem; - border-radius: 0; - margin: 0rem 1rem 0rem 1rem; -} -logo.angle { - -webkit-box-shadow: inset 0px 0px 0px 2px var(--text-color) !important; - box-shadow: inset 0px 0px 0px 2px var(--text-color) !important; - border-radius: 0px !important; -} -#login .error { - animation-name: shake; - animation-duration: .7s; -} - -/*CUSTOM HEADER*/ -.custom-text-header { - white-space: pre; - letter-spacing: 2px; - font-family: var(--text-font); - -webkit-font-smoothing: none; - font-weight: 900; - line-height: 1.5; - color: var(--custom-text-header) !important; - text-shadow: 0 0 20px var(--custom-text-header-shadow); - position: absolute; - left: 50%; - top: -15%; - transform: translate(-50%, -50%); - -ms-transform: translate(-50%, -50%); - -webkit-transform: translate(-50%, -50%); - animation-duration: 0.01s; - animation-name: var(--custom-text-header-animation); - animation-iteration-count: infinite; - animation-direction: alternate; - font-weight: 900; -} -.custom-text-header:after { - content: ""; - position: absolute; - top: 135px; - right: -15px; - background-color: var(--custom-text-header); - vertical-align: top; - width: 20px; - height: 2px; - -webkit-animation: blink 1s step-end infinite; - animation: blink 1s step-end infinite; -} -@-webkit-keyframes blink { - 0% { opacity: 1.0; } - 50% { opacity: 0.0; } - 100% { opacity: 1.0; } - } - - @keyframes blink { - 0% { opacity: 1.0; } - 50% { opacity: 0.0; } - 100% { opacity: 1.0; } - } - - @keyframes textflicker { - from { - text-shadow: 1px 0 0 #ea36af, -2px 0 0 #75fa69; - border: 10px 0 0 #ea36af, -2px 0 0 #75fa69; - } - to { - text-shadow: 2px 0.5px 2px #ea36af, -1px -0.5px 2px #75fa69; - border: 2px 0.5px 2px #ea36af, -1px -0.5px 2px #75fa69; - } - } - - ::selection { - background: var(--selection-color); /* WebKit/Blink Browsers */ - } - ::-moz-selection { - background: var(--selection-color); /* Gecko Browsers */ - } - - -/* - - __ ___ __ - ____ ____ _____/ /__________ ____ ___ ____ / (_)___ / /__ - / __ \/ __ \/ ___/ __/ ___/ __ \/ __ `__ \/ __ \/ / / __ \/ //_/ - / / / / /_/ (__ ) /_/ / / /_/ / / / / / / /_/ / / / / / / ,< -/_/ /_/\____/____/\__/_/ \____/_/ /_/ /_/\____/_/_/_/ /_/_/|_| - -*/ -/* -
                     __                             ___       __  
-   ____  ____  _____/ /__________  ____ ___  ____  / (_)___  / /__
-  / __ \/ __ \/ ___/ __/ ___/ __ \/ __ '__ \/ __ \/ / / __ \/ //_/
- / / / / /_/ (__  ) /_/ /  / /_/ / / / / / / /_/ / / / / / / ,<   
-/_/ /_/\____/____/\__/_/   \____/_/ /_/ /_/\____/_/_/_/ /_/_/|_|  
-
-*/ +@import url(https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css);@import url(https://fonts.googleapis.com/css?family=Share+Tech+Mono&display=swap);@import url(https://fonts.googleapis.com/css?family=VT323);*{outline:0}@media (max-width:500px){#login{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);position:absolute;padding-top:0!important;top:0;left:0;bottom:0;right:0;height:100%;width:100%;border-radius:none!important}#video-bg-elem,.background-wrap,.custom-text-header{display:none}#login{border:none!important}}html{background:var(--main-bg-color)!important}body{background:var(--main-bg-color)!important}body::before{content:"";background:radial-gradient(ellipse at center,var(--body-before) 0,#000 100%)!important;background-repeat:repeat-y!important;background-size:100% 4px!important;position:absolute;top:0;left:0;bottom:0;right:0;height:100%;width:100%;overflow:hidden;animation:var(--body-animation) 10ms infinite;pointer-events:none}body::after{content:"";background:radial-gradient(ellipse at center,var(--body-after) 0,rgba(0,0,0,.6) 80%) center center/cover no-repeat fixed,linear-gradient(#0000 0,#0000 0)!important;background-repeat:repeat-y!important;background-size:100% 4px!important;position:absolute;top:0;left:0;bottom:0;right:0;height:100%;width:100%;overflow:hidden;pointer-events:none}@keyframes flicker{0%{opacity:.37633}5%{opacity:.70002}10%{opacity:.64427}15%{opacity:.35591}20%{opacity:.34054}25%{opacity:.54917}30%{opacity:.41056}35%{opacity:.67637}40%{opacity:.23681}45%{opacity:.64945}50%{opacity:.67522}55%{opacity:.56049}60%{opacity:.06113}65%{opacity:.95766}70%{opacity:.77945}75%{opacity:.33817}80%{opacity:.19735}85%{opacity:.84337}90%{opacity:.82867}95%{opacity:.65512}100%{opacity:.15179}}@media only screen and (max-width:768px){#login{min-width:300px}}.background-wrap{position:fixed;z-index:-1000;width:100%;height:100%;overflow:hidden;top:0;left:0}#video-bg-elem{position:absolute;top:0;left:0;min-height:100%;min-width:100%}#login .error,#login h1,#login h2{color:var(--text-color)!important;text-shadow:var(--text-shadow) var(--text-shadow-color)}#login a{color:var(--link-color);text-shadow:var(--text-shadow) var(--text-shadow-color)}#login a:hover{color:var(--link-color-hover);text-shadow:var(--text-shadow) var(--text-shadow-color)}#login input{color:var(--input-color);text-shadow:0 0 5px var(--text-shadow-color)}#login ::placeholder{color:var(--input-color);text-shadow:0 0 5px var(--text-shadow-color)}#login ::-webkit-input-placeholder{color:var(--input-color);text-shadow:0 0 5px var(--text-shadow-color)}#login ::-moz-placeholder{color:var(--input-color);text-shadow:0 0 5px var(--text-shadow-color)}#login :-ms-input-placeholder{color:var(--input-color);text-shadow:0 0 5px var(--text-shadow-color)}#login :-moz-placeholder{color:var(--input-color);text-shadow:0 0 5px var(--text-shadow-color)}#login input:focus::-webkit-input-placeholder{color:transparent!important;text-shadow:0 0 0 transparent}#login input:focus:-moz-placeholder{color:transparent!important;text-shadow:0 0 0 transparent}#login input:focus::-moz-placeholder{color:transparent!important;text-shadow:0 0 0 transparent}#login input:focus:-ms-input-placeholder{color:transparent!important;text-shadow:0 0 0 transparent}#login .button,#login .error,#login a,#login h1,#login h2{font-family:var(--text-font);-webkit-font-smoothing:none;line-height:1.2}h1{font-size:3em;margin:0}#login [class*=' case-'],#login [class^=case-]{font-family:cases!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;color:var(--case-color);text-shadow:var(--text-shadow) var(--text-shadow-color)}#login [type=password],#login [type=text]{font-family:var(--input-font);background-color:rgba(0,0,0,.25);border:2px solid transparent;text-transform:uppercase;border-radius:0;border:3px solid var(--text-color);color:var(--text-color)}#login [type=password]:active,#login [type=password]:focus,#login [type=text]:active,#login [type=text]:focus{font-family:var(--input-font);background-color:rgba(0,0,0,.25);text-transform:uppercase}#login .button{color:var(--button-text-color);text-shadow:var(--text-shadow) var(--text-shadow-color);background:linear-gradient(90deg,var(--button-color) 0,var(--button-color)) 0 0 no-repeat,linear-gradient(90deg,var(--button-color) 0,var(--button-color)) 0 100% no-repeat,linear-gradient(0deg,var(--button-color) 0,var(--button-color)) 0 100% no-repeat,linear-gradient(0deg,var(--button-color) 0,var(--button-color)) 100% 100% no-repeat;background:-webkit-gradient(linear,left top,right top,from(var(--button-color)),to(var(--button-color))) 0 0 no-repeat,-webkit-gradient(linear,left top,right top,from(var(--button-color)),to(var(--button-color))) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(var(--button-color)),to(var(--button-color))) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(var(--button-color)),to(var(--button-color))) 100% 100% no-repeat;background-size:100% 2px,100% 2px,2px 100%,2px 100%}#login .button:hover{color:var(--button-text-color-hover);text-shadow:var(--text-shadow) var(--button-color-hover);box-shadow:var(--box-shadow) var(--button-color-hover);background-color:var(--button-color-hover);background:-webkit-gradient(linear,left top,right top,from(var(--button-color-hover)),to(var(--button-color-hover)));background:linear-gradient(90deg,var(--button-color-hover) 0,var(--button-color-hover))}#login{background:var(--loginbox-background-color)!important;padding-top:1rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);margin:0!important;text-transform:uppercase;min-width:300px;border-radius:0!important;border:3px dashed var(--text-color)}#login .angle::after{display:none}#login .wordmark svg{display:none}#login .logo{background:var(--logo);background-size:contain;padding:2rem;border-radius:0;margin:0 1rem 0 1rem}logo.angle{-webkit-box-shadow:inset 0 0 0 2px var(--text-color)!important;box-shadow:inset 0 0 0 2px var(--text-color)!important;border-radius:0!important}#login .error{animation-name:shake;animation-duration:.7s}.custom-text-header{white-space:pre;letter-spacing:2px;font-family:var(--text-font);-webkit-font-smoothing:none;font-weight:900;line-height:1.5;color:var(--custom-text-header)!important;text-shadow:0 0 20px var(--custom-text-header-shadow);position:absolute;left:50%;top:-15%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);animation-duration:10ms;animation-name:var(--custom-text-header-animation);animation-iteration-count:infinite;animation-direction:alternate;font-weight:900}.custom-text-header:after{content:"";position:absolute;top:135px;right:-15px;background-color:var(--custom-text-header);vertical-align:top;width:20px;height:2px;-webkit-animation:blink 1s step-end infinite;animation:blink 1s step-end infinite}@-webkit-keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@keyframes textflicker{from{text-shadow:1px 0 0 #ea36af,-2px 0 0 #75fa69;border:10px 0 0 #ea36af,-2px 0 0 #75fa69}to{text-shadow:2px .5px 2px #ea36af,-1px -.5px 2px #75fa69;border:2px .5px 2px #ea36af,-1px -.5px 2px #75fa69}}::selection{background:var(--selection-color)}::-moz-selection{background:var(--selection-color)} diff --git a/CSS/themes/adguard/adguard-base.css b/CSS/themes/adguard/adguard-base.css index 42983383..815b445f 100644 --- a/CSS/themes/adguard/adguard-base.css +++ b/CSS/themes/adguard/adguard-base.css @@ -1,614 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ - -body { - background: var(--main-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: var(--text) !important; -} - -/* Scrollbar */ -@media only screen and (min-width: 768px) { - html { - height: 100%; - width: 100%; - } - - 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; - } -} - -body *::-webkit-scrollbar-thumb { - background: hsla(0, 0%, 100%, .2); -} - -body *:hover::-webkit-scrollbar-thumb { - background: hsla(0, 0%, 100%, 0.4); -} - -::-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; -} - -/* TEXT */ - -a { - color: var(--link-color) -} - -a:hover { - color: var(--link-color-hover); -} - -a:-webkit-any-link:focus { - outline: none; -} - -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 { - filter: invert(1); -} - -.login__form .card { - background: rgba(0, 0, 0, 0.08); - border: 1px solid rgb(0 0 0 / 0.08); -} - -.login .btn-success:hover { - background-color: var(--button-color-hover); - border-color: var(--button-color-hover); - color: var(--button-text-hover); -} - -.login .btn-link { - color: var(--button-text); -} - -.login .btn-link:hover { - color: var(--button-text-hover); -} - -.form__message--error { - color: #F44336; -} - -/* HEADER */ -.header { - background: transparent; - border-bottom: 1px solid rgba(255, 255, 255, 0.03); -} - -.header-brand-img { - filter: invert(1); -} - -.header .btn-outline-secondary { - color: var(--button-text); - background: var(--button-color); - border-color: var(--button-color); -} - -.header .btn-outline-secondary:hover { - color: var(--button-text-hover); - background-color: var(--button-color-hover); -} - -.nav-tabs .nav-link.active { - border-color: rgb(var(--accent-color)); - color: rgb(var(--accent-color)); - background: transparent; -} - -.header .nav-tabs .nav-link.active:hover { - border-color: var(--accent-color-hover) !important; - color: var(--accent-color-hover) !important; -} - -.header a:not([href]):not([tabindex]) { - color: var(--text); - text-decoration: none; -} - -.header .nav-tabs { - color: var(--text); -} - -.header .nav-tabs .nav-link:hover:not(.disabled) { - border-color: var(--text-hover); - color: var(--text-hover); -} - -/* FOOTER */ -.footer { - background: rgba(0, 0, 0, 0.08); - border-top: 1px solid rgba(255, 255, 255, 0.03); - color: var(--text); -} - -.footer a:not(.btn) { - color: var(--link-color); -} - -.footer a:not(.btn):hover { - color: var(--link-color-hover); -} - -.footer .btn-outline-primary { - color: var(--button-color); - background-color: transparent; - background-image: none; - border-color: var(--button-color); -} - -.footer .btn-outline-primary:hover { - color: var(--button-text-hover); - background-color: var(--button-color-hover); - border-color: var(--button-color-hover); -} - -/* MAIN PAGE */ -.header__row .mobile-menu { - background-color: transparent; -} - -/* BUTTONS */ -.container .btn-outline-primary { - color: var(--button-text); - background-color: var(--button-color); - background-image: none; - border-color: var(--button-color); -} - -.container .btn-outline-primary:hover { - color: var(--button-text-hover); - background-color: var(--button-color-hover); - border-color: var(--button-color-hover); -} - -.tooltip-container { - background: rgb(var(--accent-color)); - color: var(--label-text-color); -} - -.toast--success { - background-color: rgba(90, 173, 99, 0.75); -} - -/* CARDS*/ -.card { - background-color: rgb(0 0 0 / 8%); - border: 1px solid rgba(255, 255, 255, 0.1); - color: var(--text); -} - -.card-header .card-title { - color: rgb(var(--accent-color)); -} - -.tooltip-custom__container { - background: rgb(var(--accent-color)); - color: var(--label-text-color); -} - -.tooltip-custom__content-link { - color: var(--link-color); -} - -.card-wrap, -.card-title-stats { - color: inherit; -} - -.card-title-stats a { - text-decoration: underline; -} - -.card-title-stats a:hover { - text-decoration: underline; - color: var(--accent-color-hover); -} - -.card .icon--lightgray { - color: var(--text); -} - -.card .logs__text { - color: var(--text); -} - -.card .button__action { - background-color: transparent; -} - -.card .btn-outline-danger { - color: #F44336; - background-color: transparent; - background-image: none; - border-color: #F44336; -} - -.btn-outline-danger:hover { - color: #fff; - background-color: #F44336; - border-color: #F44336; -} - -.btn-icon--green, -.icon--green { - color: var(--button-color); -} - -/* DROPDOWNS */ -.dropdown-menu { - color: var(--text); - 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-clip: padding-box; - border: 1px solid rgba(0, 40, 100, 0.12); - border-radius: 3px; -} - -.dropdown-item { - color: var(--text); -} - -.dropdown-item:hover, -.dropdown-item:focus { - color: var(--text-hover); - text-decoration: none; - background-color: rgb(255 255 255 / 0.08); -} - -.select__menu { - 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; - box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, .5); -} - -.select__option:hover { - background: rgba(255, 255, 255, .08) !important; -} - -.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 { - border-color: transparent !important; -} - -/* INSTALL */ -.setup__container { - background-color: rgb(0 0 0 / 8%); -} - -.setup__progress-wrap { - background-color: rgb(0 0 0 / 50%); -} - -.setup__logo { - filter: invert(1); -} - -/* SETTINGS */ -.checkbox__label-subtitle, -.form__desc, -.page-subtitle, -.card-title small, -.card-subtitle { - color: var(--text-hover); -} - -.dropdown-item.active, -.dropdown-item:active { - background-color: rgb(0 0 0 / 25%); -} - -.service__icon { - color: #eee; -} - -/* LOGS */ -.logs__table { - background-color: rgb(0 0 0 / 8%); -} - -.logs__text, -.logs__row .list-unstyled li, -.detailed-info, -.icon--lightgray, -.icon--gray, -.loading__text { - color: var(--text) -} - -.logs__no-data { - color: var(--text); - background-color: transparent; -} - -.logs__row--white { - background-color: transparent; -} - -.rt-tr-group.red, -.logs__row--red, -.rt-tr-group.logs__row--red { - background-color: rgb(244 67 54 / 30%) !important; -} - -.rt-tr-group.blue, -.rt-tr-group.logs__row--blue, -.logs__row--blue { - background-color: rgb(54 146 244 / 30%) !important; -} - -.ReactTable .rt-noData { - background: transparent; - color: var(--text-muted); -} - -.ReactTable .-pagination .-btn { - color: var(--text-muted); -} - -.ReactTable .-loading, -.ReactTable .-loading>div { - background: rgba(255, 255, 255, 0.5); -} - -.ReactTable .rt-thead .rt-th, -.ReactTable .rt-thead .rt-td, -.logs__cell--header__container { - color: var(--text-hover); -} - -.ReactTable .rt-tbody .rt-tr-group { - border-bottom: solid 1px rgb(255 255 255 / 20%); -} - -.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); -} - -.loading:before { - background-color: transparent; -} - -.custom-select:focus { - -webkit-box-shadow: none; - box-shadow: none; -} - -/* FORMS */ -.form-control--transparent { - color: var(--text-hover); -} - -.form-control--search { - outline: none; -} - -.form-control:focus { - border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; - background: #ffffff !important; -} - -.icon--selected { - background-color: rgb(0 0 0 / 15%); - border: solid 1px transparent; -} - -.tab__control, -.tab__control--active { - color: var(--text); -} - -/* BUTTONS */ -.btn-outline-secondary { - color: #c9c9c9; - border-color: #c9c9c9; -} - -.btn-success, -.btn-success.disabled, -.btn-success:disabled { - background-color: var(--button-color); - border-color: var(--button-color); - color: var(--button-text); -} - -.btn-success:hover { - color: var(--button-text-hover); - background-color: var(--button-color-hover); - border-color: var(--button-color-hover); -} - -.btn-success:focus, -.btn-success.focus { - -webkit-box-shadow: none; - box-shadow: none; -} - -.btn-secondary { - color: var(--button-text); - background-color: rgb(255 255 255 / 25%); - border-color: rgb(255 255 255 / 0%); - -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); -} - -.btn-secondary:hover { - color: var(--button-text-hover); - background-color: var(--button-color-hover); - border-color: transparent; -} - -.checkbox__input:checked+.checkbox__label:before { - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMi4zIDkuMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiPjxwYXRoIGQ9Ik0xMS44IDAuNUw1LjMgOC41IDAuNSA0LjIiLz48L3N2Zz4=); - background-color: rgb(var(--accent-color)); - -} - -.custom-radio .custom-control-input:checked~.custom-control-label::before, -.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); -} - -/* MODALS */ -.modal-content { - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; -} - -.ReactModal__Overlay--after-open { - background-color: rgb(0 0 0 / 0.7) !important; -} - -/* MOBILE */ -@media (max-width: 767px) { - .mobile-menu { - background: #1b1b1b !important; - } - - .dropdown-menu { - background: #1f1f1f !important; - } - - .ReactModal__Content { - 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; - border: 1px solid transparent !important; - } -} - -@media (max-width: 991px) { - .mobile-menu { - background: #1b1b1b !important; - } - - .dropdown-menu { - background: #1f1f1f !important; - } -} - -/* PLACEHOLDER TEXT */ -::placeholder { - color: var(--text); -} - -:-moz-placeholder { - color: var(--text); -} - -:-ms-input-placeholder { - color: var(--text); -} - -::-webkit-input-placeholder { - color: var(--text); -} \ No newline at end of file +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)!important}@media only screen and (min-width:768px){html{height:100%;width:100%}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}}body ::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2)}body :hover::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.4)}::-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}a{color:var(--link-color)}a:hover{color:var(--link-color-hover)}a:-webkit-any-link:focus{outline:0}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:var(--text-hover)}.login .login__form .text-center .h-6{filter:invert(1)}.login__form .card{background:rgba(0,0,0,.08);border:1px solid rgb(0 0 0 / .08)}.login .btn-success:hover{background-color:var(--button-color-hover);border-color:var(--button-color-hover);color:var(--button-text-hover)}.login .btn-link{color:var(--button-text)}.login .btn-link:hover{color:var(--button-text-hover)}.form__message--error{color:#f44336}.header{background:0 0;border-bottom:1px solid rgba(255,255,255,.03)}.header-brand-img{filter:invert(1)}.header .btn-outline-secondary{color:var(--button-text);background:var(--button-color);border-color:var(--button-color)}.header .btn-outline-secondary:hover{color:var(--button-text-hover);background-color:var(--button-color-hover)}.nav-tabs .nav-link.active{border-color:rgb(var(--accent-color));color:rgb(var(--accent-color));background:0 0}.header .nav-tabs .nav-link.active:hover{border-color:var(--accent-color-hover)!important;color:var(--accent-color-hover)!important}.header a:not([href]):not([tabindex]){color:var(--text);text-decoration:none}.header .nav-tabs{color:var(--text)}.header .nav-tabs .nav-link:hover:not(.disabled){border-color:var(--text-hover);color:var(--text-hover)}.footer{background:rgba(0,0,0,.08);border-top:1px solid rgba(255,255,255,.03);color:var(--text)}.footer a:not(.btn){color:var(--link-color)}.footer a:not(.btn):hover{color:var(--link-color-hover)}.footer .btn-outline-primary{color:var(--button-color);background-color:transparent;background-image:none;border-color:var(--button-color)}.footer .btn-outline-primary:hover{color:var(--button-text-hover);background-color:var(--button-color-hover);border-color:var(--button-color-hover)}.header__row .mobile-menu{background-color:transparent}.container .btn-outline-primary{color:var(--button-text);background-color:var(--button-color);background-image:none;border-color:var(--button-color)}.container .btn-outline-primary:hover{color:var(--button-text-hover);background-color:var(--button-color-hover);border-color:var(--button-color-hover)}.tooltip-container{background:rgb(var(--accent-color));color:var(--label-text-color)}.toast--success{background-color:rgba(90,173,99,.75)}.card{background-color:rgb(0 0 0 / 8%);border:1px solid rgba(255,255,255,.1);color:var(--text)}.card-header .card-title{color:rgb(var(--accent-color))}.tooltip-custom__container{background:rgb(var(--accent-color));color:var(--label-text-color)}.tooltip-custom__content-link{color:var(--link-color)}.card-title-stats,.card-wrap{color:inherit}.card-title-stats a{text-decoration:underline}.card-title-stats a:hover{text-decoration:underline;color:var(--accent-color-hover)}.card .icon--lightgray{color:var(--text)}.card .logs__text{color:var(--text)}.card .button__action{background-color:transparent}.card .btn-outline-danger{color:#f44336;background-color:transparent;background-image:none;border-color:#f44336}.btn-outline-danger:hover{color:#fff;background-color:#f44336;border-color:#f44336}.btn-icon--green,.icon--green{color:var(--button-color)}.dropdown-menu{color:var(--text);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-clip:padding-box;border:1px solid rgba(0,40,100,.12);border-radius:3px}.dropdown-item{color:var(--text)}.dropdown-item:focus,.dropdown-item:hover{color:var(--text-hover);text-decoration:none;background-color:rgb(255 255 255 / .08)}.select__menu{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;box-shadow:1px 1px 10px 1px rgba(0,0,0,.5)}.select__option:hover{background:rgba(255,255,255,.08)!important}.select__option{background:rgba(0,0,0,0)!important;border-bottom:solid rgba(255,255,255,.1) 1px}.select__multi-value__remove{color:#000}.basic-multi-select .select__control--is-focused,.basic-multi-select .select__control--is-focused:hover{border-color:transparent!important}.setup__container{background-color:rgb(0 0 0 / 8%)}.setup__progress-wrap{background-color:rgb(0 0 0 / 50%)}.setup__logo{filter:invert(1)}.card-subtitle,.card-title small,.checkbox__label-subtitle,.form__desc,.page-subtitle{color:var(--text-hover)}.dropdown-item.active,.dropdown-item:active{background-color:rgb(0 0 0 / 25%)}.service__icon{color:#eee}.logs__table{background-color:rgb(0 0 0 / 8%)}.detailed-info,.icon--gray,.icon--lightgray,.loading__text,.logs__row .list-unstyled li,.logs__text{color:var(--text)}.logs__no-data{color:var(--text);background-color:transparent}.logs__row--white{background-color:transparent}.logs__row--red,.rt-tr-group.logs__row--red,.rt-tr-group.red{background-color:rgb(244 67 54 / 30%)!important}.logs__row--blue,.rt-tr-group.blue,.rt-tr-group.logs__row--blue{background-color:rgb(54 146 244 / 30%)!important}.ReactTable .rt-noData{background:0 0;color:var(--text-muted)}.ReactTable .-pagination .-btn{color:var(--text-muted)}.ReactTable .-loading,.ReactTable .-loading>div{background:rgba(255,255,255,.5)}.ReactTable .rt-thead .rt-td,.ReactTable .rt-thead .rt-th,.logs__cell--header__container{color:var(--text-hover)}.ReactTable .rt-tbody .rt-tr-group{border-bottom:solid 1px rgb(255 255 255 / 20%)}.table td,.table th,.text-wrap table td,.text-wrap table th{padding:.75rem;vertical-align:top;border-top:1px solid rgba(255,255,255,.2)}.loading:before{background-color:transparent}.custom-select:focus{-webkit-box-shadow:none;box-shadow:none}.form-control--transparent{color:var(--text-hover)}.form-control--search{outline:0}.form-control:focus{border-color:transparent;-webkit-box-shadow:none;box-shadow:none;background:#fff!important}.icon--selected{background-color:rgb(0 0 0 / 15%);border:solid 1px transparent}.tab__control,.tab__control--active{color:var(--text)}.btn-outline-secondary{color:#c9c9c9;border-color:#c9c9c9}.btn-success,.btn-success.disabled,.btn-success:disabled{background-color:var(--button-color);border-color:var(--button-color);color:var(--button-text)}.btn-success:hover{color:var(--button-text-hover);background-color:var(--button-color-hover);border-color:var(--button-color-hover)}.btn-success.focus,.btn-success:focus{-webkit-box-shadow:none;box-shadow:none}.btn-secondary{color:var(--button-text);background-color:rgb(255 255 255 / 25%);border-color:rgb(255 255 255 / 0%);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.05);box-shadow:0 1px 1px 0 rgba(0,0,0,.05)}.btn-secondary:hover{color:var(--button-text-hover);background-color:var(--button-color-hover);border-color:transparent}.checkbox__input:checked+.checkbox__label:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMi4zIDkuMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiPjxwYXRoIGQ9Ik0xMS44IDAuNUw1LjMgOC41IDAuNSA0LjIiLz48L3N2Zz4=);background-color:rgb(var(--accent-color))}.custom-radio .custom-control-input:checked~.custom-control-label::before,.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)}.modal-content{background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover}.ReactModal__Overlay--after-open{background-color:rgb(0 0 0 / .7)!important}@media (max-width:767px){.mobile-menu{background:#1b1b1b!important}.dropdown-menu{background:#1f1f1f!important}.ReactModal__Content{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;border:1px solid transparent!important}}@media (max-width:991px){.mobile-menu{background:#1b1b1b!important}.dropdown-menu{background:#1f1f1f!important}}::placeholder{color:var(--text)}:-moz-placeholder{color:var(--text)}:-ms-input-placeholder{color:var(--text)}::-webkit-input-placeholder{color:var(--text)} diff --git a/CSS/themes/bazarr/bazarr-base.css b/CSS/themes/bazarr/bazarr-base.css index 6e3e188e..0e44d0ce 100644 --- a/CSS/themes/bazarr/bazarr-base.css +++ b/CSS/themes/bazarr/bazarr-base.css @@ -1,848 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ - -* { - outline: none; -} - -body { - background: var(--main-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: var(--text); -} - -/* scroller */ -::-webkit-scrollbar-corner { - background-color: hsla(0, 0%, 100%, .08); -} - -::-webkit-scrollbar { - width: 10px; - height: 10px; - background: #1f1f1f; -} - -::-webkit-scrollbar-thumb { - -webkit-border-radius: 5px; - border-radius: 5px; - background-color: rgba(255, 255, 255, 0.35) !important; -} - -a, -.page-link { - color: var(--link-color); -} - -a:hover { - color: var(--link-color-hover); -} - -/* Pagination */ -.page-item.active .page-link { - z-index: 3; - color: var(--button-text); - background-color: var(--button-color); - border-color: var(--button-color); -} - -.page-link { - background-color: rgba(255, 255, 255, .07); - border: 1px solid rgba(255, 255, 255, .1); -} - -.page-link:hover { - color: var(--link-color-hover); - text-decoration: none; - background-color: rgba(0, 0, 0, .15); - border: 1px solid rgba(255, 255, 255, .1); -} - -.page-item.disabled .page-link { - color: var(--link-color); - background-color: rgba(255, 255, 255, .07); - border: 1px solid rgba(255, 255, 255, .1); -} - -.page-link:focus { - z-index: 3; - outline: 0; - box-shadow: 0 0 0 0.2rem rgb(var(--accent-color) / 25%); -} - -/* TEXT */ -.text-muted { - color: var(--text-muted) !important; -} - -.table { - color: var(--text); -} - -.table thead th { - color: var(--text-hover); -} - -h1, -h2, -h3, -h4, -h5, -h6, -.custom-control-label, -label, -.modal-header { - color: var(--text-hover); -} - -/* Form Stuff */ - -.header-container input[type=text] { - padding: 0; - transition: none; - color: #fff; - border-radius: 0; - border: none; - border-bottom: 1px solid rgba(255, 255, 255, .3) !important; - background-color: transparent; -} - -.header-container input[type=text]:focus { - box-shadow: none; - color: #fff; - background-color: transparent !important; - border-color: rgb(var(--accent-color)) !important; -} - -.form-control { - color: #FFF; - background-color: rgba(255, 255, 255, 0.08); - border: 1px solid rgba(255, 255, 255, 0.08); -} - -.form-control:focus { - background-color: rgba(255, 255, 255, 0.25) !important; - border-color: rgba(255, 255, 255, 0.25) !important; - outline: 0; - box-shadow: none; - color: #fff; -} - -.form-control:disabled, -.form-control[readonly] { - background-color: rgb(255 255 255 / 15%); - opacity: .7; - color: #fff; - border: 1px solid rgb(255 255 255 / 15%); -} - -:root .form-control:focus { - box-shadow: none !important; - border-color: transparent !important; -} - -.form-group i { - color: #ffffff; -} - -.bootstrap-tagsinput { - color: #eee; - background-color: rgba(0, 0, 0, .25) !important; - border: 1px solid transparent !important; - -} - -.bootstrap-tagsinput.focus { - background-color: #fff !important; - border-color: transparent; - outline: 0; - box-shadow: none; - color: black; -} - -.input-group-text { - color: var(--text); - background-color: rgb(0 0 0 / 25%); - border: 1px solid transparent; -} - -.custom-chip-input .main-input { - background: transparent; - color: var(--text); -} - -.custom-chip-input:focus-within { - border-color: rgb(255 255 255 / 10%); -} - -.custom-chip-input .custom-chip { - color: var(--button-text); - background-color: var(--button-color); -} - -.custom-selector .selector__control .selector__multi-value, -.selector__multi-value__label { - background: var(--button-color); - color: var(--button-text); -} - -/* SIDEBAR */ -.sidebar-container { - background-color: rgba(0, 0, 0, .25); -} - -.sidebar-container .sidebar-button { - color: var(--text) !important; - background: transparent -} - -.sidebar-container .sidebar-button:active, -.sidebar-container .sidebar-button:focus { - color: rgb(var(--accent-color)) !important; - background-color: rgba(0, 0, 0, 0.15) !important; -} - -.sidebar-container .sidebar-button:hover { - background-color: transparent !important; - color: rgb(var(--accent-color)) !important; -} - -.content-header.bg-dark .btn-dark:hover { - color: rgb(var(--accent-color)); -} - -.sidebar-container .sidebar-button.sb-active, -.sidebar-container .sidebar-button.sb-active:hover { - background-color: rgba(0, 0, 0, 0.15) !important; - color: rgb(var(--accent-color)) !important; -} - -.content-header.bg-dark>button { - color: var(--text); -} - -.content-header.bg-dark>button:hover { - color: var(--text-hover); -} - -.content-header.bg-dark .btn-dark { - color: var(--text); -} - -.btn-dark.disabled:hover, -.btn-dark:disabled:hover { - color: var(--text) !important; -} - - -.sidebar-container .sidebar-collapse-box.active:before, -.sidebar-container .sidebar-button.sb-active:before { - background-color: rgb(var(--accent-color)); -} - -@media (max-width: 767.98px) { - - .sidebar-container.open, - .sidebar-container { - 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; - } -} - -.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; -} - -.header-container .btn-primary { - color: var(--button-text); - background-color: transparent; - border-color: transparent; -} - -.header-container .btn-primary.focus, -.header-container .btn-primary:focus, -.header-container .btn-primary:hover { - color: var(--button-text-hover); - background-color: transparent; - border-color: transparent; -} - -.header-container .btn-primary:not(:disabled):not(.disabled).active, -.header-container .btn-primary:not(:disabled):not(.disabled):active, -.header-container .show>.btn-primary.dropdown-toggle { - color: var(--button-text-hover); - background-color: transparent; - border-color: transparent; -} - -/* PAGES */ -.content-header.bg-dark { - 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; - border-bottom: solid 1px rgba(255, 255, 255, .1); - -} - -/* LOGIN */ -.bg-light { - 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; -} - -.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%); -} - - -.card { - background-color: rgba(0, 0, 0, .45); - box-shadow: 0 0 10px 1px #000000; - color: var(--text); -} - -.settings-card:hover, -.settings-card:focus { - border-color: transparent; - color: var(--text-hover); -} - -.alert-secondary { - color: var(--text); - background-color: rgba(255, 255, 255, .15); - border-color: rgba(255, 255, 255, .15); -} - -/* Series page */ -.progress-bar { - background-color: var(--accent-color); -} - -.progress { - background-color: rgb(255 255 255 / 20%); -} - -.progress-bar.bg-primary { - background: rgb(var(--accent-color)) !important; - color: var(--label-text-color) !important; -} - -.progress-bar.bg-warning { - color: #212529; - background-color: rgba(255, 193, 7, .8) !important; -} - -.badge-warning { - color: #212529; - background-color: rgba(255, 193, 7, .8); -} - -.badge-primary { - color: var(--label-text-color); - background-color: rgb(var(--accent-color)); -} - -.text-truncate.badge.badge-secondary { - color: var(--label-text-color); - background-color: rgb(var(--accent-color)); -} - -.popover { - background-color: #1f1f1f; - border: 1px solid rgba(255, 255, 255, .2); -} - -.bs-popover-auto[x-placement^=top]>.arrow:after, -.bs-popover-top>.arrow:after { - border-top-color: rgba(255, 255, 255, .5); -} - -.popover-header { - background-color: #1f1f1f; - border-bottom: 1px solid rgba(255, 255, 255, 0.1); - -} - -.popover-body { - color: var(--text) -} - -.spinner-border { - color: rgb(var(--accent-color)); -} - -/* Modal */ - -.modal-content { - box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1); - border-radius: 3px; - 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 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 var(--accent-color); -} - -.modal-content .badge-secondary { - color: #fff; - background-color: var(--accent-color); - padding: 5px; -} - -.modal-content button:focus { - outline: none !important; -} - -.close { - float: right; - font-size: 1.5rem; - font-weight: 700; - line-height: 1; - color: #eee; - text-shadow: 0 1px 0 #eee; - opacity: .5; -} - -.close:hover { - color: #fff !important; - text-decoration: none; -} - -/* BUTTONS */ - -.btn-primary, -.btn-outline-secondary { - color: var(--button-text); - background-color: var(--button-color); - border-color: var(--button-color); -} - -.btn-primary.focus, -.btn-primary:focus, -.btn-primary:hover, -.btn-outline-secondary:hover, -.btn-outline-secondary.focus, -.btn-outline-secondary:focus { - color: var(--button-text-hover); - background-color: var(--button-color-hover); - border-color: var(--button-color-hover); -} - -.btn-primary:not(:disabled):not(.disabled).active, -.btn-primary:not(:disabled):not(.disabled):active, -.show>.btn-primary.dropdown-toggle { - color: var(--button-text-hover); - background-color: var(--button-color-hover); - border-color: var(--button-color-hover); -} - -.btn-primary:not(:disabled):not(.disabled).active:focus, -.btn-primary:not(:disabled):not(.disabled):active:focus, -.show>.btn-primary.dropdown-toggle:focus, -.btn-primary.focus, -.btn-primary:focus { - box-shadow: 0 0 0 0.2rem rgba(var(--accent-color), .5); -} - -.btn-primary.disabled, -.btn-primary:disabled { - color: var(--button-text); - background-color: var(--button-color); - border-color: var(--button-color); -} - -.btn-dark.disabled, -.btn-dark:disabled { - color: var(--text-muted); - background-color: transparent; - border-color: transparent; -} - -.btn-dark.disabled:hover, -.btn-dark:disabled:hover { - color: var(--text-muted); - background-color: transparent; - border-color: transparent; -} - -.btn-dark { - color: var(--button-text); - background-color: transparent; - /* rgba(var(--accent-color),.5)*/ - border-color: transparent; -} - -.btn-dark.focus, -.btn-dark:focus, -.btn-dark:hover { - color: var(--button-text-hover); - background-color: transparent; - /* rgba(var(--accent-color),.8) */ - border-color: transparent; -} - -.btn-dark.focus, -.btn-dark:focus { - box-shadow: 0 0 0 0.2rem transparent; -} - -.btn-dark:not(:disabled):not(.disabled).active, -.btn-dark:not(:disabled):not(.disabled):active, -.show>.btn-dark.dropdown-toggle { - color: var(--button-text-hover); - background-color: transparent; - border-color: transparent; -} - -.btn-dark:not(:disabled):not(.disabled).active:focus, -.btn-dark:not(:disabled):not(.disabled):active:focus, -.show>.btn-dark.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem transparent; -} - -.btn-light { - color: var(--button-text); - background-color: var(--button-color); - border-color: var(--button-color); -} - -.btn-light.focus, -.btn-light:focus, -.btn-light:hover { - color: var(--button-text-hover); - background-color: var(--button-color-hover); - border-color: var(--button-color-hover); -} - -.btn-light.disabled, -.btn-light:disabled { - color: var(--button-text); - background-color: var(--button-color); - border-color: var(--button-color); -} - -.btn-light:not(:disabled):not(.disabled).active, -.btn-light:not(:disabled):not(.disabled):active, -.show>.btn-light.dropdown-toggle, -.btn-light.focus, -.btn-light:focus { - color: var(--button-text-hover); - background-color: var(--button-color-hover); - border-color: var(--button-color-hover); -} - -.btn-light:not(:disabled):not(.disabled).active:focus, -.btn-light:not(:disabled):not(.disabled):active:focus, -.show>.btn-light.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem transparent; -} - -.custom-control-input:focus~.custom-control-label:before { - box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, .07); -} - -.custom-control-input:checked~.custom-control-label:before { - border-color: rgb(var(--accent-color)); - background-color: rgb(var(--accent-color)); -} - -.custom-control-input:focus~.custom-control-label:before { - box-shadow: 0 0 0 .2rem rgba(var(--accent-color), .25) -} - -.custom-control-input:focus:not(:checked)~.custom-control-label:before { - border-color: var(--accent-color); -} - -.custom-control-input:not(:disabled):active~.custom-control-label:before { - color: #fff; - background-color: rgb(var(--accent-color)); - border-color: rgb(var(--accent-color)); -} - -.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before { - border-color: rgb(var(--accent-color)); - background-color: rgb(var(--accent-color)); -} - -.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before { - background-color: rgba(var(--accent-color), .5) -} - -.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before { - background-color: rgba(var(--accent-color), .5) -} - -.custom-radio .custom-control-input:disabled:checked~.custom-control-label:before { - background-color: rgba(var(--accent-color), .5) -} - -.custom-switch .custom-control-input:disabled:checked~.custom-control-label:before { - background-color: rgba(var(--accent-color), .5) -} - -.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; -} - -.custom-select:focus { - border-color: rgb(var(--accent-color)); - outline: 0; - box-shadow: 0 0 0 .2rem rgba(var(--accent-color), .25) -} - -.custom-file-input:focus~.custom-file-label { - border-color: rgb(var(--accent-color)); - box-shadow: 0 0 0 .2rem rgba(var(--accent-color), .25) -} - -/* DROPDOWN MENU */ -.dropdown-menu, -.dropdown-header { - color: var(--text); - 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-item { - color: var(--text); -} - -.dropdown-item:focus, -.dropdown-item:hover { - color: var(--text-hover); - background-color: hsla(0, 0%, 100%, .08); -} - -.custom-selector .selector__control { - background-color: rgba(0, 0, 0, 0.25); - border-color: rgba(0, 0, 0, 0) !important; - color: #fff; -} - -[class$="-singleValue"], -[class$="-placeholder"], -[class$="-indicatorContainer"] { - color: var(--text) !important; -} - -[class$="-indicatorContainer"]:hover { - color: var(--text-hover); -} - -.custom-selector .selector__control--is-focused { - border-color: rgba(255, 255, 255, .2) !important; -} - -.selector__menu { - background: var(--drop-down-menu-bg) !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) -} - -.custom-selector .selector__option--is-selected:active { - background-color: rgba(255, 255, 255, .07) !important; -} - -.custom-selector .selector__option--is-focused { - background-color: rgba(var(--accent-color), .2); - color: #fff; -} - -.custom-selector .selector__option--is-focused:active, -.custom-selector .selector__option--is-focused:focus { - background-color: rgba(var(--accent-color), .2); - color: #fff; -} - -.custom-selector .selector__option--is-selected { - background-color: rgb(var(--accent-color)); - color: var(--label-text-color); -} - -.custom-selector .selector__option--is-selected:active { - background-color: rgb(var(--accent-color)); -} - -.custom-rc-slider .rc-slider-track { - background: var(--button-color); -} - -.custom-rc-slider .rc-slider-handle { - border: 3px solid var(--button-color); -} - -.custom-rc-slider .rc-slider-handle:hover, -.custom-rc-slider .rc-slider-handle:active { - border-color: var(--button-color-hover); -} - - -/* RECHARTS */ -.recharts-default-tooltip { - background: #1f1f1f !important; - border: transparent !important; -} - -.recharts-rectangle.recharts-tooltip-cursor { - fill: rgba(255, 255, 255, .15) !important; -} - -text { - stroke: none; - fill: var(--text-hover); - text-anchor: end; -} - -line { - stroke: var(--text); - fill: none; -} - -/* PLACEHOLDER TEXT */ -::placeholder { - color: var(--text) !important; - opacity: .5 !important; -} - -:-moz-placeholder { - color: var(--text) !important; - opacity: .5 !important; -} - -:-ms-input-placeholder { - color: var(--text) !important; - opacity: .5 !important; -} - -::-webkit-input-placeholder { - color: var(--text) !important; - opacity: .5; -} - -/* TOASTS */ -.toast { - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - border: 1px solid 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); -} - -.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); - 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-size: 1rem 1rem -} - -/* LOGS */ -/* Stack traceback */ -code.zmdi-language-python-alt { - color: var(--text); -} \ No newline at end of file +*{outline:0}body{background:var(--main-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;color:var(--text)}::-webkit-scrollbar-corner{background-color:hsla(0,0%,100%,.08)}::-webkit-scrollbar{width:10px;height:10px;background:#1f1f1f}::-webkit-scrollbar-thumb{-webkit-border-radius:5px;border-radius:5px;background-color:rgba(255,255,255,.35)!important}.page-link,a{color:var(--link-color)}a:hover{color:var(--link-color-hover)}.page-item.active .page-link{z-index:3;color:var(--button-text);background-color:var(--button-color);border-color:var(--button-color)}.page-link{background-color:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}.page-link:hover{color:var(--link-color-hover);text-decoration:none;background-color:rgba(0,0,0,.15);border:1px solid rgba(255,255,255,.1)}.page-item.disabled .page-link{color:var(--link-color);background-color:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem rgb(var(--accent-color) / 25%)}.text-muted{color:var(--text-muted)!important}.table{color:var(--text)}.table thead th{color:var(--text-hover)}.custom-control-label,.modal-header,h1,h2,h3,h4,h5,h6,label{color:var(--text-hover)}.header-container input[type=text]{padding:0;transition:none;color:#fff;border-radius:0;border:none;border-bottom:1px solid rgba(255,255,255,.3)!important;background-color:transparent}.header-container input[type=text]:focus{box-shadow:none;color:#fff;background-color:transparent!important;border-color:rgb(var(--accent-color))!important}.form-control{color:#fff;background-color:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08)}.form-control:focus{background-color:rgba(255,255,255,.25)!important;border-color:rgba(255,255,255,.25)!important;outline:0;box-shadow:none;color:#fff}.form-control:disabled,.form-control[readonly]{background-color:rgb(255 255 255 / 15%);opacity:.7;color:#fff;border:1px solid rgb(255 255 255 / 15%)}:root .form-control:focus{box-shadow:none!important;border-color:transparent!important}.form-group i{color:#fff}.bootstrap-tagsinput{color:#eee;background-color:rgba(0,0,0,.25)!important;border:1px solid transparent!important}.bootstrap-tagsinput.focus{background-color:#fff!important;border-color:transparent;outline:0;box-shadow:none;color:#000}.input-group-text{color:var(--text);background-color:rgb(0 0 0 / 25%);border:1px solid transparent}.custom-chip-input .main-input{background:0 0;color:var(--text)}.custom-chip-input:focus-within{border-color:rgb(255 255 255 / 10%)}.custom-chip-input .custom-chip{color:var(--button-text);background-color:var(--button-color)}.custom-selector .selector__control .selector__multi-value,.selector__multi-value__label{background:var(--button-color);color:var(--button-text)}.sidebar-container{background-color:rgba(0,0,0,.25)}.sidebar-container .sidebar-button{color:var(--text)!important;background:0 0}.sidebar-container .sidebar-button:active,.sidebar-container .sidebar-button:focus{color:rgb(var(--accent-color))!important;background-color:rgba(0,0,0,.15)!important}.sidebar-container .sidebar-button:hover{background-color:transparent!important;color:rgb(var(--accent-color))!important}.content-header.bg-dark .btn-dark:hover{color:rgb(var(--accent-color))}.sidebar-container .sidebar-button.sb-active,.sidebar-container .sidebar-button.sb-active:hover{background-color:rgba(0,0,0,.15)!important;color:rgb(var(--accent-color))!important}.content-header.bg-dark>button{color:var(--text)}.content-header.bg-dark>button:hover{color:var(--text-hover)}.content-header.bg-dark .btn-dark{color:var(--text)}.btn-dark.disabled:hover,.btn-dark:disabled:hover{color:var(--text)!important}.sidebar-container .sidebar-button.sb-active:before,.sidebar-container .sidebar-collapse-box.active:before{background-color:rgb(var(--accent-color))}@media (max-width:767.98px){.sidebar-container,.sidebar-container.open{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}}.sidebar-container .badge-secondary{color:var(--label-text-color);background-color:var(--queue-color)}.header-container .bg-primary{background-color:rgba(0,0,0,.35)!important}.header-container .btn-primary{color:var(--button-text);background-color:transparent;border-color:transparent}.header-container .btn-primary.focus,.header-container .btn-primary:focus,.header-container .btn-primary:hover{color:var(--button-text-hover);background-color:transparent;border-color:transparent}.header-container .btn-primary:not(:disabled):not(.disabled).active,.header-container .btn-primary:not(:disabled):not(.disabled):active,.header-container .show>.btn-primary.dropdown-toggle{color:var(--button-text-hover);background-color:transparent;border-color:transparent}.content-header.bg-dark{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;border-bottom:solid 1px rgba(255,255,255,.1)}.bg-light{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}.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%)}.card{background-color:rgba(0,0,0,.45);box-shadow:0 0 10px 1px #000;color:var(--text)}.settings-card:focus,.settings-card:hover{border-color:transparent;color:var(--text-hover)}.alert-secondary{color:var(--text);background-color:rgba(255,255,255,.15);border-color:rgba(255,255,255,.15)}.progress-bar{background-color:var(--accent-color)}.progress{background-color:rgb(255 255 255 / 20%)}.progress-bar.bg-primary{background:rgb(var(--accent-color))!important;color:var(--label-text-color)!important}.progress-bar.bg-warning{color:#212529;background-color:rgba(255,193,7,.8)!important}.badge-warning{color:#212529;background-color:rgba(255,193,7,.8)}.badge-primary{color:var(--label-text-color);background-color:rgb(var(--accent-color))}.text-truncate.badge.badge-secondary{color:var(--label-text-color);background-color:rgb(var(--accent-color))}.popover{background-color:#1f1f1f;border:1px solid rgba(255,255,255,.2)}.bs-popover-auto[x-placement^=top]>.arrow:after,.bs-popover-top>.arrow:after{border-top-color:rgba(255,255,255,.5)}.popover-header{background-color:#1f1f1f;border-bottom:1px solid rgba(255,255,255,.1)}.popover-body{color:var(--text)}.spinner-border{color:rgb(var(--accent-color))}.modal-content{box-shadow:0 0 10px 1px rgba(0,0,0,.1);border-radius:3px;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 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 var(--accent-color)}.modal-content .badge-secondary{color:#fff;background-color:var(--accent-color);padding:5px}.modal-content button:focus{outline:0!important}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#eee;text-shadow:0 1px 0 #eee;opacity:.5}.close:hover{color:#fff!important;text-decoration:none}.btn-outline-secondary,.btn-primary{color:var(--button-text);background-color:var(--button-color);border-color:var(--button-color)}.btn-outline-secondary.focus,.btn-outline-secondary:focus,.btn-outline-secondary:hover,.btn-primary.focus,.btn-primary:focus,.btn-primary:hover{color:var(--button-text-hover);background-color:var(--button-color-hover);border-color:var(--button-color-hover)}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:var(--button-text-hover);background-color:var(--button-color-hover);border-color:var(--button-color-hover)}.btn-primary.focus,.btn-primary:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(var(--accent-color),.5)}.btn-primary.disabled,.btn-primary:disabled{color:var(--button-text);background-color:var(--button-color);border-color:var(--button-color)}.btn-dark.disabled,.btn-dark:disabled{color:var(--text-muted);background-color:transparent;border-color:transparent}.btn-dark.disabled:hover,.btn-dark:disabled:hover{color:var(--text-muted);background-color:transparent;border-color:transparent}.btn-dark{color:var(--button-text);background-color:transparent;border-color:transparent}.btn-dark.focus,.btn-dark:focus,.btn-dark:hover{color:var(--button-text-hover);background-color:transparent;border-color:transparent}.btn-dark.focus,.btn-dark:focus{box-shadow:0 0 0 .2rem transparent}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:var(--button-text-hover);background-color:transparent;border-color:transparent}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem transparent}.btn-light{color:var(--button-text);background-color:var(--button-color);border-color:var(--button-color)}.btn-light.focus,.btn-light:focus,.btn-light:hover{color:var(--button-text-hover);background-color:var(--button-color-hover);border-color:var(--button-color-hover)}.btn-light.disabled,.btn-light:disabled{color:var(--button-text);background-color:var(--button-color);border-color:var(--button-color)}.btn-light.focus,.btn-light:focus,.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:var(--button-text-hover);background-color:var(--button-color-hover);border-color:var(--button-color-hover)}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem transparent}.custom-control-input:focus~.custom-control-label:before{box-shadow:0 0 0 .2rem rgba(255,255,255,.07)}.custom-control-input:checked~.custom-control-label:before{border-color:rgb(var(--accent-color));background-color:rgb(var(--accent-color))}.custom-control-input:focus~.custom-control-label:before{box-shadow:0 0 0 .2rem rgba(var(--accent-color),.25)}.custom-control-input:focus:not(:checked)~.custom-control-label:before{border-color:var(--accent-color)}.custom-control-input:not(:disabled):active~.custom-control-label:before{color:#fff;background-color:rgb(var(--accent-color));border-color:rgb(var(--accent-color))}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before{border-color:rgb(var(--accent-color));background-color:rgb(var(--accent-color))}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before{background-color:rgba(var(--accent-color),.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before{background-color:rgba(var(--accent-color),.5)}.custom-radio .custom-control-input:disabled:checked~.custom-control-label:before{background-color:rgba(var(--accent-color),.5)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label:before{background-color:rgba(var(--accent-color),.5)}.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}.custom-select:focus{border-color:rgb(var(--accent-color));outline:0;box-shadow:0 0 0 .2rem rgba(var(--accent-color),.25)}.custom-file-input:focus~.custom-file-label{border-color:rgb(var(--accent-color));box-shadow:0 0 0 .2rem rgba(var(--accent-color),.25)}.dropdown-header,.dropdown-menu{color:var(--text);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-item{color:var(--text)}.dropdown-item:focus,.dropdown-item:hover{color:var(--text-hover);background-color:hsla(0,0%,100%,.08)}.custom-selector .selector__control{background-color:rgba(0,0,0,.25);border-color:transparent!important;color:#fff}[class$="-indicatorContainer"],[class$="-placeholder"],[class$="-singleValue"]{color:var(--text)!important}[class$="-indicatorContainer"]:hover{color:var(--text-hover)}.custom-selector .selector__control--is-focused{border-color:rgba(255,255,255,.2)!important}.selector__menu{background:var(--drop-down-menu-bg)!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)}.custom-selector .selector__option--is-selected:active{background-color:rgba(255,255,255,.07)!important}.custom-selector .selector__option--is-focused{background-color:rgba(var(--accent-color),.2);color:#fff}.custom-selector .selector__option--is-focused:active,.custom-selector .selector__option--is-focused:focus{background-color:rgba(var(--accent-color),.2);color:#fff}.custom-selector .selector__option--is-selected{background-color:rgb(var(--accent-color));color:var(--label-text-color)}.custom-selector .selector__option--is-selected:active{background-color:rgb(var(--accent-color))}.custom-rc-slider .rc-slider-track{background:var(--button-color)}.custom-rc-slider .rc-slider-handle{border:3px solid var(--button-color)}.custom-rc-slider .rc-slider-handle:active,.custom-rc-slider .rc-slider-handle:hover{border-color:var(--button-color-hover)}.recharts-default-tooltip{background:#1f1f1f!important;border:transparent!important}.recharts-rectangle.recharts-tooltip-cursor{fill:rgba(255,255,255,.15)!important}text{stroke:none;fill:var(--text-hover);text-anchor:end}line{stroke:var(--text);fill:none}::placeholder{color:var(--text)!important;opacity:.5!important}:-moz-placeholder{color:var(--text)!important;opacity:.5!important}:-ms-input-placeholder{color:var(--text)!important;opacity:.5!important}::-webkit-input-placeholder{color:var(--text)!important;opacity:.5}.toast{background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;border:1px solid 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)}.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);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-size:1rem 1rem}code.zmdi-language-python-alt{color:var(--text)} diff --git a/CSS/themes/bitwarden/bitwarden-base.css b/CSS/themes/bitwarden/bitwarden-base.css index 388705c9..f7867d81 100644 --- a/CSS/themes/bitwarden/bitwarden-base.css +++ b/CSS/themes/bitwarden/bitwarden-base.css @@ -1,496 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ - -* { - outline: none; -} - -img.logo { - filter: invert(100); -} - -body.layout_frontend, -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); -} - -/* LINKS */ -a, -app-vault-groupings .card .card-body a, -app-org-vault-groupings .card .card-body a, -.groupings .card .card-body a { - color: var(--link-color); -} - -a:hover, -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, -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; -} - -/* TEXT */ -.text-muted, -.form-check-block .form-check-label>small, -.modal-header small, -.table, -.text-body { - color: var(--text-muted) !important; -} - -.table-hover tbody tr:hover { - color: var(--text-hover); - 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 { - color: var(--text-hover) !important; -} - -/* NAVBAR */ -.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 { - color: rgb(var(--accent-color)); -} - -/* CARDS */ -.card { - background-color: rgba(255, 255, 255, 0.07); -} - -app-vault-groupings .card li.active>a:first-of-type, -app-vault-groupings .card li.active>div a:first-of-type, -app-vault-groupings .card li.active>div>.fa { - color: rgb(var(--accent-color)); -} - -body>app-root>app-user-layout>app-tools>div>div>div.col-9>app-password-generator>div.card.card-password.bg-light.my-4 { - background-color: rgb(0 0 0 / 15%) !important; -} - -.password-number { - color: rgb(var(--accent-color)); -} - -/* MODALS */ -.modal-content, -.modal-footer { - 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; -} - -.close, -.close:hover { - color: #fff; -} - -.close:focus { - outline: none; -} - -.swal2-popup { - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: var(--text); - border: transparent; -} - -.swal2-popup .swal2-title { - color: var(--text); -} - -.swal2-popup .swal2-content { - color: var(--text); -} - -.swal2-popup .swal2-actions { - 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; -} - -.btn-primary, -.swal2-popup .swal2-actions button.swal2-confirm { - color: #fff; - background-color: var(--button-color); - border-color: var(--button-color); -} - -.btn-primary:hover, -.swal2-popup .swal2-actions button.swal2-confirm:hover { - color: var(--text-hover); - background-color: var(--button-color-hover); - border-color: var(--button-color-hover); -} - -/* FORMS */ -.form-control:focus { - box-shadow: none; - border-color: transparent; -} - -.form-control { - color: var(--text); - background-color: rgb(0 0 0 / 0.25); - border: 1px solid transparent; - -} - -.form-control:disabled, -.form-control[readonly] { - background-color: rgb(255 255 255 / 25%); - opacity: 1; -} - -/* DROPDOWN MENU */ -.dropdown-menu { - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - border: 1px solid transparent; - box-shadow: 3px 3px 10px rgba(0, 0, 0, .2); -} - -.dropdown-item, -.dropdown-item-text { - color: var(--text); -} - -.dropdown-item:hover, -.dropdown-item:focus { - color: var(--text-hover); - text-decoration: none; - background-color: rgb(255 255 255 / 0.08); -} - -a.text-danger:hover, -a.text-danger:focus { - color: #dd4b39 !important; - background-color: rgb(255 255 255 / 0.08) !important; -} - -.dropdown-menu .text-danger { - font-weight: bold !important; - background: rgb(0 0 0 / 20%) !important; -} - -/* SETTINGS */ -.list-group-item.active { - color: var(--text); - background-color: rgb(255 255 255 / 10%); - border-left: 3px solid rgb(var(--accent-color)); -} - -.callout { - background-color: rgb(255 255 255 / 15%); -} - -.list-group-item { - background-color: rgb(0 0 0 / 25%); - border: 1px solid rgb(255 255 255 / 8%); -} - -/* BUTTONS */ -.btn-link { - color: var(--button-color); - color: var(--button-text); -} - -.btn-link:hover { - color: var(--button-color-hover); - color: var(--button-text-hover); - transition: 0.15s; -} - -.btn-primary { - background-color: var(--button-color); - border-color: var(--button-color); - color: var(--button-text); -} - -.btn-primary:hover, -.btn-primary:not(:disabled):not(.disabled):active { - background-color: var(--button-color-hover); - border-color: var(--button-color-hover); - color: var(--button-text-hover); - transition: 0.15s; -} - -.btn-primary:focus, -.swal2-popup .swal2-actions button.swal2-confirm:focus, -.btn-primary.focus, -.swal2-popup .swal2-actions button.focus.swal2-confirm, -.btn-primary:not(:disabled):not(.disabled):active:focus, -.swal2-popup .swal2-actions button.swal2-confirm:not(:disabled):not(.disabled):active:focus, -.btn-primary:not(:disabled):not(.disabled).active:focus, -.swal2-popup .swal2-actions button.swal2-confirm:not(:disabled):not(.disabled).active:focus, -.show>.btn-primary.dropdown-toggle:focus, -.swal2-popup .swal2-actions .show>button.dropdown-toggle.swal2-confirm:focus { - box-shadow: none; -} - -.btn[class*="btn-outline-"]:not(:hover), -.swal2-popup .swal2-actions button[class*="btn-outline-"]:not(:hover), -.swal2-popup .swal2-actions button.swal2-cancel { - border-color: var(--button-color); - background-color: var(--button-color); - color: var(--button-text); -} - -.btn-outline-secondary:hover, -.swal2-popup .swal2-actions button.swal2-cancel:hover { - color: var(--button-text-hover); - background-color: var(--button-color-hover); - border-color: var(--button-color-hover); -} - -.btn-outline-secondary:hover:not(:disabled), -.swal2-popup .swal2-actions button.swal2-cancel:hover:not(:disabled) { - color: var(--button-text-hover); -} - -.btn-outline-primary:hover { - color: var(--button-text-hover) !important; - background-color: var(--button-color-hover); - border-color: var(--button-color-hover); -} - -.btn-outline-primary:not(:disabled):not(.disabled):active, -.btn-outline-primary:not(:disabled):not(.disabled).active, -.show>.btn-outline-primary.dropdown-toggle { - color: var(--button-text-hover); - background-color: var(--button-color-hover); - border-color: var(--button-color-hover); -} - -.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.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-secondary:not(:disabled):not(.disabled):active, -.swal2-popup .swal2-actions button.swal2-cancel:not(:disabled):not(.disabled):active, -.btn-outline-secondary:not(:disabled):not(.disabled).active, -.swal2-popup .swal2-actions button.swal2-cancel:not(:disabled):not(.disabled).active, -.show>.btn-outline-secondary.dropdown-toggle, -.swal2-popup .swal2-actions .show>button.dropdown-toggle.swal2-cancel { - color: var(--button-text-hover); - background-color: var(--button-color-hover); - border-color: var(--button-color-hover); -} - -.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, -.swal2-popup .swal2-actions button.swal2-cancel:not(:disabled):not(.disabled):active:focus, -.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, -.swal2-popup .swal2-actions button.swal2-cancel:not(:disabled):not(.disabled).active:focus, -.show>.btn-outline-secondary.dropdown-toggle:focus, -.swal2-popup .swal2-actions .show>button.dropdown-toggle.swal2-cancel:focus { - box-shadow: none; -} - -.btn-primary.disabled, -.swal2-popup .swal2-actions button.disabled.swal2-confirm, -.btn-primary:disabled, -.swal2-popup .swal2-actions button.swal2-confirm:disabled { - color: var(--button-text-hover); - background-color: var(--button-color); - border-color: var(--button-color); - opacity: .8; -} - -/* Org */ -.org-nav { - 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; -} - -.org-nav .nav-tabs a { - color: var(--text); -} - -.org-nav .nav-tabs a.active { - border-top: 3px solid rgb(var(--accent-color)); -} - -.nav-tabs .nav-link.active, -.nav-tabs .nav-item.show .nav-link { - color: var(--text); - background-color: rgb(255 255 255 / 25%); - border-color: transparent; -} - -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, -app-org-vault-groupings .card li.active>div a:first-of-type { - font-weight: bold; - color: rgb(var(--accent-color)); -} - -/* PLACEHOLDER TEXT */ -input::-webkit-input-placeholder { - color: var(--text); -} - -input:focus::-webkit-input-placeholder { - color: #000; -} - -/* Firefox < 19 */ -input:-moz-placeholder { - color: var(--text); -} - -input:focus:-moz-placeholder { - color: #000; -} - -/* Firefox > 19 */ -input::-moz-placeholder { - color: var(--text); -} - -input:focus::-moz-placeholder { - color: #000; -} - -/* Internet Explorer 10 */ -input:-ms-input-placeholder { - color: var(--text); -} - -input:focus:-ms-input-placeholder { - color: #000; -} - -/* ADMIN PAGE */ - -.bg-light { - 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; -} - -.bg-light .navbar { - 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; -} - -/* Cards */ -.bg-secondary { - background-color: rgb(255 255 255 / 10%) !important; -} - -.bg-white { - background-color: rgba(255, 255, 255, 0.1) !important; -} - -/* Pagination */ - -.page-item.active .page-link { - z-index: 3; - color: #fff; - background-color: var(--button-color); - border-color: var(--button-color); -} - -.page-item.disabled .page-link { - color: var(--text); - pointer-events: none; - cursor: auto; - background-color: rgb(0 0 0 / 10%); - border-color: rgb(0 0 0 / 10%); -} \ No newline at end of file +*{outline:0}img.logo{filter:invert(100)}body,body.layout_frontend{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)}.groupings .card .card-body a,a,app-org-vault-groupings .card .card-body a,app-vault-groupings .card .card-body a{color:var(--link-color)}.groupings .card li.active>a:first-of-type,.groupings .card li.active>div a:first-of-type,a:hover,app-org-vault-groupings .card li.active>a:first-of-type,app-org-vault-groupings .card li.active>div a:first-of-type,app-vault-groupings .card li.active>a:first-of-type,app-vault-groupings .card li.active>div a:first-of-type{color:var(--link-color-hover)!important}.form-check-block .form-check-label>small,.modal-header small,.table,.text-body,.text-muted{color:var(--text-muted)!important}.table-hover tbody tr:hover{color:var(--text-hover);background-color:rgba(255,255,255,.08)}.card-header,.h1,.h2,.h3,.h4,.h5,.h6,.modal-header,h1,h2,h3,h4,h5,h6,label,label.bold .card-header:first-child,label:not(.form-check-label):not(.btn){color:var(--text-hover)!important}.navbar{background-color:rgb(0 0 0 / 25%)!important}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:rgb(var(--accent-color))}.card{background-color:rgba(255,255,255,.07)}app-vault-groupings .card li.active>a:first-of-type,app-vault-groupings .card li.active>div a:first-of-type,app-vault-groupings .card li.active>div>.fa{color:rgb(var(--accent-color))}body>app-root>app-user-layout>app-tools>div>div>div.col-9>app-password-generator>div.card.card-password.bg-light.my-4{background-color:rgb(0 0 0 / 15%)!important}.password-number{color:rgb(var(--accent-color))}.modal-content,.modal-footer{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}.close,.close:hover{color:#fff}.close:focus{outline:0}.swal2-popup{background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;color:var(--text);border:transparent}.swal2-popup .swal2-title{color:var(--text)}.swal2-popup .swal2-content{color:var(--text)}.swal2-popup .swal2-actions{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}.btn-primary,.swal2-popup .swal2-actions button.swal2-confirm{color:#fff;background-color:var(--button-color);border-color:var(--button-color)}.btn-primary:hover,.swal2-popup .swal2-actions button.swal2-confirm:hover{color:var(--text-hover);background-color:var(--button-color-hover);border-color:var(--button-color-hover)}.form-control:focus{box-shadow:none;border-color:transparent}.form-control{color:var(--text);background-color:rgb(0 0 0 / .25);border:1px solid transparent}.form-control:disabled,.form-control[readonly]{background-color:rgb(255 255 255 / 25%);opacity:1}.dropdown-menu{background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;border:1px solid transparent;box-shadow:3px 3px 10px rgba(0,0,0,.2)}.dropdown-item,.dropdown-item-text{color:var(--text)}.dropdown-item:focus,.dropdown-item:hover{color:var(--text-hover);text-decoration:none;background-color:rgb(255 255 255 / .08)}a.text-danger:focus,a.text-danger:hover{color:#dd4b39!important;background-color:rgb(255 255 255 / .08)!important}.dropdown-menu .text-danger{font-weight:700!important;background:rgb(0 0 0 / 20%)!important}.list-group-item.active{color:var(--text);background-color:rgb(255 255 255 / 10%);border-left:3px solid rgb(var(--accent-color))}.callout{background-color:rgb(255 255 255 / 15%)}.list-group-item{background-color:rgb(0 0 0 / 25%);border:1px solid rgb(255 255 255 / 8%)}.btn-link{color:var(--button-color);color:var(--button-text)}.btn-link:hover{color:var(--button-color-hover);color:var(--button-text-hover);transition:.15s}.btn-primary{background-color:var(--button-color);border-color:var(--button-color);color:var(--button-text)}.btn-primary:hover,.btn-primary:not(:disabled):not(.disabled):active{background-color:var(--button-color-hover);border-color:var(--button-color-hover);color:var(--button-text-hover);transition:.15s}.btn-primary.focus,.btn-primary:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus,.swal2-popup .swal2-actions .show>button.dropdown-toggle.swal2-confirm:focus,.swal2-popup .swal2-actions button.focus.swal2-confirm,.swal2-popup .swal2-actions button.swal2-confirm:focus,.swal2-popup .swal2-actions button.swal2-confirm:not(:disabled):not(.disabled).active:focus,.swal2-popup .swal2-actions button.swal2-confirm:not(:disabled):not(.disabled):active:focus{box-shadow:none}.btn[class*=btn-outline-]:not(:hover),.swal2-popup .swal2-actions button.swal2-cancel,.swal2-popup .swal2-actions button[class*=btn-outline-]:not(:hover){border-color:var(--button-color);background-color:var(--button-color);color:var(--button-text)}.btn-outline-secondary:hover,.swal2-popup .swal2-actions button.swal2-cancel:hover{color:var(--button-text-hover);background-color:var(--button-color-hover);border-color:var(--button-color-hover)}.btn-outline-secondary:hover:not(:disabled),.swal2-popup .swal2-actions button.swal2-cancel:hover:not(:disabled){color:var(--button-text-hover)}.btn-outline-primary:hover{color:var(--button-text-hover)!important;background-color:var(--button-color-hover);border-color:var(--button-color-hover)}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:var(--button-text-hover);background-color:var(--button-color-hover);border-color:var(--button-color-hover)}.btn-outline-primary.focus,.btn-outline-primary:focus,.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.btn-outline-secondary.focus,.btn-outline-secondary:focus,.show>.btn-outline-primary.dropdown-toggle:focus,.swal2-popup .swal2-actions button.focus.swal2-cancel,.swal2-popup .swal2-actions button.swal2-cancel:focus{box-shadow:0 0 0 .2rem rgb(var(--accent-color),.5)}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle,.swal2-popup .swal2-actions .show>button.dropdown-toggle.swal2-cancel,.swal2-popup .swal2-actions button.swal2-cancel:not(:disabled):not(.disabled).active,.swal2-popup .swal2-actions button.swal2-cancel:not(:disabled):not(.disabled):active{color:var(--button-text-hover);background-color:var(--button-color-hover);border-color:var(--button-color-hover)}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus,.swal2-popup .swal2-actions .show>button.dropdown-toggle.swal2-cancel:focus,.swal2-popup .swal2-actions button.swal2-cancel:not(:disabled):not(.disabled).active:focus,.swal2-popup .swal2-actions button.swal2-cancel:not(:disabled):not(.disabled):active:focus{box-shadow:none}.btn-primary.disabled,.btn-primary:disabled,.swal2-popup .swal2-actions button.disabled.swal2-confirm,.swal2-popup .swal2-actions button.swal2-confirm:disabled{color:var(--button-text-hover);background-color:var(--button-color);border-color:var(--button-color);opacity:.8}.org-nav{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}.org-nav .nav-tabs a{color:var(--text)}.org-nav .nav-tabs a.active{border-top:3px solid rgb(var(--accent-color))}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:var(--text);background-color:rgb(255 255 255 / 25%);border-color:transparent}app-vault-groupings .card .card-body a:hover.text-muted{color:#fff!important;opacity:1!important}app-org-vault-groupings .card li.active>a:first-of-type,app-org-vault-groupings .card li.active>div a:first-of-type,app-vault-groupings .card li.active>a:first-of-type,app-vault-groupings .card li.active>div a:first-of-type{font-weight:700;color:rgb(var(--accent-color))}input::-webkit-input-placeholder{color:var(--text)}input:focus::-webkit-input-placeholder{color:#000}input:-moz-placeholder{color:var(--text)}input:focus:-moz-placeholder{color:#000}input::-moz-placeholder{color:var(--text)}input:focus::-moz-placeholder{color:#000}input:-ms-input-placeholder{color:var(--text)}input:focus:-ms-input-placeholder{color:#000}.bg-light{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}.bg-light .navbar{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}.bg-secondary{background-color:rgb(255 255 255 / 10%)!important}.bg-white{background-color:rgba(255,255,255,.1)!important}.page-item.active .page-link{z-index:3;color:#fff;background-color:var(--button-color);border-color:var(--button-color)}.page-item.disabled .page-link{color:var(--text);pointer-events:none;cursor:auto;background-color:rgb(0 0 0 / 10%);border-color:rgb(0 0 0 / 10%)} diff --git a/CSS/themes/calibreweb/calibreweb-base.css b/CSS/themes/calibreweb/calibreweb-base.css index 60681df8..69afbe23 100644 --- a/CSS/themes/calibreweb/calibreweb-base.css +++ b/CSS/themes/calibreweb/calibreweb-base.css @@ -1,320 +1 @@ - /* dP dP dP */ - /* 88 88 88 */ - /* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ - /* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ - /* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ - /* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ - /* 88 */ - /* dP */ - - /* Made by @gilbN */ - /* https://github.com/gilbN/theme.park */ - - /* "Re-skin" of CaliBlur https://github.com/leram84/layer.Cake/tree/master/caliBlur */ - /* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */ - /* APP VARS*/ - :root { - --color-background: var(--main-bg-color); - --color-primary: rgb(var(--accent-color)); - --color-secondary: var(--button-color); - --color-secondary-hover: var(--button-color-hover); - --color-background-mobile: var(--main-bg-color); - } - *, - *:focus, - *:active, - .bootstrap-select .dropdown-toggle:focus, - .bootstrap-select>select.mobile-device:focus+.dropdown-toggle { - outline: none !important; - } - - body:not(.read-frame) { - background: var(--main-bg-color) !important; - background-image: none; - } - - .blur-wrapper:after { - background: var(--main-bg-color) !important; - } - - body>.container-fluid { - background: var(--main-bg-color); - } - - body.login:not(.read-frame), - body.shelfcreate, - body.shelfedit { - background: var(--main-bg-color) !important; - } - - @media only screen and (max-width: 767px) { - .navbar-collapse.collapse { - background: var(--modal-bg-color) !important; - } - } - - /* Book cover border */ - .container-fluid .book .cover span img { - border: 1px solid transparent; - } - - /* Buttons */ - .btn-default a, - .btn-default a:hover { - color: var(--text); - } - - /* TP */ - - /* TEXT */ - - .h1, - .h2, - .h3, - .h4, - .h5, - .h6, - h1, - h2, - h3, - h4, - h5, - h6, - body.admin>div.container-fluid>div>div.col-sm-10>div.container-fluid>div.row:first-of-type>div.col>h2:before, - body.admin>div.container-fluid>div>div.col-sm-10>div.discover>h2:first-of-type:before, - body.edituser.admin>div.container-fluid>div.row-fluid>div.col-sm-10>div.discover>h1:before, - body.newuser.admin>div.container-fluid>div.row-fluid>div.col-sm-10>div.discover>h1:before, - .container-fluid .book .meta .author, - .container-fluid .book .meta .author>a:hover, - .well>h2, - body:not(.admin)>div.container-fluid>div>div.col-sm-10>div.discover:only-of-type>h2 { - color: var(--text-hover) !important; - } - - - body, - html, - p { - color: var(--text) !important; - } - - .home-btn>a, - .plexBack>a, - .container-fluid .book .meta .author, - .container-fluid .book .meta .author>a { - color: var(--text); - } - - .home-btn>a:hover, - body>div.navbar.navbar-default.navbar-static-top>div>div.home-btn>a:hover:before, - .plexBack:not(.noBack):hover>a, - .form-group>label, - label, - body.authorlist>div.container-fluid>div>div.col-sm-10>div.container:before, - body.catlist>div.container-fluid>div>div.col-sm-10>div.container:before, - body.langlist>div.container-fluid>div>div.col-sm-10>div.container:before, - body.me>div.container-fluid>div>div.col-sm-10>div.discover:before, - body.serieslist>div.container-fluid>div>div.col-sm-10>div.container:before { - color: var(--text-hover) - } - - /* LINKS */ - a, - body.admin, - body.admin td>a { - color: var(--link-color); - } - - a:hover, - body.admin td>a:hover { - color: var(--link-color-hover); - } - - .navigation .create-shelf a, - .meta>a>p { - color: var(--link-color) !important; - } - - .navigation .create-shelf a:hover, - .author>a:hover, - .meta>a>p:hover { - color: var(--link-color-hover) !important; - } - - /* tables */ - - th, - body.tasks>div.container-fluid>div>div.col-sm-10>div.discover>div.bootstrap-table>div.fixed-table-container>div.fixed-table-body>#table>thead>tr>th>.th-inner { - color: var(--text-hover) !important; - } - - - /* MODAL */ - .modal-content { - background: var(--modal-bg-color); - } - - #GeneralDeleteModal .bg-danger { - background: var(--modal-bg-color); - } - - /* ICONS */ - .glyphicon, - #add-to-shelf>span, - #btnGroupDrop1>span, - #readbtn>span, - #sendbtn>span, - .book-meta .btn-toolbar>.btn-group>.btn-group:nth-child(1)>a:first-of-type>span, - .book-meta .btn-toolbar>.btn-group>.btn-warning>span, - .btn-toolbar>.btn-group>#btnGroupDrop2>span, - .btn-toolbar>.btn-group>.btn-group>#btnGroupDrop2>span, - div[aria-label="Edit/Delete book"]>.btn>span { - color: var(--text); - - } - - #add-to-shelf:hover span, - #btnGroupDrop1:hover>span, - #readbtn:hover>span, - #sendbtn:hover>span, - .book-meta .btn-toolbar>.btn-group>.btn-group:nth-child(1)>a:first-of-type:hover>span, - .book-meta .btn-toolbar>.btn-group>.btn-warning:hover>span, - .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 { - color: var(--text-hover); - } - - - /* DROPDOWN MENU */ - .dropdown-menu { - background: var(--drop-down-menu-bg) !important; - max-height: none !important; - } - - .dropdown-menu>li>a { - color: var(--text); - } - - .dropdown-menu>li>a:focus, - .dropdown-menu>li>a:hover { - color: var(--text-hover); - background: hsla(0, 0%, 100%, .08); - } - - /* SIDEMENU */ - .navigation li a:hover .glyphicon, - .navigation li a:hover { - color: rgb(var(--accent-color)); - } - - .navigation li a { - color: var(--text); - } - - .navigation .nav-head { - color: var(--text-hover); - } - - body>div.navbar.navbar-default.navbar-static-top>div>div.navbar-header>a:hover { - color: var(--accent-color-hover) !important; - -webkit-transition: color .2s; - -o-transition: color .2s; - transition: color .2s; - background-color: rgba(0, 0, 0, .55) !important; - } - - /* NAVBAR */ - .navbar-default .navbar-nav>li>a:focus .glyphicon, - .navbar-default .navbar-nav>li>a:hover .glyphicon { - color: var(--text-hover) !important; - } - - /* BUTTONS */ - - - .btn-primary, - .btn-primary>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#add-to-shelf>span::before) { - color: var(--button-text); - background-color: var(--button-color); - border-color: var(--button-color); - } - - .btn-primary:hover:not(#add-to-shelf), - .btn-primary:hover>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#edit_book):not(#add-to-shelf span):not(#add-to-shelf) { - border-color: var(--button-color-hover); - } - - .btn-primary.active, - .btn-primary:active, - .btn-primary:focus, - .btn-primary:hover, - .open .dropdown-toggle.btn-primary, - .btn-primary:focus>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#add-to-shelf span), - .btn-primary:active>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#add-to-shelf span), - .btn-primary:hover>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#add-to-shelf span) { - background-color: var(--button-color-hover); - } - - .btn-primary.active.focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1), - .btn-primary.active:focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1), - .btn-primary.active:hover:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1), - .btn-primary:active.focus:not(#edit_book):not(#add-to-shelf:not([data-original-title="Download :"])):not(#btnGroupDrop1), - .btn-primary:active:focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1), - .btn-primary:active:hover:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1), - .open>.dropdown-toggle.btn-primary.focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1), - .open>.dropdown-toggle.btn-primary:focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1), - .open>.dropdown-toggle.btn-primary:hover:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1), - .btn-primary:hover>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#edit_book):not(#add-to-shelf span):not([data-original-title="Download :"]):not(#btnGroupDrop1), - .btn-primary:active>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#edit_book):not(#add-to-shelf span):not([data-original-title="Download :"]):not(#btnGroupDrop1), - .btn-primary:focus>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#edit_book):not(#add-to-shelf span):not([data-original-title="Download :"]):not(#btnGroupDrop1) { - color: var(--button-text-hover); - background-color: var(--button-color-hover); - border-color: var(--button-color-hover); - } - - .book-meta>.bookinfo .btn-info, - .book-meta>.bookinfo .btn-success { - background-color: rgb(var(--accent-color)); - color: var(--label-text-color); - font-size: 13px; - display: inline-block; - border-radius: 4px; - vertical-align: middle; - font-family: Open Sans Bold, Helvetica Neue, Helvetica, Arial, sans-serif; - -webkit-transition: background-color .2s, color .2s; - -o-transition: background-color .2s, color .2s; - transition: background-color .2s, color .2s; - text-transform: uppercase; - } - - .book-meta>.bookinfo .btn-info:hover, - .book-meta>.bookinfo .btn-success:hover { - color: var(--label-text-color); - text-decoration: none; - background: var(--accent-color-hover); - } - - [data-target="#fileModal"] span { - color: var(--button-text); - } - - [data-target="#fileModal"]:hover span { - color: var(--button-text-hover); - } - - /* ALERT */ - - .alert { - background: var(--modal-bg-color); - color: var(--text-hover); - } - - /* SERIES PAGE */ - .cover .badge { - color: var(--label-text-color); - background-color: rgb(var(--accent-color)); - - } \ No newline at end of file +:root{--color-background:var(--main-bg-color);--color-primary:rgb(var(--accent-color));--color-secondary:var(--button-color);--color-secondary-hover:var(--button-color-hover);--color-background-mobile:var(--main-bg-color)}*,.bootstrap-select .dropdown-toggle:focus,.bootstrap-select>select.mobile-device:focus+.dropdown-toggle,:active,:focus{outline:0!important}body:not(.read-frame){background:var(--main-bg-color)!important;background-image:none}.blur-wrapper:after{background:var(--main-bg-color)!important}body>.container-fluid{background:var(--main-bg-color)}body.login:not(.read-frame),body.shelfcreate,body.shelfedit{background:var(--main-bg-color)!important}@media only screen and (max-width:767px){.navbar-collapse.collapse{background:var(--modal-bg-color)!important}}.container-fluid .book .cover span img{border:1px solid transparent}.btn-default a,.btn-default a:hover{color:var(--text)}.container-fluid .book .meta .author,.container-fluid .book .meta .author>a:hover,.h1,.h2,.h3,.h4,.h5,.h6,.well>h2,body.admin>div.container-fluid>div>div.col-sm-10>div.container-fluid>div.row:first-of-type>div.col>h2:before,body.admin>div.container-fluid>div>div.col-sm-10>div.discover>h2:first-of-type:before,body.edituser.admin>div.container-fluid>div.row-fluid>div.col-sm-10>div.discover>h1:before,body.newuser.admin>div.container-fluid>div.row-fluid>div.col-sm-10>div.discover>h1:before,body:not(.admin)>div.container-fluid>div>div.col-sm-10>div.discover:only-of-type>h2,h1,h2,h3,h4,h5,h6{color:var(--text-hover)!important}body,html,p{color:var(--text)!important}.container-fluid .book .meta .author,.container-fluid .book .meta .author>a,.home-btn>a,.plexBack>a{color:var(--text)}.form-group>label,.home-btn>a:hover,.plexBack:not(.noBack):hover>a,body.authorlist>div.container-fluid>div>div.col-sm-10>div.container:before,body.catlist>div.container-fluid>div>div.col-sm-10>div.container:before,body.langlist>div.container-fluid>div>div.col-sm-10>div.container:before,body.me>div.container-fluid>div>div.col-sm-10>div.discover:before,body.serieslist>div.container-fluid>div>div.col-sm-10>div.container:before,body>div.navbar.navbar-default.navbar-static-top>div>div.home-btn>a:hover:before,label{color:var(--text-hover)}a,body.admin,body.admin td>a{color:var(--link-color)}a:hover,body.admin td>a:hover{color:var(--link-color-hover)}.meta>a>p,.navigation .create-shelf a{color:var(--link-color)!important}.author>a:hover,.meta>a>p:hover,.navigation .create-shelf a:hover{color:var(--link-color-hover)!important}body.tasks>div.container-fluid>div>div.col-sm-10>div.discover>div.bootstrap-table>div.fixed-table-container>div.fixed-table-body>#table>thead>tr>th>.th-inner,th{color:var(--text-hover)!important}.modal-content{background:var(--modal-bg-color)}#GeneralDeleteModal .bg-danger{background:var(--modal-bg-color)}#add-to-shelf>span,#btnGroupDrop1>span,#readbtn>span,#sendbtn>span,.book-meta .btn-toolbar>.btn-group>.btn-group:nth-child(1)>a:first-of-type>span,.book-meta .btn-toolbar>.btn-group>.btn-warning>span,.btn-toolbar>.btn-group>#btnGroupDrop2>span,.btn-toolbar>.btn-group>.btn-group>#btnGroupDrop2>span,.glyphicon,div[aria-label="Edit/Delete book"]>.btn>span{color:var(--text)}#add-to-shelf:hover span,#btnGroupDrop1:hover>span,#btnGroupDrop1[aria-expanded=true]>span,#readbtn:hover>span,#sendbtn:hover>span,#shelf-actions>.btn-group.open>#add-to-shelf>span,.book-meta .btn-toolbar>.btn-group>.btn-group:nth-child(1)>a:first-of-type:hover>span,.book-meta .btn-toolbar>.btn-group>.btn-warning:hover>span,.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{color:var(--text-hover)}.dropdown-menu{background:var(--drop-down-menu-bg)!important;max-height:none!important}.dropdown-menu>li>a{color:var(--text)}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:var(--text-hover);background:hsla(0,0%,100%,.08)}.navigation li a:hover,.navigation li a:hover .glyphicon{color:rgb(var(--accent-color))}.navigation li a{color:var(--text)}.navigation .nav-head{color:var(--text-hover)}body>div.navbar.navbar-default.navbar-static-top>div>div.navbar-header>a:hover{color:var(--accent-color-hover)!important;-webkit-transition:color .2s;-o-transition:color .2s;transition:color .2s;background-color:rgba(0,0,0,.55)!important}.navbar-default .navbar-nav>li>a:focus .glyphicon,.navbar-default .navbar-nav>li>a:hover .glyphicon{color:var(--text-hover)!important}.btn-primary,.btn-primary>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#add-to-shelf>span::before){color:var(--button-text);background-color:var(--button-color);border-color:var(--button-color)}.btn-primary:hover:not(#add-to-shelf),.btn-primary:hover>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#edit_book):not(#add-to-shelf span):not(#add-to-shelf){border-color:var(--button-color-hover)}.btn-primary.active,.btn-primary:active,.btn-primary:active>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#add-to-shelf span),.btn-primary:focus,.btn-primary:focus>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#add-to-shelf span),.btn-primary:hover,.btn-primary:hover>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#add-to-shelf span),.open .dropdown-toggle.btn-primary{background-color:var(--button-color-hover)}.btn-primary.active.focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),.btn-primary.active:focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),.btn-primary.active:hover:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),.btn-primary:active.focus:not(#edit_book):not(#add-to-shelf:not([data-original-title="Download :"])):not(#btnGroupDrop1),.btn-primary:active:focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),.btn-primary:active:hover:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),.btn-primary:active>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#edit_book):not(#add-to-shelf span):not([data-original-title="Download :"]):not(#btnGroupDrop1),.btn-primary:focus>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#edit_book):not(#add-to-shelf span):not([data-original-title="Download :"]):not(#btnGroupDrop1),.btn-primary:hover>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#edit_book):not(#add-to-shelf span):not([data-original-title="Download :"]):not(#btnGroupDrop1),.open>.dropdown-toggle.btn-primary.focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),.open>.dropdown-toggle.btn-primary:focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),.open>.dropdown-toggle.btn-primary:hover:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1){color:var(--button-text-hover);background-color:var(--button-color-hover);border-color:var(--button-color-hover)}.book-meta>.bookinfo .btn-info,.book-meta>.bookinfo .btn-success{background-color:rgb(var(--accent-color));color:var(--label-text-color);font-size:13px;display:inline-block;border-radius:4px;vertical-align:middle;font-family:Open Sans Bold,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-transition:background-color .2s,color .2s;-o-transition:background-color .2s,color .2s;transition:background-color .2s,color .2s;text-transform:uppercase}.book-meta>.bookinfo .btn-info:hover,.book-meta>.bookinfo .btn-success:hover{color:var(--label-text-color);text-decoration:none;background:var(--accent-color-hover)}[data-target="#fileModal"] span{color:var(--button-text)}[data-target="#fileModal"]:hover span{color:var(--button-text-hover)}.alert{background:var(--modal-bg-color);color:var(--text-hover)}.cover .badge{color:var(--label-text-color);background-color:rgb(var(--accent-color))} diff --git a/CSS/themes/deluge/deluge-base.css b/CSS/themes/deluge/deluge-base.css index dc2aec23..58680a16 100644 --- a/CSS/themes/deluge/deluge-base.css +++ b/CSS/themes/deluge/deluge-base.css @@ -1,2452 +1 @@ - /* dP dP dP */ - /* 88 88 88 */ - /* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ - /* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ - /* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ - /* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ - /* 88 */ - /* dP */ - - /* Made by @gilbN */ - /* https://github.com/gilbN/theme.park */ - - /* 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-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 +@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}::-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-body table,.x-grid3-header table{border-collapse:collapse}.ext-el-mask{background-color:rgba(0,0,0,.25)}.ext-el-mask-msg{border-color:#999;background-color:#f000;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}.x-item-disabled{color:#aaa}.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.x-color-palette-sel,.x-color-palette a:hover{border-color:#cfcfcf;background-color:#eaeaea}.x-deluge-plugins{background:0 0}.x-deluge-all{background-image:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/all.png);background-position:left center}.x-btn .x-deluge-downloading,.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}.deluge-torrents .seeding,.x-btn .x-deluge-seeding,.x-deluge-seed,.x-deluge-seeding{background-image:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/uling.png);background-position:left center}.x-btn .x-deluge-traffic,.x-deluge-active,.x-deluge-traffic{background-image:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/active.png);background-position:left center}.deluge-torrents .paused,.x-btn .x-deluge-paused,.x-deluge-paused{background-image:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/paused.png);background-position:left center}.deluge-torrents .queued,.x-btn .x-deluge-queued,.x-deluge-queued{background-image:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/queued.png);background-position:left center}.deluge-torrents .checking,.x-deluge-checking{background-image:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/checking.png);background-position:left center}.deluge-torrents .error,.icon-error,.x-deluge-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-btn .x-deluge-connections,.x-deluge-connections{background-image:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/connections.png)!important;background-position:left center}.x-btn .x-deluge-freespace,.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-btn .x-deluge-find-more,.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,.icon-edit-trackers,.x-btn .x-deluge-edit-trackers,.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-btn .x-deluge-install-plugin,.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{border-color:#aca899}.x-ie-shadow{background-color:#777}.loading-indicator{font-size:11px}.x-spotlight{background-color:#ccc}.x-tab-panel-footer,.x-tab-panel-header{background:var(--main-bg-color);border-color:#d0d0d0;overflow:hidden;zoom:1;padding-bottom:0}.x-tab-panel-footer,.x-tab-panel-header{border-color:transparent}ul.x-tab-strip-top{background-color:rgba(0,0,0,.25);background-image:none;border-bottom-color:transparent}ul.x-tab-strip-bottom{background-color:rgba(0,0,0,.25);border-top-color:transparent}.x-tab-panel-footer-plain .x-tab-strip-spacer,.x-tab-panel-header-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:700}.x-tab-strip-disabled .x-tabs-text{color:var(--text-muted)}.x-tab-strip-top .x-tab-left,.x-tab-strip-top .x-tab-right,.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,.25)}#torrentDetails dl dt,dl.singleline dt{color:var(--text-hover)!important}.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{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;cursor:default}.x-tab-scroller-right{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,.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{border-bottom-color:#b5b8c8}.x-trigger-wrap-focus .x-form-trigger{border-bottom-color:#777}.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;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}.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}.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-fieldset{border-color:rgba(255,255,255,.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 0!important}.x-btn .x-deluge-connection-manager,.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-btn .x-deluge-connection-manager:hover,.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-btn .x-deluge-connection-manager:active,.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:400}#tbar-deluge-text *{color:var(--text-hover)!important}.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:400}.x-btn-bc,.x-btn-bl,.x-btn-br,.x-btn-mc,.x-btn-ml,.x-btn-mr,.x-btn-tc,.x-btn-tl,.x-btn-tr{background-image:none}.x-btn-click .x-btn-text,.x-btn-menu-active .x-btn-text,.x-btn-pressed .x-btn-text{color:#aaa}.x-btn-disabled *{color:gray!important}.x-btn-group-header{color:#666}.x-toolbar{border-color:transparent;background-color:transparent;background-image:none}.x-toolbar div,.x-toolbar input,.x-toolbar label,.x-toolbar select,.x-toolbar span,.x-toolbar td{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:0}.x-toolbar .xtb-sep{background:linear-gradient(to right,transparent 45%,rgba(255,255,255,.08) 45%,rgba(255,255,255,.08) 55%,transparent 55%);width:10px}.x-paging-info{color:#444}.x-resizable-handle{background-color:#fff}.x-resizable-proxy{border-color:#565656}.x-resizable-overlay{background-color:#fff}.x-grid3{background:rgba(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}.x-grid3-row{border-color:transparent;border-top-color:transparent}.x-grid3-row-alt{background-color:rgba(0,0,0,.25)}.x-grid3-row-over{border-color:transparent;background-color:rgba(255,255,255,.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,.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}td.sort-asc,td.sort-desc,td.x-grid3-hd-menu-open,td.x-grid3-hd-over{border-left-color:rgba(0,0,0,.25);border-right-color:transparent}td.sort-asc .x-grid3-hd-inner,td.sort-desc .x-grid3-hd-inner,td.x-grid3-hd-menu-open .x-grid3-hd-inner,td.x-grid3-hd-over .x-grid3-hd-inner{background-color:rgba(0,0,0,.25);background-image:none}.x-grid3-cell-text,.x-grid3-hd-text{color:#000}.x-grid3-hd-text{color:#333}.x-dd-drag-proxy .x-grid3-hd-inner{background-color:#f9f9f9;border-color:#acacac}.x-grid3-row-selected{background-color:rgba(255,255,255,.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 .x-grid3-row-selected td.x-grid3-row-marker,.x-grid3-locked td.x-grid3-row-marker{background-color:#ebeadb!important;color:#000;border-top-color:#fff;border-right-color:#6fa0df!important}.x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div,.x-grid3-locked td.x-grid3-row-marker div{color:#333!important}.x-grid3-bottombar,.x-grid3-topbar{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{color:#000!important}.x-props-grid .x-grid3-body .x-grid3-td-name{background-color:#fff!important;border-right-color:#eee}.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 #444;background-clip:content-box}.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner{color:#444}.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{color:#5f5f5f;font:bold 11px Roboto,tahoma,arial,helvetica,sans-serif}.x-cols-icon{background-image:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/columns.png)}.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-view-selector{background-color:#d6d6d6;border-color:#888}.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 .x-tree-node-inline-icon{background-image:none}.x-tree-node-loading a span{font-style:italic;color:#444}.ext-ie .x-tree-node-el input{width:15px;height:15px}.x-tree-node{color:#ccc;font:normal 11px Roboto,arial,tahoma,helvetica,sans-serif}.x-treegrid-col,.x-treegrid-root-table{border-color:rgba(255,255,255,.08)!important}.x-dd-drag-ghost a,.x-tree-node a{color:#ccc}.x-dd-drag-ghost a span,.x-tree-node a span{color:#ccc}.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,.08)}.x-tree-node .x-tree-selected{background-color:rgba(0,0,0,.45)}.x-date-picker{border-color:#585858;background-color:#fff}.x-date-left,.x-date-middle,.x-date-right{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-inner th{background-color:#d8d8d8;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:#8b0000}.x-date-inner .x-date-selected span{font-weight:700}.x-date-inner .x-date-nextday a,.x-date-inner .x-date-prevday 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 .x-date-disabled a:hover,.x-date-inner 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:silver #434343 #434343 silver;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;border-color:#dcdcdc}td.x-date-mp-sep{border-right-color:#d7d7d7}.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-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-sep{background-color:transparent;border-bottom-color:rgba(255,255,255,.08)}a.x-menu-item{color:var(--text)}.x-menu-item-active{background-image:none;background-color:rgba(255,255,255,.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-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-box-mc{background-color:#eee;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:700}.x-box-blue .x-box-mc{background-color:#c3daf9}.x-box-blue .x-box-mc h3{color:#17385b}.x-combo-list{border-color:#666;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;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:#333}.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:700;font-size:11px;font-family:Roboto,tahoma,arial,verdana,sans-serif;border-color:transparent;background-image:none;background-color:rgba(0,0,0,.25)}.x-panel-body{border-color:transparent;border:1px solid rgba(255,255,255,.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-mc .x-panel-tbar .x-toolbar,.x-panel-tbar-noheader .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-bl,.x-panel-br,.x-panel-tl,.x-panel-tr{border-bottom-color:#d0d0d0}.x-panel-mc{font:normal 11px Roboto,tahoma,arial,helvetica,sans-serif;background-color:#f1f1f1}.x-panel-ml{background-color:#fff}.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 div,.x-panel-fbar input,.x-panel-fbar label,.x-panel-fbar select,.x-panel-fbar span,.x-panel-fbar td{font:normal 11px Roboto,arial,tahoma,helvetica,sans-serif}.x-tab-panel-footer,.x-window,.x-window .x-panel-body,.x-window .x-panel-noborder .x-panel-bbar-noborder .x-toolbar,.x-window .x-tab-panel-header{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-panel-tbar .x-toolbar,.x-window .x-panel-bbar .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,.25)}.x-window-tl .x-window-header{color:#fff;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-panel-noborder .x-panel-header-noborder{border-bottom-color:rgba(255,255,255,.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:400}.x-layout-collapsed{background-color:rgba(0,0,0,.25);border-color:transparent}.x-layout-collapsed-over{background-color:rgba(0,0,0,.45)}.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:400;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,.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,.08)}.x-list-selected{background-color:rgba(255,255,255,.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-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} diff --git a/CSS/themes/dozzle/dozzle-base.css b/CSS/themes/dozzle/dozzle-base.css index 3998d83c..4fd9379c 100644 --- a/CSS/themes/dozzle/dozzle-base.css +++ b/CSS/themes/dozzle/dozzle-base.css @@ -1,268 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ - -* { - outline: none; -} - -html, -body { - background: var(--main-bg-color) !important; - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: var(--text); -} - -h1, -h2, -h3, -h4, -h5, -h6, -section header, -.menu-label { - color: var(--text-hover) !important; -} - - -/* Scrollbar */ - -html.has-custom-scrollbars ::-webkit-scrollbar-thumb { - background-color: rgba(255, 255, 255, .25); - outline: 1px solid #0000; - border-radius: 4px; -} - -html.has-custom-scrollbars ::-webkit-scrollbar-thumb:active, -html.has-custom-scrollbars ::-webkit-scrollbar-thumb:hover { - background-color: rgba(255, 255, 255, .45); - -} - -html.has-custom-scrollbars ::-webkit-scrollbar-track { - background: #1f1f1f; -} - -html.has-custom-scrollbars ::-webkit-scrollbar-track:hover { - background: #1f1f1f; -} - -html.has-custom-scrollbars section main { - scrollbar-color: #353535 transparent; - scrollbar-width: thin -} - -/* Text important */ -p, -.menu-list a { - color: var(--text) !important; - -} - -.panel-heading { - background-color: rgb(var(--accent-color)); - color: var(--label-text-color) !important; -} - -.panel-block { - color: var(--text); -} - -.panel-tabs a.is-active { - border-bottom-color: rgb(var(--accent-color)); - color: rgb(var(--accent-color)); -} - -.panel-tabs a { - border-bottom: 1px solid var(--border-color); - color: var(--text); -} - -.panel-tabs a:hover { - border-bottom: 1px solid var(--border-color); - color: var(--text-strong-color); -} - -a.panel-block:hover, -label.panel-block:hover { - background-color: rgba(255, 255, 255, .08); - color: var(--text-strong-color); -} - -/* Side Menu*/ -.menu-list a:hover { - background-color: rgba(255, 255, 255, .08); - color: var(--text-hover) !important; -} - -.menu-list a.is-active, -.menu-list a.is-active:hover { - background-color: rgb(var(--accent-color)); - color: var(--label-text-color) !important; -} - -.menu-list li:hover .column-icon:hover { - color: black !important; -} - -li.exited a { - color: var(--text-muted) !important; -} - -.select select, -.textarea, -.input, -.dropdown-content { - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - border-color: rgba(255, 255, 255, .1); - border-radius: 4px; - color: var(--text-strong-color); -} - -.autocomplete .dropdown-item.is-hovered, -a.dropdown-item:hover, -button.dropdown-item:hover { - background: rgba(255, 255, 255, .25); - color: var(--text-strong-color); -} - -.column-icon[data-v-35775614]:hover { - color: rgb(var(--accent-color)); -} - -.select select:focus, -.textarea:focus, -.input:focus, -.select select.is-focused, -.is-focused.textarea, -.is-focused.input, -.select select:active, -.textarea:active, -.input:active, -.select select.is-active, -.is-active.textarea, -.is-active.input { - border-color: rgb(var(--accent-color)); - box-shadow: 0 0 0 0.125em rgba(var(--accent-color), .25); -} - -/* Settings buttons */ -.button { - background: var(--button-color); - color: var(--button-text); - border-color: var(--button-color); -} - -section .is-scrollbar-notification button { - background: var(--button-color) !important; - color: var(--button-text) !important; - border-color: var(--button-color) !important; -} - -.b-radio.radio.button.is-selected { - background-color: var(--button-color-hover); - border-color: transparent; - color: var(--text-strong-color); -} - -.button:hover { - background: var(--button-color-hover) !important; - border-color: var(--button-color-hover) !important; - color: var(--button-text-hover) !important; -} - -.button:active, -.button.is-active { - background: var(--button-color-hover); - border-color: var(--button-color-hover); - color: var(--text-strong-color); -} - -.is-settings-control { - background: var(--button-color); - color: var(--button-text); - border-color: transparent; -} - -.is-settings-control:hover { - border-color: var(--button-color-hover) !important; - background: var(--button-color-hover) !important; - color: var(--button-text-hover) !important; -} - -#hide-nav { - background: var(--button-color) !important; - color: var(--button-text) !important; -} - -#hide-nav:hover { - border-color: var(--button-color-hover) !important; - background: var(--button-color-hover) !important; - color: var(--button-text-hover) !important; -} - -code { - background: rgba(0, 0, 0, .35) !important; -} - -.switch input[type=checkbox]:checked+.check { - background: var(--button-color); -} - -.switch:hover input[type=checkbox]:checked+.check { - background: var(--button-color-hover); -} - -.switch input[type=checkbox]:focus:checked+.check, -.switch input[type=checkbox]:active:checked+.check { - box-shadow: 0 0 0.5em rgb(var(--accent-color), .8); -} - -/* Events */ - -.events { - background: rgba(0, 0, 0, .35); -} - -.scroll-progress svg circle { - fill: rgba(255, 255, 255, .45) !important; - stroke: rgb(var(--accent-color)) !important; -} - -.scroll-progress span { - color: var(--text-strong-color) !important; -} - -.splitpanes--vertical>.splitpanes__splitter:hover { - background: rgb(var(--accent-color)) !important; -} - -.events.medium { - background: rgba(0, 0, 0, .45); -} - -.date { - color: rgb(var(--accent-color)) !important; - background: rgba(0, 0, 0, .25) !important; -} \ No newline at end of file +*{outline:0}body,html{background:var(--main-bg-color)!important;background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;color:var(--text)}.menu-label,h1,h2,h3,h4,h5,h6,section header{color:var(--text-hover)!important}html.has-custom-scrollbars ::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.25);outline:1px solid #0000;border-radius:4px}html.has-custom-scrollbars ::-webkit-scrollbar-thumb:active,html.has-custom-scrollbars ::-webkit-scrollbar-thumb:hover{background-color:rgba(255,255,255,.45)}html.has-custom-scrollbars ::-webkit-scrollbar-track{background:#1f1f1f}html.has-custom-scrollbars ::-webkit-scrollbar-track:hover{background:#1f1f1f}html.has-custom-scrollbars section main{scrollbar-color:#353535 transparent;scrollbar-width:thin}.menu-list a,p{color:var(--text)!important}.panel-heading{background-color:rgb(var(--accent-color));color:var(--label-text-color)!important}.panel-block{color:var(--text)}.panel-tabs a.is-active{border-bottom-color:rgb(var(--accent-color));color:rgb(var(--accent-color))}.panel-tabs a{border-bottom:1px solid var(--border-color);color:var(--text)}.panel-tabs a:hover{border-bottom:1px solid var(--border-color);color:var(--text-strong-color)}a.panel-block:hover,label.panel-block:hover{background-color:rgba(255,255,255,.08);color:var(--text-strong-color)}.menu-list a:hover{background-color:rgba(255,255,255,.08);color:var(--text-hover)!important}.menu-list a.is-active,.menu-list a.is-active:hover{background-color:rgb(var(--accent-color));color:var(--label-text-color)!important}.menu-list li:hover .column-icon:hover{color:#000!important}li.exited a{color:var(--text-muted)!important}.dropdown-content,.input,.select select,.textarea{background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;border-color:rgba(255,255,255,.1);border-radius:4px;color:var(--text-strong-color)}.autocomplete .dropdown-item.is-hovered,a.dropdown-item:hover,button.dropdown-item:hover{background:rgba(255,255,255,.25);color:var(--text-strong-color)}.column-icon[data-v-35775614]:hover{color:rgb(var(--accent-color))}.input:active,.input:focus,.is-active.input,.is-active.textarea,.is-focused.input,.is-focused.textarea,.select select.is-active,.select select.is-focused,.select select:active,.select select:focus,.textarea:active,.textarea:focus{border-color:rgb(var(--accent-color));box-shadow:0 0 0 .125em rgba(var(--accent-color),.25)}.button{background:var(--button-color);color:var(--button-text);border-color:var(--button-color)}section .is-scrollbar-notification button{background:var(--button-color)!important;color:var(--button-text)!important;border-color:var(--button-color)!important}.b-radio.radio.button.is-selected{background-color:var(--button-color-hover);border-color:transparent;color:var(--text-strong-color)}.button:hover{background:var(--button-color-hover)!important;border-color:var(--button-color-hover)!important;color:var(--button-text-hover)!important}.button.is-active,.button:active{background:var(--button-color-hover);border-color:var(--button-color-hover);color:var(--text-strong-color)}.is-settings-control{background:var(--button-color);color:var(--button-text);border-color:transparent}.is-settings-control:hover{border-color:var(--button-color-hover)!important;background:var(--button-color-hover)!important;color:var(--button-text-hover)!important}#hide-nav{background:var(--button-color)!important;color:var(--button-text)!important}#hide-nav:hover{border-color:var(--button-color-hover)!important;background:var(--button-color-hover)!important;color:var(--button-text-hover)!important}code{background:rgba(0,0,0,.35)!important}.switch input[type=checkbox]:checked+.check{background:var(--button-color)}.switch:hover input[type=checkbox]:checked+.check{background:var(--button-color-hover)}.switch input[type=checkbox]:active:checked+.check,.switch input[type=checkbox]:focus:checked+.check{box-shadow:0 0 .5em rgb(var(--accent-color),.8)}.events{background:rgba(0,0,0,.35)}.scroll-progress svg circle{fill:rgba(255,255,255,.45)!important;stroke:rgb(var(--accent-color))!important}.scroll-progress span{color:var(--text-strong-color)!important}.splitpanes--vertical>.splitpanes__splitter:hover{background:rgb(var(--accent-color))!important}.events.medium{background:rgba(0,0,0,.45)}.date{color:rgb(var(--accent-color))!important;background:rgba(0,0,0,.25)!important} diff --git a/CSS/themes/duplicacy/duplicacy-base.css b/CSS/themes/duplicacy/duplicacy-base.css index b8358f73..05fc747d 100644 --- a/CSS/themes/duplicacy/duplicacy-base.css +++ b/CSS/themes/duplicacy/duplicacy-base.css @@ -1,686 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ - - -body { - background: var(--main-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; -} - -a:not(.timeline-content a) { - color: var(--link-color) !important; -} - -a:hover:not(.timeline-content a) { - color: var(--link-color-hover) !important; -} - -a.disabled-link { - color: var(--text-muted); -} - -/* 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; -} - -/* TEXT */ -body, -.category, -.card .labels p, -.card .stats, -.vis-time-axis .vis-text, -.footer .copyright, -.navbar-default .navbar-brand, -.sidebar .nav li>a, -.off-canvas-sidebar .nav li>a { - color: var(--text) !important; -} - -.h1, -.h2, -.h3, -.h4, -.h5, -.h6, -h1, -h2, -h3, -h4, -h5, -h6, -.card label, -.card, -.card .title { - color: var(--text-hover); -} - -label { - color: var(--text) !important; -} - -.main-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; -} - -.content .card { - box-shadow: none; -} - -.text-danger { - color: #f05050; -} - -.text-danger:hover { - color: #ec2626; -} - -.text-primary { - color: rgb(var(--accent-color)); -} - -.text-primary:hover { - color: var(--accent-color-hover); -} - -/* PLACEHOLDER TEXT */ -::placeholder { - color: var(--text) !important; - opacity: .5 !important; -} - -:-moz-placeholder { - color: var(--text) !important; - opacity: .5 !important; -} - -:-ms-input-placeholder { - color: var(--text) !important; - opacity: .5 !important; -} - -::-webkit-input-placeholder { - color: var(--text) !important; - opacity: .5; -} - -/* CARDS */ -.card { - background: transparent; -} - -.col-sm-6 .card, -.col-md-12 .card { - background: transparent !important; -} - -.card-container, -.col-xs-4 .card, -.col-xs-12 .card, -.col-xs-8 .card { - background: rgb(0 0 0 / 8%) !important; -} - -#schedule-0, -#schedule-1, -#schedule-2, -#schedule-3, -#schedule-4, -#schedule-5, -#schedule-6, -#schedule-7, -#schedule-8, -#schedule-9, -#schedule-10, -#schedule-11, -#schedule-12, -#schedule-13, -#schedule-14, -#schedule-15, -#schedule-16, -#schedule-17, -#schedule-18, -#schedule-19, -#schedule-20, -[id*="#schedule-"] { - background-color: rgb(0 0 0 / 8%); -} - -/* TIMELINE */ -.vis-timeline { - border: 1px solid rgb(255 255 255 / 20%); -} - -/* CHARTS */ -.ct-label { - fill: var(--text); - color: var(--text); -} - -.ct-grid { - stroke: var(--text); -} - -.tab-content { - border-color: transparent !important; -} - -.vis-labelset .vis-label .vis-inner { - color: var(--text); -} - -/* STORAGE PAGE */ -.card .nav-tabs>li.active>a, -.card .nav-tabs>li.active>a:focus, -.card .nav-tabs>li.active>a:hover { - color: var(--text); - cursor: default; - background-color: rgba(0, 0, 0, .25); - border: 1px solid rgba(255, 255, 255, .25); - border-bottom-color: #eee; - border-radius: 6px 6px 0 0; -} - -.card .nav>li>a:hover, -.card .nav>li>a:focus { - background-color: rgba(255, 255, 255, .07); - border: 1px solid transparent; -} - -/* NAVBAR */ -.navbar-default .navbar-toggle .icon-bar { - background-color: var(--text); -} - -.navbar-default { - background-color: rgb(0 0 0 / 26%); - border-bottom: 1px solid rgb(255 255 255 / 25%); -} - -/* SIDEBAR */ -.sidebar[data-background-color="black"]:after, -.sidebar[data-background-color="black"]:before, -.off-canvas-sidebar[data-background-color="black"]:after, -.off-canvas-sidebar[data-background-color="black"]:before { - background: rgb(0 0 0 / 10%); -} - -.sidebar[data-background-color="black"] .logo, -.off-canvas-sidebar[data-background-color="black"] .logo { - border-bottom: 1px solid rgba(var(--accent-color)); -} - -.sidebar .nav li.active>a:before, -.sidebar .nav li.active>a:after { - border-right: 17px solid rgb(var(--accent-color)); -} - -@media (min-width: 992px) { - - .off-canvas-sidebar .nav li.active>a:before, - .off-canvas-sidebar .nav li.active>a:after { - border-right: 17px solid rgb(var(--accent-color)); - } -} - -.sidebar[data-active-color="success"] .nav li.active>a, -.off-canvas-sidebar[data-active-color="success"] .nav li.active>a { - color: rgb(var(--accent-color)) !important; -} - -.sidebar .nav li>a:hover { - color: var(--text-hover) !important; -} - -.sidebar .sidebar-wrapper { - box-shadow: none; -} - -/* MODAL */ -.modal-content { - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - border: 1px solid transparent; -} - -.modal-header { - border-bottom: 1px solid rgb(var(--accent-color)); - 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; -} - -.modal-footer { - border-top: 1px solid rgb(var(--accent-color)); - 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; -} - -.modal-body .nav-tabs>li.active>a, -.nav-tabs>li.active>a:focus, -.nav-tabs>li.active>a:hover { - color: var(--text); - cursor: default; - background-color: rgba(0, 0, 0, .25); - border: 1px solid transparent; - border-bottom-color: transparent; -} - -.modal-body .nav>li>a:hover, -.nav>li>a:focus { - background-color: transparent; -} - -.modal-body .nav-tabs>li.active>a:hover { - background-color: rgba(0, 0, 0, .25); - border: 1px solid transparent; -} - -.modal-body .nav-tabs>li>a:hover { - border-color: #fff3 #fff3 #fff3; - color: var(--text-hover) -} - -.modal-body .nav-tabs>li>a { - color: var(--text) -} - -#modal_storage_info_tab_content { - border: none !important; -} - -.modal-body .nav .open>a, -.nav .open>a:focus, -.nav .open>a:hover { - background-color: rgb(0 0 0 / 25%); - border-color: transparent; -} - -/* DROPDOWN */ -.dropdown-menu { - 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 a { - color: var(--text) !important; -} - -.dropdown a:hover { - color: var(--text-hover) !important; -} - -/* FORMS */ -.form-control.border-input { - border: 1px solid transparent; -} - -.form-control, -textarea { - background-color: rgba(0, 0, 0, .25); - color: var(--text); -} - -.form-control:focus { - background-color: rgb(0 0 0 / 50%); -} - -.form-control[disabled], -.form-control[readonly], -fieldset[disabled] .form-control { - background-color: rgba(0, 0, 0, .15); -} - -#input_s3_provider:focus, -#schedule_frequency:focus, -#modal_restore_storage:focus, -#modal_restore_id:focus, -#modal_restore_revision:focus, -#job_type:focus, -#job_repository:focus, -#backup_storage:focus, -#administration_expiration:focus { - background: white; - color: black; -} - -.form-check-label { - word-break: break-word; -} - -/* BUTTONS */ -.btn { - color: var(--button-text); - border-width: 1px; - border-radius: 4px; -} - -.main-panel .btn:hover, -.main-panel .btn:focus { - background: transparent; -} - -.timepicker-spinner .btn:hover, -.timepicker-spinner .btn:focus { - background-color: rgba(255, 255, 255, .08); - color: var(--text-hover); - border: 1px solid transparent; -} - -.timepicker-spinner .btn { - border: 1px solid transparent; -} - -.timepicker-spinner .input-group-btn-vertical { - border-left: 1px solid transparent; -} - -.btn-info.btn-fill { - color: var(--button-text); - background-color: var(--button-color); - border: var(--button-color); -} - -.btn-info.btn-fill:hover, -.btn-info.btn-fill:active, -.btn-info.btn-fill.active, -.btn-info.btn-fill:focus { - background: var(--button-color-hover); - border: var(--button-color-hover); - color: var(--button-text-hover); -} - -.btn-primary { - border-color: var(--button-color); - background: var(--button-color); - color: var(--button-text); -} - -.btn-primary:focus, -.btn-primary:active:focus { - border-color: var(--button-color-hover); - color: var(--button-text-hover); - background-color: var(--button-color-hover); -} - -.btn-primary:hover { - border-color: var(--button-color-hover); - color: var(--button-text-hover); - background-color: var(--button-color-hover); -} - -.btn-primary.btn-fill { - color: var(--button-text); - background-color: var(--button-color); - border-color: var(--button-color); -} - -.btn-primary.btn-fill:hover { - color: var(--button-text-hover); - background-color: var(--button-color-hover); - border-color: var(--button-color-hover); - -} - -div>div>div.modal-footer>button.btn.btn-default.pull-left, -.navbar .navbar-nav>li>a.btn-danger.btn-fill, -.btn-danger.btn-fill { - border-color: #f05050; - background-color: #f05050; - color: #eee; -} - -div>div>div.modal-footer>button.btn.btn-default.pull-left:hover, -div>div>div.modal-footer>button.btn.btn-default.pull-left:focus, -.navbar .navbar-nav>li>a.btn-danger.btn-fill:hover, -.navbar .navbar-nav>li>a.btn-danger.btn-fill:focus, -.btn-danger.btn-fill:hover, -.btn-danger.btn-fill:focus { - border-color: #ec2626; - color: #fff; - background-color: #ec2626; -} - -div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.btn-default { - border-color: #f05050; - background-color: #f05050; - color: #eee; -} - -div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.btn-default:hover, -div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.btn-default:focus { - border-color: #ec2626; - color: #fff; - background-color: #ec2626; -} - -.close { - color: #fff -} - -.navbar .navbar-nav>li>a.btn-success, -.btn-success { - border-color: var(--button-color); - color: var(--button-color); -} - -.navbar .navbar-nav>li>a.btn-success:hover, -.navbar .navbar-nav>li>a.btn-success:focus, -.navbar .navbar-nav>li>a.btn-success:active, -.navbar .navbar-nav>li>a.btn-success.active, -.open>.navbar .navbar-nav>li>a.btn-success.dropdown-toggle, -.btn-success:hover, -.btn-success:focus, -.btn-success:active, -.btn-success.active, -.open>.btn-success.dropdown-toggle { - background-color: var(--button-color-hover); - color: var(--button-text-hover); - border-color: var(--button-color-hover); -} - -.btn-icon { - background-color: rgb(var(--accent-color)); - color: var(--label-text-color); - border-color: rgb(var(--accent-color)); -} - -.btn-icon.active.focus, -.btn-icon.active:focus, -.btn-icon.active:hover, -.btn-icon:active.focus, -.btn-icon:active:focus, -.btn-icon:active:hover, -.btn-icon:hover, -.btn-icon:focus, -.btn-icon:active, -.btn-icon.active, -.open>.dropdown-toggle.btn-icon.focus, -.open>.dropdown-toggle.btn-icon:focus, -.open>.dropdown-toggle.btn-icon:hover { - background-color: var(--accent-color-hover) !important; - color: var(--label-text-color); - border-color: var(--accent-color-hover); -} - -.radio-box input:checked~.radio-button { - background-color: var(--button-color); - color: var(--label-text-color); -} - -/* TABLES */ -.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, -.row-clickable.active { - background-color: rgb(0 0 0 / 25%); - color: var(--text-hover); -} - -.fixed-header th { - 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; -} - -.table thead tr>th, -.table thead tr>td, -.table tbody tr>th, -.table tbody tr>td, -.table tfoot tr>th, -.table tfoot tr>td { - border-top: 1px solid rgb(255 255 255 / 20%); -} - -hr { - border-top: 1px solid rgb(var(--accent-color)); -} - -.list-group-item { - background-color: transparent; -} - -.list-group-item.active, -.list-group-item.active:focus, -.list-group-item.active:hover { - background-color: rgb(var(--accent-color)); - border-color: rgb(var(--accent-color)); -} - -/* PROGRESS BARS */ -.progress { - background-color: rgba(0, 0, 0, 0.25); -} - -.progress-bar { - background-color: rgb(var(--accent-color)); -} - -.progress span { - color: var(--text-hover); -} - -/* FOOTER */ -.main-panel>.footer { - background: rgb(0 0 0 / 0.25); -} - -/* MOBILE */ -@media (max-width: 991px) { - .off-canvas-sidebar .sidebar-wrapper { - box-shadow: 0 0 10px 0px #000000; - 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; - } - - .off-canvas-sidebar .nav li.active>a:before, - .off-canvas-sidebar .nav>li.active>a:after { - border-left: 17px solid rgb(var(--accent-color)); - } -} \ No newline at end of file +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}a:not(.timeline-content a){color:var(--link-color)!important}a:hover:not(.timeline-content a){color:var(--link-color-hover)!important}a.disabled-link{color:var(--text-muted)}@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}.card .labels p,.card .stats,.category,.footer .copyright,.navbar-default .navbar-brand,.off-canvas-sidebar .nav li>a,.sidebar .nav li>a,.vis-time-axis .vis-text,body{color:var(--text)!important}.card,.card .title,.card label,.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:var(--text-hover)}label{color:var(--text)!important}.main-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}.content .card{box-shadow:none}.text-danger{color:#f05050}.text-danger:hover{color:#ec2626}.text-primary{color:rgb(var(--accent-color))}.text-primary:hover{color:var(--accent-color-hover)}::placeholder{color:var(--text)!important;opacity:.5!important}:-moz-placeholder{color:var(--text)!important;opacity:.5!important}:-ms-input-placeholder{color:var(--text)!important;opacity:.5!important}::-webkit-input-placeholder{color:var(--text)!important;opacity:.5}.card{background:0 0}.col-md-12 .card,.col-sm-6 .card{background:0 0!important}.card-container,.col-xs-12 .card,.col-xs-4 .card,.col-xs-8 .card{background:rgb(0 0 0 / 8%)!important}#schedule-0,#schedule-1,#schedule-10,#schedule-11,#schedule-12,#schedule-13,#schedule-14,#schedule-15,#schedule-16,#schedule-17,#schedule-18,#schedule-19,#schedule-2,#schedule-20,#schedule-3,#schedule-4,#schedule-5,#schedule-6,#schedule-7,#schedule-8,#schedule-9,[id*="#schedule-"]{background-color:rgb(0 0 0 / 8%)}.vis-timeline{border:1px solid rgb(255 255 255 / 20%)}.ct-label{fill:var(--text);color:var(--text)}.ct-grid{stroke:var(--text)}.tab-content{border-color:transparent!important}.vis-labelset .vis-label .vis-inner{color:var(--text)}.card .nav-tabs>li.active>a,.card .nav-tabs>li.active>a:focus,.card .nav-tabs>li.active>a:hover{color:var(--text);cursor:default;background-color:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.25);border-bottom-color:#eee;border-radius:6px 6px 0 0}.card .nav>li>a:focus,.card .nav>li>a:hover{background-color:rgba(255,255,255,.07);border:1px solid transparent}.navbar-default .navbar-toggle .icon-bar{background-color:var(--text)}.navbar-default{background-color:rgb(0 0 0 / 26%);border-bottom:1px solid rgb(255 255 255 / 25%)}.off-canvas-sidebar[data-background-color=black]:after,.off-canvas-sidebar[data-background-color=black]:before,.sidebar[data-background-color=black]:after,.sidebar[data-background-color=black]:before{background:rgb(0 0 0 / 10%)}.off-canvas-sidebar[data-background-color=black] .logo,.sidebar[data-background-color=black] .logo{border-bottom:1px solid rgba(var(--accent-color))}.sidebar .nav li.active>a:after,.sidebar .nav li.active>a:before{border-right:17px solid rgb(var(--accent-color))}@media (min-width:992px){.off-canvas-sidebar .nav li.active>a:after,.off-canvas-sidebar .nav li.active>a:before{border-right:17px solid rgb(var(--accent-color))}}.off-canvas-sidebar[data-active-color=success] .nav li.active>a,.sidebar[data-active-color=success] .nav li.active>a{color:rgb(var(--accent-color))!important}.sidebar .nav li>a:hover{color:var(--text-hover)!important}.sidebar .sidebar-wrapper{box-shadow:none}.modal-content{background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;border:1px solid transparent}.modal-header{border-bottom:1px solid rgb(var(--accent-color));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}.modal-footer{border-top:1px solid rgb(var(--accent-color));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}.modal-body .nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:var(--text);cursor:default;background-color:rgba(0,0,0,.25);border:1px solid transparent;border-bottom-color:transparent}.modal-body .nav>li>a:hover,.nav>li>a:focus{background-color:transparent}.modal-body .nav-tabs>li.active>a:hover{background-color:rgba(0,0,0,.25);border:1px solid transparent}.modal-body .nav-tabs>li>a:hover{border-color:#fff3 #fff3 #fff3;color:var(--text-hover)}.modal-body .nav-tabs>li>a{color:var(--text)}#modal_storage_info_tab_content{border:none!important}.modal-body .nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:rgb(0 0 0 / 25%);border-color:transparent}.dropdown-menu{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 a{color:var(--text)!important}.dropdown a:hover{color:var(--text-hover)!important}.form-control.border-input{border:1px solid transparent}.form-control,textarea{background-color:rgba(0,0,0,.25);color:var(--text)}.form-control:focus{background-color:rgb(0 0 0 / 50%)}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:rgba(0,0,0,.15)}#administration_expiration:focus,#backup_storage:focus,#input_s3_provider:focus,#job_repository:focus,#job_type:focus,#modal_restore_id:focus,#modal_restore_revision:focus,#modal_restore_storage:focus,#schedule_frequency:focus{background:#fff;color:#000}.form-check-label{word-break:break-word}.btn{color:var(--button-text);border-width:1px;border-radius:4px}.main-panel .btn:focus,.main-panel .btn:hover{background:0 0}.timepicker-spinner .btn:focus,.timepicker-spinner .btn:hover{background-color:rgba(255,255,255,.08);color:var(--text-hover);border:1px solid transparent}.timepicker-spinner .btn{border:1px solid transparent}.timepicker-spinner .input-group-btn-vertical{border-left:1px solid transparent}.btn-info.btn-fill{color:var(--button-text);background-color:var(--button-color);border:var(--button-color)}.btn-info.btn-fill.active,.btn-info.btn-fill:active,.btn-info.btn-fill:focus,.btn-info.btn-fill:hover{background:var(--button-color-hover);border:var(--button-color-hover);color:var(--button-text-hover)}.btn-primary{border-color:var(--button-color);background:var(--button-color);color:var(--button-text)}.btn-primary:active:focus,.btn-primary:focus{border-color:var(--button-color-hover);color:var(--button-text-hover);background-color:var(--button-color-hover)}.btn-primary:hover{border-color:var(--button-color-hover);color:var(--button-text-hover);background-color:var(--button-color-hover)}.btn-primary.btn-fill{color:var(--button-text);background-color:var(--button-color);border-color:var(--button-color)}.btn-primary.btn-fill:hover{color:var(--button-text-hover);background-color:var(--button-color-hover);border-color:var(--button-color-hover)}.btn-danger.btn-fill,.navbar .navbar-nav>li>a.btn-danger.btn-fill,div>div>div.modal-footer>button.btn.btn-default.pull-left{border-color:#f05050;background-color:#f05050;color:#eee}.btn-danger.btn-fill:focus,.btn-danger.btn-fill:hover,.navbar .navbar-nav>li>a.btn-danger.btn-fill:focus,.navbar .navbar-nav>li>a.btn-danger.btn-fill:hover,div>div>div.modal-footer>button.btn.btn-default.pull-left:focus,div>div>div.modal-footer>button.btn.btn-default.pull-left:hover{border-color:#ec2626;color:#fff;background-color:#ec2626}div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.btn-default{border-color:#f05050;background-color:#f05050;color:#eee}div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.btn-default:focus,div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.btn-default:hover{border-color:#ec2626;color:#fff;background-color:#ec2626}.close{color:#fff}.btn-success,.navbar .navbar-nav>li>a.btn-success{border-color:var(--button-color);color:var(--button-color)}.btn-success.active,.btn-success:active,.btn-success:focus,.btn-success:hover,.navbar .navbar-nav>li>a.btn-success.active,.navbar .navbar-nav>li>a.btn-success:active,.navbar .navbar-nav>li>a.btn-success:focus,.navbar .navbar-nav>li>a.btn-success:hover,.open>.btn-success.dropdown-toggle,.open>.navbar .navbar-nav>li>a.btn-success.dropdown-toggle{background-color:var(--button-color-hover);color:var(--button-text-hover);border-color:var(--button-color-hover)}.btn-icon{background-color:rgb(var(--accent-color));color:var(--label-text-color);border-color:rgb(var(--accent-color))}.btn-icon.active,.btn-icon.active.focus,.btn-icon.active:focus,.btn-icon.active:hover,.btn-icon:active,.btn-icon:active.focus,.btn-icon:active:focus,.btn-icon:active:hover,.btn-icon:focus,.btn-icon:hover,.open>.dropdown-toggle.btn-icon.focus,.open>.dropdown-toggle.btn-icon:focus,.open>.dropdown-toggle.btn-icon:hover{background-color:var(--accent-color-hover)!important;color:var(--label-text-color);border-color:var(--accent-color-hover)}.radio-box input:checked~.radio-button{background-color:var(--button-color);color:var(--label-text-color)}.row-clickable.active,.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:rgb(0 0 0 / 25%);color:var(--text-hover)}.fixed-header th{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}.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 rgb(255 255 255 / 20%)}hr{border-top:1px solid rgb(var(--accent-color))}.list-group-item{background-color:transparent}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{background-color:rgb(var(--accent-color));border-color:rgb(var(--accent-color))}.progress{background-color:rgba(0,0,0,.25)}.progress-bar{background-color:rgb(var(--accent-color))}.progress span{color:var(--text-hover)}.main-panel>.footer{background:rgb(0 0 0 / .25)}@media (max-width:991px){.off-canvas-sidebar .sidebar-wrapper{box-shadow:0 0 10px 0 #000;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}.off-canvas-sidebar .nav li.active>a:before,.off-canvas-sidebar .nav>li.active>a:after{border-left:17px solid rgb(var(--accent-color))}} diff --git a/CSS/themes/emby/emby-base.css b/CSS/themes/emby/emby-base.css index 32ac0025..72c013a9 100644 --- a/CSS/themes/emby/emby-base.css +++ b/CSS/themes/emby/emby-base.css @@ -1,699 +1 @@ -/*TP CUSTOM */ -h1, -h2, -h3, -h4, -h5, -h6, -.inputLabel, -label { - color: var(--text-hover); -} - -a:not(.emby-button), -.cardText.cardTextCentered.cardText-first>button { - color: var(--link-color) !important; -} - -a:hover:not(.emby-button), -.cardText.cardTextCentered.cardText-first>button:hover { - color: var(--link-color-hover) !important; -} - -/*TP END*/ - -html { - color: var(--theme-text-color); - scrollbar-color: var(--scrollbar-thumb-background) transparent -} - -.emby-collapsible-button { - border-color: var(--line-background) !important -} - -.skinHeader-withBackground.skinHeader-withfulldrawer { - border-bottom: .08em solid var(--line-background) -} - -.skinHeader-withBackground { - background: var(--header-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; -} - -.appfooter, -.formDialogFooter:not(.formDialogFooter-clear) { - background: var(--footer-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; -} - -.formDialogHeader:not(.formDialogHeader-clear) { - 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; -} - -.dialog { - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; -} - -@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { - .skinHeader-withBackground { - background: var(--header-blur-background); - -webkit-backdrop-filter: saturate(1.8) blur(1.5em); - backdrop-filter: saturate(1.8) blur(1.5em) - } - - .appfooter-withbackdropfilter { - background: var(--footer-blur-background); - -webkit-backdrop-filter: saturate(1.8) blur(1.5em); - backdrop-filter: saturate(1.8) blur(1.5em) - } -} - -.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; - border-bottom: 0; - color: rgba(255, 255, 255, .87) -} - -.pageTitleWithDefaultLogo { - background-image: url(https://theme-park.dev/Resources/emby/logowhite.png) -} - -.backgroundContainer, -html { - 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; -} - -.backgroundContainer.withBackdrop { - background-color: rgba(0, 0, 0, .83) -} - -@media not all and (min-width: 50em) { - .itemBackgroundContainer.withBackdrop { - 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; - } -} - -.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)); - background-color: var(--theme-icon-focus-background) - } -} - -.detailButton-icon, -.fab, -.raised { - background: var(--button-color); - color: var(--button-text); -} - -.detailButton-icon { - border-color: rgba(255, 255, 255, .3) -} - -.emby-select-withcolor { - color: inherit; - background: rgba(0, 0, 0, 0.25); - border: var(--line-size) solid transparent -} - -.toast { - background: var(--button-background); - color: var(--theme-text-color) -} - -@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); - -webkit-backdrop-filter: saturate(1.8) blur(1.5em); - backdrop-filter: saturate(1.8) blur(1.5em) - } - - .dialog-blur, - .toast { - color: #fff; - 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 - } - - .toast-large { - color: rgba(255, 255, 255, .87) - } -} - -.fab:focus, -.raised:focus { - background: var(--button-color-hover); - color: var(--button-text-hover); -} - -.button-submit:not(.emby-button-tv) { - background: var(--button-color); - color: var(--button-text) -} - -.button-submit:not(.emby-button-tv):focus, -.button-submit:not(.emby-button-tv):hover { - background: var(--button-color-hover); - color: var(--button-text-hover) -} - -.emby-select-withcolor>option { - color: inherit; - background: var(--button-background) -} - -.emby-select-withcolor:focus { - border-color: rgb(var(--theme-primary-color)) !important -} - -.emby-select-tv-withcolor:focus { - background-color: rgb(var(--theme-primary-color)) !important; - color: #fff !important -} - -.checkboxLabel { - color: inherit -} - -.emby-checkbox-focusring:focus:before { - background-color: var(--theme-icon-focus-background) -} - -.inputLabelFocused, -.selectLabelFocused, -.textareaLabelFocused { - color: rgb(var(--accent-color)) -} - -.button-link { - color: var(--link-color) -} - -.button-flat-accent { - color: rgb(var(--accent-color)) -} - -.paperList, -.visualCardBox { - background-color: var(--card-background) -} - -.collapseContent { - border: var(--line-size) solid var(--line-background) -} - -.fieldDescription, -.listItemBodyText-secondary, -.secondaryText { - color: var(--theme-body-secondary-text-color) -} - -.cardText-secondary { - color: var(--text) -} - -.cardText-first { - color: var(--theme-text-color-opaque) -} - -.actionsheetDivider { - background: var(--line-background) -} - -@media(hover: hover) and (pointer:fine) { - .actionSheetMenuItem:hover { - background-color: rgba(255, 255, 255, .2) - } -} - -.selectionCommandsPanel { - background: rgb(var(--theme-primary-color)); - color: var(--label-text-color); -} - -.itemSelectionCount { - color: var(--label-text-color) !important; - -} - -.upNextDialog-countdownText { - color: rgb(var(--theme-primary-color)) -} - -.alphaPickerButton { - color: var(--theme-body-secondary-text-color); - background-color: transparent -} - -.alphaPickerButton-selected { - color: var(--theme-text-color-opaque) -} - -.alphaPickerButton-tv:focus { - background-color: rgb(var(--theme-primary-color)); - color: #fff !important -} - -.detailTableBodyRow-shaded:nth-child(even) { - background: #1c1c1c; - background: rgba(30, 30, 30, .9) -} - -.listItem-border { - border-color: var(--line-background) !important -} - -.listItem-focusscale:focus { - background: rgba(54, 54, 54, .8) -} - -.progressring-spiner { - border-color: rgb(var(--theme-primary-color)) -} - -.mediaInfoText { - background: var(--button-background) -} - -.starIcon { - color: #cb272a -} - -.mediaInfoTimerIcon { - color: #cb272a -} - -.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 { - border-color: rgb(var(--theme-primary-color)) -} - -.emby-checkbox:checked+span:before { - border-color: currentColor -} - -.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); -} - -.itemProgressBarForeground { - background-color: rgb(var(--theme-primary-color)) -} - -.itemProgressBarForeground-recording { - background-color: #cb272a -} - -.countIndicator { - background: rgb(var(--theme-primary-color)); - color: var(--label-text-color); -} - -.playedIndicator { - background: rgb(var(--theme-primary-color)) -} - -.mainDrawer { - background: var(--drawer-background) -} - -.drawer-docked { - background: var(--docked-drawer-background); - border-right: var(--line-size) solid var(--line-background) -} - -@media(hover: hover) and (pointer:fine) { - .navMenuOption:hover { - background: #303030 - } -} - -.navMenuOption-selected { - background-color: var(--theme-icon-focus-background) !important; - color: rgb(var(--accent-color)) -} - -.emby-button-focusscale:focus, -.emby-button-focusscale:focus .detailButton-icon { - background: rgb(var(--theme-primary-color)); - color: #fff -} - -.emby-tab-button { - color: var(--theme-body-secondary-text-color) -} - -.emby-tab-button-active { - color: rgb(var(--accent-color)) -} - -.emby-tab-button-active.emby-button-tv { - color: var(--theme-text-color-opaque) -} - -.emby-tab-button.emby-button-tv:focus { - color: rgb(var(--accent-color)); - background: 0 0 -} - -.emby-button { - outline-color: rgb(var(--theme-primary-color)) -} - -.channelCell, -.guide-headerTimeslots, -.timeslotHeaders { - 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; -} - -@media (pointer: coarse) { - .channelCell-mobilefocus { - 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; - } -} - -.channelCell-mobilefocus:not(:focus-visible) { - 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; -} - -.channelCell-mobilefocus:not(:-moz-focusring) { - 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; -} - -.channelCell, -.epgRow, -.programCell { - border-color: rgba(255, 255, 255, .05) -} - -.guide-currentTimeIndicatorDot { - border-right-color: var(--theme-icon-focus-background) -} - -.guide-currentTimeIndicatorDot:after { - border-top-color: rgb(var(--theme-primary-color)) -} - -.firstChannelCell { - border-color: transparent -} - -.programCell-sports { - background: #3949ab !important -} - -.programCell-movie { - background: #5e35b1 !important -} - -.programCell-kids { - background: #039be5 !important -} - -.programCell-news { - background: #43a047 !important -} - -.channelCell:focus, -.programCell:focus { - background-color: rgb(var(--theme-primary-color)); - color: #fff -} - -.guide-programTextIcon { - color: #1e1e1e; - background: #555 -} - -.infoBanner { - background: var(--card-background); - padding: 1em; - -webkit-border-radius: .3em; - border-radius: .3em -} - -.ratingbutton-icon-withrating { - color: #c33 !important -} - -.downloadbutton-icon-on { - color: #4285f4 -} - -.downloadbutton-icon-complete { - color: #4285f4 -} - -.playstatebutton-icon-played { - color: #c33 !important -} - -.repeatButton-active { - color: #4285f4 -} - -.card:focus .card-focuscontent { - border-color: rgb(var(--theme-primary-color)) -} - -.cardContent-button { - background-color: transparent -} - -.cardContent-shadow { - background-color: var(--card-background) -} - -.defaultCardBackground0 { - background-color: var(--card-background) -} - -.defaultCardBackground1 { - background-color: #d2b019 -} - -.defaultCardBackground2 { - background-color: #338abb -} - -.defaultCardBackground3 { - background-color: #6b689d -} - -.defaultCardBackground4 { - background-color: #dd452b -} - -.defaultCardBackground5 { - background-color: #5ccea9 -} - -.cardOverlayButtonIcon { - background-color: rgb(var(--theme-primary-color)) -} - -.cardScalable.cardPadder-portrait>div>button>i { - color: var(--label-text-color) !important; -} - -::-webkit-scrollbar-track-piece { - background-color: transparent -} - -::-webkit-scrollbar-thumb { - background: var(--scrollbar-thumb-background) -} - -.emby-slider-background { - background: var(--scrollbar-thumb-background) -} - -.emby-slider { - color: rgb(var(--theme-primary-color)) -} - -.emby-slider::-moz-range-track { - background: #444 -} - -.emby-slider::-moz-range-progress { - background: rgb(var(--theme-primary-color)) -} - -.emby-slider::-webkit-slider-thumb { - background: rgb(var(--theme-primary-color)) -} - -.emby-slider::-moz-range-thumb { - background: rgb(var(--theme-primary-color)) -} - -.emby-slider::-ms-thumb { - background: rgb(var(--theme-primary-color)) -} - -.emby-slider-background-lower { - background-color: rgb(var(--theme-primary-color)) -} - -.scrollbuttoncontainer { - color: #fff; - background: rgba(20, 20, 20, .5) -} - -.recordingIcon-active { - color: #c33 !important -} - -.drawerLogo { - background-image: url(https://theme-park.dev/Resources/emby/logowhite.png); - border-bottom-color: var(--line-background) -} - -.searchTabsContainer { - border-bottom: var(--line-size) solid var(--line-background) -} - -.emby-search-tab-button.emby-tab-button-active { - background: rgb(var(--accent-color)) !important -} - -.textActionButton.dragging { - background: var(--button-background) !important -} - -.dragging-over.full-drop-target { - background: rgb(var(--theme-primary-color)) !important; - color: #fff !important -} - -.dragging-over-top:before { - background: rgb(var(--accent-color)) -} - -.dragging-over-bottom:after { - background: rgb(var(--accent-color)) -} - -@media (hover: hover) and (pointer: fine) { - .navMenuOption:hover:not(.navMenuOption-selected) { - 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 +.inputLabel,h1,h2,h3,h4,h5,h6,label{color:var(--text-hover)}.cardText.cardTextCentered.cardText-first>button,a:not(.emby-button){color:var(--link-color)!important}.cardText.cardTextCentered.cardText-first>button:hover,a:hover:not(.emby-button){color:var(--link-color-hover)!important}html{color:var(--theme-text-color);scrollbar-color:var(--scrollbar-thumb-background) transparent}.emby-collapsible-button{border-color:var(--line-background)!important}.skinHeader-withBackground.skinHeader-withfulldrawer{border-bottom:.08em solid var(--line-background)}.skinHeader-withBackground{background:var(--header-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}.appfooter,.formDialogFooter:not(.formDialogFooter-clear){background:var(--footer-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}.formDialogHeader:not(.formDialogHeader-clear){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}.dialog{background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover}@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)){.skinHeader-withBackground{background:var(--header-blur-background);-webkit-backdrop-filter:saturate(1.8) blur(1.5em);backdrop-filter:saturate(1.8) blur(1.5em)}.appfooter-withbackdropfilter{background:var(--footer-blur-background);-webkit-backdrop-filter:saturate(1.8) blur(1.5em);backdrop-filter:saturate(1.8) blur(1.5em)}}.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;border-bottom:0;color:rgba(255,255,255,.87)}.pageTitleWithDefaultLogo{background-image:url(https://theme-park.dev/Resources/emby/logowhite.png)}.backgroundContainer,html{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}.backgroundContainer.withBackdrop{background-color:rgba(0,0,0,.83)}@media not all and (min-width:50em){.itemBackgroundContainer.withBackdrop{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}}.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));background-color:var(--theme-icon-focus-background)}}.detailButton-icon,.fab,.raised{background:var(--button-color);color:var(--button-text)}.detailButton-icon{border-color:rgba(255,255,255,.3)}.emby-select-withcolor{color:inherit;background:rgba(0,0,0,.25);border:var(--line-size) solid transparent}.toast{background:var(--button-background);color:var(--theme-text-color)}@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);-webkit-backdrop-filter:saturate(1.8) blur(1.5em);backdrop-filter:saturate(1.8) blur(1.5em)}.dialog-blur,.toast{color:#fff;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}.toast-large{color:rgba(255,255,255,.87)}}.fab:focus,.raised:focus{background:var(--button-color-hover);color:var(--button-text-hover)}.button-submit:not(.emby-button-tv){background:var(--button-color);color:var(--button-text)}.button-submit:not(.emby-button-tv):focus,.button-submit:not(.emby-button-tv):hover{background:var(--button-color-hover);color:var(--button-text-hover)}.emby-select-withcolor>option{color:inherit;background:var(--button-background)}.emby-select-withcolor:focus{border-color:rgb(var(--theme-primary-color))!important}.emby-select-tv-withcolor:focus{background-color:rgb(var(--theme-primary-color))!important;color:#fff!important}.checkboxLabel{color:inherit}.emby-checkbox-focusring:focus:before{background-color:var(--theme-icon-focus-background)}.inputLabelFocused,.selectLabelFocused,.textareaLabelFocused{color:rgb(var(--accent-color))}.button-link{color:var(--link-color)}.button-flat-accent{color:rgb(var(--accent-color))}.paperList,.visualCardBox{background-color:var(--card-background)}.collapseContent{border:var(--line-size) solid var(--line-background)}.fieldDescription,.listItemBodyText-secondary,.secondaryText{color:var(--theme-body-secondary-text-color)}.cardText-secondary{color:var(--text)}.cardText-first{color:var(--theme-text-color-opaque)}.actionsheetDivider{background:var(--line-background)}@media(hover:hover) and (pointer:fine){.actionSheetMenuItem:hover{background-color:rgba(255,255,255,.2)}}.selectionCommandsPanel{background:rgb(var(--theme-primary-color));color:var(--label-text-color)}.itemSelectionCount{color:var(--label-text-color)!important}.upNextDialog-countdownText{color:rgb(var(--theme-primary-color))}.alphaPickerButton{color:var(--theme-body-secondary-text-color);background-color:transparent}.alphaPickerButton-selected{color:var(--theme-text-color-opaque)}.alphaPickerButton-tv:focus{background-color:rgb(var(--theme-primary-color));color:#fff!important}.detailTableBodyRow-shaded:nth-child(even){background:#1c1c1c;background:rgba(30,30,30,.9)}.listItem-border{border-color:var(--line-background)!important}.listItem-focusscale:focus{background:rgba(54,54,54,.8)}.progressring-spiner{border-color:rgb(var(--theme-primary-color))}.mediaInfoText{background:var(--button-background)}.starIcon{color:#cb272a}.mediaInfoTimerIcon{color:#cb272a}.emby-input,.emby-textarea{color:inherit;background:rgb(0 0 0 / 25%);border:var(--line-size) solid rgba(255,255,255,.1)}.emby-input:focus,.emby-textarea:focus{border-color:rgb(var(--theme-primary-color))}.emby-checkbox:checked+span:before{border-color:currentColor}.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)}.itemProgressBarForeground{background-color:rgb(var(--theme-primary-color))}.itemProgressBarForeground-recording{background-color:#cb272a}.countIndicator{background:rgb(var(--theme-primary-color));color:var(--label-text-color)}.playedIndicator{background:rgb(var(--theme-primary-color))}.mainDrawer{background:var(--drawer-background)}.drawer-docked{background:var(--docked-drawer-background);border-right:var(--line-size) solid var(--line-background)}@media(hover:hover) and (pointer:fine){.navMenuOption:hover{background:#303030}}.navMenuOption-selected{background-color:var(--theme-icon-focus-background)!important;color:rgb(var(--accent-color))}.emby-button-focusscale:focus,.emby-button-focusscale:focus .detailButton-icon{background:rgb(var(--theme-primary-color));color:#fff}.emby-tab-button{color:var(--theme-body-secondary-text-color)}.emby-tab-button-active{color:rgb(var(--accent-color))}.emby-tab-button-active.emby-button-tv{color:var(--theme-text-color-opaque)}.emby-tab-button.emby-button-tv:focus{color:rgb(var(--accent-color));background:0 0}.emby-button{outline-color:rgb(var(--theme-primary-color))}.channelCell,.guide-headerTimeslots,.timeslotHeaders{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}@media (pointer:coarse){.channelCell-mobilefocus{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}}.channelCell-mobilefocus:not(:focus-visible){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}.channelCell-mobilefocus:not(:-moz-focusring){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}.channelCell,.epgRow,.programCell{border-color:rgba(255,255,255,.05)}.guide-currentTimeIndicatorDot{border-right-color:var(--theme-icon-focus-background)}.guide-currentTimeIndicatorDot:after{border-top-color:rgb(var(--theme-primary-color))}.firstChannelCell{border-color:transparent}.programCell-sports{background:#3949ab!important}.programCell-movie{background:#5e35b1!important}.programCell-kids{background:#039be5!important}.programCell-news{background:#43a047!important}.channelCell:focus,.programCell:focus{background-color:rgb(var(--theme-primary-color));color:#fff}.guide-programTextIcon{color:#1e1e1e;background:#555}.infoBanner{background:var(--card-background);padding:1em;-webkit-border-radius:.3em;border-radius:.3em}.ratingbutton-icon-withrating{color:#c33!important}.downloadbutton-icon-on{color:#4285f4}.downloadbutton-icon-complete{color:#4285f4}.playstatebutton-icon-played{color:#c33!important}.repeatButton-active{color:#4285f4}.card:focus .card-focuscontent{border-color:rgb(var(--theme-primary-color))}.cardContent-button{background-color:transparent}.cardContent-shadow{background-color:var(--card-background)}.defaultCardBackground0{background-color:var(--card-background)}.defaultCardBackground1{background-color:#d2b019}.defaultCardBackground2{background-color:#338abb}.defaultCardBackground3{background-color:#6b689d}.defaultCardBackground4{background-color:#dd452b}.defaultCardBackground5{background-color:#5ccea9}.cardOverlayButtonIcon{background-color:rgb(var(--theme-primary-color))}.cardScalable.cardPadder-portrait>div>button>i{color:var(--label-text-color)!important}::-webkit-scrollbar-track-piece{background-color:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-background)}.emby-slider-background{background:var(--scrollbar-thumb-background)}.emby-slider{color:rgb(var(--theme-primary-color))}.emby-slider::-moz-range-track{background:#444}.emby-slider::-moz-range-progress{background:rgb(var(--theme-primary-color))}.emby-slider::-webkit-slider-thumb{background:rgb(var(--theme-primary-color))}.emby-slider::-moz-range-thumb{background:rgb(var(--theme-primary-color))}.emby-slider::-ms-thumb{background:rgb(var(--theme-primary-color))}.emby-slider-background-lower{background-color:rgb(var(--theme-primary-color))}.scrollbuttoncontainer{color:#fff;background:rgba(20,20,20,.5)}.recordingIcon-active{color:#c33!important}.drawerLogo{background-image:url(https://theme-park.dev/Resources/emby/logowhite.png);border-bottom-color:var(--line-background)}.searchTabsContainer{border-bottom:var(--line-size) solid var(--line-background)}.emby-search-tab-button.emby-tab-button-active{background:rgb(var(--accent-color))!important}.textActionButton.dragging{background:var(--button-background)!important}.dragging-over.full-drop-target{background:rgb(var(--theme-primary-color))!important;color:#fff!important}.dragging-over-top:before{background:rgb(var(--accent-color))}.dragging-over-bottom:after{background:rgb(var(--accent-color))}@media (hover:hover) and (pointer:fine){.navMenuOption:hover:not(.navMenuOption-selected){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} diff --git a/CSS/themes/filebrowser/filebrowser-base.css b/CSS/themes/filebrowser/filebrowser-base.css index 131013c4..1599a3e4 100644 --- a/CSS/themes/filebrowser/filebrowser-base.css +++ b/CSS/themes/filebrowser/filebrowser-base.css @@ -1,684 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ - -/* PLACEHOLDERS */ -input::-webkit-input-placeholder { - color: var(--text); -} - -input:focus::-webkit-input-placeholder { - color: var(--text-hover); -} - -/* Firefox < 19 */ -input:-moz-placeholder { - color: var(--text); -} - -input:focus:-moz-placeholder { - color: var(--text-hover); -} - -/* Firefox > 19 */ -input::-moz-placeholder { - color: var(--text); -} - -input:focus::-moz-placeholder { - color: var(--text-hover); -} - -/* Internet Explorer 10 */ -input:-ms-input-placeholder { - color: var(--text); -} - -input:focus:-ms-input-placeholder { - color: var(--text-hover); -} - -.message { - color: #FFF; -} - -#login { - min-height: 100%; - height: auto; - 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; -} - -body { - - color: var(--text); - font-family: Open Sans Bold, Helvetica Neue, Helvetica, Arial, sans-serif; -} - -h1, -h2, -h3, -h4, -h5, -h6, -th { - color: var(--text-hover) !important; -} - -#login input[type=password], -#login input[type=text] { - color: var(--text-hover) !important; - background-color: rgba(0, 0, 0, 0.15) !important; - border: none; -} - -#loading { - 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; -} - -#loading .spinner * { - background-color: #FFF !important; -} - -html { - min-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; -} - -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; -} - -@media (max-width: 736px) { - - nav, - nav.active { - background: var(--modal-bg-color) !important; - } - - #dropdown.active { - background: var(--drop-down-menu-bg) !important; - } -} - -nav { - background: rgba(0, 0, 0, .45); - height: 100%; - top: 64px; - width: 240px; -} - -.overlay:not(nav) { - background-color: transparent; -} - -nav .action { - color: var(--text); - font-size: 13px; - font-family: Open Sans Semibold, Helvetica Neue, Helvetica, Arial, sans-serif; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - padding-top: 0px; - padding-bottom: 0px; -} - -nav .action:hover { - background-color: rgba(255, 255, 255, 0.05); - color: rgb(var(--accent-color)); -} - -nav>div { - border-top: none; -} - -header { - background: rgba(0, 0, 0, 0.25); - 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: transparent; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .15); -} - -header>div:first-child { - height: 60px; -} - -body { - padding-top: 60px; -} - -.shell { - 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: rgb(var(--accent-color)); -} - -.shell__prompt i { - color: rgb(var(--accent-color)); -} - -.action { - color: #FFF; -} - -#listing.list .item { - background-color: rgba(0, 0, 0, .15); - color: var(--text); - border: none; -} - -#listing.list .item:hover { - background-color: rgba(255, 255, 255, 0.08); - color: var(--text-hover); - border: none; - transition: .4s; -} - -#listing.list .item.header { - background-color: rgba(0, 0, 0, .45); - color: var(--text-hover); - border-bottom: none; - right: auto; -} - -.material-icons, -.prompt .file-list ul li:before { - color: rgb(var(--accent-color)); -} - -.action:hover { - background-color: rgba(var(--accent-color), .1); -} - -.action .counter { - background: rgb(var(--accent-color)); - color: var(--label-text-color); - border: 2px solid var(--label-text-color); -} - -.share__box { - background: transparent; -} - -.share__box__info { - background: rgba(0, 0, 0, 0.25); -} - -.share__box__download { - background: rgb(var(--accent-color)); - color: var(--text-hover); - border-bottom: 1px solid rgb(var(--accent-color)); -} - -.share__box__element { - border-top: 1px solid rgb(255 255 255 / 10%); -} - -svg { - fill: rgb(var(--accent-color)) !important; -} - -#listing.list .item div:first-of-type i { - color: rgb(var(--accent-color)); -} - -#listing .item i { - color: rgb(var(--accent-color)); -} - -#listing.mosaic:hover .item:hover i:hover { - color: var(--accent-color-hover); -} - -#listing .item[aria-selected=true] { - background-color: rgba(255, 255, 255, 0.2) !important; - color: var(--text-hover) !important; -} - -#listing h2 { - color: var(--text-hover); -} - -#listing #multiple-selection { - 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; -} - -#breadcrumbs span a { - color: var(--text-hover); -} - -#breadcrumbs { - border-bottom: 1px solid rgb(var(--accent-color)); -} - -#listing .item { - background-color: rgba(0, 0, 0, .15); - color: var(--text); - border: none; -} - -.input { - background: rgba(0, 0, 0, 0.25); - color: var(--text-hover); -} - -select>option { - background: #1f1f1f; -} - -#search #input { - background: #fff; - display: flex; - padding: 10px; -} - -#search #result { - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: var(--text-hover); -} - -#search .boxes { - background-color: rgba(0, 0, 0, .15); - padding: 15px; -} - -#search .boxes h3 { - color: var(--text-hover); -} - -#search .boxes>div>div { - background-color: rgba(0, 0, 0, .10); -} - -#search .boxes>div>div:hover { - background-color: rgba(255, 255, 255, .08); -} - -#search.active #input { - 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; - height: 60px; - color: black; -} - -#search.active i, -#search.active input { - color: var(--text-hover); -} - -#search #result>div>:first-child { - margin-top: 10px; -} - -.card { - background-color: rgba(0, 0, 0, .15); -} - -.card h3 { - color: var(--text-hover); -} - -.card#share ul li a { - color: rgb(var(--accent-color)); -} - -select { - color: var(--text-hover); -} - -.card#share .input-group * { - border: none; - background: transparent; -} - -input, -textarea, -select, -button { - color: var(--text-hover); -} - -.collapsible>label * { - color: var(--text-hover); -} - -a, -.link, -.breadcrumbs span a, -.breadcrumbs, -.breadcrumbs span { - color: var(--link-color); -} - -a:hover, -.link:hover, -.breadcrumbs span a:hover { - color: var(--link-color-hover); -} - -table th { - color: var(--text-hover); -} - -.card.floating { - 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; -} - -#search #input { - background-color: rgba(255, 255, 255, 0.08); -} - -#listing.mosaic .item { - box-shadow: none !important; -} - -#listing.mosaic .item:hover { - box-shadow: none !important; - background-color: rgba(255, 255, 255, 0.08); -} - -.dashboard p label { - color: var(--text-hover); -} - -.dashboard #nav li.active { - border-color: rgb(var(--accent-color)); -} - -.dashboard #nav ul li.active { - border-color: rgb(var(--accent-color)); - color: rgb(var(--accent-color)); -} - -.dashboard #nav ul li.active:before { - background: rgb(var(--accent-color)); - opacity: .08; -} - -.dashboard #nav ul li:hover { - background: rgb(var(--accent-color), .15); - color: rgb(var(--accent-color)); -} - -.dashboard #nav .wrapper { - border-bottom: 2px solid var(--accent-color-hover); -} - - -@media (min-width: 1024px) { - main { - margin-left: 270px; - } -} - -@media (max-width: 1024px) { - nav { - width: 175px; - } -} - -/* Buttons */ -.button:not(.button--flat.button--red) { - background: var(--button-color); - color: var(--button-text); -} - -.button:hover:not(.button--flat.button--red), -.button:active:not(.button--flat.button--red), -.button:focus:not(.button--flat.button--red) { - background: var(--button-color-hover); - color: var(--button-text-hover); -} - -button:hover:not(.action), -input[type=submit]:hover { - color: var(--button-text-hover); -} - -.button--flat { - margin-left: 5px; -} - -.button--flat:hover { - background: var(--dark-red); - color: #FFF; - margin-left: 5px; -} - - -#editor-container { - background: var(--modal-bg-color); -} - -/* ACE EDITOR */ - -.ace-chrome .ace_gutter { - background: #282a36 !important; - color: rgb(144, 145, 148) !important; -} - -.ace-chrome .ace_print-margin { - width: 1px; - background: #44475a -} - -.ace-chrome { - background-color: #282a36; - color: #f8f8f2 -} - -.ace-chrome .ace_cursor { - color: #f8f8f0 -} - -.ace-chrome .ace_marker-layer .ace_selection { - background: #44475a -} - -.ace-chrome.ace_multiselect .ace_selection.ace_start { - box-shadow: 0 0 3px 0px #282a36; - border-radius: 2px -} - -.ace-chrome .ace_marker-layer .ace_step { - background: rgb(198, 219, 174) -} - -.ace-chrome .ace_marker-layer .ace_bracket { - margin: -1px 0 0 -1px; - border: 1px solid #a29709 -} - -.ace-chrome .ace_marker-layer .ace_active-line { - background: #44475a -} - -.ace-chrome .ace_gutter-active-line { - background-color: #44475a -} - -.ace-chrome .ace_marker-layer .ace_selected-word { - box-shadow: 0px 0px 0px 1px #a29709; - border-radius: 3px; -} - -.ace-chrome .ace_fold { - background-color: #50fa7b; - border-color: #f8f8f2 -} - -.ace-chrome .ace_keyword { - color: #ff79c6 -} - -.ace-chrome .ace_constant.ace_language { - color: #bd93f9 -} - -.ace-chrome .ace_constant.ace_numeric { - color: #bd93f9 -} - -.ace-chrome .ace_constant.ace_character { - color: #bd93f9 -} - -.ace-chrome .ace_constant.ace_character.ace_escape { - color: #ff79c6 -} - -.ace-chrome .ace_constant.ace_other { - color: #bd93f9 -} - -.ace-chrome .ace_support.ace_function { - color: #8be9fd -} - -.ace-chrome .ace_support.ace_constant { - color: #6be5fd -} - -.ace-chrome .ace_support.ace_class { - font-style: italic; - color: #66d9ef -} - -.ace-chrome .ace_support.ace_type { - font-style: italic; - color: #66d9ef -} - -.ace-chrome .ace_storage { - color: #ff79c6 -} - -.ace-chrome .ace_storage.ace_type { - font-style: italic; - color: #8be9fd -} - -.ace-chrome .ace_invalid { - color: #F8F8F0; - background-color: #ff79c6 -} - -.ace-chrome .ace_invalid.ace_deprecated { - color: #F8F8F0; - background-color: #bd93f9 -} - -.ace-chrome .ace_string { - color: #f1fa8c -} - -.ace-chrome .ace_comment { - color: #6272a4 -} - -.ace-chrome .ace_variable { - color: #50fa7b -} - -.ace-chrome .ace_variable.ace_parameter { - font-style: italic; - color: #ffb86c -} - -.ace-chrome .ace_entity.ace_other.ace_attribute-name { - color: #50fa7b -} - -.ace-chrome .ace_entity.ace_name.ace_function { - color: #50fa7b -} - -.ace-chrome .ace_entity.ace_name.ace_tag { - color: #ff79c6 -} - -.ace-chrome .ace_invisible { - color: #626680; -} - -.ace-chrome .ace_indent-guide { - background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWNgYGBgYHB3d/8PAAOIAdULw8qMAAAAAElFTkSuQmCC) right repeat-y -} - -.credits { - - color: var(--text-muted); -} \ No newline at end of file +input::-webkit-input-placeholder{color:var(--text)}input:focus::-webkit-input-placeholder{color:var(--text-hover)}input:-moz-placeholder{color:var(--text)}input:focus:-moz-placeholder{color:var(--text-hover)}input::-moz-placeholder{color:var(--text)}input:focus::-moz-placeholder{color:var(--text-hover)}input:-ms-input-placeholder{color:var(--text)}input:focus:-ms-input-placeholder{color:var(--text-hover)}.message{color:#fff}#login{min-height:100%;height:auto;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}body{color:var(--text);font-family:Open Sans Bold,Helvetica Neue,Helvetica,Arial,sans-serif}h1,h2,h3,h4,h5,h6,th{color:var(--text-hover)!important}#login input[type=password],#login input[type=text]{color:var(--text-hover)!important;background-color:rgba(0,0,0,.15)!important;border:none}#loading{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}#loading .spinner *{background-color:#fff!important}html{min-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}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}@media (max-width:736px){nav,nav.active{background:var(--modal-bg-color)!important}#dropdown.active{background:var(--drop-down-menu-bg)!important}}nav{background:rgba(0,0,0,.45);height:100%;top:64px;width:240px}.overlay:not(nav){background-color:transparent}nav .action{color:var(--text);font-size:13px;font-family:Open Sans Semibold,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:0;padding-bottom:0}nav .action:hover{background-color:rgba(255,255,255,.05);color:rgb(var(--accent-color))}nav>div{border-top:none}header{background:rgba(0,0,0,.25);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:transparent;box-shadow:0 3px 6px 0 rgba(0,0,0,.15)}header>div:first-child{height:60px}body{padding-top:60px}.shell{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:rgb(var(--accent-color))}.shell__prompt i{color:rgb(var(--accent-color))}.action{color:#fff}#listing.list .item{background-color:rgba(0,0,0,.15);color:var(--text);border:none}#listing.list .item:hover{background-color:rgba(255,255,255,.08);color:var(--text-hover);border:none;transition:.4s}#listing.list .item.header{background-color:rgba(0,0,0,.45);color:var(--text-hover);border-bottom:none;right:auto}.material-icons,.prompt .file-list ul li:before{color:rgb(var(--accent-color))}.action:hover{background-color:rgba(var(--accent-color),.1)}.action .counter{background:rgb(var(--accent-color));color:var(--label-text-color);border:2px solid var(--label-text-color)}.share__box{background:0 0}.share__box__info{background:rgba(0,0,0,.25)}.share__box__download{background:rgb(var(--accent-color));color:var(--text-hover);border-bottom:1px solid rgb(var(--accent-color))}.share__box__element{border-top:1px solid rgb(255 255 255 / 10%)}svg{fill:rgb(var(--accent-color))!important}#listing.list .item div:first-of-type i{color:rgb(var(--accent-color))}#listing .item i{color:rgb(var(--accent-color))}#listing.mosaic:hover .item:hover i:hover{color:var(--accent-color-hover)}#listing .item[aria-selected=true]{background-color:rgba(255,255,255,.2)!important;color:var(--text-hover)!important}#listing h2{color:var(--text-hover)}#listing #multiple-selection{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}#breadcrumbs span a{color:var(--text-hover)}#breadcrumbs{border-bottom:1px solid rgb(var(--accent-color))}#listing .item{background-color:rgba(0,0,0,.15);color:var(--text);border:none}.input{background:rgba(0,0,0,.25);color:var(--text-hover)}select>option{background:#1f1f1f}#search #input{background:#fff;display:flex;padding:10px}#search #result{background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;color:var(--text-hover)}#search .boxes{background-color:rgba(0,0,0,.15);padding:15px}#search .boxes h3{color:var(--text-hover)}#search .boxes>div>div{background-color:rgba(0,0,0,.1)}#search .boxes>div>div:hover{background-color:rgba(255,255,255,.08)}#search.active #input{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;height:60px;color:#000}#search.active i,#search.active input{color:var(--text-hover)}#search #result>div>:first-child{margin-top:10px}.card{background-color:rgba(0,0,0,.15)}.card h3{color:var(--text-hover)}.card#share ul li a{color:rgb(var(--accent-color))}select{color:var(--text-hover)}.card#share .input-group *{border:none;background:0 0}button,input,select,textarea{color:var(--text-hover)}.collapsible>label *{color:var(--text-hover)}.breadcrumbs,.breadcrumbs span,.breadcrumbs span a,.link,a{color:var(--link-color)}.breadcrumbs span a:hover,.link:hover,a:hover{color:var(--link-color-hover)}table th{color:var(--text-hover)}.card.floating{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}#search #input{background-color:rgba(255,255,255,.08)}#listing.mosaic .item{box-shadow:none!important}#listing.mosaic .item:hover{box-shadow:none!important;background-color:rgba(255,255,255,.08)}.dashboard p label{color:var(--text-hover)}.dashboard #nav li.active{border-color:rgb(var(--accent-color))}.dashboard #nav ul li.active{border-color:rgb(var(--accent-color));color:rgb(var(--accent-color))}.dashboard #nav ul li.active:before{background:rgb(var(--accent-color));opacity:.08}.dashboard #nav ul li:hover{background:rgb(var(--accent-color),.15);color:rgb(var(--accent-color))}.dashboard #nav .wrapper{border-bottom:2px solid var(--accent-color-hover)}@media (min-width:1024px){main{margin-left:270px}}@media (max-width:1024px){nav{width:175px}}.button:not(.button--flat.button--red){background:var(--button-color);color:var(--button-text)}.button:active:not(.button--flat.button--red),.button:focus:not(.button--flat.button--red),.button:hover:not(.button--flat.button--red){background:var(--button-color-hover);color:var(--button-text-hover)}button:hover:not(.action),input[type=submit]:hover{color:var(--button-text-hover)}.button--flat{margin-left:5px}.button--flat:hover{background:var(--dark-red);color:#fff;margin-left:5px}#editor-container{background:var(--modal-bg-color)}.ace-chrome .ace_gutter{background:#282a36!important;color:#909194!important}.ace-chrome .ace_print-margin{width:1px;background:#44475a}.ace-chrome{background-color:#282a36;color:#f8f8f2}.ace-chrome .ace_cursor{color:#f8f8f0}.ace-chrome .ace_marker-layer .ace_selection{background:#44475a}.ace-chrome.ace_multiselect .ace_selection.ace_start{box-shadow:0 0 3px 0 #282a36;border-radius:2px}.ace-chrome .ace_marker-layer .ace_step{background:#c6dbae}.ace-chrome .ace_marker-layer .ace_bracket{margin:-1px 0 0 -1px;border:1px solid #a29709}.ace-chrome .ace_marker-layer .ace_active-line{background:#44475a}.ace-chrome .ace_gutter-active-line{background-color:#44475a}.ace-chrome .ace_marker-layer .ace_selected-word{box-shadow:0 0 0 1px #a29709;border-radius:3px}.ace-chrome .ace_fold{background-color:#50fa7b;border-color:#f8f8f2}.ace-chrome .ace_keyword{color:#ff79c6}.ace-chrome .ace_constant.ace_language{color:#bd93f9}.ace-chrome .ace_constant.ace_numeric{color:#bd93f9}.ace-chrome .ace_constant.ace_character{color:#bd93f9}.ace-chrome .ace_constant.ace_character.ace_escape{color:#ff79c6}.ace-chrome .ace_constant.ace_other{color:#bd93f9}.ace-chrome .ace_support.ace_function{color:#8be9fd}.ace-chrome .ace_support.ace_constant{color:#6be5fd}.ace-chrome .ace_support.ace_class{font-style:italic;color:#66d9ef}.ace-chrome .ace_support.ace_type{font-style:italic;color:#66d9ef}.ace-chrome .ace_storage{color:#ff79c6}.ace-chrome .ace_storage.ace_type{font-style:italic;color:#8be9fd}.ace-chrome .ace_invalid{color:#f8f8f0;background-color:#ff79c6}.ace-chrome .ace_invalid.ace_deprecated{color:#f8f8f0;background-color:#bd93f9}.ace-chrome .ace_string{color:#f1fa8c}.ace-chrome .ace_comment{color:#6272a4}.ace-chrome .ace_variable{color:#50fa7b}.ace-chrome .ace_variable.ace_parameter{font-style:italic;color:#ffb86c}.ace-chrome .ace_entity.ace_other.ace_attribute-name{color:#50fa7b}.ace-chrome .ace_entity.ace_name.ace_function{color:#50fa7b}.ace-chrome .ace_entity.ace_name.ace_tag{color:#ff79c6}.ace-chrome .ace_invisible{color:#626680}.ace-chrome .ace_indent-guide{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWNgYGBgYHB3d/8PAAOIAdULw8qMAAAAAElFTkSuQmCC) right repeat-y}.credits{color:var(--text-muted)} diff --git a/CSS/themes/flood/flood-base.css b/CSS/themes/flood/flood-base.css index 9e228a5c..3fd9e5ef 100644 --- a/CSS/themes/flood/flood-base.css +++ b/CSS/themes/flood/flood-base.css @@ -1,732 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ - -/* MOBILE */ - -@media (max-width: 720px) { - - .modal__body, - .modal__content__wrapper, - .modal__header, - body, - .dark .torrents, - .torrents, - .action-bar { - background: #1b1b1b !important; - } -} - - -body, -.dark .torrents, -.torrents { - color: var(--text); - 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; -} - -/* TEXT */ -.h1, -.h2, -.h3, -.h4, -.h5, -.h6, -h1, -h2, -h3, -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, -.torrents__alert { - color: var(--text-hover); -} - -/* AUTH PAGE */ - -.application__view--auth-form { - 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; -} - - -.panel--light { - background: rgba(0, 0, 0, .25); -} - -.panel { - border: 1px solid transparent; - border-radius: 4px; - box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 1px 3px 1px rgba(0, 0, 0, .2); - overflow: hidden; -} - -/* FORMS */ - -.input, -.inverse .input { - background: rgba(255, 255, 255, .05); - color: #fff; - border: 1px solid #0000; - box-shadow: 0 1px 1px rgba(210, 216, 222, 0), 0 1px 3px 1px rgba(210, 216, 222, 0); -} - -.input:hover, -.inverse .input:hover { - border: 1px solid rgba(255, 255, 255, .1); -} - -.input:active, -.input:focus, -.inverse .input:active, -.inverse .input:focus, -.inverse .button--quaternary:active { - background-color: rgba(52, 156, 244, .05); - color: var(--text); - border-color: rgb(var(--accent-color)); - box-shadow: 0 1px 1px rgb(var(--accent-color) / 15%), 0 1px 3px 1px rgb(var(--accent-color) / 20%), 0 0 0 1px rgb(var(--accent-color)); -} - -.button--quaternary, -.inverse .button--quaternary { - background: rgba(255, 255, 255, .05); - border-color: transparent; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0), 0 1px 3px 1px rgba(0, 0, 0, 0); - color: var(--text); -} - -.button--quaternary:focus-visible, -.button--quaternary:hover, -.inverse .button--quaternary:focus, -.inverse .button--quaternary:hover { - border: 1px solid rgba(255, 255, 255, .1); - color: var(--text); -} - -.button--quaternary:active, -.button--quaternary:focus, -.inverse .button--quaternary:active, -.inverse .button--quaternary:focus { - border-color: rgb(var(--accent-color)); - box-shadow: 0 1px 1px rgb(var(--accent-color) / 15%), 0 1px 3px 1px rgb(var(--accent-color) / 20%), 0 0 0 1px rgb(var(--accent-color)); - color: var(--text-hover); -} - -.context-menu__items .select__item:focus-visible, -.context-menu__items .select__item:hover { - background: rgba(255, 255, 255, .15); -} - -.inverse .form__element__addon { - border-color: rgb(255 255 255 / 10%); -} - -.form__element__addon--is-interactive:focus .icon, -.form__element__addon--is-interactive:hover .icon { - fill: rgb(var(--accent-color)); - transition: all .125s; -} - -.form__element:active~.form__element__addon .icon, -.form__element:focus~.form__element__addon .icon { - fill: rgb(var(--accent-color)); -} - -.form__element__addon .icon { - fill: var(--text-hover); -} - -.select__item--is-selected .icon { - fill: rgb(var(--accent-color)); -} - -.sortable-list__item { - background: rgb(255 255 255 / 10%); - border: 1px solid rgb(255 255 255 / 10%); - -} - -.css-1759iaw { - color: var(--text); -} - -.css-q5wzhq:hover { - color: var(--text-hover); - background: rgba(255, 255, 255, .1); -} - -.css-m5tpeq:hover { - color: var(--text-hover); - background: rgba(94, 114, 140, 0.1); -} - -/* Cancel button */ -.button--tertiary { - background: rgb(255 255 255 / 20%); - border-color: #768a9b; - box-shadow: 0 1px 1px rgb(136 153 168 / 0%), 0 1px 3px 1px rgb(0 0 0 / 0%); - text-shadow: 0 1px 0 #00000000, 0 1px 2px rgb(0 0 0 / 0%); -} - -.inverse .button--tertiary { - border-color: rgb(255 255 255 / 0%); -} - -.inverse .button--tertiary:focus, -.inverse .button--tertiary:hover { - background: rgba(255, 255, 255, .35); - border-color: #0000; - box-shadow: 0 1px 1px rgb(136 153 168 / 0%), 0 1px 3px 1px rgb(0 0 0 / 0%); - text-shadow: 0 1px 0 #00000000, 0 1px 2px rgb(0 0 0 / 0%); -} - -.inverse .button--tertiary:active { - background: rgba(255, 255, 255, .35); - border-color: #0000; - box-shadow: 0 1px 1px rgb(136 153 168 / 0%), 0 1px 3px 1px rgb(0 0 0 / 0%); - text-shadow: 0 1px 0 #00000000, 0 1px 2px rgb(0 0 0 / 0%); -} - -.inverse .button--tertiary:focus, -.inverse .button--tertiary:hover { - background: rgba(255, 255, 255, .35); - border-color: #0000; - box-shadow: 0 1px 1px rgb(136 153 168 / 0%), 0 1px 3px 1px rgb(0 0 0 / 0%); - text-shadow: 0 1px 0 #00000000, 0 1px 2px rgb(0 0 0 / 0%); -} - -/* DROPDOWN MENUS*/ - -.context-menu__items, -.menu { - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - border-radius: 4px; - box-shadow: 0 1px 1px rgba(0, 0, 0, .05), 0 1px 3px 1px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .1); - color: var(--text); -} - -.select__item--is-selected, -.menu__item.is-selectable.is-selected, -.dark .sidebar__icon-button:focus-visible, -.dark .sidebar__icon-button:hover, -.sidebar__icon-button:focus-visible, -.sidebar__icon-button:hover, -.dark .sidebar__icon-button:focus-visible .icon, -.dark .sidebar__icon-button:hover .icon, -.sidebar__icon-button:focus-visible .icon, -.sidebar__icon-button:hover .icon { - color: rgb(var(--accent-color)); - fill: rgb(var(--accent-color)); -} - -.menu__item.is-selectable:focus-within, -.menu__item.is-selectable:hover { - background: rgba(255, 255, 255, .1); - color: var(--text-hover); -} - -/* BUTTONS */ -.button--primary, -.inverse .button--primary { - background: var(--button-color); - border-color: var(--button-color); - box-shadow: none; - text-shadow: none; - color: var(--button-text) -} - -.inverse .button--primary:focus, -.inverse .button--primary:hover { - background: var(--button-color-hover); - border-color: var(--button-color-hover); -} - -.button--primary:active { - background: var(--button-color-hover); - border-color: var(--button-color-hover); -} - - - -::placeholder { - color: var(--text) !important; -} - -:-ms-input-placeholder { - color: var(--text) !important; -} - -::-webkit-input-placeholder { - color: var(--text) !important; -} - -.error { - background: #f34570; - border-radius: 3px; - color: #fff; - padding: 8px 12px; - transition: opacity .25s; -} - -/* TORRENT PAGE */ - -.dark .torrent--is-condensed.torrent--is-selected, -.dark .torrent--is-condensed.torrent--is-selected+.torrent, -.torrent--is-condensed.torrent--is-selected, -.torrent--is-condensed.torrent--is-selected+.torrent { - border-color: rgba(var(--accent-color), .7); -} - -.dark .torrent--is-selected:after, -.dark .torrent--is-selected:hover:after, -.torrent--is-selected:after, -.torrent--is-selected:hover:after { - background: rgba(var(--accent-color), .7); -} - -.dark .table__row--heading, -.table__row--heading { - background: rgba(255, 255, 255, .15); - box-shadow: 0 1px 0 hsl(0deg 0% 100% / 12%); - color: var(--text-hover); -} - -.dark .torrent__detail--name, -.torrent__detail--name { - color: var(--text-hover); -} - -.dark .torrent--is-condensed, -.torrent--is-condensed { - border-top: 1px solid hsla(0, 0%, 100%, .12); -} - -.dark .torrent__detail, -.torrent__detail { - color: var(--text); -} - -.torrent--is-downloading--actively .torrent__detail--downRate { - 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, -.torrent--is-condensed.torrent--is-selected.torrent--is-stopped .torrent__detail { - color: var(--label-text-color); -} - -.table__heading:focus-visible, -.table__heading:hover, -.dark .table__heading:focus-visible, -.dark .table__heading:hover { - color: var(--text-hover); -} - -.dark .table__heading--is-sorted, -.table__heading--is-sorted { - color: var(--text-hover); -} - -.dark .table__heading, -.table__heading { - border-right: 1px solid hsla(0, 0%, 100%, .12); -} - -.dark .table__heading__handle:after, -.table__heading__handle:after { - background: hsla(0, 0%, 100%, .6); -} - -.torrent--is-condensed:nth-child(0n+1), -.dark .torrent--is-condensed, -.torrent--is-condensed { - border-top: 1px solid hsla(0, 0%, 100%, .12); -} - -.torrent-details__sub-heading__secondary, -.dark .torrent-details__sub-heading__secondary { - color: var(--text); - display: flex; - font-size: .85rem; - flex: 1 0 auto; -} - -.torrent-details__sub-heading__tertiary .icon, -.dark .torrent-details__sub-heading__tertiary .icon { - fill: rgba(var(--accent-color), .5); - height: 12px; - margin-right: 3px; - margin-top: -3px; - vertical-align: middle; - width: 12px; -} - -.torrent-details__table, -.dark .torrent-details__table, -.torrent-details__table__heading--tertiary, -.dark .torrent-details__table__heading--tertiary, -.torrent-details__detail__label, -.dark .torrent-details__detail__label { - color: var(--text); -} - -.torrent-details__section--file-tree .directory-tree__node { - color: var(--text) !important; -} - -.torrent-details__section--file-tree .directory-tree__parent-directory, -.dark .torrent-details__section--file-tree .directory-tree__parent-directory { - color: var(--text-hover); -} - -.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--tertiary, -.torrent-details__table__heading--tertiary { - color: var(--text-hover); -} - -.torrent-details__section .badge { - background: var(--button-color); - color: var(--button-text); -} - -.torrent-details__action.is-active { - color: rgb(var(--accent-color)); -} - -.priority-meter--max-3.priority-meter--level-1:after { - background: rgb(var(--accent-color)); -} - -/* TOB NAVBAR */ -.action-bar { - 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-bottom: 1px solid rgba(255, 255, 255, .1); - color: var(--text); -} - -.dark .action .icon, -.action .icon { - fill: var(--text-hover); -} - -.dark .action:focus-visible, -.dark .action:hover, -.action:focus-visible, -.action:hover { - background: rgba(255, 255, 255, .1); - box-shadow: none; -} - -.action:focus-visible .icon, -.action:hover .icon, -.dark .action:focus-visible .icon, -.dark .action:hover .icon { - fill: rgb(var(--accent-color)); -} - -.dropdown__value, -.dropdown.is-expanded .dropdown__header .dropdown__value { - color: rgb(var(--accent-color)); -} - -/* SIDE MENU */ -.dark .application__sidebar, -.application__sidebar { - background: rgba(0, 0, 0, .25); - 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 { - color: var(--text-hover) !important; -} - -.dark .sidebar-filter__item, -.sidebar-filter__item { - color: var(--text); -} - -.dark .sidebar-filter__item.is-active, -.sidebar-filter__item.is-active { - color: rgb(var(--accent-color)); -} - -.dark .sidebar-filter__item.is-active .icon, -.sidebar-filter__item.is-active .icon { - fill: rgb(var(--accent-color)); -} - -.dark .sidebar-filter__item.is-active .badge, -.sidebar-filter__item.is-active .badge { - background: rgb(var(--accent-color)); - color: var(--label-text-color); -} - -.dark .sidebar-filter__item .icon, -.sidebar-filter__item .icon { - fill: rgb(var(--accent-color), .3); -} - -.sidebar-filter .badge, -.dark .sidebar-filter .badge { - background: rgb(var(--accent-color), .3); - color: var(--label-text-color); -} - -.dark .sidebar-filter__item:focus-visible .icon, -.dark .sidebar-filter__item:hover .icon, -.sidebar-filter__item:focus-visible .icon, -.sidebar-filter__item:hover .icon { - fill: rgb(var(--accent-color)); -} - -.dark .sidebar-filter__item:focus-visible, -.dark .sidebar-filter__item:hover, -.sidebar-filter__item:focus-visible, -.sidebar-filter__item:hover { - color: var(--text-hover); -} - -.search.is-in-use .textbox { - background: rgba(var(--accent-color), .25); - border-bottom: 1px solid rgba(var(--accent-color), .3); - border-top: 1px solid rgba(var(--accent-color), .3); - color: #eee; - padding-right: 45px; -} - -.search.is-in-use .icon { - fill: rgb(var(--accent-color)); - opacity: 1; -} - -.search .textbox { - border: 1px solid rgba(var(--accent-color), .2); - background: rgba(var(--accent-color), .1); - color: var(--text); -} - -.search .icon { - fill: white; -} - -.dark .sidebar__diskusage .progress-bar__fill, -.sidebar__diskusage .progress-bar__fill { - background: hsla(0, 0%, 100%, .38); -} - -.dark .sidebar__diskusage .progress-bar__fill__wrapper, -.sidebar__diskusage .progress-bar__fill__wrapper { - background: hsla(0, 0%, 100%, .12); -} - -.torrent--is-selected.torrent--is-stopped .progress-bar__icon .icon { - color: #ffffff; -} - -.torrent--is-selected.torrent--is-stopped .progress-bar__fill { - background: #ffffff; -} - -.dark .sidebar__icon-button, -.sidebar__icon-button { - color: var(--text); -} - -.sidebar__icon-button .icon, -.dark .sidebar__icon-button .icon { - fill: var(--text); -} - -.diskusage__details-list__label { - color: rgb(var(--accent-color)); -} - -.tooltip__content { - background: #1b1b1b; - color: var(--text); -} - -/* MODAL */ -.modal__body, -.modal__content__wrapper, -.modal__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; - color: var(--text) -} - -.modal--size-large { - width: 776px; -} - -.modal--vertical.modal--tabs-in-header .modal__header { - box-shadow: inset -1px 0 0 rgba(255, 255, 255, .1); - 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--vertical.modal--tabs-in-header .modal__header, -.modal--vertical.modal--tabs-in-body .modal__tabs { - /* Modal side menu*/ - background: rgb(0 0 0 / 45%) !important; - color: var(--text-hover); -} - -.modal__tabs .modal__tab.is-active:after { - background: rgb(var(--accent-color)); -} - -.modal--vertical .modal__tabs .modal__tab:after { - width: 3px; -} - -.modal__header { - color: var(--text-hover); - box-shadow: inset 0 -1px 0 rgb(255 255 255 / 10%); -} - -.modal__tabs .modal__tab.is-active { - color: var(--text-hover); - background: rgb(255 255 255 / 15%); - border-radius: 3px 3px 0px 0px; -} - -.modal__tabs { - color: var(--text); - font-size: .85rem; - font-weight: 500; - margin: 5px -5px 0; -} - -.toggle-input__indicator__icon .icon { - fill: var(--button-text); - transition: all .25s; -} - -.inverse .toggle-input__indicator { - background: var(--button-color); - border: 1px solid var(--button-color); - box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 1px 3px 1px rgba(0, 0, 0, .2); -} - -.inverse .toggle-input:hover .toggle-input__indicator { - border-color: var(--button-color-hover); - background: var(--button-color-hover) -} - -.toggle-input:active, -.toggle-input:focus { - color: var(--accent-color-hover); -} - -.toggle-input:active .toggle-input__indicator .icon, -.toggle-input:active .toggle-input__indicator__icon .icon, -.toggle-input:focus .toggle-input__indicator .icon, -.toggle-input:focus .toggle-input__indicator__icon .icon { - fill: var(--accent-color-hover); -} - -.inverse .toggle-input:active .toggle-input__indicator, -.inverse .toggle-input:focus .toggle-input__indicator, -.toggle-input:active .toggle-input__indicator, -.toggle-input:focus .toggle-input__indicator { - border-color: var(--accent-color-hover); - box-shadow: 0 1px 1px rgb(var(--accent-color) / 15%), 0 1px 3px 1px rgb(var(--accent-color) / 20%), 0 0 0 1px var(--accent-color-hover); - ; -} - -.interactive-list { - background: rgb(255 255 255 / 10%); - border: 1px solid rgb(255 255 255 / 10%); - box-shadow: 0 1px 1px rgb(0 0 0 / 15%), 0 1px 3px 1px rgb(0 0 0 / 20%); - color: var(--text); -} - -.dropzone__icon .icon--files { - fill: rgba(var(--accent-color), .5); - height: 64px; - transition: fill .25s; - width: 64px; -} - -.dropzone__browse-button { - color: rgb(var(--accent-color)); - text-decoration: underline; -} - -.dropzone:hover { - border-color: rgb(0 0 0 / 25%); -} - -.dropzone:hover .dropzone__icon .icon { - fill: var(--accent-color-hover); -} \ No newline at end of file +@media (max-width:720px){.action-bar,.dark .torrents,.modal__body,.modal__content__wrapper,.modal__header,.torrents,body{background:#1b1b1b!important}}.dark .torrents,.torrents,body{color:var(--text);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}.h1,.h2,.h3,.h4,.h5,.h6,.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,h1,h2,h3,h4,h5,h6,p{color:var(--text-hover)}.application__view--auth-form{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}.panel--light{background:rgba(0,0,0,.25)}.panel{border:1px solid transparent;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.15),0 1px 3px 1px rgba(0,0,0,.2);overflow:hidden}.input,.inverse .input{background:rgba(255,255,255,.05);color:#fff;border:1px solid #0000;box-shadow:0 1px 1px rgba(210,216,222,0),0 1px 3px 1px rgba(210,216,222,0)}.input:hover,.inverse .input:hover{border:1px solid rgba(255,255,255,.1)}.input:active,.input:focus,.inverse .button--quaternary:active,.inverse .input:active,.inverse .input:focus{background-color:rgba(52,156,244,.05);color:var(--text);border-color:rgb(var(--accent-color));box-shadow:0 1px 1px rgb(var(--accent-color) / 15%),0 1px 3px 1px rgb(var(--accent-color) / 20%),0 0 0 1px rgb(var(--accent-color))}.button--quaternary,.inverse .button--quaternary{background:rgba(255,255,255,.05);border-color:transparent;box-shadow:0 1px 1px transparent,0 1px 3px 1px transparent;color:var(--text)}.button--quaternary:focus-visible,.button--quaternary:hover,.inverse .button--quaternary:focus,.inverse .button--quaternary:hover{border:1px solid rgba(255,255,255,.1);color:var(--text)}.button--quaternary:active,.button--quaternary:focus,.inverse .button--quaternary:active,.inverse .button--quaternary:focus{border-color:rgb(var(--accent-color));box-shadow:0 1px 1px rgb(var(--accent-color) / 15%),0 1px 3px 1px rgb(var(--accent-color) / 20%),0 0 0 1px rgb(var(--accent-color));color:var(--text-hover)}.context-menu__items .select__item:focus-visible,.context-menu__items .select__item:hover{background:rgba(255,255,255,.15)}.inverse .form__element__addon{border-color:rgb(255 255 255 / 10%)}.form__element__addon--is-interactive:focus .icon,.form__element__addon--is-interactive:hover .icon{fill:rgb(var(--accent-color));transition:all .125s}.form__element:active~.form__element__addon .icon,.form__element:focus~.form__element__addon .icon{fill:rgb(var(--accent-color))}.form__element__addon .icon{fill:var(--text-hover)}.select__item--is-selected .icon{fill:rgb(var(--accent-color))}.sortable-list__item{background:rgb(255 255 255 / 10%);border:1px solid rgb(255 255 255 / 10%)}.css-1759iaw{color:var(--text)}.css-q5wzhq:hover{color:var(--text-hover);background:rgba(255,255,255,.1)}.css-m5tpeq:hover{color:var(--text-hover);background:rgba(94,114,140,.1)}.button--tertiary{background:rgb(255 255 255 / 20%);border-color:#768a9b;box-shadow:0 1px 1px rgb(136 153 168 / 0%),0 1px 3px 1px rgb(0 0 0 / 0%);text-shadow:0 1px 0 #00000000,0 1px 2px rgb(0 0 0 / 0%)}.inverse .button--tertiary{border-color:rgb(255 255 255 / 0%)}.inverse .button--tertiary:focus,.inverse .button--tertiary:hover{background:rgba(255,255,255,.35);border-color:#0000;box-shadow:0 1px 1px rgb(136 153 168 / 0%),0 1px 3px 1px rgb(0 0 0 / 0%);text-shadow:0 1px 0 #00000000,0 1px 2px rgb(0 0 0 / 0%)}.inverse .button--tertiary:active{background:rgba(255,255,255,.35);border-color:#0000;box-shadow:0 1px 1px rgb(136 153 168 / 0%),0 1px 3px 1px rgb(0 0 0 / 0%);text-shadow:0 1px 0 #00000000,0 1px 2px rgb(0 0 0 / 0%)}.inverse .button--tertiary:focus,.inverse .button--tertiary:hover{background:rgba(255,255,255,.35);border-color:#0000;box-shadow:0 1px 1px rgb(136 153 168 / 0%),0 1px 3px 1px rgb(0 0 0 / 0%);text-shadow:0 1px 0 #00000000,0 1px 2px rgb(0 0 0 / 0%)}.context-menu__items,.menu{background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.05),0 1px 3px 1px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.1);color:var(--text)}.dark .sidebar__icon-button:focus-visible,.dark .sidebar__icon-button:focus-visible .icon,.dark .sidebar__icon-button:hover,.dark .sidebar__icon-button:hover .icon,.menu__item.is-selectable.is-selected,.select__item--is-selected,.sidebar__icon-button:focus-visible,.sidebar__icon-button:focus-visible .icon,.sidebar__icon-button:hover,.sidebar__icon-button:hover .icon{color:rgb(var(--accent-color));fill:rgb(var(--accent-color))}.menu__item.is-selectable:focus-within,.menu__item.is-selectable:hover{background:rgba(255,255,255,.1);color:var(--text-hover)}.button--primary,.inverse .button--primary{background:var(--button-color);border-color:var(--button-color);box-shadow:none;text-shadow:none;color:var(--button-text)}.inverse .button--primary:focus,.inverse .button--primary:hover{background:var(--button-color-hover);border-color:var(--button-color-hover)}.button--primary:active{background:var(--button-color-hover);border-color:var(--button-color-hover)}::placeholder{color:var(--text)!important}:-ms-input-placeholder{color:var(--text)!important}::-webkit-input-placeholder{color:var(--text)!important}.error{background:#f34570;border-radius:3px;color:#fff;padding:8px 12px;transition:opacity .25s}.dark .torrent--is-condensed.torrent--is-selected,.dark .torrent--is-condensed.torrent--is-selected+.torrent,.torrent--is-condensed.torrent--is-selected,.torrent--is-condensed.torrent--is-selected+.torrent{border-color:rgba(var(--accent-color),.7)}.dark .torrent--is-selected:after,.dark .torrent--is-selected:hover:after,.torrent--is-selected:after,.torrent--is-selected:hover:after{background:rgba(var(--accent-color),.7)}.dark .table__row--heading,.table__row--heading{background:rgba(255,255,255,.15);box-shadow:0 1px 0 hsl(0deg 0% 100% / 12%);color:var(--text-hover)}.dark .torrent__detail--name,.torrent__detail--name{color:var(--text-hover)}.dark .torrent--is-condensed,.torrent--is-condensed{border-top:1px solid hsla(0,0%,100%,.12)}.dark .torrent__detail,.torrent__detail{color:var(--text)}.torrent--is-downloading--actively .torrent__detail--downRate{color:#39ce83;font-weight:500}.dark .torrent--is-condensed.torrent--is-selected .torrent__detail,.dark .torrent--is-condensed.torrent--is-selected.torrent--is-stopped .torrent__detail,.torrent--is-condensed.torrent--is-selected .torrent__detail,.torrent--is-condensed.torrent--is-selected.torrent--is-stopped .torrent__detail{color:var(--label-text-color)}.dark .table__heading:focus-visible,.dark .table__heading:hover,.table__heading:focus-visible,.table__heading:hover{color:var(--text-hover)}.dark .table__heading--is-sorted,.table__heading--is-sorted{color:var(--text-hover)}.dark .table__heading,.table__heading{border-right:1px solid hsla(0,0%,100%,.12)}.dark .table__heading__handle:after,.table__heading__handle:after{background:hsla(0,0%,100%,.6)}.dark .torrent--is-condensed,.torrent--is-condensed,.torrent--is-condensed:nth-child(0n+1){border-top:1px solid hsla(0,0%,100%,.12)}.dark .torrent-details__sub-heading__secondary,.torrent-details__sub-heading__secondary{color:var(--text);display:flex;font-size:.85rem;flex:1 0 auto}.dark .torrent-details__sub-heading__tertiary .icon,.torrent-details__sub-heading__tertiary .icon{fill:rgba(var(--accent-color),.5);height:12px;margin-right:3px;margin-top:-3px;vertical-align:middle;width:12px}.dark .torrent-details__detail__label,.dark .torrent-details__table,.dark .torrent-details__table__heading--tertiary,.torrent-details__detail__label,.torrent-details__table,.torrent-details__table__heading--tertiary{color:var(--text)}.torrent-details__section--file-tree .directory-tree__node{color:var(--text)!important}.dark .torrent-details__section--file-tree .directory-tree__parent-directory,.torrent-details__section--file-tree .directory-tree__parent-directory{color:var(--text-hover)}.dark .torrent-details__table__heading--primary,.dark .torrent-details__table__heading--secondary .torrent-details__table__heading--secondary,.dark .torrent-details__table__heading--tertiary,.torrent-details__table__heading--primary,.torrent-details__table__heading--tertiary{color:var(--text-hover)}.torrent-details__section .badge{background:var(--button-color);color:var(--button-text)}.torrent-details__action.is-active{color:rgb(var(--accent-color))}.priority-meter--max-3.priority-meter--level-1:after{background:rgb(var(--accent-color))}.action-bar{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-bottom:1px solid rgba(255,255,255,.1);color:var(--text)}.action .icon,.dark .action .icon{fill:var(--text-hover)}.action:focus-visible,.action:hover,.dark .action:focus-visible,.dark .action:hover{background:rgba(255,255,255,.1);box-shadow:none}.action:focus-visible .icon,.action:hover .icon,.dark .action:focus-visible .icon,.dark .action:hover .icon{fill:rgb(var(--accent-color))}.dropdown.is-expanded .dropdown__header .dropdown__value,.dropdown__value{color:rgb(var(--accent-color))}.application__sidebar,.dark .application__sidebar{background:rgba(0,0,0,.25);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{color:var(--text-hover)!important}.dark .sidebar-filter__item,.sidebar-filter__item{color:var(--text)}.dark .sidebar-filter__item.is-active,.sidebar-filter__item.is-active{color:rgb(var(--accent-color))}.dark .sidebar-filter__item.is-active .icon,.sidebar-filter__item.is-active .icon{fill:rgb(var(--accent-color))}.dark .sidebar-filter__item.is-active .badge,.sidebar-filter__item.is-active .badge{background:rgb(var(--accent-color));color:var(--label-text-color)}.dark .sidebar-filter__item .icon,.sidebar-filter__item .icon{fill:rgb(var(--accent-color),.3)}.dark .sidebar-filter .badge,.sidebar-filter .badge{background:rgb(var(--accent-color),.3);color:var(--label-text-color)}.dark .sidebar-filter__item:focus-visible .icon,.dark .sidebar-filter__item:hover .icon,.sidebar-filter__item:focus-visible .icon,.sidebar-filter__item:hover .icon{fill:rgb(var(--accent-color))}.dark .sidebar-filter__item:focus-visible,.dark .sidebar-filter__item:hover,.sidebar-filter__item:focus-visible,.sidebar-filter__item:hover{color:var(--text-hover)}.search.is-in-use .textbox{background:rgba(var(--accent-color),.25);border-bottom:1px solid rgba(var(--accent-color),.3);border-top:1px solid rgba(var(--accent-color),.3);color:#eee;padding-right:45px}.search.is-in-use .icon{fill:rgb(var(--accent-color));opacity:1}.search .textbox{border:1px solid rgba(var(--accent-color),.2);background:rgba(var(--accent-color),.1);color:var(--text)}.search .icon{fill:white}.dark .sidebar__diskusage .progress-bar__fill,.sidebar__diskusage .progress-bar__fill{background:hsla(0,0%,100%,.38)}.dark .sidebar__diskusage .progress-bar__fill__wrapper,.sidebar__diskusage .progress-bar__fill__wrapper{background:hsla(0,0%,100%,.12)}.torrent--is-selected.torrent--is-stopped .progress-bar__icon .icon{color:#fff}.torrent--is-selected.torrent--is-stopped .progress-bar__fill{background:#fff}.dark .sidebar__icon-button,.sidebar__icon-button{color:var(--text)}.dark .sidebar__icon-button .icon,.sidebar__icon-button .icon{fill:var(--text)}.diskusage__details-list__label{color:rgb(var(--accent-color))}.tooltip__content{background:#1b1b1b;color:var(--text)}.modal__body,.modal__content__wrapper,.modal__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;color:var(--text)}.modal--size-large{width:776px}.modal--vertical.modal--tabs-in-header .modal__header{box-shadow:inset -1px 0 0 rgba(255,255,255,.1);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--vertical.modal--tabs-in-body .modal__tabs,.modal--vertical.modal--tabs-in-header .modal__header{background:rgb(0 0 0 / 45%)!important;color:var(--text-hover)}.modal__tabs .modal__tab.is-active:after{background:rgb(var(--accent-color))}.modal--vertical .modal__tabs .modal__tab:after{width:3px}.modal__header{color:var(--text-hover);box-shadow:inset 0 -1px 0 rgb(255 255 255 / 10%)}.modal__tabs .modal__tab.is-active{color:var(--text-hover);background:rgb(255 255 255 / 15%);border-radius:3px 3px 0 0}.modal__tabs{color:var(--text);font-size:.85rem;font-weight:500;margin:5px -5px 0}.toggle-input__indicator__icon .icon{fill:var(--button-text);transition:all .25s}.inverse .toggle-input__indicator{background:var(--button-color);border:1px solid var(--button-color);box-shadow:0 1px 1px rgba(0,0,0,.15),0 1px 3px 1px rgba(0,0,0,.2)}.inverse .toggle-input:hover .toggle-input__indicator{border-color:var(--button-color-hover);background:var(--button-color-hover)}.toggle-input:active,.toggle-input:focus{color:var(--accent-color-hover)}.toggle-input:active .toggle-input__indicator .icon,.toggle-input:active .toggle-input__indicator__icon .icon,.toggle-input:focus .toggle-input__indicator .icon,.toggle-input:focus .toggle-input__indicator__icon .icon{fill:var(--accent-color-hover)}.inverse .toggle-input:active .toggle-input__indicator,.inverse .toggle-input:focus .toggle-input__indicator,.toggle-input:active .toggle-input__indicator,.toggle-input:focus .toggle-input__indicator{border-color:var(--accent-color-hover);box-shadow:0 1px 1px rgb(var(--accent-color) / 15%),0 1px 3px 1px rgb(var(--accent-color) / 20%),0 0 0 1px var(--accent-color-hover)}.interactive-list{background:rgb(255 255 255 / 10%);border:1px solid rgb(255 255 255 / 10%);box-shadow:0 1px 1px rgb(0 0 0 / 15%),0 1px 3px 1px rgb(0 0 0 / 20%);color:var(--text)}.dropzone__icon .icon--files{fill:rgba(var(--accent-color),.5);height:64px;transition:fill .25s;width:64px}.dropzone__browse-button{color:rgb(var(--accent-color));text-decoration:underline}.dropzone:hover{border-color:rgb(0 0 0 / 25%)}.dropzone:hover .dropzone__icon .icon{fill:var(--accent-color-hover)} diff --git a/CSS/themes/gaps/gaps-base.css b/CSS/themes/gaps/gaps-base.css index c240132e..fafdee7d 100644 --- a/CSS/themes/gaps/gaps-base.css +++ b/CSS/themes/gaps/gaps-base.css @@ -1,395 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ - -body { - background: var(--main-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: var(--text); -} - -/* 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; -} - -a { - color: var(--link-color); - -} - -a:hover { - color: var(--link-color-hover); - text-decoration: underline; -} - -.text-primary { - color: var(--text) !important; -} - -.text-muted { - color: var(--text-muted) !important; -} - -h1, -h2, -h3, -h4, -h4.text-primary, -h5, -h6, -.h1, -.h2, -.h3, -.h4, -.h5, -.h6, -label { - color: var(--text-hover) !important; -} - -.alert-heading { - color: white !important; -} - -/* Header */ -.bg-primary { - background-color: transparent !important; - background: rgba(0, 0, 0, .25) !important; -} - -.navbar .list-ul-active, -.info-circle-active, -.arrow-clockwise-active, -.gear-active, -.rss-active, -.exclamation-triangle-active, -.collection-fill-active, -.activePage { - background-color: rgb(var(--accent-color)); -} - -.bg-primary .navbar-nav .active>.nav-link { - color: rgb(var(--accent-color)) !important; -} - -.default { - background-color: var(--text); -} - -.navbar-dark .navbar-nav .nav-link { - color: var(--text); -} - -.navbar-dark .navbar-nav .nav-link:hover, -.navbar-dark .navbar-nav .nav-link:focus { - color: var(--text-hover); -} - -.navbar-dark .navbar-nav .nav-link:hover .default, -.navbar-dark .navbar-nav .nav-link:focus .default { - background-color: var(--text-hover); -} - -/* Tables */ -table.dataTable.stripe tbody tr.odd, -table.dataTable.display tbody tr.odd, -table.dataTable tbody tr { - background-color: rgba(0, 0, 0, .25); -} - -table.dataTable.hover tbody tr:hover, -table.dataTable.display tbody tr:hover { - background-color: rgba(0, 0, 0, .25); -} - -table.dataTable thead th, -table.dataTable thead td { - border-bottom: 1px solid #00000000; -} - -table.dataTable.row-border tbody th, -table.dataTable.row-border tbody td, -table.dataTable.display tbody th, -table.dataTable.display tbody td { - border-top: 1px solid rgb(255 255 255 / 10%); -} - -/* Pagination */ -.dataTables_wrapper .dataTables_paginate .paginate_button.current, -.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { - color: var(--text) !important; - border: 1px solid transparent; - background: rgba(0, 0, 0, .25); -} - -.dataTables_wrapper .dataTables_paginate .paginate_button:hover, -.dataTables_wrapper .dataTables_paginate .paginate_button:active { - color: var(--text-hover) !important; - border: 1px solid transparent; - background: rgba(255, 255, 255, .08); -} - -.dataTables_wrapper .dataTables_paginate .paginate_button:active { - outline: none; -} - -/* Cards */ -.card { - background: transparent; - color: var(--text); - border: 1px solid rgba(0, 0, 0, 0); -} - -.card .text-muted { - color: var(--text) !important; -} - -#movies .card img { - height: 200px !important; - width: auto !important; -} - -.card-text .text-info { - color: rgb(var(--accent-color)) !important; -} - -/* Buttons */ -.btn-primary, -.btn-info { - color: var(--button-text); - background-color: var(--button-color) !important; - border-color: var(--button-color) !important; -} - -.btn-primary:not(:disabled):not(.disabled):active:focus, -.btn-primary:not(:disabled):not(.disabled).active:focus, -.show>.btn-primary.dropdown-toggle:focus, -.btn-info:focus, -.btn-info.focus { - -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--accent-color), .5); - box-shadow: 0 0 0 0.2rem rgb(var(--accent-color), .5); -} - -.btn-primary:hover, -.btn-info:hover { - background-color: var(--button-color-hover) !important; - border-color: var(--button-color-hover) !important; - color: var(--button-text-hover) !important; -} - -.btn-secondary { - color: var(--button-text); - background-color: var(--button-color); - border-color: var(--button-color); -} - -.btn-secondary:hover { - color: var(--button-text-hover); - background-color: var(--button-color-hover); - border-color: var(--button-color-hover); -} - -.list-group-item { - color: var(--button-text); - background-color: var(--button-color); - border-color: var(--button-color); -} - -.list-group-item.active { - color: var(--label-text-color); - background: rgb(var(--accent-color)); - border-color: rgb(var(--accent-color)); -} - -.list-group-item.active:hover { - color: var(--label-text-color); - background: var(--accent-color-hover); - border-color: var(--accent-color-hover); -} - -.list-group-item-action:hover, -.list-group-item-action:focus { - color: var(--button-text-hover); - background: var(--button-color-hover); - border-color: var(--button-color-hover); -} - -/* Settings */ -.nav-tabs .nav-link.active, -.nav-tabs .nav-link.active:hover, -.nav-tabs .nav-link.active:focus, -.nav-tabs .nav-item.open .nav-link:focus, -.nav-pills .nav-link.active:focus, -.nav-pills .nav-item.open .nav-link:focus, -.nav-tabs .nav-item.show .nav-link { - color: rgb(var(--accent-color)); - background-color: rgba(255, 255, 255, .1); - border-color: transparent; -} - -.nav-tabs .nav-link, -.nav-tabs .nav-item.open .nav-link, -.nav-pills .nav-link, -.nav-pills .nav-link.active, -.nav-pills .nav-link.active:hover, -.nav-pills .nav-item.open .nav-link { - color: var(--text); -} - -.nav-tabs .nav-link:hover, -.nav-tabs .nav-link:focus, -.nav-tabs .nav-item.open .nav-link:hover, -.nav-pills .nav-item.open .nav-link:hover { - background-color: rgba(0, 0, 0, .25); - border-color: transparent; - color: var(--text-hover); -} - -.nav-tabs .nav-link.active:hover { - background-color: rgba(255, 255, 255, .1); -} - -.badge-primary { - color: var(--label-text-color); - background-color: rgb(var(--accent-color)); -} - -#plexServers .card-header { - background-color: rgba(255, 255, 255, .1); - color: var(--text-hover) -} - -#plexServers .border-secondary { - border-color: #0000 !important; -} - -#plexServers .list-group-item { - background-color: rgba(0, 0, 0, .25); - border: none; -} - -#plexServers .card-footer { - background-color: rgb(0 0 0 / 25%); -} - -.dropdown-menu { - color: var(--text); - 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; - border: 1px solid transparent; - box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6); -} - -.dropdown-item { - color: var(--text); -} - -.dropdown-item:hover, -.dropdown-item:focus { - color: var(--text-hover); - text-decoration: none; - background-color: rgba(255, 255, 255, .08); -} - -/* Input */ -[type="search"] { - outline-offset: -2px; - -webkit-appearance: none; - outline: none; - border: none; - border-radius: 5px; -} - -button, -select { - text-transform: none; - outline: none; -} - -/* Progress Bar */ -.progress-bar-striped { - background-image: linear-gradient(45deg, rgba(var(--accent-color)) 25%, transparent 25%, transparent 50%, rgba(var(--accent-color)) 50%, rgba(var(--accent-color)) 75%, transparent 75%, transparent); - background-size: .625rem .625rem; -} - -.progress-bar { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - overflow: hidden; - color: #fff; - text-align: center; - white-space: nowrap; - background-color: rgb(var(--accent-color), .15); - -webkit-transition: width .6s ease; - transition: width .6s ease; -} \ No newline at end of file +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)}@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}a{color:var(--link-color)}a:hover{color:var(--link-color-hover);text-decoration:underline}.text-primary{color:var(--text)!important}.text-muted{color:var(--text-muted)!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h4.text-primary,h5,h6,label{color:var(--text-hover)!important}.alert-heading{color:#fff!important}.bg-primary{background-color:transparent!important;background:rgba(0,0,0,.25)!important}.activePage,.arrow-clockwise-active,.collection-fill-active,.exclamation-triangle-active,.gear-active,.info-circle-active,.navbar .list-ul-active,.rss-active{background-color:rgb(var(--accent-color))}.bg-primary .navbar-nav .active>.nav-link{color:rgb(var(--accent-color))!important}.default{background-color:var(--text)}.navbar-dark .navbar-nav .nav-link{color:var(--text)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:var(--text-hover)}.navbar-dark .navbar-nav .nav-link:focus .default,.navbar-dark .navbar-nav .nav-link:hover .default{background-color:var(--text-hover)}table.dataTable tbody tr,table.dataTable.display tbody tr.odd,table.dataTable.stripe tbody tr.odd{background-color:rgba(0,0,0,.25)}table.dataTable.display tbody tr:hover,table.dataTable.hover tbody tr:hover{background-color:rgba(0,0,0,.25)}table.dataTable thead td,table.dataTable thead th{border-bottom:1px solid #00000000}table.dataTable.display tbody td,table.dataTable.display tbody th,table.dataTable.row-border tbody td,table.dataTable.row-border tbody th{border-top:1px solid rgb(255 255 255 / 10%)}.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:var(--text)!important;border:1px solid transparent;background:rgba(0,0,0,.25)}.dataTables_wrapper .dataTables_paginate .paginate_button:active,.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:var(--text-hover)!important;border:1px solid transparent;background:rgba(255,255,255,.08)}.dataTables_wrapper .dataTables_paginate .paginate_button:active{outline:0}.card{background:0 0;color:var(--text);border:1px solid transparent}.card .text-muted{color:var(--text)!important}#movies .card img{height:200px!important;width:auto!important}.card-text .text-info{color:rgb(var(--accent-color))!important}.btn-info,.btn-primary{color:var(--button-text);background-color:var(--button-color)!important;border-color:var(--button-color)!important}.btn-info.focus,.btn-info:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{-webkit-box-shadow:0 0 0 .2rem rgb(var(--accent-color),.5);box-shadow:0 0 0 .2rem rgb(var(--accent-color),.5)}.btn-info:hover,.btn-primary:hover{background-color:var(--button-color-hover)!important;border-color:var(--button-color-hover)!important;color:var(--button-text-hover)!important}.btn-secondary{color:var(--button-text);background-color:var(--button-color);border-color:var(--button-color)}.btn-secondary:hover{color:var(--button-text-hover);background-color:var(--button-color-hover);border-color:var(--button-color-hover)}.list-group-item{color:var(--button-text);background-color:var(--button-color);border-color:var(--button-color)}.list-group-item.active{color:var(--label-text-color);background:rgb(var(--accent-color));border-color:rgb(var(--accent-color))}.list-group-item.active:hover{color:var(--label-text-color);background:var(--accent-color-hover);border-color:var(--accent-color-hover)}.list-group-item-action:focus,.list-group-item-action:hover{color:var(--button-text-hover);background:var(--button-color-hover);border-color:var(--button-color-hover)}.nav-pills .nav-item.open .nav-link:focus,.nav-pills .nav-link.active:focus,.nav-tabs .nav-item.open .nav-link:focus,.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active,.nav-tabs .nav-link.active:focus,.nav-tabs .nav-link.active:hover{color:rgb(var(--accent-color));background-color:rgba(255,255,255,.1);border-color:transparent}.nav-pills .nav-item.open .nav-link,.nav-pills .nav-link,.nav-pills .nav-link.active,.nav-pills .nav-link.active:hover,.nav-tabs .nav-item.open .nav-link,.nav-tabs .nav-link{color:var(--text)}.nav-pills .nav-item.open .nav-link:hover,.nav-tabs .nav-item.open .nav-link:hover,.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{background-color:rgba(0,0,0,.25);border-color:transparent;color:var(--text-hover)}.nav-tabs .nav-link.active:hover{background-color:rgba(255,255,255,.1)}.badge-primary{color:var(--label-text-color);background-color:rgb(var(--accent-color))}#plexServers .card-header{background-color:rgba(255,255,255,.1);color:var(--text-hover)}#plexServers .border-secondary{border-color:#0000!important}#plexServers .list-group-item{background-color:rgba(0,0,0,.25);border:none}#plexServers .card-footer{background-color:rgb(0 0 0 / 25%)}.dropdown-menu{color:var(--text);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;border:1px solid transparent;box-shadow:3px 3px 10px rgba(0,0,0,.6)}.dropdown-item{color:var(--text)}.dropdown-item:focus,.dropdown-item:hover{color:var(--text-hover);text-decoration:none;background-color:rgba(255,255,255,.08)}[type=search]{outline-offset:-2px;-webkit-appearance:none;outline:0;border:none;border-radius:5px}button,select{text-transform:none;outline:0}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(var(--accent-color)) 25%,transparent 25%,transparent 50%,rgba(var(--accent-color)) 50%,rgba(var(--accent-color)) 75%,transparent 75%,transparent);background-size:.625rem .625rem}.progress-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:rgb(var(--accent-color),.15);-webkit-transition:width .6s ease;transition:width .6s ease} diff --git a/CSS/themes/gitea/gitea-base.css b/CSS/themes/gitea/gitea-base.css index b1c6cf5e..0d37f3ce 100644 --- a/CSS/themes/gitea/gitea-base.css +++ b/CSS/themes/gitea/gitea-base.css @@ -1,1595 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ - -body { - background: var(--main-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; -} - -* { - outline: none; -} - -/* LINKS */ -a, -.home a, -.ui.user.list .item .description a, -.ui.breadcrumb a, -.repository .labelspage .item a, -.repository .milestone.list>.item>a, -.repository .milestone.list>.item .operate>a, -.ui.card>.content>a.header, -.ui.cards>.card>.content>a.header, -.ui.card>.extra a:not(.ui), -.ui.cards>.card>.extra a:not(.ui), -.ui.card>.content>.description, -.ui.card>.content>.header, -.ui.cards>.card>.content>.description, -.ui.cards>.card>.content>.header { - color: var(--link-color); -} - -/* LINK HOVER */ -a:hover, -.ui.user.list .item .description a:hover, -.ui.breadcrumb a:hover, -.repository .labelspage .item a:hover, -.repository .milestone.list>.item>a:hover, -.repository .milestone.list>.item .operate>a:hover, -.ui.card>.content>a.header:hover, -.ui.cards>.card>.content>a.header:hover, -.ui.card>.extra a:not(.ui):hover, -.ui.cards>.card>.extra a:not(.ui):hover { - color: var(--link-color-hover); -} - -/* LINKS IMPORTANT */ -.ui .text.blue a, -.issue.list a:not(.label):hover, -.ui .migrate a, -.ui .text.grey a, -.issue.list>.item .title:hover { - color: var(--link-color) !important; -} - -/* LINKS HOVER IMPORTANT */ -.ui .text.blue a:hover, -.ui .text.grey a:hover, -.ui .migrate a:hover { - color: var(--link-color-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 !important; - background-color: hsla(0, 0%, 100%, .2); - background-clip: padding-box; - box-shadow: none !important; -} - -::-webkit-scrollbar-track { - background-color: transparent; -} - -::-webkit-scrollbar-thumb:hover { - min-height: 50px; - border: 3px solid transparent; - border-radius: 8px !important; - background-color: hsla(0, 0%, 100%, .5); - background-clip: padding-box; -} - -/* TEXT */ -body, -p, -/*strong,*/ -footer, -.ui.list>.item .description, -.ui.list .list>.item>.content, -.ui.list>.item>.content, -.issue.list>.item .title, -.ui.accordion .title:not(.ui), -.ui.checkbox label, -.ui .text.black, -.ui.form .inline.field>label, -.form .help, -.ui.form .field>label, -.ui.form .inline.field>label, -.ui.form .inline.field>p, -.ui.form .inline.fields .field>label, -.ui.form .inline.fields .field>p, -.ui.form .inline.fields>label, -.ui.dropdown .menu>.message:not(.ui), -.ui.dropdown .menu>.header:not(.ui), -.ui.card>.content>.description, -.ui.cards>.card>.content>.description, -.ui.checkbox input[disabled]~label, -.ui.disabled.checkbox label, -.repository.view.issue .comment-list .comment .tag, -.repository .metas .ui.list a .text, -.repository .diff-box .header .file, -.CodeMirror, -.EasyMDEContainer .CodeMirror, -.feeds .list ul li a .svg { - color: var(--text); -} - -.issue.list>.item .desc { - color: var(--text-muted); -} - -h1, -h2, -h3, -h4, -h5, -h6, -.ui.header, -.ui.header .sub.header { - color: var(--text-hover); -} - -/* TEXT IMPORTANT */ -.ui .text.grey { - color: var(--text) !important; -} - -/* TEXT HOVER */ -b:hover, -.ui.checkbox+label:hover, -.ui.checkbox label:hover, -.ui.checkbox input:focus~label, -.ui.checkbox input:focus~label:after, -.repository .metas .ui.list a .text:hover, -.ui .text.black:hover { - color: var(--text-hover); -} - -/* TEXT HOVER IMPORTANT */ - - -/* TEXT MUTED */ -.ui .text.light.grey { - color: var(--text-muted) !important; -} - -/* NAVBAR */ -.following.bar.light { - background-color: transparent; - border-bottom: 1px solid transparent; - box-shadow: none; -} - -.ui.menu .item { - color: var(--text) -} - -.following.bar.light.ui.secondary.menu .active.item, -.following.bar.lightui.secondary.menu .active.item:hover { - box-shadow: none; - background: rgba(0, 0, 0, .25) !important; - color: rgb(var(--accent-color)); -} - -.ui.secondary.menu .dropdown.item:hover, -.ui.secondary.menu .link.item:hover, -.ui.secondary.menu a.item:hover { - background: rgb(255 255 255 / 0.08); - color: var(--text-hover); -} - -.ui.secondary.menu .active.item, -.ui.secondary.menu .active.item:hover { - box-shadow: none; - background: rgba(0, 0, 0, .05); - color: var(--text-hover); -} - -/* UI */ - -.captcha-img { - background: #fff; -} - -.organization.settings .ui.menu { - background: rgb(0 0 0 / 10%); - border: 1px solid rgba(255, 255, 255, .1); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); -} - -.organization.settings .ui.vertical.menu { - display: block; - flex-direction: column; - background: rgb(0 0 0 / 15%); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); -} - -.ui.vertical.menu .header.item { - background: rgb(0 0 0 / 35%); -} - -.ui.attached.segment { - border: 1px solid rgba(255, 255, 255, 0.1); -} - -.ui.segment { - background: rgb(0 0 0 / 15%) !important; -} - -.ui.attached.segment, -.ui.segment, -.ui.segments { - background: transparent; - color: var(--text) !important; - border-color: rgba(255, 255, 255, 0.1); -} - -.ui .info.segment.top { - background-color: rgb(0 0 0 / 15%) !important; - color: var(--text); -} - -.ui.attached.info.message, -.ui.info.message { - box-shadow: inset 0 0 0 1px rgb(255 255 255 / 10%), 0 0 0 0 transparent; -} - -.ui.info.message { - background-color: rgb(0 0 0 / 15%); - color: #276f86; -} - -.ui.attached.header { - background: rgb(0 0 0 / 25%); - border: 1px solid transparent; -} - -.explore .navbar { - background-color: rgb(0 0 0 / 25%) !important; - -} - -.ui .warning.header { - background-color: #f9edbe !important; - color: black !important; -} - -.ui.red.message p, -.ui.red.message strong { - color: #db2828 !important; -} - -.ui.progress { - background: rgb(255 255 255 / 10%); -} - -.ui.progress[data-percent="0"] .bar .progress { - color: var(--text-hover); -} - -.ui.list .list>.item .header, -.ui.list>.item .header { - color: var(--text); -} - -.pagination.menu { - background: rgba(255, 255, 255, .08) !important; -} - -.ui.pagination.menu .active.item { - background-color: rgba(0, 0, 0, .25); - color: var(--text-hover); - box-shadow: none; -} - -.feeds .list ul li:not(:last-child) { - border-bottom: 1px solid rgba(255, 255, 255, 0.1); -} - -.feeds .list ul li.private { - background-color: rgb(255 255 255 / 10%); -} - -.ui.secondary.pointing.menu { - border-color: rgb(255 255 255 / 10%) !important; -} - -.ui.secondary.pointing.menu .item { - color: var(--text); -} - -.ui.repository.list .item:not(:first-child) { - border-top: 1px solid rgb(255 255 255 / 25%); - -} - -/* MODAL */ -.ui.basic.modal, -.ui.basic.modal>.actions, -.ui.basic.modal>.content, -.ui.basic.modal>.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; -} - -.ui.modal { - 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; -} - -.ui.modal>.header { - display: block; - font-family: Roboto, Helvetica Neue, Arial, Helvetica, sans-serif; - 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; - margin: 0; - padding: 1.25rem 1.5rem; - box-shadow: none; - color: var(--text); - border-bottom: 1px solid rgb(255 255 255 / 0.1); -} - -.ui.modal>.content { - display: block; - width: 100%; - font-size: 1em; - line-height: 1.4; - padding: 1.5rem; - 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; -} - -.ui.modal>.actions { - 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; - padding: 1rem; - border-top: 1px solid rgb(255 255 255 / 0.1); - text-align: right; -} - -.ui .error.header { - background-color: #F44336 !important; - color: white !important; -} - -/* SIGN IN NAV BAR*/ -.ui.menu.new-menu { - background: rgb(0 0 0 / 25%); -} - -.ui.menu.new-menu::after { - background: transparent; -} - -@media only screen and (max-width: 1200px) { - .ui.menu.new-menu:after { - background-image: inherit; - } -} - -.ui.secondary.pointing.menu .active.item, -.ui.secondary.pointing.menu .active.item:hover { - border-color: currentColor; - color: rgb(var(--accent-color)); -} - -.ui.tabular.menu .item { - color: var(--text); -} - -.ui.secondary.pointing.menu .dropdown.item:hover, -.ui.secondary.pointing.menu .link.item:hover, -.ui.secondary.pointing.menu a.item:hover { - background-color: transparent; - color: var(--text-hover); -} - -/* DROPDOWN MENU */ -.item:focus { - outline: none; -} - -.ui.menu .dropdown.item .menu { - 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; -} - -.ui.menu .ui.dropdown .menu>.item { - color: var(--text) !important; -} - -.ui.menu .ui.dropdown .menu>.active.item { - background: rgb(0 0 0 / 10%) !important; - color: rgb(var(--accent-color)) !important; -} - -.ui.menu .ui.dropdown .menu>.item:hover, -.ui.menu .ui.dropdown .menu>.selected.item { - background: rgb(255 255 255 / 0.07) !important; - color: var(--text-hover) !important; -} - -.ui.menu, -.ui.vertical.menu { - background: #ffffff00; - border-color: rgb(255 255 255 / 10%); -} - -.ui.floating.dropdown .overflow.menu .scrolling.menu.items { - border-bottom: 1px solid rgb(255 255 255 / 10%); -} - -.ui.dropdown .scrolling.menu { - border-color: rgb(255 255 255 / 10%); -} - -.ui.dropdown .menu { - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - border-color: rgb(255 255 255 / 10%); -} - -.ui.dropdown .menu>.item:hover { - background: rgb(255 255 255 / 0.07); -} - -.ui.dropdown .menu .selected.item, -.ui.dropdown.selected { - background: rgb(0 0 0 / 0.25); - color: var(--text-hover); -} - -.ui.dropdown .menu .active.item { - color: rgb(var(--accent-color)); - outline: none !important; -} - -.ui.selection.dropdown:hover, -input:hover, -textarea:hover { - border-color: rgb(255 255 255 / 20%); - background: rgb(0 0 0 / .25); - color: #fff; -} - -.ui.dropdown .menu>.item { - color: var(--text); -} - -.ui.dropdown .menu>.item:hover { - color: var(--text-hover); -} - -.ui.selection.dropdown .menu>.item { - border-top: 1px solid rgb(255 255 255 / 20%); -} - -.ui.selection.dropdown { - background: rgb(0 0 0 / .25); - color: #fff; - border-color: rgb(255 255 255 / 10%); -} - -.ui.selection.dropdown:focus { - border-color: rgba(255, 255, 255, .08); - background: rgb(0 0 0 / 50%); - box-shadow: none; -} - -.ui.selection.active.dropdown, -.ui.selection.active.dropdown .menu { - border-color: transparent; -} - -.ui.selection.active.dropdown:hover, -.ui.selection.active.dropdown:hover .menu { - border-color: transparent; -} - -.ui.selection.visible.dropdown>.text:not(.default) { - color: var(--text); -} - -.ui.default.dropdown:not(.button)>.text, -.ui.dropdown:not(.button)>.default.text { - color: var(--text); - opacity: .7; -} - -.ui.pointing.dropdown>.menu:not(.hidden):after { - 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; -} - -/* MESSAGES */ -.ui.negative.message { - background-color: #F44336; - box-shadow: none !important; -} - -.ui.negative.message p { - color: white !important; - box-shadow: none !important; -} - -.ui.positive.message { - background-color: #4CAF50; - box-shadow: none !important; -} - -.ui.positive.message p { - color: white !important; -} - -/* DASHBOARD */ -.vue-tooltip-theme.tooltip .tooltip-inner { - background: rgb(0 0 0 / 95%); - color: var(--text); -} - -svg.vch__wrapper .vch__days__labels__wrapper text.vch__day__label[data-v-a9cfea66], -svg.vch__wrapper .vch__legend__wrapper text[data-v-a9cfea66], -svg.vch__wrapper .vch__months__labels__wrapper text.vch__month__label[data-v-a9cfea66] { - fill: var(--text); -} - -#app .ui.item.menu, -.ui.item.menu .item { - background: rgb(0 0 0 / 15%); - border-color: rgb(255 255 255 / 10%); -} - -#app .ui.menu .active.item { - color: var(--text); -} - -.ui.menu .active.item { - background: rgba(0, 0, 0, .25); - color: var(--text); - font-weight: 400; - box-shadow: none; -} - -.ui.menu .active.item:hover, -.ui.vertical.menu .active.item:hover { - background-color: rgba(0, 0, 0, .25); - color: var(--text-hover); -} - -.ui.menu a.item:hover { - color: var(--text-hover); - background: rgb(0 0 0 / 15%); -} - -#app .ui.link.menu .item:hover, -.ui.menu .dropdown.item:hover, -.ui.menu .link.item:hover { - cursor: pointer; - background: rgba(0, 0, 0, .03); - color: var(--text-hover); -} - -#app .ui.secondary.segment { - background: rgb(0 0 0 / 15%); - color: rgba(0, 0, 0, .6); -} - -/* COMMIT CALENDAR */ -svg.vch__wrapper rect.vch__day__square[data-v-a9cfea66]:hover { - stroke: rgb(var(--accent-color)); - stroke-width: 1px; -} - -.heatmap-color-0 { - background-color: rgba(0, 0, 0, .25); -} - -.activity-bar-graph { - color: #9e9e9e; -} - -.heatmap-color-1 { - background-color: var(--heatmap-color-1); -} - -.heatmap-color-2 { - background-color: var(--heatmap-color-2); -} - -.heatmap-color-3 { - background-color: var(--heatmap-color-3); -} - -.heatmap-color-4 { - background-color: var(--heatmap-color-4); -} - -.activity-bar-graph, -.heatmap-color-5 { - background-color: var(--heatmap-color-5); -} - -/* REPOSITORY */ -.repository .header-wrapper { - background-color: rgb(0 0 0 / 24%); -} - -.repository .diff-detail-box { - 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; -} - -.repository .diff-detail-box.sticky { - border-bottom: 1px solid rgb(255 255 255 / .1); -} - -.repository .diff-file-box .code-diff-unified tbody tr.del-code td { - background-color: #3c2626 !important; - border-color: #634343 !important -} - -.repository .diff-file-box .code-diff-unified tbody tr.del-code td.lines-num { - background-color: #4e2c2c !important -} - -.repository .diff-file-box .code-diff-unified tbody tr.add-code td { - background-color: #283e2d !important; - border-color: #314a37 !important -} - -.repository .diff-file-box .code-diff-unified tbody tr.add-code td.lines-num { - background-color: #2c4632 !important -} - -.repository.view.issue .comment-list .comment .comment-container { - border: 1px solid rgba(255, 255, 255, 0.1); -} - -.comment-header { - border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; -} - -.removed-code { - background-color: #5f3737 -} - -.added-code { - background-color: #3a523a -} - -.repository .segment.reactions .ui.label.basic { - color: rgb(var(--accent-color)) !important; -} - -.repository .diff-file-box .code-diff-split tbody tr.add-code td:first-child, -.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(2), -.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(3), -.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(4), -.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(5), -.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(6) { - background-color: var(--code-background) -} - -.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(4), -.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(5), -.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(6), -.repository .diff-file-box .code-diff-split tbody tr td.add-code, -.repository .diff-file-box .code-diff-split tbody tr td.lines-num-new.add-code { - background-color: #283e2d !important; - border-color: #314a37 !important -} - -.repository .diff-file-box .code-diff-split tbody tr.del-code td:first-child, -.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(2), -.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(3), -.repository .diff-file-box .code-diff-split tbody tr td.del-code { - background-color: #3c2626 !important; - border-color: #634343 !important -} - -.repository.view.issue .comment-list .timeline-item .badge.badge-commit { - border-color: transparent; - background: radial-gradient(#fff0 40%, transparent 0) no-repeat; -} - -.tag-code, -.tag-code td { - background: rgba(255, 255, 255, .1) !important; -} - -.tag-code td.lines-num { - background-color: rgba(255, 255, 255, 0) !important; -} - -a.blob-excerpt { - color: var(--text); - background: rgba(255, 255, 255, .1) !important; -} - -td.blob-excerpt { - background-color: rgba(0, 0, 0, .15); -} - -.repo-header .ui.breadcrumb a { - color: rgb(var(--accent-color)); -} - -.repo-header .ui.breadcrumb a:hover { - color: var(--accent-color-hover); -} - -.repo-header .ui.breadcrumb .divider { - color: rgb(255 255 255 / 40%); -} - -.ui.tabular.menu .item.active { - color: var(--text); -} - -.ui.tabular.menu .active.item { - background: none 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); - border-color: rgb(255 255 255 / 10%) !important; -} - -.ui.tabular.menu { - border-bottom: 1px solid rgb(255 255 255 / 10%); -} - -.ui.tabular.menu .item:hover, -.ui.tabular.menu .active.item, -.ui.tabular.menu .active.item:hover { - color: rgb(var(--accent-color)) !important; - border-radius: .28571429rem .28571429rem 0 0 !important; -} - -.ui.card, -.ui.cards>.card { - background: rgb(0 0 0 / 15%); - box-shadow: none; -} - -.ui.cards a.card:hover, -.ui.link.card:hover, -.ui.link.cards .card:not(.icon):hover, -a.ui.card:hover { - border: 1px solid rgb(255 255 255 / 20%); - background: rgb(255 255 255 / 15%); -} - -.repository .ui.menu { - background: rgb(0 0 0 / 0%); - box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15); -} - -.repository.migrate .card { - border: 1px solid transparent; -} - -.ui.card>.content, -.ui.cards>.card>.content { - border-color: rgb(255 255 255 / 10%); -} - -.ui.ui.menu .item.disabled { - cursor: default; - background-color: transparent; - color: rgb(255 255 255 / 30%); - pointer-events: none; -} - -.repository.file.editor .commit-form-wrapper .commit-form { - position: relative; - padding: 15px; - margin-bottom: 10px; - border: 1px solid rgb(255 255 255 / .1); - border-radius: 3px; - background: rgb(255 255 255 / 10%); -} - -.repository.release #release-list { - border-top: 1px solid rgb(255 255 255 / 0.1); -} - -.repository.release #release-list>li .detail { - border-left: 1px solid rgb(255 255 255 / 0.1); -} - -.repository.release #release-list>li .detail .download .list { - border-top: 1px solid rgb(255 255 255 / .1); -} - -.repository.release #release-list>li .detail .download .list li { - border-bottom: 1px solid rgb(255 255 255 / .1); -} - -/* -.repository .ui.menu .active.item { - background: var(--main-bg-color) !important; - color: var(--text-hover); - font-weight: 400; - box-shadow: none; -} - - /* WIKI */ -.repository.wiki.pages .ui.ui.table td.grey:not(.marked), -.repository.wiki.pages .ui.ui.ui.ui.table tr.grey:not(.marked) { - background: rgb(255 255 255 / 0.08); - ; -} - -.editor-preview, -.editor-preview-side { - 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; -} - -/* COMMIT STUFF */ -#git-graph-container li a { - color: var(--link-color); -} - -#git-graph-container li a:hover { - color: var(--text-hover); -} - -#git-graph-container #rev-list li.highlight, -#git-graph-container #rev-list li.hover { - background-color: rgba(255, 255, 255, .05); -} - -#git-graph-container #rev-list li.highlight.hover { - background-color: rgba(255, 255, 255, .05); -} - -#git-graph-container li .author { - color: rgb(var(--accent-color)); -} - -.repository .ui.segment.sub-menu .list .item a, -.repository .ui.segment.sub-menu .list .item span.ui { - color: var(--text); -} - -.repository .ui.segment.sub-menu .list .item a:hover, -.repository .ui.segment.sub-menu .list .item b:hover { - color: var(--text-hover) !important; -} - -.repository .ui.segment.sub-menu .list .item.active { - background: rgba(255, 255, 255, 0.07); -} - -.repository.file.list #repo-files-table tbody .svg { - color: var(--text); -} - -.ui.blue.labels .label, -.ui.ui.ui.blue.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); -} - -.ui.black.labels .label, -.ui.ui.ui.black.label { - background-color: rgb(var(--accent-color)); - border-color: rgb(var(--accent-color)); - color: var(--label-text-color); -} - -.repository #commits-table.ui.basic.striped.table tbody tr:nth-child(2n) { - background-color: rgba(0, 0, 0, 0.15) !important; -} - -.repository #commits-table.ui.table>tbody { - background-color: transparent !important; -} - -/* ISSUES */ -.CodeMirror-cursor { - border-left: 1px solid #fff; -} - -.CodeMirror, -.EasyMDEContainer .CodeMirror { - border: 1px solid rgb(255 255 255 / .1); - background: rgba(0, 0, 0, .25); -} - -.CodeMirror-focused { - border-color: rgb(255 255 255 / 20%) !important; -} - -.editor-toolbar a, -.editor-toolbar button { - color: #ffffff !important; -} - -.editor-toolbar { - border: 1px solid rgb(255 255 255 / .1); - border-left: 1px solid rgb(255 255 255 / .1); - border-right: 1px solid rgb(255 255 255 / .1); -} - -.editor-toolbar a.active, -.editor-toolbar a:hover, -.editor-toolbar button.active, -.editor-toolbar button:hover { - background: rgb(255 255 255 / 25%); - border-color: rgb(255 255 255 / 25%); -} - -.dropzone { - min-height: 150px; - border: 2px solid rgba(0, 0, 0, .3); - background: rgb(255 255 255 / 25%) !important; - padding: 20px; -} - -.ui.form .dropzone { - border: 2px dashed rgb(var(--accent-color)) !important; - box-shadow: none !important; - padding: 0; - min-height: 5rem; - border-radius: 4px; -} - -.ui.form .dropzone .dz-button { - color: var(--text-hover) !important; -} - -.ui.form .dropzone:hover .dz-button { - color: var(--link-color) !important; -} - -.repository .metas .ui.list .item { - color: var(--text) !important; -} - -.repository.view.issue .comment-list .timeline:before { - background-color: transparent; -} - -.repository.view.issue .comment-list .comment .content>.header { - background-color: rgb(0 0 0 / 25%); -} - -.repository.view.issue .comment-list .comment .content>.header .actions a { - color: rgb(255 255 255); -} - -.repository.view.issue .comment-list .comment .content>.header .actions a:hover { - color: rgb(var(--accent-color)); -} - -.repository.view.issue .pull-desc code { - color: rgb(var(--accent-color)); -} - -.repository .segment.reactions .ui.label.basic.blue { - background-color: #ffffff00 !important; - border-color: inherit !important; -} - -.repository.view.issue .comment-list .comment:target>.content { - box-shadow: 0 0 10px #000000; -} - -.repository.view.issue .comment-list .timeline-item .badge { - background-color: rgb(var(--accent-color)); - border: 2px solid rgb(var(--accent-color)); - color: #fff; -} - -.issue.list>.item .desc .overdue { - color: #ec2626; -} - -/* TABLE */ -.ui.table>thead>tr>th { - background: rgb(0 0 0 / 25%); - color: var(--text); - border-bottom: 1px solid rgba(255, 255, 255, 0.1); -} - -.ui.table { - width: 100%; - background: rgb(255 255 255 / 0.0); - border: 1px solid rgba(255, 255, 255, 0.1); - color: var(--text); -} - -table#repo-files-table { - background: rgb(0 0 0 / 35%); -} - -.ui.table>tbody { - border: 1px solid rgba(34, 36, 38, .15); - color: var(--text); -} - -.ui.table>tbody>tr>td, -w .ui.table>tr>td { - border-top: 1px solid rgb(255 255 255 / 10%); -} - -.repository.file.list #repo-files-table thead tr:hover { - background-color: rgba(0, 0, 0, 0.0) !important; -} - -.repository.file.list #repo-files-table tr:hover { - background: rgba(255, 255, 255, 0.08); -} - -.ui.table tbody tr td.selectable:hover, -.ui.ui.selectable.table>tbody>tr:hover { - background: rgb(255 255 255 / 0.08); - color: var(--text-hover); -} - -/* FOOTER */ -footer { - background-color: rgb(0 0 0 / 25%); - border-top: 1px solid rgb(255 255 255 / 25%); -} - -/* BUTTONS / CHECKBOXES */ -.btn:active, -.btn:focus { - outline: none !important; -} - -.ui.checkbox input:checked~label:after { - color: var(--label-text-color) !important; - background: rgb(var(--accent-color)); -} - -.ui.toggle.checkbox input:checked~label:before { - background-color: rgb(0 0 0 / 25%) !important; -} - -.ui.toggle.checkbox input:checked~label, -.ui.toggle.checkbox label { - color: var(--label-text-color) !important; -} - -.ui.toggle.checkbox label:before, -.ui.toggle.checkbox input:focus:checked~label:before { - background: rgb(255 255 255 / 10%) !important; - background-color: rgb(255 255 255 / 10%) !important; -} - -.ui.toggle.checkbox input:focus:checked~label, -.ui.checkbox input:focus~label, -.ui.checkbox input:focus~label:after { - color: var(--label-text-color) !important; -} - -.ui.blue.button, -.ui.blue.buttons .button, -.ui.primary.button, -.ui.primary.buttons .button { - background-color: var(--button-color) !important; - color: var(--button-text) !important; -} - -.ui.primary.button:hover, -.ui.primary.buttons .button:hover, -.ui.blue.button:hover, -.ui.blue.buttons .button:hover, -.ui.basic.blue.button:focus, -.ui.basic.blue.buttons .button:focus, -.ui.basic.primary.button:focus, -.ui.basic.primary.buttons .button:focus { - background-color: var(--button-color-hover) !important; - color: var(--button-text) !important; - box-shadow: inset 0 0 0 1px transparent !important; -} - -.ui.teal.button, -.ui.teal.buttons .button { - background-color: var(--button-color); - color: var(--button-text); - text-shadow: none; - background-image: none; -} - -.ui.teal.button:hover, -.ui.teal.buttons .button:hover { - background-color: var(--button-color-hover); - color: var(--button-text); - text-shadow: none; -} - -/* -.ui.green.button, -.ui.green.buttons .button { - background-color: var(--button-color); - color: var(--button-text); -} - -.ui.green.button:focus, -.ui.green.buttons .button:focus { - background-color: var(--button-color-hover); - color: var(--button-text); - text-shadow: none; -} - -.ui.green.button:hover, -.ui.green.buttons .button:hover { - background-color: var(--button-color-hover); - color: var(--button-text); -} -*/ -.ui.blue.button, -.ui.blue.buttons .button { - background-color: var(--button-color) !important; - color: var(--button-text); -} - -.ui.blue.button:hover, -.ui.blue.buttons .button:hover { - background-color: var(--button-color-hover) !important; - color: var(--button-text); -} - -.ui.active.button, -.ui.active.button:hover { - color: var(--button-text); -} - -.ui.active.button, -.ui.active.button:active, -.ui.active.button:hover { - background-color: var(--button-color-hover); - -} - -.ui.button { - background: var(--button-color); - color: var(--button-text); -} - -.ui.button:hover { - background: var(--button-color-hover); - color: var(--button-text); -} - -.ui.basic.blue.button, -.ui.basic.blue.buttons .button { - box-shadow: inset 0 0 0 1px rgb(var(--accent-color)) !important; - color: var(--button-text) !important; -} - -.ui.basic.blue.button:hover, -.ui.basic.blue.buttons .button:hover, -.ui.basic.blue.button:active, -.ui.basic.blue.buttons .button:active, -.ui.basic.blue.button:focus, -.ui.basic.blue.buttons .button:focus { - background: var(--button-color) !important; - color: var(--button-text) !important; -} - -.ui.basic.button, -.ui.basic.buttons .button, -.ui.basic.blue.button, -.ui.basic.blue.buttons .button, -.ui.basic.primary.button, -.ui.basic.primary.buttons .button { - color: var(--button-text); - box-shadow: inset 0 0 0 1px rgb(255 255 255 / 15%) !important; -} - -.ui.basic.button:focus, -.ui.basic.button:hover, -.ui.basic.buttons .button:focus, -.ui.basic.buttons .button:hover { - background: rgb(0 0 0 / 15%); - color: var(--button-text); -} - -.ui.basic.red.button, -.ui.basic.red.buttons .button { - background: #F44336; - box-shadow: inset 0 0 0 1px #F44336; - color: var(--button-text); -} - -.ui.basic.red.button:hover, -.ui.basic.red.buttons .button:hover { - background: #ec2626; - box-shadow: inset 0 0 0 1px #ec2626; - color: var(--button-text); -} - -.ui.inverted.red.basic.button:hover, -.ui.inverted.red.basic.buttons .button:hover, -.ui.inverted.red.buttons .basic.button:hover { - box-shadow: inset 0 0 0 2px #ec2626; - color: var(--button-text); -} - -.repo-buttons .ui.basic.label, -.ui.basic.labels .label { - background: none var(--button-color); - border: 1px solid rgba(34, 36, 38, .15); - color: var(--label-text-color); -} - -.repo-buttons .ui.basic.labels a.label:hover, -a.ui.basic.label:hover { - text-decoration: none; - background: none var(--button-color-hover); - color: var(--label-text-color); - box-shadow: none; -} - -.repo-buttons .disabled-repo-button a.button:hover { - background: none !important; - color: rgb(255 255 255 / 60%) !important; - box-shadow: inset 0 0 0 1px rgba(34, 36, 38, .15) !important; -} - -.repo-title { - color: #ffffff; -} - -/* LABELS */ -/* -.ui.label, -.ui.menu .item>.label { - background-color: var(--button-color); - color: var(--button-text); -} -*/ -.ui.label, -.ui.menu .item>.label { - background-color: rgb(var(--accent-color)); - color: var(--label-text-color); -} - -.ui.labels a.label:hover, -a.ui.label:hover { - background-color: #ffffff; - color: rgba(0, 0, 0, .8); -} - -.ui .sha.label { - background: var(--button-color) !important; - color: var(--label-text-color) !important; - border: 1px solid var(--button-color) !important; -} - -a.ui.label:hover, -a.ui.labels .label:hover { - background: var(--button-color-hover); - color: var(--label-text-color); -} - -.repository #commits-table td.sha .sha.label, -.repository #repo-files-table .sha.label, -.repository .timeline-item.commits-list .singular-commit .sha.label { - border: 1px solid transparent; -} - -.repository #commits-table td.sha .sha.label .detail.icon, -.repository #repo-files-table .sha.label .detail.icon, -.repository .timeline-item.commits-list .singular-commit .sha.label .detail.icon { - background: rgb(0 0 0 / 25%); - margin: -6px -10px -4px 0; - padding: 5px 4px 5px 6px; - border: 0; - border-left: 1px solid #fff; - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - -.repository.file.list #repo-files-table tbody .svg.octicon-file-directory, -.repository.file.list #repo-files-table tbody .svg.octicon-file-submodule { - color: rgb(var(--accent-color)); -} - -/* FORMS */ -input { - caret-color: var(--text) !important; -} - -.ui.form input:not([type]), -.ui.form input[type=date], -.ui.form input[type=datetime-local], -.ui.form input[type=email], -.ui.form input[type=file], -.ui.form input[type=number], -.ui.form input[type=password], -.ui.form input[type=search], -.ui.form input[type=tel], -.ui.form input[type=text], -.ui.form input[type=time], -.ui.form input[type=url], -.ui.form input { - background: rgb(0 0 0 / 25%); - border: 1px solid transparent; - color: var(--text); - border-radius: .28571429rem; - box-shadow: inset 0 0 0 0 transparent; - transition: color .1s ease, border-color .1s ease; - caret-color: var(--text) !important; -} - -.ui.form input:not([type]):focus, -.ui.form input[type=date]:focus, -.ui.form input[type=datetime-local]:focus, -.ui.form input[type=email]:focus, -.ui.form input[type=file]:focus, -.ui.form input[type=number]:focus, -.ui.form input[type=password]:focus, -.ui.form input[type=search]:focus, -.ui.form input[type=tel]:focus, -.ui.form input[type=text]:focus, -.ui.form input[type=time]:focus, -.ui.form input[type=url]:focus { - color: var(--text); - border-color: rgb(0 0 0 / 15%); - border-radius: .28571429rem; - background: rgb(0 0 0 / 50%); - box-shadow: inset 0 0 0 0 rgba(34, 36, 38, .35); - caret-color: var(--text) !important; -} - -.ui.form input:focus:hover, -.ui.form textarea:focus:hover, -input:focus:hover, -textarea:focus:hover { - background: rgb(0 0 0 / 50%) !important; - border-color: rgb(255 255 255 / .1) !important; - color: var(--text-hover) !important; -} - -.ui.form input:hover, -.ui.form textarea:hover, -input:hover, -textarea:hover { - background: rgb(0 0 0 / 25%) !important; - border-color: rgb(255 255 255 / .1) !important; - color: var(--text-hover) !important; -} - -.ui.form textarea:focus { - color: var(--text); - border-color: transparent; - background: rgba(0, 0, 0, .5); - box-shadow: inset 0 0 0 0 rgba(34, 36, 38, .35); - -webkit-appearance: none; - caret-color: var(--text) !important; -} - -.ui.form textarea, -.ui.input textarea { - background: rgb(0 0 0 / .25); - border: 1px solid rgba(34, 36, 38, .15); - color: var(--text); - caret-color: var(--text) !important; -} - - -.ui.input.focus>input, -.ui.input>input:focus { - border-color: transparent; - background: rgb(0 0 0 / 50%); - color: var(--text); - box-shadow: none; - caret-color: var(--text) !important; -} - -.ui.input>input { - background: rgb(0 0 0 / 25%); - border: 1px solid rgba(34, 36, 38, .15); - color: var(--text); -} - -.ui.icon.input>i.icon { - color: var(--text); -} - -.ui.action.input:not([class*="left action"])>input:focus { - border-right-color: rgb(var(--accent-color)); -} - -/* MARKDOWN */ -.markdown tbody { - background: #f000 !important; -} - -.markdown:not(code) table tr { - background-color: rgba(0, 0, 0, .26); - border-top: 1px solid #ccc; -} - -.markdown:not(code) table tr:nth-child(2n) { - background-color: rgba(0, 0, 0, .45); -} - -.markdown:not(code) code, -.markdown:not(code) tt { - background-color: rgb(0 0 0 / 0.25); -} - - -/* PLACEHOLDER TEXT */ -::placeholder { - color: var(--text) !important; - opacity: .5; -} - -:-moz-placeholder { - color: var(--text) !important; - opacity: .5; -} - -:-ms-input-placeholder { - color: var(--text) !important; - opacity: .5; -} - -::-webkit-input-placeholder { - color: var(--text) !important; - opacity: .5; -} - -/* HIGHLIGHTING */ -::-webkit-selection { - background-color: rgb(var(--accent-color)) !important; - color: var(--text-hover) !important; -} - -::-moz-selection { - background-color: rgb(var(--accent-color)) !important; - color: var(--text-hover) !important; -} - -::selection { - background-color: rgb(var(--accent-color)) !important; - color: var(--text-hover) !important; -} - -textarea::-webkit-selection, -input::-webkit-selection { - background-color: rgb(var(--accent-color)) !important; - color: var(--text-hover) !important; -} - -textarea::-moz-selection, -input::-moz-selection { - background-color: rgb(var(--accent-color)) !important; - color: var(--text-hover) !important; -} - -textarea::-moz-selection, -input::-moz-selection { - background-color: rgb(var(--accent-color)) !important; - color: var(--text-hover) !important; -} - -textarea::selection, -input::selection { - background-color: rgb(var(--accent-color)) !important; - color: var(--text-hover) !important; -} - -/* CALENDAR */ -::-webkit-calendar-picker-indicator { - filter: invert(1); -} \ No newline at end of file +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}*{outline:0}.home a,.repository .labelspage .item a,.repository .milestone.list>.item .operate>a,.repository .milestone.list>.item>a,.ui.breadcrumb a,.ui.card>.content>.description,.ui.card>.content>.header,.ui.card>.content>a.header,.ui.card>.extra a:not(.ui),.ui.cards>.card>.content>.description,.ui.cards>.card>.content>.header,.ui.cards>.card>.content>a.header,.ui.cards>.card>.extra a:not(.ui),.ui.user.list .item .description a,a{color:var(--link-color)}.repository .labelspage .item a:hover,.repository .milestone.list>.item .operate>a:hover,.repository .milestone.list>.item>a:hover,.ui.breadcrumb a:hover,.ui.card>.content>a.header:hover,.ui.card>.extra a:not(.ui):hover,.ui.cards>.card>.content>a.header:hover,.ui.cards>.card>.extra a:not(.ui):hover,.ui.user.list .item .description a:hover,a:hover{color:var(--link-color-hover)}.issue.list a:not(.label):hover,.issue.list>.item .title:hover,.ui .migrate a,.ui .text.blue a,.ui .text.grey a{color:var(--link-color)!important}.ui .migrate a:hover,.ui .text.blue a:hover,.ui .text.grey a:hover{color:var(--link-color-hover)!important}@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!important;background-color:hsla(0,0%,100%,.2);background-clip:padding-box;box-shadow:none!important}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb:hover{min-height:50px;border:3px solid transparent;border-radius:8px!important;background-color:hsla(0,0%,100%,.5);background-clip:padding-box}.CodeMirror,.EasyMDEContainer .CodeMirror,.feeds .list ul li a .svg,.form .help,.issue.list>.item .title,.repository .diff-box .header .file,.repository .metas .ui.list a .text,.repository.view.issue .comment-list .comment .tag,.ui .text.black,.ui.accordion .title:not(.ui),.ui.card>.content>.description,.ui.cards>.card>.content>.description,.ui.checkbox input[disabled]~label,.ui.checkbox label,.ui.disabled.checkbox label,.ui.dropdown .menu>.header:not(.ui),.ui.dropdown .menu>.message:not(.ui),.ui.form .field>label,.ui.form .inline.field>label,.ui.form .inline.field>p,.ui.form .inline.fields .field>label,.ui.form .inline.fields .field>p,.ui.form .inline.fields>label,.ui.list .list>.item>.content,.ui.list>.item .description,.ui.list>.item>.content,body,footer,p{color:var(--text)}.issue.list>.item .desc{color:var(--text-muted)}.ui.header,.ui.header .sub.header,h1,h2,h3,h4,h5,h6{color:var(--text-hover)}.ui .text.grey{color:var(--text)!important}.repository .metas .ui.list a .text:hover,.ui .text.black:hover,.ui.checkbox input:focus~label,.ui.checkbox input:focus~label:after,.ui.checkbox label:hover,.ui.checkbox+label:hover,b:hover{color:var(--text-hover)}.ui .text.light.grey{color:var(--text-muted)!important}.following.bar.light{background-color:transparent;border-bottom:1px solid transparent;box-shadow:none}.ui.menu .item{color:var(--text)}.following.bar.light.ui.secondary.menu .active.item,.following.bar.lightui.secondary.menu .active.item:hover{box-shadow:none;background:rgba(0,0,0,.25)!important;color:rgb(var(--accent-color))}.ui.secondary.menu .dropdown.item:hover,.ui.secondary.menu .link.item:hover,.ui.secondary.menu a.item:hover{background:rgb(255 255 255 / .08);color:var(--text-hover)}.ui.secondary.menu .active.item,.ui.secondary.menu .active.item:hover{box-shadow:none;background:rgba(0,0,0,.05);color:var(--text-hover)}.captcha-img{background:#fff}.organization.settings .ui.menu{background:rgb(0 0 0 / 10%);border:1px solid rgba(255,255,255,.1);box-shadow:0 1px 2px 0 rgba(0,0,0,.1)}.organization.settings .ui.vertical.menu{display:block;flex-direction:column;background:rgb(0 0 0 / 15%);box-shadow:0 1px 2px 0 rgba(0,0,0,.15)}.ui.vertical.menu .header.item{background:rgb(0 0 0 / 35%)}.ui.attached.segment{border:1px solid rgba(255,255,255,.1)}.ui.segment{background:rgb(0 0 0 / 15%)!important}.ui.attached.segment,.ui.segment,.ui.segments{background:0 0;color:var(--text)!important;border-color:rgba(255,255,255,.1)}.ui .info.segment.top{background-color:rgb(0 0 0 / 15%)!important;color:var(--text)}.ui.attached.info.message,.ui.info.message{box-shadow:inset 0 0 0 1px rgb(255 255 255 / 10%),0 0 0 0 transparent}.ui.info.message{background-color:rgb(0 0 0 / 15%);color:#276f86}.ui.attached.header{background:rgb(0 0 0 / 25%);border:1px solid transparent}.explore .navbar{background-color:rgb(0 0 0 / 25%)!important}.ui .warning.header{background-color:#f9edbe!important;color:#000!important}.ui.red.message p,.ui.red.message strong{color:#db2828!important}.ui.progress{background:rgb(255 255 255 / 10%)}.ui.progress[data-percent="0"] .bar .progress{color:var(--text-hover)}.ui.list .list>.item .header,.ui.list>.item .header{color:var(--text)}.pagination.menu{background:rgba(255,255,255,.08)!important}.ui.pagination.menu .active.item{background-color:rgba(0,0,0,.25);color:var(--text-hover);box-shadow:none}.feeds .list ul li:not(:last-child){border-bottom:1px solid rgba(255,255,255,.1)}.feeds .list ul li.private{background-color:rgb(255 255 255 / 10%)}.ui.secondary.pointing.menu{border-color:rgb(255 255 255 / 10%)!important}.ui.secondary.pointing.menu .item{color:var(--text)}.ui.repository.list .item:not(:first-child){border-top:1px solid rgb(255 255 255 / 25%)}.ui.basic.modal,.ui.basic.modal>.actions,.ui.basic.modal>.content,.ui.basic.modal>.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}.ui.modal{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}.ui.modal>.header{display:block;font-family:Roboto,Helvetica Neue,Arial,Helvetica,sans-serif;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;margin:0;padding:1.25rem 1.5rem;box-shadow:none;color:var(--text);border-bottom:1px solid rgb(255 255 255 / .1)}.ui.modal>.content{display:block;width:100%;font-size:1em;line-height:1.4;padding:1.5rem;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}.ui.modal>.actions{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;padding:1rem;border-top:1px solid rgb(255 255 255 / .1);text-align:right}.ui .error.header{background-color:#f44336!important;color:#fff!important}.ui.menu.new-menu{background:rgb(0 0 0 / 25%)}.ui.menu.new-menu::after{background:0 0}@media only screen and (max-width:1200px){.ui.menu.new-menu:after{background-image:inherit}}.ui.secondary.pointing.menu .active.item,.ui.secondary.pointing.menu .active.item:hover{border-color:currentColor;color:rgb(var(--accent-color))}.ui.tabular.menu .item{color:var(--text)}.ui.secondary.pointing.menu .dropdown.item:hover,.ui.secondary.pointing.menu .link.item:hover,.ui.secondary.pointing.menu a.item:hover{background-color:transparent;color:var(--text-hover)}.item:focus{outline:0}.ui.menu .dropdown.item .menu{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}.ui.menu .ui.dropdown .menu>.item{color:var(--text)!important}.ui.menu .ui.dropdown .menu>.active.item{background:rgb(0 0 0 / 10%)!important;color:rgb(var(--accent-color))!important}.ui.menu .ui.dropdown .menu>.item:hover,.ui.menu .ui.dropdown .menu>.selected.item{background:rgb(255 255 255 / .07)!important;color:var(--text-hover)!important}.ui.menu,.ui.vertical.menu{background:#ffffff00;border-color:rgb(255 255 255 / 10%)}.ui.floating.dropdown .overflow.menu .scrolling.menu.items{border-bottom:1px solid rgb(255 255 255 / 10%)}.ui.dropdown .scrolling.menu{border-color:rgb(255 255 255 / 10%)}.ui.dropdown .menu{background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;border-color:rgb(255 255 255 / 10%)}.ui.dropdown .menu>.item:hover{background:rgb(255 255 255 / .07)}.ui.dropdown .menu .selected.item,.ui.dropdown.selected{background:rgb(0 0 0 / .25);color:var(--text-hover)}.ui.dropdown .menu .active.item{color:rgb(var(--accent-color));outline:0!important}.ui.selection.dropdown:hover,input:hover,textarea:hover{border-color:rgb(255 255 255 / 20%);background:rgb(0 0 0 / .25);color:#fff}.ui.dropdown .menu>.item{color:var(--text)}.ui.dropdown .menu>.item:hover{color:var(--text-hover)}.ui.selection.dropdown .menu>.item{border-top:1px solid rgb(255 255 255 / 20%)}.ui.selection.dropdown{background:rgb(0 0 0 / .25);color:#fff;border-color:rgb(255 255 255 / 10%)}.ui.selection.dropdown:focus{border-color:rgba(255,255,255,.08);background:rgb(0 0 0 / 50%);box-shadow:none}.ui.selection.active.dropdown,.ui.selection.active.dropdown .menu{border-color:transparent}.ui.selection.active.dropdown:hover,.ui.selection.active.dropdown:hover .menu{border-color:transparent}.ui.selection.visible.dropdown>.text:not(.default){color:var(--text)}.ui.default.dropdown:not(.button)>.text,.ui.dropdown:not(.button)>.default.text{color:var(--text);opacity:.7}.ui.pointing.dropdown>.menu:not(.hidden):after{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}.ui.negative.message{background-color:#f44336;box-shadow:none!important}.ui.negative.message p{color:#fff!important;box-shadow:none!important}.ui.positive.message{background-color:#4caf50;box-shadow:none!important}.ui.positive.message p{color:#fff!important}.vue-tooltip-theme.tooltip .tooltip-inner{background:rgb(0 0 0 / 95%);color:var(--text)}svg.vch__wrapper .vch__days__labels__wrapper text.vch__day__label[data-v-a9cfea66],svg.vch__wrapper .vch__legend__wrapper text[data-v-a9cfea66],svg.vch__wrapper .vch__months__labels__wrapper text.vch__month__label[data-v-a9cfea66]{fill:var(--text)}#app .ui.item.menu,.ui.item.menu .item{background:rgb(0 0 0 / 15%);border-color:rgb(255 255 255 / 10%)}#app .ui.menu .active.item{color:var(--text)}.ui.menu .active.item{background:rgba(0,0,0,.25);color:var(--text);font-weight:400;box-shadow:none}.ui.menu .active.item:hover,.ui.vertical.menu .active.item:hover{background-color:rgba(0,0,0,.25);color:var(--text-hover)}.ui.menu a.item:hover{color:var(--text-hover);background:rgb(0 0 0 / 15%)}#app .ui.link.menu .item:hover,.ui.menu .dropdown.item:hover,.ui.menu .link.item:hover{cursor:pointer;background:rgba(0,0,0,.03);color:var(--text-hover)}#app .ui.secondary.segment{background:rgb(0 0 0 / 15%);color:rgba(0,0,0,.6)}svg.vch__wrapper rect.vch__day__square[data-v-a9cfea66]:hover{stroke:rgb(var(--accent-color));stroke-width:1px}.heatmap-color-0{background-color:rgba(0,0,0,.25)}.activity-bar-graph{color:#9e9e9e}.heatmap-color-1{background-color:var(--heatmap-color-1)}.heatmap-color-2{background-color:var(--heatmap-color-2)}.heatmap-color-3{background-color:var(--heatmap-color-3)}.heatmap-color-4{background-color:var(--heatmap-color-4)}.activity-bar-graph,.heatmap-color-5{background-color:var(--heatmap-color-5)}.repository .header-wrapper{background-color:rgb(0 0 0 / 24%)}.repository .diff-detail-box{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}.repository .diff-detail-box.sticky{border-bottom:1px solid rgb(255 255 255 / .1)}.repository .diff-file-box .code-diff-unified tbody tr.del-code td{background-color:#3c2626!important;border-color:#634343!important}.repository .diff-file-box .code-diff-unified tbody tr.del-code td.lines-num{background-color:#4e2c2c!important}.repository .diff-file-box .code-diff-unified tbody tr.add-code td{background-color:#283e2d!important;border-color:#314a37!important}.repository .diff-file-box .code-diff-unified tbody tr.add-code td.lines-num{background-color:#2c4632!important}.repository.view.issue .comment-list .comment .comment-container{border:1px solid rgba(255,255,255,.1)}.comment-header{border-bottom:1px solid rgba(255,255,255,.1)!important}.removed-code{background-color:#5f3737}.added-code{background-color:#3a523a}.repository .segment.reactions .ui.label.basic{color:rgb(var(--accent-color))!important}.repository .diff-file-box .code-diff-split tbody tr.add-code td:first-child,.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(2),.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(3),.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(4),.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(5),.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(6){background-color:var(--code-background)}.repository .diff-file-box .code-diff-split tbody tr td.add-code,.repository .diff-file-box .code-diff-split tbody tr td.lines-num-new.add-code,.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(4),.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(5),.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(6){background-color:#283e2d!important;border-color:#314a37!important}.repository .diff-file-box .code-diff-split tbody tr td.del-code,.repository .diff-file-box .code-diff-split tbody tr.del-code td:first-child,.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(2),.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(3){background-color:#3c2626!important;border-color:#634343!important}.repository.view.issue .comment-list .timeline-item .badge.badge-commit{border-color:transparent;background:radial-gradient(#fff0 40%,transparent 0) no-repeat}.tag-code,.tag-code td{background:rgba(255,255,255,.1)!important}.tag-code td.lines-num{background-color:rgba(255,255,255,0)!important}a.blob-excerpt{color:var(--text);background:rgba(255,255,255,.1)!important}td.blob-excerpt{background-color:rgba(0,0,0,.15)}.repo-header .ui.breadcrumb a{color:rgb(var(--accent-color))}.repo-header .ui.breadcrumb a:hover{color:var(--accent-color-hover)}.repo-header .ui.breadcrumb .divider{color:rgb(255 255 255 / 40%)}.ui.tabular.menu .item.active{color:var(--text)}.ui.tabular.menu .active.item{background:none 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);border-color:rgb(255 255 255 / 10%)!important}.ui.tabular.menu{border-bottom:1px solid rgb(255 255 255 / 10%)}.ui.tabular.menu .active.item,.ui.tabular.menu .active.item:hover,.ui.tabular.menu .item:hover{color:rgb(var(--accent-color))!important;border-radius:.28571429rem .28571429rem 0 0!important}.ui.card,.ui.cards>.card{background:rgb(0 0 0 / 15%);box-shadow:none}.ui.cards a.card:hover,.ui.link.card:hover,.ui.link.cards .card:not(.icon):hover,a.ui.card:hover{border:1px solid rgb(255 255 255 / 20%);background:rgb(255 255 255 / 15%)}.repository .ui.menu{background:rgb(0 0 0 / 0%);box-shadow:0 1px 2px 0 rgba(34,36,38,.15)}.repository.migrate .card{border:1px solid transparent}.ui.card>.content,.ui.cards>.card>.content{border-color:rgb(255 255 255 / 10%)}.ui.ui.menu .item.disabled{cursor:default;background-color:transparent;color:rgb(255 255 255 / 30%);pointer-events:none}.repository.file.editor .commit-form-wrapper .commit-form{position:relative;padding:15px;margin-bottom:10px;border:1px solid rgb(255 255 255 / .1);border-radius:3px;background:rgb(255 255 255 / 10%)}.repository.release #release-list{border-top:1px solid rgb(255 255 255 / .1)}.repository.release #release-list>li .detail{border-left:1px solid rgb(255 255 255 / .1)}.repository.release #release-list>li .detail .download .list{border-top:1px solid rgb(255 255 255 / .1)}.repository.release #release-list>li .detail .download .list li{border-bottom:1px solid rgb(255 255 255 / .1)}.repository.wiki.pages .ui.ui.table td.grey:not(.marked),.repository.wiki.pages .ui.ui.ui.ui.table tr.grey:not(.marked){background:rgb(255 255 255 / .08)}.editor-preview,.editor-preview-side{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}#git-graph-container li a{color:var(--link-color)}#git-graph-container li a:hover{color:var(--text-hover)}#git-graph-container #rev-list li.highlight,#git-graph-container #rev-list li.hover{background-color:rgba(255,255,255,.05)}#git-graph-container #rev-list li.highlight.hover{background-color:rgba(255,255,255,.05)}#git-graph-container li .author{color:rgb(var(--accent-color))}.repository .ui.segment.sub-menu .list .item a,.repository .ui.segment.sub-menu .list .item span.ui{color:var(--text)}.repository .ui.segment.sub-menu .list .item a:hover,.repository .ui.segment.sub-menu .list .item b:hover{color:var(--text-hover)!important}.repository .ui.segment.sub-menu .list .item.active{background:rgba(255,255,255,.07)}.repository.file.list #repo-files-table tbody .svg{color:var(--text)}.ui.blue.labels .label,.ui.grey.labels .label,.ui.ui.ui.blue.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)}.ui.black.labels .label,.ui.ui.ui.black.label{background-color:rgb(var(--accent-color));border-color:rgb(var(--accent-color));color:var(--label-text-color)}.repository #commits-table.ui.basic.striped.table tbody tr:nth-child(2n){background-color:rgba(0,0,0,.15)!important}.repository #commits-table.ui.table>tbody{background-color:transparent!important}.CodeMirror-cursor{border-left:1px solid #fff}.CodeMirror,.EasyMDEContainer .CodeMirror{border:1px solid rgb(255 255 255 / .1);background:rgba(0,0,0,.25)}.CodeMirror-focused{border-color:rgb(255 255 255 / 20%)!important}.editor-toolbar a,.editor-toolbar button{color:#fff!important}.editor-toolbar{border:1px solid rgb(255 255 255 / .1);border-left:1px solid rgb(255 255 255 / .1);border-right:1px solid rgb(255 255 255 / .1)}.editor-toolbar a.active,.editor-toolbar a:hover,.editor-toolbar button.active,.editor-toolbar button:hover{background:rgb(255 255 255 / 25%);border-color:rgb(255 255 255 / 25%)}.dropzone{min-height:150px;border:2px solid rgba(0,0,0,.3);background:rgb(255 255 255 / 25%)!important;padding:20px}.ui.form .dropzone{border:2px dashed rgb(var(--accent-color))!important;box-shadow:none!important;padding:0;min-height:5rem;border-radius:4px}.ui.form .dropzone .dz-button{color:var(--text-hover)!important}.ui.form .dropzone:hover .dz-button{color:var(--link-color)!important}.repository .metas .ui.list .item{color:var(--text)!important}.repository.view.issue .comment-list .timeline:before{background-color:transparent}.repository.view.issue .comment-list .comment .content>.header{background-color:rgb(0 0 0 / 25%)}.repository.view.issue .comment-list .comment .content>.header .actions a{color:rgb(255 255 255)}.repository.view.issue .comment-list .comment .content>.header .actions a:hover{color:rgb(var(--accent-color))}.repository.view.issue .pull-desc code{color:rgb(var(--accent-color))}.repository .segment.reactions .ui.label.basic.blue{background-color:#ffffff00!important;border-color:inherit!important}.repository.view.issue .comment-list .comment:target>.content{box-shadow:0 0 10px #000}.repository.view.issue .comment-list .timeline-item .badge{background-color:rgb(var(--accent-color));border:2px solid rgb(var(--accent-color));color:#fff}.issue.list>.item .desc .overdue{color:#ec2626}.ui.table>thead>tr>th{background:rgb(0 0 0 / 25%);color:var(--text);border-bottom:1px solid rgba(255,255,255,.1)}.ui.table{width:100%;background:rgb(255 255 255 / 0);border:1px solid rgba(255,255,255,.1);color:var(--text)}table#repo-files-table{background:rgb(0 0 0 / 35%)}.ui.table>tbody{border:1px solid rgba(34,36,38,.15);color:var(--text)}.ui.table>tbody>tr>td,w .ui.table>tr>td{border-top:1px solid rgb(255 255 255 / 10%)}.repository.file.list #repo-files-table thead tr:hover{background-color:rgba(0,0,0,0)!important}.repository.file.list #repo-files-table tr:hover{background:rgba(255,255,255,.08)}.ui.table tbody tr td.selectable:hover,.ui.ui.selectable.table>tbody>tr:hover{background:rgb(255 255 255 / .08);color:var(--text-hover)}footer{background-color:rgb(0 0 0 / 25%);border-top:1px solid rgb(255 255 255 / 25%)}.btn:active,.btn:focus{outline:0!important}.ui.checkbox input:checked~label:after{color:var(--label-text-color)!important;background:rgb(var(--accent-color))}.ui.toggle.checkbox input:checked~label:before{background-color:rgb(0 0 0 / 25%)!important}.ui.toggle.checkbox input:checked~label,.ui.toggle.checkbox label{color:var(--label-text-color)!important}.ui.toggle.checkbox input:focus:checked~label:before,.ui.toggle.checkbox label:before{background:rgb(255 255 255 / 10%)!important;background-color:rgb(255 255 255 / 10%)!important}.ui.checkbox input:focus~label,.ui.checkbox input:focus~label:after,.ui.toggle.checkbox input:focus:checked~label{color:var(--label-text-color)!important}.ui.blue.button,.ui.blue.buttons .button,.ui.primary.button,.ui.primary.buttons .button{background-color:var(--button-color)!important;color:var(--button-text)!important}.ui.basic.blue.button:focus,.ui.basic.blue.buttons .button:focus,.ui.basic.primary.button:focus,.ui.basic.primary.buttons .button:focus,.ui.blue.button:hover,.ui.blue.buttons .button:hover,.ui.primary.button:hover,.ui.primary.buttons .button:hover{background-color:var(--button-color-hover)!important;color:var(--button-text)!important;box-shadow:inset 0 0 0 1px transparent!important}.ui.teal.button,.ui.teal.buttons .button{background-color:var(--button-color);color:var(--button-text);text-shadow:none;background-image:none}.ui.teal.button:hover,.ui.teal.buttons .button:hover{background-color:var(--button-color-hover);color:var(--button-text);text-shadow:none}.ui.blue.button,.ui.blue.buttons .button{background-color:var(--button-color)!important;color:var(--button-text)}.ui.blue.button:hover,.ui.blue.buttons .button:hover{background-color:var(--button-color-hover)!important;color:var(--button-text)}.ui.active.button,.ui.active.button:hover{color:var(--button-text)}.ui.active.button,.ui.active.button:active,.ui.active.button:hover{background-color:var(--button-color-hover)}.ui.button{background:var(--button-color);color:var(--button-text)}.ui.button:hover{background:var(--button-color-hover);color:var(--button-text)}.ui.basic.blue.button,.ui.basic.blue.buttons .button{box-shadow:inset 0 0 0 1px rgb(var(--accent-color))!important;color:var(--button-text)!important}.ui.basic.blue.button:active,.ui.basic.blue.button:focus,.ui.basic.blue.button:hover,.ui.basic.blue.buttons .button:active,.ui.basic.blue.buttons .button:focus,.ui.basic.blue.buttons .button:hover{background:var(--button-color)!important;color:var(--button-text)!important}.ui.basic.blue.button,.ui.basic.blue.buttons .button,.ui.basic.button,.ui.basic.buttons .button,.ui.basic.primary.button,.ui.basic.primary.buttons .button{color:var(--button-text);box-shadow:inset 0 0 0 1px rgb(255 255 255 / 15%)!important}.ui.basic.button:focus,.ui.basic.button:hover,.ui.basic.buttons .button:focus,.ui.basic.buttons .button:hover{background:rgb(0 0 0 / 15%);color:var(--button-text)}.ui.basic.red.button,.ui.basic.red.buttons .button{background:#f44336;box-shadow:inset 0 0 0 1px #f44336;color:var(--button-text)}.ui.basic.red.button:hover,.ui.basic.red.buttons .button:hover{background:#ec2626;box-shadow:inset 0 0 0 1px #ec2626;color:var(--button-text)}.ui.inverted.red.basic.button:hover,.ui.inverted.red.basic.buttons .button:hover,.ui.inverted.red.buttons .basic.button:hover{box-shadow:inset 0 0 0 2px #ec2626;color:var(--button-text)}.repo-buttons .ui.basic.label,.ui.basic.labels .label{background:none var(--button-color);border:1px solid rgba(34,36,38,.15);color:var(--label-text-color)}.repo-buttons .ui.basic.labels a.label:hover,a.ui.basic.label:hover{text-decoration:none;background:none var(--button-color-hover);color:var(--label-text-color);box-shadow:none}.repo-buttons .disabled-repo-button a.button:hover{background:0 0!important;color:rgb(255 255 255 / 60%)!important;box-shadow:inset 0 0 0 1px rgba(34,36,38,.15)!important}.repo-title{color:#fff}.ui.label,.ui.menu .item>.label{background-color:rgb(var(--accent-color));color:var(--label-text-color)}.ui.labels a.label:hover,a.ui.label:hover{background-color:#fff;color:rgba(0,0,0,.8)}.ui .sha.label{background:var(--button-color)!important;color:var(--label-text-color)!important;border:1px solid var(--button-color)!important}a.ui.label:hover,a.ui.labels .label:hover{background:var(--button-color-hover);color:var(--label-text-color)}.repository #commits-table td.sha .sha.label,.repository #repo-files-table .sha.label,.repository .timeline-item.commits-list .singular-commit .sha.label{border:1px solid transparent}.repository #commits-table td.sha .sha.label .detail.icon,.repository #repo-files-table .sha.label .detail.icon,.repository .timeline-item.commits-list .singular-commit .sha.label .detail.icon{background:rgb(0 0 0 / 25%);margin:-6px -10px -4px 0;padding:5px 4px 5px 6px;border:0;border-left:1px solid #fff;border-top-left-radius:0;border-bottom-left-radius:0}.repository.file.list #repo-files-table tbody .svg.octicon-file-directory,.repository.file.list #repo-files-table tbody .svg.octicon-file-submodule{color:rgb(var(--accent-color))}input{caret-color:var(--text)!important}.ui.form input,.ui.form input:not([type]),.ui.form input[type=date],.ui.form input[type=datetime-local],.ui.form input[type=email],.ui.form input[type=file],.ui.form input[type=number],.ui.form input[type=password],.ui.form input[type=search],.ui.form input[type=tel],.ui.form input[type=text],.ui.form input[type=time],.ui.form input[type=url]{background:rgb(0 0 0 / 25%);border:1px solid transparent;color:var(--text);border-radius:.28571429rem;box-shadow:inset 0 0 0 0 transparent;transition:color .1s ease,border-color .1s ease;caret-color:var(--text)!important}.ui.form input:not([type]):focus,.ui.form input[type=date]:focus,.ui.form input[type=datetime-local]:focus,.ui.form input[type=email]:focus,.ui.form input[type=file]:focus,.ui.form input[type=number]:focus,.ui.form input[type=password]:focus,.ui.form input[type=search]:focus,.ui.form input[type=tel]:focus,.ui.form input[type=text]:focus,.ui.form input[type=time]:focus,.ui.form input[type=url]:focus{color:var(--text);border-color:rgb(0 0 0 / 15%);border-radius:.28571429rem;background:rgb(0 0 0 / 50%);box-shadow:inset 0 0 0 0 rgba(34,36,38,.35);caret-color:var(--text)!important}.ui.form input:focus:hover,.ui.form textarea:focus:hover,input:focus:hover,textarea:focus:hover{background:rgb(0 0 0 / 50%)!important;border-color:rgb(255 255 255 / .1)!important;color:var(--text-hover)!important}.ui.form input:hover,.ui.form textarea:hover,input:hover,textarea:hover{background:rgb(0 0 0 / 25%)!important;border-color:rgb(255 255 255 / .1)!important;color:var(--text-hover)!important}.ui.form textarea:focus{color:var(--text);border-color:transparent;background:rgba(0,0,0,.5);box-shadow:inset 0 0 0 0 rgba(34,36,38,.35);-webkit-appearance:none;caret-color:var(--text)!important}.ui.form textarea,.ui.input textarea{background:rgb(0 0 0 / .25);border:1px solid rgba(34,36,38,.15);color:var(--text);caret-color:var(--text)!important}.ui.input.focus>input,.ui.input>input:focus{border-color:transparent;background:rgb(0 0 0 / 50%);color:var(--text);box-shadow:none;caret-color:var(--text)!important}.ui.input>input{background:rgb(0 0 0 / 25%);border:1px solid rgba(34,36,38,.15);color:var(--text)}.ui.icon.input>i.icon{color:var(--text)}.ui.action.input:not([class*="left action"])>input:focus{border-right-color:rgb(var(--accent-color))}.markdown tbody{background:#f000!important}.markdown:not(code) table tr{background-color:rgba(0,0,0,.26);border-top:1px solid #ccc}.markdown:not(code) table tr:nth-child(2n){background-color:rgba(0,0,0,.45)}.markdown:not(code) code,.markdown:not(code) tt{background-color:rgb(0 0 0 / .25)}::placeholder{color:var(--text)!important;opacity:.5}:-moz-placeholder{color:var(--text)!important;opacity:.5}:-ms-input-placeholder{color:var(--text)!important;opacity:.5}::-webkit-input-placeholder{color:var(--text)!important;opacity:.5}::-webkit-selection{background-color:rgb(var(--accent-color))!important;color:var(--text-hover)!important}::-moz-selection{background-color:rgb(var(--accent-color))!important;color:var(--text-hover)!important}::selection{background-color:rgb(var(--accent-color))!important;color:var(--text-hover)!important}input::-webkit-selection,textarea::-webkit-selection{background-color:rgb(var(--accent-color))!important;color:var(--text-hover)!important}input::-moz-selection,textarea::-moz-selection{background-color:rgb(var(--accent-color))!important;color:var(--text-hover)!important}input::-moz-selection,textarea::-moz-selection{background-color:rgb(var(--accent-color))!important;color:var(--text-hover)!important}input::selection,textarea::selection{background-color:rgb(var(--accent-color))!important;color:var(--text-hover)!important}::-webkit-calendar-picker-indicator{filter:invert(1)} diff --git a/CSS/themes/grafana/grafana-base.css b/CSS/themes/grafana/grafana-base.css index 65f73f2e..b09247ed 100644 --- a/CSS/themes/grafana/grafana-base.css +++ b/CSS/themes/grafana/grafana-base.css @@ -1,1309 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ - -body { - 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 { - color: var(--text-hover) !important; -} - -p { - color: var(--text); -} - -.page-header-canvas, -.page-toolbar[class*="css-"] { - background: rgba(0, 0, 0, 0.25) !important; - box-shadow: none !important; - border-bottom: none !important; -} - -.main-view { - background: linear-gradient(180deg, #ffffff00 10px, #ffffff00 100px) !important; -} - -/* Scrollbar */ -.no-overlay-scrollbar ::-webkit-scrollbar-thumb:vertical { - min-height: 50px; - border: 3px solid transparent; - border-radius: 8px; - 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; -} - -.variable-value-dropdown.single .selected { - 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% -} - -/* time picker Menu */ -.time-picker-popover { - 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__month-view__weekdays { - 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 .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); -} - -.time-picker-calendar .react-calendar__month-view__days { - background-color: rgba(0, 0, 0, 0.15); -} - -.time-picker-calendar .time-picker-calendar-tile { - border-radius: 0px; -} - -.time-picker-calendar { - 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; -} - -.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; -} - -.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 { - background: rgba(0, 0, 0, 0.25) !important; -} - -.filter-table tbody tr:nth-child(odd) { - 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 { - background: rgba(0, 0, 0, .25) !important; -} - -.sidemenu__logo:hover { - background: rgba(0, 0, 0, .25) !important; -} - -.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; -} - -.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 { - 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; -} - -.dropdown-menu>li>a { - color: var(--text) !important; -} - -.dropdown-menu-item-shortcut { - color: var(--text) !important; -} - -.dropdown-menu { - border: 1px solid transparent; -} - -.dropdown-submenu:hover>a { - 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 { - 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; -} - -.search-container { - left: 0px !important; -} - -.navbar-page-btn { - color: #FFFFFF !important; -} - -/* dropdown menu */ -.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; -} - -.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; -} - -.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 { - 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; -} - -/* Dashboard search menu */ -.search-field-wrapper>input { - 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; -} - -.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; -} - -.gf-form-switch--table-cell { - background-color: transparent !important; -} - -.gf-form-select-wrapper { - 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; -} - -.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%); -} - -.filter-table td.filter-table__switch-cell { - border-right: none; -} - -/* Variable label color */ -.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; -} - -.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 dashboard dropdown */ -.variable-value-link { - padding: 7.4px 10px !important; - background-color: rgba(0, 0, 0, 0.25) !important; - border: none !important; - color: #FFFFFF !important; -} - -/* Variable input box */ -.gf-form-input { - color: #FFFFFF !important; - border: none !important; -} - -.gf-form-input:focus { - color: #FFF !important; - box-shadow: none !important; -} - -.gf-form-select-box-button-select { - background: transparent; - border: none; -} - -.gf-form-select-wrapper .gf-form-select-icon+.gf-form-input option { - color: #fff; - background: #1f1f1f; -} - -.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; - border: none !important; -} - -/* Custom Range Refreshing every X Dropdown */ -.gf-timepicker-absolute-section select { - background-color: #393a3b !important; -} - -/* PANEL BACKGROUND COLOR*/ -.panel-container { - background-color: rgba(0, 0, 0, .25); - border: transparent; - box-shadow: none !important; -} - -.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) { - background: transparent !important; -} - -/* Panel text color*/ -div.flot-text { - color: #FFF !important; -} - -/* panel loading circle*/ -.panel-loading { - color: #FFF !important; -} - -/* panel resize arrow */ -.theme-dark .react-grid-item>.react-resizable-handle:after { - border-right: 2px solid #fff !important; - border-bottom: 2px solid #fff !important; -} - -/* table panel background color */ -.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 { - background: rgb(0 0 0 / 35%); -} - -.css-1n8kpcb-activeTabStyle::before, -.css-dnqfjg-activeTabStyle::before { - background: rgb(var(--accent-color)); -} - -/* Edit panel tabs */ -[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-"], -.css-v2fjpc, -.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 { - 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); -} - -.gf-form-switch { - 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; -} - -.viz-picker__item:hover { - box-shadow: 0 0 6px #eb7b18 !important; - background: rgba(0, 0, 0, 0.4); - border: 1px solid #eb7b18 !important; -} - -.panel-options-group__header { - background: rgba(0, 0, 0, 0.25); -} - -.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)); -} - -.toolbar__main { - color: #ffffff; - background-color: rgba(0, 0, 0, 0.15); - border: transparent; -} - -/* worldmap zoom buttons and leaflet */ -.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; - color: #fff !important; - background-color: #cc7b19 !important; - -webkit-transition: background-color .1s !important; - transition: background-color .1s !important; - } - .btn-inverse.active, .btn-inverse.disabled, .btn-inverse:active, .btn-inverse:focus, .btn-inverse:hover, .btn-inverse[disabled] { - color: #fff; - background-color: #e59029 !important; -} -.btn-outline-disabled { - color: #fff; -}*/ - -.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); -} - -.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] { - 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); -} - -.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; - border-color: #00000000; - 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 { - 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; - -webkit-box-shadow: none; - box-shadow: none; - border-bottom: 1px solid #d8d9da; - color: #eee; -} - -.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; - color: #eee; -} - - - -/*V7*/ - -/*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 { - 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, -.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[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) -} - -/*INPUT*/ -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; -} - -.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; -} - -.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; -} - -.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%; -} - - -/* 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 { - 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-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; -} - -.css-y0yg3l { - background: rgba(0, 0, 0, .25) !important; - border-color: transparent; -} - -.css-1je3bh6 { - background: transparent; - border-bottom: 1px solid rgba(0, 0, 0, 0); -} - -/*Folder bars*/ -.css-1umfglk { - background: rgba(0, 0, 0, .25); -} - -.css-1umfglk:hover { - 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; -} - -.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; -} - -.css-13o428a { - margin: 10px 0px 0px; -} - -/*Welcome to Grafana*/ -.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; -} - - -/* 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% -} - - -/*PANEL EDIT*/ - -.css-cxwxzk-Label-description, -.css-n370st { - color: #eee; -} - -.css-10pj50r, -.css-15rfc12 { - background: rgb(0 0 0 / 50%); -} - -/*Header*/ -.css-1marj6o { - 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; -} - -/*Query box*/ -.css-hz0utb { - background: rgba(0, 0, 0, .35); - border-right: 1px solid rgba(0, 0, 0, 0); -} - -.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; -} - -.css-1awj6q7-counter { - background-color: rgba(0, 0, 0, .5); - color: rgb(255, 255, 255); -} - -/*Transform tab*/ -.css-y2f54e { - background: rgba(0, 0, 0, .25); -} - -.css-y2f54e:hover { - background: rgba(0, 0, 0, .35); -} - -.css-1e8invk::before { - background: rgba(0, 0, 0, .35) !important; -} - -/* Right side menu*/ -.css-1xj5tuf { - 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); -} - -/*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 label { - background: white; -} - -/*Visualization*/ -.css-1lemfi9 { - background: rgba(0, 0, 0, .25); - border-color: transparent; -} - -.css-1fsv7gr:hover>div:first-child { - border-color: rgb(var(--accent-color)); -} - -.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 { - 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%; -} - -/*Buttons*/ -.css-m58wdd:hover { - color: rgba(255, 255, 255, .94); - z-index: 2; - border-width: 1px; - border-style: solid; - border-color: rgba(255, 255, 255, .1); - border-image: initial; - background: rgba(255, 255, 255, .15) -} - -.css-m58wdd { - color: rgba(255, 255, 255, .94); - z-index: 2; - border-width: 1px; - border-style: solid; - border-color: rgba(255, 255, 255, 0); - border-image: initial; - background: rgba(255, 255, 255, .08) -} - -input:checked+.gf-form-switch__slider { - background: rgb(var(--accent-color)); -} - -/* RuPaul Drag Line*/ -.css-pii3u7:hover { - border-color: rgba(255, 255, 255, .25); -} - -.css-1t13ra6 { - border-color: rgba(255, 255, 255, .09); -} - -.css-1t13ra6:hover { - 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 { - 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; -} - -.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)); -} - -/* Variables*/ -.filter-table--hover tbody tr:hover { - background: hsla(0, 0%, 100%, .15); -} - -.filter-table tbody tr:nth-child(odd):hover { - 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 +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}.preloader,.theme-dark,.theme-light{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)}#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,div>aria-label>span{color:var(--text-hover)!important}p{color:var(--text)}.page-header-canvas,.page-toolbar[class*=css-]{background:rgba(0,0,0,.25)!important;box-shadow:none!important;border-bottom:none!important}.main-view{background:linear-gradient(180deg,#ffffff00 10px,#ffffff00 100px)!important}.no-overlay-scrollbar ::-webkit-scrollbar-thumb:vertical{min-height:50px;border:3px solid transparent;border-radius:8px;background:hsla(0,0%,100%,.2)!important}.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}.variable-value-dropdown.single .selected{background-color:rgba(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%}.time-picker-popover{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,.25)}.time-picker-calendar .react-calendar__month-view__weekdays{background-color:rgba(0,0,0,.6)}.time-picker-calendar .react-calendar__tile--active,.time-picker-calendar .react-calendar__tile--active:hover{background:rgba(255,255,255,.08);border:1px solid transparent}.time-picker-calendar .time-picker-calendar-tile:hover{-webkit-box-shadow:0 0 4px rgba(255,255,255,.08);box-shadow:0 0 4px #ffffff00;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08)}.time-picker-calendar .react-calendar__month-view__days{background-color:rgba(0,0,0,.15)}.time-picker-calendar .time-picker-calendar-tile{border-radius:0}.time-picker-calendar{border:1px solid #00000000}.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:#fff!important}.login-branding{border-right:none!important}.card-item{background:rgba(0,0,0,.25)!important}.card-item:hover{background:hsla(0,0%,100%,.08)!important}.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{background:rgba(0,0,0,.25)!important}.filter-table tbody tr:nth-child(odd){background:hsla(0,0%,100%,.08)!important}.cta-form{background-color:rgba(0,0,0,.25)!important}.empty-list-cta{background-color:rgba(0,0,0,.25)!important}.layout-selector button{background:rgba(0,0,0,.25);color:#fff}.layout-selector button.active{background-color:rgba(0,0,0,.45);color:#fff}.css-1ph0cdx-call-to-action-card{background:rgba(0,0,0,.25)!important}.grafana-info-box{background-color:rgba(0,0,0,.45)}.sidemenu,.sidemenu-open{background:rgba(0,0,0,.25)!important}.sidemenu__logo:hover{background:rgba(0,0,0,.25)!important}.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}#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,.dropdown-menu--menu,.dropdown-menu--navbar,.dropdown-menu--sidemenu,.side-menu-header{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{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,.25)!important;color:var(--text-hover)!important}.dropdown-menu>li>a{color:var(--text)!important}.dropdown-menu-item-shortcut{color:var(--text)!important}.dropdown-menu{border:1px solid transparent}.dropdown-submenu:hover>a{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{color:#fff;opacity:1}.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}.search-container{left:0!important}.navbar-page-btn{color:#fff!important}.css-1m7hyr,.css-n9566h{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}.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}.search-filter-box__header{border-bottom:1px solid rgba(255,255,255,.2)}.dashboard-row--collapsed{background:rgba(0,0,0,.25)}.search-section{background:rgba(255,255,255,.08);border:none}.search-item{background:rgba(0,0,0,.15)}.search-item.selected,.search-item:hover{background:rgba(0,0,0,.25)}.search-section__header{color:#fff!important}.navbar-page-btn__folder{color:#d8d9da}.panel-in-fullscreen .navbar{background:linear-gradient(90deg,rgba(0,0,0,.15),rgba(0,0,0,.25))!important}.search-field-wrapper>input{height:55px!important}.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,.25))!important}.navbar-button--primary{border-color:#ffffff00!important}.dashboard-settings__aside-header{color:#fff!important}.dashboard-settings__nav-item{color:#fff!important}.bootstrap-tagsinput{background-color:#09090b!important}.gf-form-switch--table-cell{background-color:transparent!important}.gf-form-select-wrapper{background-color:hsla(0,0%,100%,.08)!important}.dashboard-settings__nav-item.active{background:rgba(255,255,255,.08)}.gf-form-checkbox{background:rgba(0,0,0,.25);border:none}.gf-form-switch__checkbox{border:none;background:#fff}.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}.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%)}.filter-table td.filter-table__switch-cell{border-right:none}.gf-form-label--variable,.template-variable{color:rgb(var(--accent-color))!important}.gf-form-label{background:rgba(0,0,0,.25)!important;border:none!important}.gf-form-label>button[class*=css-]{background:0 0!important}.gf-form-label--btn:hover{background:rgba(0,0,0,.45)!important}.variable-option.highlighted,.variable-option:hover{background-color:hsla(0,0%,100%,.1)!important}.variable-value-link{padding:7.4px 10px!important;background-color:rgba(0,0,0,.25)!important;border:none!important;color:#fff!important}.gf-form-input{color:#fff!important;border:none!important}.gf-form-input:focus{color:#fff!important;box-shadow:none!important}.gf-form-select-box-button-select{background:0 0;border:none}.gf-form-select-wrapper .gf-form-select-icon+.gf-form-input option{color:#fff;background:#1f1f1f}.css-0>.gf-form-input{background-color:transparent!important}.navbar-button{color:#fff!important;background-color:rgba(0,0,0,.25)!important;background-image:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.25))!important;border:none!important}.gf-timepicker-absolute-section select{background-color:#393a3b!important}.panel-container{background-color:rgba(0,0,0,.25);border:transparent;box-shadow:none!important}.panel-container--transparent,.panel-container.panel-transparent{background-color:transparent;border:transparent}.panel-header:hover{background-color:rgba(0,0,0,.25)!important}.panel-title-text:hover{color:var(--text-hover)}.graph-legend-table .graph-legend-series:nth-child(2n),.graph-legend-table .graph-legend-series:nth-child(odd){background:0 0!important}div.flot-text{color:#fff!important}.panel-loading{color:#fff!important}.theme-dark .react-grid-item>.react-resizable-handle:after{border-right:2px solid #fff!important;border-bottom:2px solid #fff!important}.table-panel-container{background-color:rgba(0,0,0,.25)!important}.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,.25);border-top:2px solid transparent;border-bottom:2px solid transparent}.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 / .08)}.css-3o5ryu{background:rgb(0 0 0 / 45%)}.css-1n8kpcb-activeTabStyle,.css-dnqfjg-activeTabStyle{background:rgb(0 0 0 / 35%)}.css-1n8kpcb-activeTabStyle::before,.css-dnqfjg-activeTabStyle::before{background:rgb(var(--accent-color))}[aria-label="Panel editor content"]{background:var(--main-bg-color)}#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-ld7ft6,.css-v2fjpc,div>.scrollbar-view>div>[class*=css-]{background:rgba(0,0,0,.25)!important}.tabbed-view-header{box-shadow:none;background:rgba(0,0,0,.25);border-bottom:none}.tabbed-view-panel-title{padding-left:10px}.panel-editor__right,.toolbar{background:rgba(0,0,0,.25)}.query-editor-row__header{background:rgba(0,0,0,.25)}.query-editor-row__body{background:rgba(0,0,0,.15)}.panel-options-group{background:rgba(0,0,0,.15)}.gf-form-switch{background:rgba(0,0,0,.25);border:transparent}.viz-picker__item{background:rgba(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,.4)!important}.viz-picker__item:hover{box-shadow:0 0 6px #eb7b18!important;background:rgba(0,0,0,.4);border:1px solid #eb7b18!important}.panel-options-group__header{background:rgba(0,0,0,.25)}.custom-scrollbar .thumb-horizontal,.custom-scrollbar .thumb-vertical{background-color:rgba(255,255,255,0);background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.25)),to(rgba(255,255,255,.25)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.25),rgba(255,255,255,.25));background-image:-o-linear-gradient(top,#404357,#424345);background-image:linear-gradient(180deg,rgba(249,249,249,.25),rgba(251,251,251,.25))}.toolbar__main{color:#fff;background-color:rgba(0,0,0,.15);border:transparent}.leaflet-bar a,.leaflet-bar a:hover{background-color:#1f1f1f!important;border-bottom:1px solid #1f1f1f!important;color:#fff!important}.leaflet-bar a:hover{background-color:#1b1b1b!important}.leaflet-control-attribution{display:none}.btn-inverse{background:rgba(0,0,0,.25);-webkit-box-shadow:0 0 5px 1px hsla(0,0%,0%,.45),1px 1px 0 0 rgba(0,0,0,.3);box-shadow:0 0 5px 1px hsla(0,0%,0%,.45),1px 1px 0 0 rgba(0,0,0,.3)}.btn-primary,.btn-success{-webkit-box-shadow:0 0 5px 1px hsla(0,0%,0%,.45),1px 1px 0 0 rgba(0,0,0,.3);box-shadow:0 0 5px 1px hsla(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]{background-color:rgba(255,255,255,.08)}.add-panel__item{background:linear-gradient(135deg,rgba(0,0,0,0),rgba(0,0,0,.25));box-shadow:-1px -1px 0 0 hsla(0,0%,100%,.1),1px 1px 0 0 transparent}.add-panel__item.active,.add-panel__item:hover{background:linear-gradient(135deg,rgba(0,0,0,.25),rgba(0,0,0,.25))}.add-panel__header{background:rgba(0,0,0,.25);box-shadow:none;border-bottom:0}.query-transaction{color:#fff}.query-type-toggle .btn.active{background-color:rgba(0,0,0,.45);border:none;border-radius:3px}.toggle-button-group .btn{background-color:rgba(0,0,0,.25);background-image:none;border-color:#00000000;border-radius:3px!important;border-right:1px}.toggle-button-group .btn:hover{background-color:rgba(0,0,0,.45)}.logs-panel-options{background-color:transparent;border:none}.gf-code-dark{background-color:rgba(0,0,0,.25);color:#e0e0e0}.gf-code-editor.ace_editor{border:none}.css-1z13zsv-modalHeader,.modal-header{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;-webkit-box-shadow:none;box-shadow:none;border-bottom:1px solid #d8d9da;color:#eee}.css-111908g,.modal-body{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;color:#eee}.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:0 0}#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}.btn-primary,.gf-form-button-row a,.gf-form-button-row button,.page-action-bar>a,.page-action-bar>button,button.toolbar-button,button[class$="-button"]:not(button[aria-label=toggle-viz-picker]){background:var(--button-color)!important;background-color:var(--button-color)!important;border-color:var(--button-color)!important;color:var(--button-text)!important}.btn-primary:hover,.gf-form-button-row a,.gf-form-button-row button:hover,button[class$="-button"]:active,button[class$="-button"]:focus,button[class$="-button"]:hover{color:#fff;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: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:0;-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}.css-1bjepp-input-input:focus{box-shadow:none!important;background-color:#fff;color:#000;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-1w5c5dq-input-inputWrapper input:not(:last-child){height:100%}.css-1bjepp-input-input:disabled{background-color:rgba(0,0,0,.5);color:#9fa7b3}.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-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) 0 0 0 2px,rgba(31,97,196,0) 0 0 0 4px!important;z-index:3;outline:transparent dotted 2px;transition:all .2s cubic-bezier(.19, 1, .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) 0 0 0 2px,rgba(31,97,196,0) 0 0 0 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}.css-y0yg3l{background:rgba(0,0,0,.25)!important;border-color:transparent}.css-1je3bh6{background:0 0;border-bottom:1px solid transparent}.css-1umfglk{background:rgba(0,0,0,.25)}.css-1umfglk:hover{background:rgba(0,0,0,.35)}.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}.css-1ow9mne-input-input{box-shadow:none!important;background-color:#fff;color:#000;transition:background-color .2s;-webkit-transition:background-color .2s;height:38px;border-radius:3px}.css-13o428a{margin:10px 0 0}.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}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%}.css-cxwxzk-Label-description,.css-n370st{color:#eee}.css-10pj50r,.css-15rfc12{background:rgb(0 0 0 / 50%)}.css-1marj6o{display:flex;-webkit-box-pack:justify;justify-content:space-between;padding:8px;background:0 0;border-bottom:1px solid transparent}.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}.css-hz0utb{background:rgba(0,0,0,.35);border-right:1px solid transparent}.css-fpnw35,.css-wvxxxy,.query-keyword{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:#d8d9da;cursor:default;list-style:none;padding:11px 15px 9px;border-style:solid;border-image:initial;border-width:0 1px 1px;border-radius:3px 3px 0 0;border-color:transparent!important;background:rgba(0,0,0,.5);overflow:hidden}.css-1awj6q7-counter{background-color:rgba(0,0,0,.5);color:#fff}.css-y2f54e{background:rgba(0,0,0,.25)}.css-y2f54e:hover{background:rgba(0,0,0,.35)}.css-1e8invk::before{background:rgba(0,0,0,.35)!important}.css-1xj5tuf{background:rgba(0,0,0,.35);border-left:1px solid transparent}.css-1majipf{border-bottom:1px solid rgba(255,255,255,.08)}.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 label{background:#fff}.css-1lemfi9{background:rgba(0,0,0,.25);border-color:transparent}.css-1fsv7gr:hover>div:first-child{border-color:rgb(var(--accent-color))}.css-1emhacm-currentVisualizationItem>div:first-child{outline-offset:2px;box-shadow:#141619 0 0 0 2px,rgb(var(--accent-color)) 0 0 0 4px}.css-mgq0xs-currentVisualizationItem>div:first-child{outline:transparent dotted 2px;outline-offset:1px;box-shadow:rgb(var(--accent-color)) 0 0 0 2px,#607d8b 0 0 0 2px;transition:all .2s cubic-bezier(.19, 1, .22, 1) 0s}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%}.css-m58wdd:hover{color:rgba(255,255,255,.94);z-index:2;border-width:1px;border-style:solid;border-color:rgba(255,255,255,.1);border-image:initial;background:rgba(255,255,255,.15)}.css-m58wdd{color:rgba(255,255,255,.94);z-index:2;border-width:1px;border-style:solid;border-color:rgba(255,255,255,0);border-image:initial;background:rgba(255,255,255,.08)}input:checked+.gf-form-switch__slider{background:rgb(var(--accent-color))}.css-pii3u7:hover{border-color:rgba(255,255,255,.25)}.css-1t13ra6{border-color:rgba(255,255,255,.09)}.css-1t13ra6:hover{border-color:rgba(255,255,255,.25)}.css-1w9m9al-call-to-action-card{background:rgba(0,0,0,.25)}.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}.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))}.filter-table--hover tbody tr:hover{background:hsla(0,0%,100%,.15)}.filter-table tbody tr:nth-child(odd):hover{background:hsla(0,0%,100%,.15)!important}::placeholder{color:#fff!important}:-ms-input-placeholder{color:#fff!important}::-webkit-input-placeholder{color:#fff!important} diff --git a/CSS/themes/guacamole/guacamole-base.css b/CSS/themes/guacamole/guacamole-base.css index fa825171..6ebf2f44 100644 --- a/CSS/themes/guacamole/guacamole-base.css +++ b/CSS/themes/guacamole/guacamole-base.css @@ -1,642 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ - - -* { - outline: none !important; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - color: var(--text-hover); -} - -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; -} - -input::-webkit-input-placeholder { - color: var(--text) !important; -} - -input:focus::-webkit-input-placeholder { - color: var(--text-hover) !important; -} - -/* Firefox < 19 */ -input:-moz-placeholder { - color: var(--text) !important; -} - -input:focus:-moz-placeholder { - color: var(--text-hover) !important; -} - -/* Firefox > 19 */ -input::-moz-placeholder { - color: var(--text) !important; -} - -input:focus::-moz-placeholder { - color: var(--text-hover) !important; -} - -/* Internet Explorer 10 */ -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 { - 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 { - 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 { - 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; - background-position: .25em center !important; - padding: .5em !important; - padding-left: 2.25em !important; - width: 100%; - 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 { - 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; - 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: none; -} - -.menu-content, -.menu-content .header, -.menu-body { - 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; -} - -.clipboard, -.clipboard-service-target { - background: rgba(0, 0, 0, 0.25); - color: white; -} - -/* NOTIFICATION BOX */ -.notification.error { - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: white; -} - -.notification { - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: white; -} - -/* SETTINGS */ -.page-tabs .page-list li a[href]:visited { - color: white; -} - -.page-tabs .page-list li a[href] { - color: white; -} - -.page-tabs .page-list li a[href]:hover { - background-color: rgba(0, 0, 0, 0.25); -} - -.user a:visited, -.connection a:visited, -.connection-group a:visited { - text-decoration: none; - color: var(--link-color); -} - -.user a:hover, -.user-group a:hover, -.connection a:hover, -.connection-group a:hover, -a.ng-binding:hover:not(.add-user):not(.button) { - color: var(--link-color-hover) !important; -} - -.user a, -.connection a, -.connection-group a, -a.ng-binding:not(.add-user):not(.button) { - text-decoration: none; - color: var(--link-color); -} - -div.location, -input[type=text], -input[type=email], -input[type=number], -input[type=password], -textarea { - border: 0; - background: rgba(0, 0, 0, .25); -} - -.location-chooser .dropdown { - background: #666; -} - -/* USER SETTINGS */ -.page-tabs .page-list li a[href], -.section-tabs li a { - color: var(--text) !important; -} - -.page-tabs .page-list li a[href].current, -.page-tabs .page-list li a[href].current:hover, -.section-tabs li a.current, -.section-tabs li a.current:hover { - background: rgba(0, 0, 0, 0.25); - cursor: default; - color: rgb(var(--accent-color)) !important; -} - -.page-tabs .page-list li a[href]:hover, -.section-tabs li a:hover { - background-color: hsla(0, 0%, 100%, 0.07); - color: var(--text-hover) !important; -} - -.manage-user .page-tabs .page-list li.linked a[href]:before { - background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/checkmark.png); -} - -.manage-user .page-tabs .page-list li.read-only a[href]:before { - background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/lock.png); -} - -.manage-user .notice.read-only { - background: hsla(0, 0%, 100%, 0.07); -} - -/* DUA 2FA PAGE */ -.duo-signature-response-field { - background: var(--modal-bg-color) !important; - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; -} - -.base-wrapper { - border: 1px solid transparent !important; - background: var(--modal-bg-color) !important; - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; -} - -.base-body { - background-color: #333 !important; -} - -h1.spacious-frame-view { - color: var(--text-hover) !important; -} - -@media screen and (-webkit-max-device-pixel-ratio: 1.25), -screen and (max-resolution: 120dpi) { - - h1, - .h1 { - color: var(--text-hover) !important; - } -} - -.white-wrapper { - background-color: #333 !important; - color: var(--text) !important; -} - -form:not(.inline) fieldset { - background-color: #333 !important; -} - -label span { - color: white !important; -} - -input[type=radio] { - border: 1px solid var(--text-hover) !important; -} - -/* Connection */ - -#connection-warning { - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: var(--text); -} - -/* File Transfer */ -#file-transfer-dialog .transfer-manager { - background: var(--modal-bg-color); - 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; -} - -.transfer.error { - background: rgba(244, 67, 54, 0.5); -} - -.transfer-manager .header h2 { - background-color: transparent; -} - -.transfer .in-progress .progress { - 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; -} - -.related-objects .abbreviated-related-objects ul li { - display: inline-block; - margin: .25em; - padding: .25em; - 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 +*{outline:0!important}h1,h2,h3,h4,h5,h6{color:var(--text-hover)}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}input::-webkit-input-placeholder{color:var(--text)!important}input:focus::-webkit-input-placeholder{color:var(--text-hover)!important}input:-moz-placeholder{color:var(--text)!important}input:focus:-moz-placeholder{color:var(--text-hover)!important}input::-moz-placeholder{color:var(--text)!important}input:focus::-moz-placeholder{color:var(--text-hover)!important}input:-ms-input-placeholder{color:var(--text)!important}input:focus:-ms-input-placeholder{color:var(--text-hover)!important}@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}div.login-ui{background:inherit}.login-ui div.login-dialog{background:rgba(0,0,0,.25);border:none}a.button,button,input[type=submit]{background-color:var(--button-color);border:none;outline:0}a.button:hover,button:hover,input[type=submit]:hover{background-color:var(--button-color-hover);border:none;cursor:pointer}.login-ui .login-fields .labeled-field input:focus{background:rgba(0,0,0,.45)!important;outline:0}.login-ui .login-fields .labeled-field.empty input{background:rgba(0,0,0,.25)!important;outline:0}.login-ui .login-fields .labeled-field.empty input:focus{background:rgba(0,0,0,.45)!important;outline:0}.login-ui .login-dialog .login-fields input{background-color:rgba(0,0,0,.45)!important}div.location,input[type=email],input[type=number],input[type=password],input[type=text],textarea{color:#fff!important;background:rgba(0,0,0,.25)!important}input[type=checkbox],input[type=email],input[type=number],input[type=radio],input[type=text],textarea{color:var(--text-hover)!important;background:0 0}.header h2{color:var(--text-hover);background-color:rgba(0,0,0,.25)}.connection .icon.rdp,.connection .icon.vnc{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/connections"],.user-menu .menu-dropdown .menu-contents li a[href="#/settings/preferences"],.user-menu .menu-dropdown .menu-contents li a[href="#/settings/sessions"],.user-menu .menu-dropdown .menu-contents li a[href="#/settings/users"]{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 td,table.sorted th{border:1px solid rgb(255 255 255 / 15%)}.settings table.session-list tr.session:hover{background:rgba(255,255,255,.15)}.menu-dropdown.open,.menu-dropdown.open:hover{background:rgba(0,0,0,.25)}.menu-dropdown{border-left:none;background:rgba(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,.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,.125);background-color:transparent;color:var(--text-hover)}.header .filter{background-color:rgba(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;background-position:.25em center!important;padding:.5em!important;padding-left:2.25em!important;width:100%;max-width:none;background-color:rgba(0,0,0,.25);border:0}div.location,input[type=email],input[type=number],input[type=password],input[type=text],textarea{color:var(--text-hover)}.connection a:visited,.connection-group a:visited,.user a:visited{text-decoration:none;color:var(--link-color-hover)}.recent-connections .connection:hover{background:hsla(0,0%,100%,.08);color:var(--link-color-hover)}.list-item:not(.selected) .caption:hover{background:hsla(0,0%,100%,.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)}.menu,.menu .header{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;box-shadow:none}.menu-body,.menu-content,.menu-content .header{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}.clipboard,.clipboard-service-target{background:rgba(0,0,0,.25);color:#fff}.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:#fff}.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:#fff}.page-tabs .page-list li a[href]:visited{color:#fff}.page-tabs .page-list li a[href]{color:#fff}.page-tabs .page-list li a[href]:hover{background-color:rgba(0,0,0,.25)}.connection a:visited,.connection-group a:visited,.user a:visited{text-decoration:none;color:var(--link-color)}.connection a:hover,.connection-group a:hover,.user a:hover,.user-group a:hover,a.ng-binding:hover:not(.add-user):not(.button){color:var(--link-color-hover)!important}.connection a,.connection-group a,.user a,a.ng-binding:not(.add-user):not(.button){text-decoration:none;color:var(--link-color)}div.location,input[type=email],input[type=number],input[type=password],input[type=text],textarea{border:0;background:rgba(0,0,0,.25)}.location-chooser .dropdown{background:#666}.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,.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%,.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%,.07)}.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:#fff!important}input[type=radio]{border:1px solid var(--text-hover)!important}#connection-warning{background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;color:var(--text)}#file-transfer-dialog .transfer-manager{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}.transfer.error{background:rgba(244,67,54,.5)}.transfer-manager .header h2{background-color:transparent}.transfer .in-progress .progress{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}.related-objects .abbreviated-related-objects ul li{display:inline-block;margin:.25em;padding:.25em;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} diff --git a/CSS/themes/jackett/jackett-base.css b/CSS/themes/jackett/jackett-base.css index 4a153e69..5dd26ba9 100644 --- a/CSS/themes/jackett/jackett-base.css +++ b/CSS/themes/jackett/jackett-base.css @@ -1,441 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ -* { - outline: none !important; -} - -body { - background-repeat: repeat; - background: var(--main-bg-color) !important; - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: var(--text); -} - -h1, -h2, -h3, -h4, -h5, -h6, -#header-title { - color: var(--text-hover); -} - -hr { - border-top-color: rgb(var(--accent-color), .25); -} - -/* 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; -} - -.dataTables_wrapper .dataTables_length, -.dataTables_wrapper .dataTables_filter, -.dataTables_wrapper .dataTables_info, -.dataTables_wrapper .dataTables_processing, -.dataTables_wrapper .dataTables_paginate, -.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, -.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, -.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { - color: #fff; -} - -.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, -.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, -.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { - color: #fff !important; - background-color: rgba(255, 255, 255, 0.15); -} - - -.dataTables_wrapper .dataTables_paginate .paginate_button.current, -.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, -.dataTables_wrapper .dataTables_paginate .paginate_button.current:active, -.dataTables_wrapper .dataTables_paginate .paginate_button:active { - color: var(--button-text-hover) !important; - border: 1px solid var(--button-color-hover) !important; - background-color: var(--button-color-hover) !important; - background: var(--button-color-hover) !important; - box-shadow: inset 0 0 3px var(--button-color-hover); -} - -.dataTables_wrapper .dataTables_paginate .paginate_button { - color: var(--button-text) !important; - border: 1px solid transparent; - background: rgba(255, 255, 255, 0.15); -} - -.dataTables_wrapper .dataTables_paginate .paginate_button:hover { - color: var(--button-text-hover) !important; - border: 1px solid var(--button-color-hover) !important; - background-color: var(--button-color-hover) !important; - background: var(--button-color-hover) !important; -} - - -a { - color: var(--link-color); -} - -a:focus, -a:hover { - color: var(--link-color-hover); -} - -.dataTables_wrapper .dataTables_filter input { - background: rgba(255, 255, 255, 0.08); - border: none; - outline: none; - color: #fff; -} - -table.dataTable.cell-border tbody tr:first-child th, -table.dataTable.cell-border tbody tr:first-child td { - border-top: none; -} - -table.dataTable.cell-border tbody tr th:first-child, -table.dataTable.cell-border tbody tr td:first-child { - border-left: none; -} - -table.dataTable.cell-border tbody th, -table.dataTable.cell-border tbody td { - border-top: 1px solid #ddd0; - border-right: 1px solid #0000; -} - -button, -input, -textarea { - background: rgba(0, 0, 0, 0.25); - border: none; - outline: none; -} - - -#page { - background-color: rgba(0, 0, 0, 0.25); -} - -table.dataTable.stripe tbody tr.odd, -table.dataTable.display tbody tr.odd { - background-color: transparent; -} - -table.dataTable.hover tbody tr:hover, -table.dataTable.display tbody tr:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -table.dataTable tbody tr { - background-color: transparent; -} - -table.dataTable tfoot th, -table.dataTable tfoot td { - border-top: 1px solid #0000; -} - -table.dataTable thead th, -table.dataTable thead td { - border-bottom: 1px solid #0000; -} - -.form-control { - color: var(--text-hover); - background-color: rgba(0, 0, 0, 0.25); - border: 1px solid #ccc0; - -} - -select { - background: rgba(0, 0, 0, 0.25); - color: var(--text) !important; - border: 1px solid rgba(0, 0, 0, 0) !important; - -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); - box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); - height: 26px; - padding: 0 8px; - border-radius: 4px; -} - -select:focus { - background: #1f1f1f !important; - color: var(--text) !important; - border: 1px solid #1f1f1f !important; - -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); -} - -.form-control:focus:not([checked="checked"]) { - border-color: rgb(var(--accent-color)); - outline: 0; - -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(var(--accent-color), .6); - box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(var(--accent-color), .6); -} - -.form-control[disabled], -.form-control[readonly], -fieldset[disabled] .form-control { - background-color: rgba(0, 0, 0, 0.25); -} - -.dataTables_length select, -.dataTables_filter input, -.dataTable.compact tfoot td select { - background: rgba(0, 0, 0, 0.25); - border: 1px solid rgba(204, 204, 204, 0); -} - -#footer { - color: rgb(var(--accent-color)); -} - -.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-content { - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; -} - -.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)); -} - -.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:focus, -.dropdown-menu>li>a:hover { - color: var(--text-hover); - background-color: rgba(255, 255, 255, 0.08); -} - -.dropdown-menu>.active>a, -.dropdown-menu>.active>a:focus, -.dropdown-menu>.active>a:hover { - color: var(--text-hover); - text-decoration: none; - background-color: rgba(255, 255, 255, 0.15); - outline: 0; -} - -.close { - color: #fff; -} - -.btn-default { - color: var(--button-text); - background-color: var(--button-color); - border-color: var(--button-color); -} - -.btn-default.active, -.btn-default.focus, -.btn-default:active, -.btn-default:focus, -.btn-default:hover, -.open>.dropdown-toggle.btn-default { - color: var(--button-text-hover); - background-color: var(--button-color-hover); - border-color: var(--button-color-hover); -} - -.btn-primary { - color: var(--button-text); - background-color: var(--button-color); - border-color: var(--button-color); -} - -.btn-primary.active, -.btn-primary.focus, -.btn-primary:active, -.btn-primary:focus, -.btn-primary:hover, -.open>.dropdown-toggle.btn-primary { - color: var(--button-text-hover); - background-color: var(--button-color-hover); - border-color: var(--button-color-hover); -} - -.btn-primary.active, -.btn-primary:active, -.open>.dropdown-toggle.btn-primary { - background-image: none -} - -.btn-primary.disabled, -.btn-primary.disabled.active, -.btn-primary.disabled.focus, -.btn-primary.disabled:active, -.btn-primary.disabled:focus, -.btn-primary.disabled:hover, -.btn-primary[disabled], -.btn-primary[disabled].active, -.btn-primary[disabled].focus, -.btn-primary[disabled]:active, -.btn-primary[disabled]:focus, -.btn-primary[disabled]:hover, -fieldset[disabled] .btn-primary, -fieldset[disabled] .btn-primary.active, -fieldset[disabled] .btn-primary.focus, -fieldset[disabled] .btn-primary:active, -fieldset[disabled] .btn-primary:focus, -fieldset[disabled] .btn-primary:hover { - background-color: hsla(0, 0%, 100%, 0.35); - border-color: hsla(0, 0%, 100%, 0.35); -} - -.btn-primary .badge { - color: var(--label-text-color); - background-color: rgb(var(--accent-color)); -} - -#page>form>div:nth-child(2)>input[type=submit] { - padding: 5px 10px; - font-size: 12px; - line-height: 1.5; - border-radius: 3px; - color: var(--button-text); - background-color: var(--button-color); - border-color: var(--button-color); -} - -#page>form>div:nth-child(2)>input[type=submit]:hover, -#page>form>div:nth-child(2)>input[type=submit]:focus { - color: var(--button-text-hover); - background-color: var(--button-color-hover); - border-color: var(--button-color-hover); -} - -.input-group-addon { - color: #fff; - background-color: rgba(0, 0, 0, 0.25); - border: 1px solid #0000; - -} - -.alert-info { - color: #ffffff; - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - border-color: transparent; -} - -pre { - color: var(--text); -} - -.jackettlogWarn, -.jackettlogWarn pre { - background-color: #FFFF8E !important; - color: black !important; -} - -.indexer-caps { - padding: 0 15px 15px 15px; - border-top: 1px solid rgb(var(--accent-color)); -} - -#logo { - filter: invert(1); -} \ No newline at end of file +*{outline:0!important}body{background-repeat:repeat;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)}#header-title,h1,h2,h3,h4,h5,h6{color:var(--text-hover)}hr{border-top-color:rgb(var(--accent-color),.25)}@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}.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_paginate,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_processing{color:#fff}.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover{color:#fff!important;background-color:rgba(255,255,255,.15)}.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:active,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,.dataTables_wrapper .dataTables_paginate .paginate_button:active{color:var(--button-text-hover)!important;border:1px solid var(--button-color-hover)!important;background-color:var(--button-color-hover)!important;background:var(--button-color-hover)!important;box-shadow:inset 0 0 3px var(--button-color-hover)}.dataTables_wrapper .dataTables_paginate .paginate_button{color:var(--button-text)!important;border:1px solid transparent;background:rgba(255,255,255,.15)}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:var(--button-text-hover)!important;border:1px solid var(--button-color-hover)!important;background-color:var(--button-color-hover)!important;background:var(--button-color-hover)!important}a{color:var(--link-color)}a:focus,a:hover{color:var(--link-color-hover)}.dataTables_wrapper .dataTables_filter input{background:rgba(255,255,255,.08);border:none;outline:0;color:#fff}table.dataTable.cell-border tbody tr:first-child td,table.dataTable.cell-border tbody tr:first-child th{border-top:none}table.dataTable.cell-border tbody tr td:first-child,table.dataTable.cell-border tbody tr th:first-child{border-left:none}table.dataTable.cell-border tbody td,table.dataTable.cell-border tbody th{border-top:1px solid #ddd0;border-right:1px solid #0000}button,input,textarea{background:rgba(0,0,0,.25);border:none;outline:0}#page{background-color:rgba(0,0,0,.25)}table.dataTable.display tbody tr.odd,table.dataTable.stripe tbody tr.odd{background-color:transparent}table.dataTable.display tbody tr:hover,table.dataTable.hover tbody tr:hover{background-color:rgba(255,255,255,.08)}table.dataTable tbody tr{background-color:transparent}table.dataTable tfoot td,table.dataTable tfoot th{border-top:1px solid #0000}table.dataTable thead td,table.dataTable thead th{border-bottom:1px solid #0000}.form-control{color:var(--text-hover);background-color:rgba(0,0,0,.25);border:1px solid #ccc0}select{background:rgba(0,0,0,.25);color:var(--text)!important;border:1px solid transparent!important;-webkit-box-shadow:inset 0 1px 1px rgb(0 0 0 / 8%);box-shadow:inset 0 1px 1px rgb(0 0 0 / 8%);height:26px;padding:0 8px;border-radius:4px}select:focus{background:#1f1f1f!important;color:var(--text)!important;border:1px solid #1f1f1f!important;-webkit-box-shadow:inset 0 1px 1px rgb(0 0 0 / 8%)}.form-control:focus:not([checked=checked]){border-color:rgb(var(--accent-color));outline:0;-webkit-box-shadow:inset 0 1px 1px rgb(0 0 0 / 8%),0 0 8px rgb(var(--accent-color),.6);box-shadow:inset 0 1px 1px rgb(0 0 0 / 8%),0 0 8px rgb(var(--accent-color),.6)}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:rgba(0,0,0,.25)}.dataTable.compact tfoot td select,.dataTables_filter input,.dataTables_length select{background:rgba(0,0,0,.25);border:1px solid rgba(204,204,204,0)}#footer{color:rgb(var(--accent-color))}.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-content{background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover}.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))}.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:focus,.dropdown-menu>li>a:hover{color:var(--text-hover);background-color:rgba(255,255,255,.08)}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:var(--text-hover);text-decoration:none;background-color:rgba(255,255,255,.15);outline:0}.close{color:#fff}.btn-default{color:var(--button-text);background-color:var(--button-color);border-color:var(--button-color)}.btn-default.active,.btn-default.focus,.btn-default:active,.btn-default:focus,.btn-default:hover,.open>.dropdown-toggle.btn-default{color:var(--button-text-hover);background-color:var(--button-color-hover);border-color:var(--button-color-hover)}.btn-primary{color:var(--button-text);background-color:var(--button-color);border-color:var(--button-color)}.btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary{color:var(--button-text-hover);background-color:var(--button-color-hover);border-color:var(--button-color-hover)}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:hsla(0,0%,100%,.35);border-color:hsla(0,0%,100%,.35)}.btn-primary .badge{color:var(--label-text-color);background-color:rgb(var(--accent-color))}#page>form>div:nth-child(2)>input[type=submit]{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px;color:var(--button-text);background-color:var(--button-color);border-color:var(--button-color)}#page>form>div:nth-child(2)>input[type=submit]:focus,#page>form>div:nth-child(2)>input[type=submit]:hover{color:var(--button-text-hover);background-color:var(--button-color-hover);border-color:var(--button-color-hover)}.input-group-addon{color:#fff;background-color:rgba(0,0,0,.25);border:1px solid #0000}.alert-info{color:#fff;background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;border-color:transparent}pre{color:var(--text)}.jackettlogWarn,.jackettlogWarn pre{background-color:#ffff8e!important;color:#000!important}.indexer-caps{padding:0 15px 15px 15px;border-top:1px solid rgb(var(--accent-color))}#logo{filter:invert(1)} diff --git a/CSS/themes/jellyfin/jellyfin-base.css b/CSS/themes/jellyfin/jellyfin-base.css index a370918b..97656bd1 100644 --- a/CSS/themes/jellyfin/jellyfin-base.css +++ b/CSS/themes/jellyfin/jellyfin-base.css @@ -1,875 +1 @@ -/*TP CUSTOM */ -h1, -h2, -h3, -h4, -h5, -h6, -.inputLabel { - color: var(--text-hover); -} - -a:not(.emby-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, -.emby-linkbutton>a:hover { - color: var(--link-color-hover) !important; -} - -/*TP END*/ - -html { - color: var(--theme-text-color); - scrollbar-color: var(--scrollbar-thumb-background) transparent -} - -.emby-collapsible-button { - border-color: var(--line-background) !important -} - -.skinHeader-withBackground.skinHeader-withfulldrawer { - border-bottom: .08em solid var(--line-background) -} - -.skinHeader-withBackground { - background: var(--header-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; -} - -.appfooter, -.formDialogFooter:not(.formDialogFooter-clear) { - background: var(--footer-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; -} - -.formDialogHeader:not(.formDialogHeader-clear) { - 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; -} - -.dialog { - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; -} - -@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { - .skinHeader-withBackground { - background: var(--header-blur-background); - -webkit-backdrop-filter: saturate(1.8) blur(1.5em); - backdrop-filter: saturate(1.8) blur(1.5em) - } - - .appfooter-withbackdropfilter { - background: var(--footer-blur-background); - -webkit-backdrop-filter: saturate(1.8) blur(1.5em); - backdrop-filter: saturate(1.8) blur(1.5em) - } -} - -.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; - border-bottom: 0; - color: rgba(255, 255, 255, .87) -} - - -.backgroundContainer, -html { - 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; -} - -.backgroundContainer.withBackdrop { - background-color: rgba(0, 0, 0, .83) -} - -@media not all and (min-width: 50em) { - .itemBackgroundContainer.withBackdrop { - 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; - } -} - -.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)); - background-color: var(--theme-icon-focus-background) - } -} - -.fab, -.raised { - background: var(--button-background); - color: var(--theme-text-color) -} - -.detailButton-icon { - background: none !important; - border-color: rgba(255, 255, 255, .3) -} - -.emby-select-withcolor { - color: inherit; - background: rgba(0, 0, 0, 0.25); - border: var(--line-size) solid transparent -} - -.toast { - background: var(--button-background); - color: var(--theme-text-color) -} - -.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); - -webkit-backdrop-filter: saturate(1.8) blur(1.5em); - backdrop-filter: saturate(1.8) blur(1.5em) - } - - .dialog-blur, - .toast { - color: #fff; - 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 - } - - .toast-large { - color: rgba(255, 255, 255, .87) - } -} - -.fab:focus, -.raised:focus { - background: var(--button-color-hover); - color: var(--button-text-hover); -} - -.button-submit:not(.emby-button-tv) { - background: var(--button-color); - color: var(--button-text) -} - -.button-submit:not(.emby-button-tv):focus { - background: var(--button-color-hover); - color: var(--button-text-hover) -} - -.emby-select-withcolor>option { - color: inherit; - background: var(--button-background) -} - -.emby-select-withcolor:focus { - 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 -} - -.checkboxLabel { - color: inherit -} - -.emby-checkbox-focusring:focus:before { - background-color: var(--theme-icon-focus-background) -} - -.inputLabelFocused, -.selectLabelFocused, -.textareaLabelFocused { - color: rgb(var(--accent-color)) -} - -.button-link { - color: var(--link-color) !important; -} - -.button-link:hover { - color: var(--link-color-hover) !important; -} - -.button-flat-accent { - color: rgb(var(--accent-color)) -} - -.paperList, -.visualCardBox { - background-color: var(--card-background) -} - -.collapseContent { - border: var(--line-size) solid var(--line-background) -} - -.fieldDescription, -.listItemBodyText-secondary, -.secondaryText { - color: var(--theme-body-secondary-text-color) -} - -.cardText-secondary { - color: var(--text) -} - -.cardText-first { - color: var(--theme-text-color-opaque) -} - -.actionsheetDivider { - background: var(--line-background) -} - -@media(hover: hover) and (pointer:fine) { - .actionSheetMenuItem:hover { - background-color: rgba(255, 255, 255, .2); - color: var(--text-hover); - } -} - -.selectionCommandsPanel { - background: rgb(rgb(var(--theme-primary-color))); - color: var(--label-text-color); -} - -.itemSelectionCount { - color: var(--label-text-color) !important; - -} - -.upNextDialog-countdownText { - color: rgb(var(--theme-primary-color)) -} - -.alphaPickerButton { - color: var(--theme-body-secondary-text-color); - background-color: transparent -} - -.alphaPickerButton-selected { - color: var(--theme-text-color-opaque) -} - -.alphaPickerButton-tv:focus { - background-color: rgb(var(--theme-primary-color)); - color: var(--label-text-color) !important -} - -.detailTableBodyRow-shaded:nth-child(even) { - background: #1c1c1c; - background: rgba(30, 30, 30, .9) -} - -.listItem-border { - border-color: var(--line-background) !important -} - -.listItem-focusscale:focus { - background: rgba(54, 54, 54, .8) -} - -.listItemIcon:not(.listItemIcon-transparent) { - background-color: rgb(var(--theme-primary-color)); - color: var(--label-text-color); -} - -.progressring-spiner { - border-color: rgb(var(--theme-primary-color)) -} - -.mediaInfoText { - background: var(--button-background) -} - -.starIcon { - color: #cb272a -} - -.mediaInfoTimerIcon { - color: #cb272a -} - -.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 { - border-color: rgb(var(--theme-primary-color)) -} - -.emby-checkbox:checked+span:before { - border-color: currentColor -} - -.emby-checkbox:checked+span:before { - border-color: rgb(var(--theme-primary-color)) !important; - background-color: rgb(var(--theme-primary-color)) !important; - -} - -.checkboxLabel::after, -.checkboxIcon { - color: var(--label-text-color) !important; -} - -.itemProgressBarForeground { - background-color: rgb(var(--theme-primary-color)) -} - -.itemProgressBarForeground-recording { - background-color: #cb272a -} - -.countIndicator { - background: rgb(var(--theme-primary-color)); - color: var(--label-text-color); -} - -.playedIndicator { - background: rgb(var(--theme-primary-color)) -} - -.mainDrawer { - background: var(--drawer-background) -} - -.drawer-docked { - background: var(--docked-drawer-background); - border-right: var(--line-size) solid var(--line-background) -} - -@media(hover: hover) and (pointer:fine) { - .navMenuOption:hover { - background: #303030 - } -} - -.navMenuOption-selected { - background-color: var(--theme-icon-focus-background) !important; - color: rgb(var(--accent-color)) -} - -.emby-button-focusscale:focus, -.emby-button-focusscale:focus .detailButton-icon { - background: rgb(var(--theme-primary-color)); - color: var(--label-text-color) -} - -.emby-tab-button { - color: var(--theme-body-secondary-text-color) -} - -.emby-tab-button-active { - color: rgb(var(--theme-accent-text-color)) -} - -.emby-tab-button-active.emby-button-tv { - color: var(--theme-text-color-opaque) -} - -.emby-tab-button.emby-button-tv:focus { - color: rgb(var(--accent-color)); - background: 0 0 -} - -.emby-button { - outline-color: rgb(var(--theme-primary-color)) -} - -.channelCell, -.guide-headerTimeslots, -.timeslotHeaders { - 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; -} - -@media (pointer: coarse) { - .channelCell-mobilefocus { - 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; - } -} - -.channelCell-mobilefocus:not(:focus-visible) { - 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; -} - -.channelCell-mobilefocus:not(:-moz-focusring) { - 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; -} - -.channelCell, -.epgRow, -.programCell { - border-color: rgba(255, 255, 255, .05) -} - -.guide-currentTimeIndicatorDot { - border-right-color: var(--theme-icon-focus-background) -} - -.guide-currentTimeIndicatorDot:after { - border-top-color: rgb(var(--theme-primary-color)) -} - -.firstChannelCell { - border-color: transparent -} - -.programCell-sports { - background: #3949ab !important -} - -.programCell-movie { - background: #5e35b1 !important -} - -.programCell-kids { - background: #039be5 !important -} - -.programCell-news { - background: #43a047 !important -} - -.channelCell:focus, -.programCell:focus { - background-color: rgb(var(--theme-primary-color)); - color: var(--label-text-color) -} - -.guide-programTextIcon { - color: #1e1e1e; - background: #555 -} - -.infoBanner { - background: var(--card-background); - padding: 1em; - -webkit-border-radius: .3em; - border-radius: .3em -} - -.ratingbutton-icon-withrating { - color: #c33 !important -} - -.downloadbutton-icon-on { - color: #4285f4 -} - -.downloadbutton-icon-complete { - color: #4285f4 -} - -.playstatebutton-icon-played { - color: #c33 !important -} - -.repeatButton-active { - color: #4285f4 -} - -.card:focus .card-focuscontent { - border-color: rgb(var(--theme-primary-color)) -} - -.cardContent-button { - background-color: transparent -} - -.cardContent-shadow { - background-color: var(--card-background) -} - -.defaultCardBackground0 { - background-color: var(--card-background) -} - -.defaultCardBackground1 { - background-color: #d2b019 -} - -.defaultCardBackground2 { - background-color: #338abb -} - -.defaultCardBackground3 { - background-color: #6b689d -} - -.defaultCardBackground4 { - background-color: #dd452b -} - -.defaultCardBackground5 { - background-color: #5ccea9 -} - -.cardOverlayButtonIcon { - background-color: rgb(var(--theme-primary-color)) -} - -.cardScalable.cardPadder-portrait>div>button>i { - color: var(--label-text-color) !important; -} - -::-webkit-scrollbar-track-piece { - background-color: transparent -} - -::-webkit-scrollbar-thumb { - background: var(--scrollbar-thumb-background) -} - -.emby-slider-background { - background: var(--scrollbar-thumb-background) -} - -.emby-slider { - color: rgb(var(--theme-primary-color)) -} - -.emby-slider::-moz-range-track { - background: #444 -} - -.emby-slider::-moz-range-progress { - background: rgb(var(--theme-primary-color)) -} - -.emby-slider::-webkit-slider-thumb { - background: rgb(var(--theme-primary-color)) -} - -.emby-slider::-moz-range-thumb { - background: rgb(var(--theme-primary-color)) -} - -.emby-slider::-ms-thumb { - background: rgb(var(--theme-primary-color)) -} - -.emby-slider-background-lower { - background-color: rgb(var(--theme-primary-color)) -} - -.scrollbuttoncontainer { - color: #fff; - background: rgba(20, 20, 20, .5) -} - -.recordingIcon-active { - color: #c33 !important -} - -.searchTabsContainer { - border-bottom: var(--line-size) solid var(--line-background) -} - -.emby-search-tab-button.emby-tab-button-active { - background: rgb(var(--accent-color)) !important -} - -.textActionButton.dragging { - background: var(--button-background) !important -} - -.dragging-over.full-drop-target { - background: rgb(var(--theme-primary-color)) !important; - color: var(--label-text-color) !important -} - -.dragging-over-top:before { - background: rgb(var(--accent-color)) -} - -.dragging-over-bottom:after { - background: rgb(var(--accent-color)) -} - - -/* TP CUSTOM */ -@media (hover: hover) and (pointer: fine) { - .navMenuOption:hover:not(.navMenuOption-selected) { - 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; -} - -.cardImageIcon { - color: #fff; -} - -.dialog .inputLabelFocused, -.selectLabelFocused, -.textareaLabelFocused { - color: #fff; -} - - -/* JELLYFIN */ - -@media (hover: hover) and (pointer: fine) { - .paper-icon-button-light:hover:not(:disabled) { - color: rgb(var(--theme-accent-text-color)); - background-color: var(--theme-icon-focus-background); - } -} - -.paper-icon-button-light:active:not(:disabled) { - color: rgb(var(--theme-accent-text-color)); - background-color: var(--theme-icon-focus-background); -} - -.paper-icon-button-light.show-focus:focus { - color: rgb(var(--theme-accent-text-color)); -} - -.button-submit { - background: rgb(var(--theme-accent-text-color)); - color: var(--label-text-color); -} - -.button-submit:focus { - background: rgb(var(--theme-accent-text-color)); - color: var(--label-text-color); -} - -.inputLabelFocused, -.selectLabelFocused, -.textareaLabelFocused { - color: rgb(var(--theme-accent-text-color)); -} - -.itemSelectionPanel { - border: 1px solid rgb(var(--theme-accent-text-color)); -} - -.selectionCommandsPanel { - background: rgb(var(--theme-accent-text-color)); - color: var(--label-text-color); -} - -.upNextDialog-countdownText { - color: rgb(var(--theme-accent-text-color)); -} - -.alphaPickerButton-tv:focus { - background-color: rgb(var(--theme-accent-text-color)); - color: var(--label-text-color) !important; -} - -.progressring-spiner { - border-color: rgb(var(--theme-accent-text-color)); -} - -.button-flat:hover { - color: rgb(var(--theme-accent-text-color)); -} - -.button-link { - color: rgb(var(--theme-accent-text-color)); -} - -.emby-input:focus, -.emby-textarea:focus { - border-color: rgb(var(--theme-accent-text-color)); -} - -.emby-select-withcolor:focus { - border-color: rgb(var(--theme-accent-text-color)) !important; -} - -.emby-select-tv-withcolor:focus { - background-color: rgb(var(--theme-accent-text-color)) !important; - color: var(--label-text-color) !important; -} - -.emby-checkbox:checked+span+.checkboxOutline { - border-color: rgb(var(--theme-accent-text-color)); -} - -.emby-checkbox:checked+span+.checkboxOutline, -.itemProgressBarForeground { - background-color: rgb(var(--theme-accent-text-color)); -} - -.emby-checkbox:focus:not(:checked)+span+.checkboxOutline { - border-color: rgb(var(--theme-accent-text-color)); -} - -.countIndicator, -.fullSyncIndicator, -.playedIndicator { - background: rgb(var(--theme-accent-text-color)); -} - -.navMenuOption-selected { - background: rgb(var(--theme-accent-text-color)) !important; - color: var(--label-text-color); -} - -.emby-button.show-focus:focus { - background: rgb(var(--theme-accent-text-color)); - color: var(--label-text-color); -} - -.emby-tab-button.show-focus:focus { - color: rgb(var(--theme-accent-text-color)); -} - -.emby-tab-button:hover { - color: rgb(var(--theme-accent-text-color)); -} - -.guide-channelHeaderCell:focus, -.programCell:focus { - background-color: rgb(var(--theme-accent-text-color)) !important; - color: var(--label-text-color) !important; -} - -.guide-date-tab-button.emby-tab-button-active, -.guide-date-tab-button:focus { - color: rgb(var(--theme-accent-text-color)); -} - -.guide-date-tab-button.show-focus:focus { - background-color: rgb(var(--theme-accent-text-color)); - color: var(--label-text-color); -} - -.buttonActive { - color: rgb(var(--theme-accent-text-color)) !important; -} - -.card:focus .cardBox.visualCardBox, -.card:focus .cardBox:not(.visualCardBox) .cardScalable { - border-color: rgb(var(--theme-accent-text-color)) !important; -} - -.metadataSidebarIcon { - color: rgb(var(--theme-accent-text-color)); -} - -.emby-button.detailFloatingButton { - background-color: rgb(var(--theme-accent-text-color)); - color: var(--label-text-color); -} - -.layout-tv .emby-button.detailFloatingButton:focus { - background-color: #f2f2f2; - color: rgb(var(--theme-accent-text-color)); -} \ No newline at end of file +.inputLabel,h1,h2,h3,h4,h5,h6{color:var(--text-hover)}.cardText.cardTextCentered.cardText-first>button,.emby-linkbutton>a,a:not(.emby-button){color:var(--link-color)!important}.cardText.cardTextCentered.cardText-first>button:hover,.emby-linkbutton>a:hover,a:hover:not(.emby-button){color:var(--link-color-hover)!important}html{color:var(--theme-text-color);scrollbar-color:var(--scrollbar-thumb-background) transparent}.emby-collapsible-button{border-color:var(--line-background)!important}.skinHeader-withBackground.skinHeader-withfulldrawer{border-bottom:.08em solid var(--line-background)}.skinHeader-withBackground{background:var(--header-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}.appfooter,.formDialogFooter:not(.formDialogFooter-clear){background:var(--footer-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}.formDialogHeader:not(.formDialogHeader-clear){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}.dialog{background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover}@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)){.skinHeader-withBackground{background:var(--header-blur-background);-webkit-backdrop-filter:saturate(1.8) blur(1.5em);backdrop-filter:saturate(1.8) blur(1.5em)}.appfooter-withbackdropfilter{background:var(--footer-blur-background);-webkit-backdrop-filter:saturate(1.8) blur(1.5em);backdrop-filter:saturate(1.8) blur(1.5em)}}.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;border-bottom:0;color:rgba(255,255,255,.87)}.backgroundContainer,html{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}.backgroundContainer.withBackdrop{background-color:rgba(0,0,0,.83)}@media not all and (min-width:50em){.itemBackgroundContainer.withBackdrop{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}}.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));background-color:var(--theme-icon-focus-background)}}.fab,.raised{background:var(--button-background);color:var(--theme-text-color)}.detailButton-icon{background:0 0!important;border-color:rgba(255,255,255,.3)}.emby-select-withcolor{color:inherit;background:rgba(0,0,0,.25);border:var(--line-size) solid transparent}.toast{background:var(--button-background);color:var(--theme-text-color)}.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);-webkit-backdrop-filter:saturate(1.8) blur(1.5em);backdrop-filter:saturate(1.8) blur(1.5em)}.dialog-blur,.toast{color:#fff;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}.toast-large{color:rgba(255,255,255,.87)}}.fab:focus,.raised:focus{background:var(--button-color-hover);color:var(--button-text-hover)}.button-submit:not(.emby-button-tv){background:var(--button-color);color:var(--button-text)}.button-submit:not(.emby-button-tv):focus{background:var(--button-color-hover);color:var(--button-text-hover)}.emby-select-withcolor>option{color:inherit;background:var(--button-background)}.emby-select-withcolor:focus{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}.checkboxLabel{color:inherit}.emby-checkbox-focusring:focus:before{background-color:var(--theme-icon-focus-background)}.inputLabelFocused,.selectLabelFocused,.textareaLabelFocused{color:rgb(var(--accent-color))}.button-link{color:var(--link-color)!important}.button-link:hover{color:var(--link-color-hover)!important}.button-flat-accent{color:rgb(var(--accent-color))}.paperList,.visualCardBox{background-color:var(--card-background)}.collapseContent{border:var(--line-size) solid var(--line-background)}.fieldDescription,.listItemBodyText-secondary,.secondaryText{color:var(--theme-body-secondary-text-color)}.cardText-secondary{color:var(--text)}.cardText-first{color:var(--theme-text-color-opaque)}.actionsheetDivider{background:var(--line-background)}@media(hover:hover) and (pointer:fine){.actionSheetMenuItem:hover{background-color:rgba(255,255,255,.2);color:var(--text-hover)}}.selectionCommandsPanel{background:rgb(rgb(var(--theme-primary-color)));color:var(--label-text-color)}.itemSelectionCount{color:var(--label-text-color)!important}.upNextDialog-countdownText{color:rgb(var(--theme-primary-color))}.alphaPickerButton{color:var(--theme-body-secondary-text-color);background-color:transparent}.alphaPickerButton-selected{color:var(--theme-text-color-opaque)}.alphaPickerButton-tv:focus{background-color:rgb(var(--theme-primary-color));color:var(--label-text-color)!important}.detailTableBodyRow-shaded:nth-child(even){background:#1c1c1c;background:rgba(30,30,30,.9)}.listItem-border{border-color:var(--line-background)!important}.listItem-focusscale:focus{background:rgba(54,54,54,.8)}.listItemIcon:not(.listItemIcon-transparent){background-color:rgb(var(--theme-primary-color));color:var(--label-text-color)}.progressring-spiner{border-color:rgb(var(--theme-primary-color))}.mediaInfoText{background:var(--button-background)}.starIcon{color:#cb272a}.mediaInfoTimerIcon{color:#cb272a}.emby-input,.emby-textarea{color:inherit;background:rgb(0 0 0 / 25%);border:var(--line-size) solid rgba(255,255,255,.1)}.emby-input:focus,.emby-textarea:focus{border-color:rgb(var(--theme-primary-color))}.emby-checkbox:checked+span:before{border-color:currentColor}.emby-checkbox:checked+span:before{border-color:rgb(var(--theme-primary-color))!important;background-color:rgb(var(--theme-primary-color))!important}.checkboxIcon,.checkboxLabel::after{color:var(--label-text-color)!important}.itemProgressBarForeground{background-color:rgb(var(--theme-primary-color))}.itemProgressBarForeground-recording{background-color:#cb272a}.countIndicator{background:rgb(var(--theme-primary-color));color:var(--label-text-color)}.playedIndicator{background:rgb(var(--theme-primary-color))}.mainDrawer{background:var(--drawer-background)}.drawer-docked{background:var(--docked-drawer-background);border-right:var(--line-size) solid var(--line-background)}@media(hover:hover) and (pointer:fine){.navMenuOption:hover{background:#303030}}.navMenuOption-selected{background-color:var(--theme-icon-focus-background)!important;color:rgb(var(--accent-color))}.emby-button-focusscale:focus,.emby-button-focusscale:focus .detailButton-icon{background:rgb(var(--theme-primary-color));color:var(--label-text-color)}.emby-tab-button{color:var(--theme-body-secondary-text-color)}.emby-tab-button-active{color:rgb(var(--theme-accent-text-color))}.emby-tab-button-active.emby-button-tv{color:var(--theme-text-color-opaque)}.emby-tab-button.emby-button-tv:focus{color:rgb(var(--accent-color));background:0 0}.emby-button{outline-color:rgb(var(--theme-primary-color))}.channelCell,.guide-headerTimeslots,.timeslotHeaders{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}@media (pointer:coarse){.channelCell-mobilefocus{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}}.channelCell-mobilefocus:not(:focus-visible){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}.channelCell-mobilefocus:not(:-moz-focusring){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}.channelCell,.epgRow,.programCell{border-color:rgba(255,255,255,.05)}.guide-currentTimeIndicatorDot{border-right-color:var(--theme-icon-focus-background)}.guide-currentTimeIndicatorDot:after{border-top-color:rgb(var(--theme-primary-color))}.firstChannelCell{border-color:transparent}.programCell-sports{background:#3949ab!important}.programCell-movie{background:#5e35b1!important}.programCell-kids{background:#039be5!important}.programCell-news{background:#43a047!important}.channelCell:focus,.programCell:focus{background-color:rgb(var(--theme-primary-color));color:var(--label-text-color)}.guide-programTextIcon{color:#1e1e1e;background:#555}.infoBanner{background:var(--card-background);padding:1em;-webkit-border-radius:.3em;border-radius:.3em}.ratingbutton-icon-withrating{color:#c33!important}.downloadbutton-icon-on{color:#4285f4}.downloadbutton-icon-complete{color:#4285f4}.playstatebutton-icon-played{color:#c33!important}.repeatButton-active{color:#4285f4}.card:focus .card-focuscontent{border-color:rgb(var(--theme-primary-color))}.cardContent-button{background-color:transparent}.cardContent-shadow{background-color:var(--card-background)}.defaultCardBackground0{background-color:var(--card-background)}.defaultCardBackground1{background-color:#d2b019}.defaultCardBackground2{background-color:#338abb}.defaultCardBackground3{background-color:#6b689d}.defaultCardBackground4{background-color:#dd452b}.defaultCardBackground5{background-color:#5ccea9}.cardOverlayButtonIcon{background-color:rgb(var(--theme-primary-color))}.cardScalable.cardPadder-portrait>div>button>i{color:var(--label-text-color)!important}::-webkit-scrollbar-track-piece{background-color:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-background)}.emby-slider-background{background:var(--scrollbar-thumb-background)}.emby-slider{color:rgb(var(--theme-primary-color))}.emby-slider::-moz-range-track{background:#444}.emby-slider::-moz-range-progress{background:rgb(var(--theme-primary-color))}.emby-slider::-webkit-slider-thumb{background:rgb(var(--theme-primary-color))}.emby-slider::-moz-range-thumb{background:rgb(var(--theme-primary-color))}.emby-slider::-ms-thumb{background:rgb(var(--theme-primary-color))}.emby-slider-background-lower{background-color:rgb(var(--theme-primary-color))}.scrollbuttoncontainer{color:#fff;background:rgba(20,20,20,.5)}.recordingIcon-active{color:#c33!important}.searchTabsContainer{border-bottom:var(--line-size) solid var(--line-background)}.emby-search-tab-button.emby-tab-button-active{background:rgb(var(--accent-color))!important}.textActionButton.dragging{background:var(--button-background)!important}.dragging-over.full-drop-target{background:rgb(var(--theme-primary-color))!important;color:var(--label-text-color)!important}.dragging-over-top:before{background:rgb(var(--accent-color))}.dragging-over-bottom:after{background:rgb(var(--accent-color))}@media (hover:hover) and (pointer:fine){.navMenuOption:hover:not(.navMenuOption-selected){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}.cardImageIcon{color:#fff}.dialog .inputLabelFocused,.selectLabelFocused,.textareaLabelFocused{color:#fff}@media (hover:hover) and (pointer:fine){.paper-icon-button-light:hover:not(:disabled){color:rgb(var(--theme-accent-text-color));background-color:var(--theme-icon-focus-background)}}.paper-icon-button-light:active:not(:disabled){color:rgb(var(--theme-accent-text-color));background-color:var(--theme-icon-focus-background)}.paper-icon-button-light.show-focus:focus{color:rgb(var(--theme-accent-text-color))}.button-submit{background:rgb(var(--theme-accent-text-color));color:var(--label-text-color)}.button-submit:focus{background:rgb(var(--theme-accent-text-color));color:var(--label-text-color)}.inputLabelFocused,.selectLabelFocused,.textareaLabelFocused{color:rgb(var(--theme-accent-text-color))}.itemSelectionPanel{border:1px solid rgb(var(--theme-accent-text-color))}.selectionCommandsPanel{background:rgb(var(--theme-accent-text-color));color:var(--label-text-color)}.upNextDialog-countdownText{color:rgb(var(--theme-accent-text-color))}.alphaPickerButton-tv:focus{background-color:rgb(var(--theme-accent-text-color));color:var(--label-text-color)!important}.progressring-spiner{border-color:rgb(var(--theme-accent-text-color))}.button-flat:hover{color:rgb(var(--theme-accent-text-color))}.button-link{color:rgb(var(--theme-accent-text-color))}.emby-input:focus,.emby-textarea:focus{border-color:rgb(var(--theme-accent-text-color))}.emby-select-withcolor:focus{border-color:rgb(var(--theme-accent-text-color))!important}.emby-select-tv-withcolor:focus{background-color:rgb(var(--theme-accent-text-color))!important;color:var(--label-text-color)!important}.emby-checkbox:checked+span+.checkboxOutline{border-color:rgb(var(--theme-accent-text-color))}.emby-checkbox:checked+span+.checkboxOutline,.itemProgressBarForeground{background-color:rgb(var(--theme-accent-text-color))}.emby-checkbox:focus:not(:checked)+span+.checkboxOutline{border-color:rgb(var(--theme-accent-text-color))}.countIndicator,.fullSyncIndicator,.playedIndicator{background:rgb(var(--theme-accent-text-color))}.navMenuOption-selected{background:rgb(var(--theme-accent-text-color))!important;color:var(--label-text-color)}.emby-button.show-focus:focus{background:rgb(var(--theme-accent-text-color));color:var(--label-text-color)}.emby-tab-button.show-focus:focus{color:rgb(var(--theme-accent-text-color))}.emby-tab-button:hover{color:rgb(var(--theme-accent-text-color))}.guide-channelHeaderCell:focus,.programCell:focus{background-color:rgb(var(--theme-accent-text-color))!important;color:var(--label-text-color)!important}.guide-date-tab-button.emby-tab-button-active,.guide-date-tab-button:focus{color:rgb(var(--theme-accent-text-color))}.guide-date-tab-button.show-focus:focus{background-color:rgb(var(--theme-accent-text-color));color:var(--label-text-color)}.buttonActive{color:rgb(var(--theme-accent-text-color))!important}.card:focus .cardBox.visualCardBox,.card:focus .cardBox:not(.visualCardBox) .cardScalable{border-color:rgb(var(--theme-accent-text-color))!important}.metadataSidebarIcon{color:rgb(var(--theme-accent-text-color))}.emby-button.detailFloatingButton{background-color:rgb(var(--theme-accent-text-color));color:var(--label-text-color)}.layout-tv .emby-button.detailFloatingButton:focus{background-color:#f2f2f2;color:rgb(var(--theme-accent-text-color))} diff --git a/CSS/themes/kitana/kitana-base.css b/CSS/themes/kitana/kitana-base.css index e93ddcee..d3625396 100644 --- a/CSS/themes/kitana/kitana-base.css +++ b/CSS/themes/kitana/kitana-base.css @@ -1,253 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ - -body { - background: var(--main-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: var(--text); -} - -a { - color: var(--link-color); -} - -a:hover { - color: var(--link-color-hover); -} - -a.ml-2, -a.mx-2 { - color: rgb(var(--accent-color)) !important; -} - -#content:before { - background: var(--main-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; -} - -* { - outline: none !important; -} - -/* TEXT */ -body, -.navbar-dark .navbar-text { - color: var(--text); -} - -h1, -h2, -h3, -h4, -h5, -h6, -label { - color: var(--text-hover); -} - -/* ACCENTS */ -.badge-dark { - color: var(--label-text-color); - background-color: rgb(rgb(var(--accent-color))); -} - -/* NAVBAR */ -#nav .bg-dark { - background: hsla(0, 0%, 0%, .25) !important; -} - -.navbar-dark .navbar-nav .nav-link { - color: var(--text); -} - -.navbar-dark .navbar-nav .nav-link:hover, -.navbar-dark .navbar-nav .nav-link:focus { - color: var(--text-hover); -} - -#navbarSupportedContent ul li { - background-color: transparent !important; - border: none !important; -} - -/* DROPDOWN MENU */ -.dropdown-menu { - color: #fff; - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - border: 1px solid transparent; -} - -.dropdown-item.active, -.dropdown-item:active, -.dropdown:active:hover { - color: var(--text-hover); - background-color: rgb(0 0 0 / 25%) !important; -} - -.dropdown-item { - color: var(--text); -} - -.dropdown-item:hover, -.dropdown-item:focus { - color: var(--text-hover); - text-decoration: none; - background-color: rgb(255 255 255 / 8%); -} - - -/* CARDS */ -.card { - background: rgb(255 255 255 / 8%) !important; - border: 1px solid transparent; -} - -.card-header { - color: var(--text-hover); - background-color: rgb(0 0 0 / 25%); - border-bottom: 1px solid rgba(255, 255, 255, .125) !important; -} - -ul li { - background-color: rgb(255 255 255 / 8%) !important; - border: none !important; -} - -ul li:hover { - background-color: rgb(255 255 255 / 16%) !important; - border: none; -} - -/* SETTINGS */ -.plugin_content .nav-tabs .nav-link.active, -.nav-tabs .nav-item.show .nav-link { - color: var(--text-hover) !important; - background-color: rgb(0 0 0 / 25%) !important; - border-color: #4440 #4440 transparent; -} - -.plugin_content .nav-tabs { - border-bottom: 1px solid rgb(255 255 255 / 20%); -} - -.alert-secondary { - background-color: rgb(255 255 255 / 20%); -} - -/* BUTTONS */ -.btn { - border-color: var(--button-color); - background: var(--button-color); - color: var(--button-text); - margin-right: 5px; -} - -.btn:hover, -.btn:focus, -.btn:active, -.btn-primary:not(:disabled):not(.disabled):active, -.btn-primary:not(:disabled):not(.disabled).active, -.show>.btn-primary.dropdown-toggle { - border-color: var(--button-color-hover); - color: var(--button-text-hover); - background-color: var(--button-color-hover); - box-shadow: none !important; -} - -.badge-primary { - color: var(--label-text-color); - background-color: rgb(var(--accent-color)); -} - -.badge-secondary { - color: var(--button-text); - background-color: rgb(0 0 0 / 25%); -} - -/* FORMS */ -.form-control { - color: var(--text) !important; - background-color: rgba(0, 0, 0, .25) !important; - border: 1px solid transparent !important; - box-shadow: none !important; - transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -} - -.form-control:focus { - background-color: rgb(0 0 0 / 50%) !important; - color: var(--text-hover) !important; -} - -.custom-control-input:checked~.custom-control-label::before { - color: var(--label-text-color); - border-color: rgb(var(--accent-color)); - background-color: rgb(var(--accent-color)); -} - -.custom-checkbox .custom-control-input:checked~.custom-control-label::after { - filter: invert(1); -} - -.custom-control-input:focus~.custom-control-label::before { - box-shadow: 0 0 0 .2rem rgba(55, 90, 127, 0.25) -} - -.custom-control-input:focus:not(:checked)~.custom-control-label::before { - border-color: rgb(var(--accent-color)); -} - -.custom-control-input:not(:disabled):active~.custom-control-label::before { - color: #fff; - background-color: #97b3d2; - border-color: #97b3d2 -} - - -/* PLACEHOLDER TEXT */ -::placeholder { - color: var(--text) !important; - opacity: .5 !important; -} - -:-moz-placeholder { - color: var(--text) !important; - opacity: .5 !important; -} - -:-ms-input-placeholder { - color: var(--text) !important; - opacity: .5 !important; -} - -::-webkit-input-placeholder { - color: var(--text) !important; - opacity: .5; -} \ No newline at end of file +body{background:var(--main-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;color:var(--text)}a{color:var(--link-color)}a:hover{color:var(--link-color-hover)}a.ml-2,a.mx-2{color:rgb(var(--accent-color))!important}#content:before{background:var(--main-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover}*{outline:0!important}.navbar-dark .navbar-text,body{color:var(--text)}h1,h2,h3,h4,h5,h6,label{color:var(--text-hover)}.badge-dark{color:var(--label-text-color);background-color:rgb(rgb(var(--accent-color)))}#nav .bg-dark{background:hsla(0,0%,0%,.25)!important}.navbar-dark .navbar-nav .nav-link{color:var(--text)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:var(--text-hover)}#navbarSupportedContent ul li{background-color:transparent!important;border:none!important}.dropdown-menu{color:#fff;background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;border:1px solid transparent}.dropdown-item.active,.dropdown-item:active,.dropdown:active:hover{color:var(--text-hover);background-color:rgb(0 0 0 / 25%)!important}.dropdown-item{color:var(--text)}.dropdown-item:focus,.dropdown-item:hover{color:var(--text-hover);text-decoration:none;background-color:rgb(255 255 255 / 8%)}.card{background:rgb(255 255 255 / 8%)!important;border:1px solid transparent}.card-header{color:var(--text-hover);background-color:rgb(0 0 0 / 25%);border-bottom:1px solid rgba(255,255,255,.125)!important}ul li{background-color:rgb(255 255 255 / 8%)!important;border:none!important}ul li:hover{background-color:rgb(255 255 255 / 16%)!important;border:none}.nav-tabs .nav-item.show .nav-link,.plugin_content .nav-tabs .nav-link.active{color:var(--text-hover)!important;background-color:rgb(0 0 0 / 25%)!important;border-color:#4440 #4440 transparent}.plugin_content .nav-tabs{border-bottom:1px solid rgb(255 255 255 / 20%)}.alert-secondary{background-color:rgb(255 255 255 / 20%)}.btn{border-color:var(--button-color);background:var(--button-color);color:var(--button-text);margin-right:5px}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.btn:active,.btn:focus,.btn:hover,.show>.btn-primary.dropdown-toggle{border-color:var(--button-color-hover);color:var(--button-text-hover);background-color:var(--button-color-hover);box-shadow:none!important}.badge-primary{color:var(--label-text-color);background-color:rgb(var(--accent-color))}.badge-secondary{color:var(--button-text);background-color:rgb(0 0 0 / 25%)}.form-control{color:var(--text)!important;background-color:rgba(0,0,0,.25)!important;border:1px solid transparent!important;box-shadow:none!important;transition:background-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control:focus{background-color:rgb(0 0 0 / 50%)!important;color:var(--text-hover)!important}.custom-control-input:checked~.custom-control-label::before{color:var(--label-text-color);border-color:rgb(var(--accent-color));background-color:rgb(var(--accent-color))}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{filter:invert(1)}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(55,90,127,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:rgb(var(--accent-color))}.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#97b3d2;border-color:#97b3d2}::placeholder{color:var(--text)!important;opacity:.5!important}:-moz-placeholder{color:var(--text)!important;opacity:.5!important}:-ms-input-placeholder{color:var(--text)!important;opacity:.5!important}::-webkit-input-placeholder{color:var(--text)!important;opacity:.5} diff --git a/CSS/themes/lazylibrarian/lazylibrarian-base.css b/CSS/themes/lazylibrarian/lazylibrarian-base.css index dc83a2f2..909ba7d9 100644 --- a/CSS/themes/lazylibrarian/lazylibrarian-base.css +++ b/CSS/themes/lazylibrarian/lazylibrarian-base.css @@ -1,489 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ -* { - outline: none !important; -} - -body { - color: var(--text); - 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; -} - -p { - color: var(--text) !important; -} - -h1, -h2, -h3, -h4, -h5, -h6, -label, -legend { - color: var(--text-hover); -} - -legend, -.nav-tabs { - border-bottom: 1px solid rgb(var(--accent-color), .45) !important; -} - -a, -.btn-link { - color: var(--link-color); -} - -a:hover, -.btn-link:hover { - color: var(--link-color-hover); -} - -input::-webkit-input-placeholder { - color: var(--text-muted) !important; -} - -input:focus::-webkit-input-placeholder { - color: var(--text-hover) !important; -} - -/* Placeholders */ -/* Firefox < 19 */ -input:-moz-placeholder { - color: var(--text-muted) !important; -} - -input:focus:-moz-placeholder { - color: var(--text-hover) !important; -} - -/* Firefox > 19 */ -input::-moz-placeholder { - color: var(--text-muted) !important; -} - -input:focus::-moz-placeholder { - color: var(--text-hover) !important; -} - -/* Internet Explorer 10 */ -input:-ms-input-placeholder { - color: var(--text-muted) !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; -} - -/* NAVBAR */ -.navbar { - border: 1px solid transparent; - text-shadow: 1px 1px 1px rgb(0, 0, 0); - background: rgba(0, 0, 0, 0); -} - -.navbar-inverse { - background-image: none; - background-color: transparent; - border-color: transparent; -} - -.navbar-default .navbar-brand { - color: rgb(var(--accent-color)); -} - -.navbar-default .navbar-brand:hover, -.navbar-default .navbar-brand:focus { - color: var(--accent-color-hover); - background-color: none; -} - -.navbar-default .navbar-nav>li>a { - color: var(--text); -} - -.navbar-default .navbar-nav>li>a:hover, -.navbar-default .navbar-nav>li>a:focus { - color: var(--text-hover); - background-image: none; - background-color: rgba(0, 0, 0, .25); -} - -/* BUTTONS */ - -.btn-primary, -.btn-default { - color: var(--button-text) !important; - background-color: var(--button-color) !important; - background: var(--button-color) !important; - border-color: var(--button-color) !important; - background-image: none !important; - outline: none; -} - -.btn-primary:hover, -.btn-default:hover, -.btn-primary:active, -.btn-primary.active, -.open>.dropdown-toggle.btn-primary { - background-image: none; - color: var(--button-text-hover) !important; - background-color: var(--button-color-hover) !important; - border-color: var(--button-color-hover) !important; -} - -.btn-primary:active:hover, -.btn-primary.active:hover, -.open>-toggle.btn-primary:hover, -.btn-primary:active:focus, -.btn-primary.active:focus, -.open>.dropdown-toggle.btn-primary:focus, -.btn-primary:active.focus, -.btn-primary.active.focus, -.open>.dropdown-toggle.btn-primary.focus { - color: var(--button-text-hover) !important; - background-color: var(--button-color-hover) !important; - border-color: var(--button-color-hover) !important; -} - -.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: var(--button-text-hover) !important; - background-color: var(--button-color-hover) !important; - border-color: var(--button-color-hover) !important; -} - -.btn-primary:active:hover, -.btn-primary.active:hover, -.open>.dropdown-toggle.btn-primary:hover, -.btn-primary:active:focus, -.btn-primary.active:focus, -.open>.dropdown-toggle.btn-primary:focus, -.btn-primary:active.focus, -.btn-primary.active.focus, -.open>.dropdown-toggle.btn-primary.focus { - outline: none; - color: var(--button-text-hover) !important; - background-color: var(--button-color-hover) !important; - border-color: var(--button-color-hover) !important; -} - -.btn-link:hover, -.btn-link:focus, -button.close { - outline: none -} - -.btn-warning { - background-image: none; - color: var(--button-text-hover); - background-color: #f89406; - border-color: #f89406; -} - -.btn-warning:hover { - background-image: none; - color: var(--button-text-hover); - background-color: #c67605; - border-color: #bc7005; -} - -.btn:hover, -.btn:focus, -.btn.focus { - color: var(--button-text-hover); - text-decoration: none; -} - -.pagination>li.disabled>a, -.pagination>li.disabled>a:hover, -.pagination>li.disabled>span, -.pagination>li.disabled>span:hover { - background-color: var(--button-color); - color: var(--text-muted); - background-image: none; - outline: none; -} - -.pagination>.disabled>span, -.pagination>.disabled>span:hover, -.pagination>.disabled>span:focus, -.pagination>.disabled>a, -.pagination>.disabled>a:hover, -.pagination>.disabled>a:focus { - color: var(--text-muted); - background-color: var(--button-color); - border-color: var(--button-color); - cursor: not-allowed; -} - -.pagination>.active>a, -.pagination>.active>span, -.pagination>.active>a:hover, -.pagination>.active>span:hover, -.pagination>.active>a:focus, -.pagination>.active>span:focus { - color: var(--button-text-hover); - background-image: none; - background-color: var(--button-color-hover); - border-color: var(--button-color-hover); - outline: none; -} - -.pagination>li.active>a, -.pagination>li.active>span { - background-image: none; -} - -.pagination>li>a, -.pagination>li>span { - text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); - background-image: none; -} - -.pagination>li>a, -.pagination>li>span { - color: var(--button-text); - background-color: var(--button-color); - border: 1px solid var(--button-color); - -} - -.pagination>li>a:hover, -.pagination>li>span:hover, -.pagination>li>a:focus, -.pagination>li>span:focus { - color: var(--button-text-hover); - background-image: none; - background-color: var(--button-color-hover); - border-color: var(--button-color-hover); - outline: none; -} - -/* FORM CONTYROL */ - -.form-control:focus { - border-color: transparent; - outline: 0; - -webkit-box-shadow: none; - box-shadow: none; -} - -.form-control { - color: var(--text); - background-color: rgba(255, 255, 255, 0.1); - background-image: none; - border: 1px solid transparent; -} - -select:focus, -select:active, -select.form-control:focus, -select.form-control:active, -#auth_type:focus { - background: #1b1b1b !important; - color: white !important; -} - -.form-control:active:not(select.form-control), -.form-control:focus:not(select.form-control), -.configtable .input-group .form-control:active, -.configtable .input-group .form-control:focus { - color: var(--text-hover); - background-color: rgba(0, 0, 0, 0.25) !important; - background-image: none; - border: 1px solid transparent; -} - - -/* TABLE */ - -table { - background-color: rgba(255, 255, 255, 0.08); -} - -thead { - color: var(--text-hover); -} - -.table-striped>tbody>tr:nth-of-type(odd) { - background-color: rgba(0, 0, 0, 0.08); -} - -.table-hover>tbody>tr:hover { - background-color: rgba(255, 255, 255, 0.08) !important; -} - -.table-bordered { - border: 1px solid transparent; -} - -.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.08); -} - -/* BOOKWALL */ - -.table-responsive>.table { - background-color: rgba(255, 255, 255, .08); -} - -/* SETTINGS */ - -.nav-tabs>li.active>a, -.nav-tabs>li.active>a:hover, -.nav-tabs>li.active>a:focus { - color: rgb(var(--accent-color)); - background-color: rgba(255, 255, 255, 0.08); - border: 1px solid TRANSPARENT; - border-bottom-color: transparent; - cursor: default; -} - -.nav-tabs { - border-bottom: 1px solid rgba(255, 255, 255, 0.45); -} - -.nav-tabs>li>a:hover { - border-color: transparent; -} - -.nav>li>a:hover, -.nav>li>a:focus { - text-decoration: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.input-group-addon { - border: none; - border-color: transparent; - background-image: none; - color: var(--button-text); - background-color: var(--button-color); -} - -.input-group { - margin-top: 2px; -} - -legend { - border-bottom: 1px solid rgba(255, 255, 255, .45); -} - -/* MODAL */ - -.modal-content { - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - border: 1px solid transparent; -} - -.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)); -} - -pre { - color: var(--text); - background-color: rgba(0, 0, 0, 0.25); - border: 1px solid transparent; -} \ No newline at end of file +*{outline:0!important}body{color:var(--text);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}p{color:var(--text)!important}h1,h2,h3,h4,h5,h6,label,legend{color:var(--text-hover)}.nav-tabs,legend{border-bottom:1px solid rgb(var(--accent-color),.45)!important}.btn-link,a{color:var(--link-color)}.btn-link:hover,a:hover{color:var(--link-color-hover)}input::-webkit-input-placeholder{color:var(--text-muted)!important}input:focus::-webkit-input-placeholder{color:var(--text-hover)!important}input:-moz-placeholder{color:var(--text-muted)!important}input:focus:-moz-placeholder{color:var(--text-hover)!important}input::-moz-placeholder{color:var(--text-muted)!important}input:focus::-moz-placeholder{color:var(--text-hover)!important}input:-ms-input-placeholder{color:var(--text-muted)!important}input:focus:-ms-input-placeholder{color:var(--text-hover)!important}@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}.navbar{border:1px solid transparent;text-shadow:1px 1px 1px #000;background:rgba(0,0,0,0)}.navbar-inverse{background-image:none;background-color:transparent;border-color:transparent}.navbar-default .navbar-brand{color:rgb(var(--accent-color))}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:var(--accent-color-hover);background-color:none}.navbar-default .navbar-nav>li>a{color:var(--text)}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:var(--text-hover);background-image:none;background-color:rgba(0,0,0,.25)}.btn-default,.btn-primary{color:var(--button-text)!important;background-color:var(--button-color)!important;background:var(--button-color)!important;border-color:var(--button-color)!important;background-image:none!important;outline:0}.btn-default:hover,.btn-primary.active,.btn-primary:active,.btn-primary:hover,.open>.dropdown-toggle.btn-primary{background-image:none;color:var(--button-text-hover)!important;background-color:var(--button-color-hover)!important;border-color:var(--button-color-hover)!important}.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>-toggle.btn-primary:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus{color:var(--button-text-hover)!important;background-color:var(--button-color-hover)!important;border-color:var(--button-color-hover)!important}.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:var(--button-text-hover)!important;background-color:var(--button-color-hover)!important;border-color:var(--button-color-hover)!important}.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{outline:0;color:var(--button-text-hover)!important;background-color:var(--button-color-hover)!important;border-color:var(--button-color-hover)!important}.btn-link:focus,.btn-link:hover,button.close{outline:0}.btn-warning{background-image:none;color:var(--button-text-hover);background-color:#f89406;border-color:#f89406}.btn-warning:hover{background-image:none;color:var(--button-text-hover);background-color:#c67605;border-color:#bc7005}.btn.focus,.btn:focus,.btn:hover{color:var(--button-text-hover);text-decoration:none}.pagination>li.disabled>a,.pagination>li.disabled>a:hover,.pagination>li.disabled>span,.pagination>li.disabled>span:hover{background-color:var(--button-color);color:var(--text-muted);background-image:none;outline:0}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:var(--text-muted);background-color:var(--button-color);border-color:var(--button-color);cursor:not-allowed}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{color:var(--button-text-hover);background-image:none;background-color:var(--button-color-hover);border-color:var(--button-color-hover);outline:0}.pagination>li.active>a,.pagination>li.active>span{background-image:none}.pagination>li>a,.pagination>li>span{text-shadow:1px 1px 1px rgba(0,0,0,.3);background-image:none}.pagination>li>a,.pagination>li>span{color:var(--button-text);background-color:var(--button-color);border:1px solid var(--button-color)}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:var(--button-text-hover);background-image:none;background-color:var(--button-color-hover);border-color:var(--button-color-hover);outline:0}.form-control:focus{border-color:transparent;outline:0;-webkit-box-shadow:none;box-shadow:none}.form-control{color:var(--text);background-color:rgba(255,255,255,.1);background-image:none;border:1px solid transparent}#auth_type:focus,select.form-control:active,select.form-control:focus,select:active,select:focus{background:#1b1b1b!important;color:#fff!important}.configtable .input-group .form-control:active,.configtable .input-group .form-control:focus,.form-control:active:not(select.form-control),.form-control:focus:not(select.form-control){color:var(--text-hover);background-color:rgba(0,0,0,.25)!important;background-image:none;border:1px solid transparent}table{background-color:rgba(255,255,255,.08)}thead{color:var(--text-hover)}.table-striped>tbody>tr:nth-of-type(odd){background-color:rgba(0,0,0,.08)}.table-hover>tbody>tr:hover{background-color:rgba(255,255,255,.08)!important}.table-bordered{border:1px solid transparent}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid rgba(255,255,255,.08)}.table-responsive>.table{background-color:rgba(255,255,255,.08)}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:rgb(var(--accent-color));background-color:rgba(255,255,255,.08);border:1px solid TRANSPARENT;border-bottom-color:transparent;cursor:default}.nav-tabs{border-bottom:1px solid rgba(255,255,255,.45)}.nav-tabs>li>a:hover{border-color:transparent}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:rgba(255,255,255,.15)}.input-group-addon{border:none;border-color:transparent;background-image:none;color:var(--button-text);background-color:var(--button-color)}.input-group{margin-top:2px}legend{border-bottom:1px solid rgba(255,255,255,.45)}.modal-content{background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;border:1px solid transparent}.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))}pre{color:var(--text);background-color:rgba(0,0,0,.25);border:1px solid transparent} diff --git a/CSS/themes/librespeed/librespeed-base.css b/CSS/themes/librespeed/librespeed-base.css index 088eb2c1..2983c574 100644 --- a/CSS/themes/librespeed/librespeed-base.css +++ b/CSS/themes/librespeed/librespeed-base.css @@ -1,119 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ - -html, -body { - background: var(--main-bg-color) !important; - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: var(--text) !important; -} - -h1, -h2, -h3, -h4, -h5, -h6, -label { - color: var(--text-hover); -} - -div.meterText:empty:before { - color: var(--text-hover) !important; -} - -#dlText { - color: #F44336; -} - -#ulText { - color: #4CAF50; -} - -#pingText, -#jitText { - color: #2cabe3; -} - -#startStopBtn { - color: var(--button-text); - background: var(--button-color); - border: 0.15em solid var(--button-color); -} - -#startStopBtn:hover { - border: 0.15em solid var(--button-color-hover); - background: var(--button-color-hover); -} - -#startStopBtn.running { - background: #FF3030 !important; - border-color: #FF6060; - color: #FFFFFF; -} - -#startStopBtn.running:hover { - background: #FF3030; - border-color: #FF6060; - color: #FFFFFF; -} - -a, -a:-webkit-any-link { - color: var(--link-color); -} - -a:hover, -a:-webkit-any-link:hover { - color: var(--link-color-hover); -} - -#ip, -.unit { - color: rgb(var(--accent-color)); -} - -#privacyPolicy { - background: var(--main-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; -} - -input { - font-family: "Roboto", sans-serif; - color: white; - background-color: rgba(0, 0, 0, 0.25) !important; - -webkit-rtl-ordering: logical; - Font-size: 16px; - padding: 10px; - border: none; - padding-left: 10px; - max-width: -webkit-fill-available; - border-radius: 3px; - margin-bottom: 5px !important; - outline: none; -} - -.testName { - color: var(--text-hover) !important; -} \ No newline at end of file +body,html{background:var(--main-bg-color)!important;background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;color:var(--text)!important}h1,h2,h3,h4,h5,h6,label{color:var(--text-hover)}div.meterText:empty:before{color:var(--text-hover)!important}#dlText{color:#f44336}#ulText{color:#4caf50}#jitText,#pingText{color:#2cabe3}#startStopBtn{color:var(--button-text);background:var(--button-color);border:.15em solid var(--button-color)}#startStopBtn:hover{border:.15em solid var(--button-color-hover);background:var(--button-color-hover)}#startStopBtn.running{background:#ff3030!important;border-color:#ff6060;color:#fff}#startStopBtn.running:hover{background:#ff3030;border-color:#ff6060;color:#fff}a,a:-webkit-any-link{color:var(--link-color)}a:-webkit-any-link:hover,a:hover{color:var(--link-color-hover)}#ip,.unit{color:rgb(var(--accent-color))}#privacyPolicy{background:var(--main-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover}input{font-family:Roboto,sans-serif;color:#fff;background-color:rgba(0,0,0,.25)!important;-webkit-rtl-ordering:logical;Font-size:16px;padding:10px;border:none;padding-left:10px;max-width:-webkit-fill-available;border-radius:3px;margin-bottom:5px!important;outline:0}.testName{color:var(--text-hover)!important} diff --git a/CSS/themes/lidarr/lidarr-base.css b/CSS/themes/lidarr/lidarr-base.css index 7546af03..b632bcd2 100644 --- a/CSS/themes/lidarr/lidarr-base.css +++ b/CSS/themes/lidarr/lidarr-base.css @@ -1,1130 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ - -body { - background: var(--main-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: var(--text); -} - -/* Froms */ - -[class*="FormInputHelpText-helpText-"] { - color: var(--text); -} - -[class*="FormInputGroup-inputUnit-"] { - color: var(--text) !important; -} - -/* LINKS */ -[class*="Link-to-"] { - color: var(--text); -} - -[class*="Link-to-"]:hover { - color: var(--text-hover); - text-decoration: none; -} - -a { - color: var(--link-color); -} - -a:hover { - color: var(--link-color-hover); -} - -[class*="TableRowCell-cell-"] [class*="Link-to-"] { - color: var(--link-color) !important; -} - -[class*="TableRowCell-cell-"] [class*="Link-to-"]:hover { - color: var(--link-color-hover) !important; -} - -/* Buttons */ - -[class*="Button-default-"] { - color: var(--button-text); - background-color: var(--button-color); - border-color: transparent; -} - -[class*="Button-default-"]:hover { - border-color: transparent; - background-color: var(--button-color-hover) !important; - color: var(--button-text-hover); -} - -[class*="Button-primary-"] { - border-color: transparent; - background-color: var(--button-color); - color: var(--button-text); -} - -[class*="Button-primary-"]:hover { - border-color: transparent; - background-color: var(--button-color-hover) !important; - color: var(--button-text-hover); -} - -[class*="Button-success-"] { - border-color: var(--button-color); - background-color: var(--button-color); - color: var(--button-text); -} - -[class*="Button-success-"]:hover { - border-color: var(--button-color-hover); - background-color: var(--button-color-hover); - color: var(--button-text-hover); -} - -/* LOADING PAGE */ -[class*="ErrorPage-page-"], -[class*="ErrorPage-version-"], -[class*="LoadingMessage-loadingMessage-"] { - color: var(--text); -} - -[class*="LoadingIndicator-ripple-"] { - border: 2px solid #fff; -} - -/* MODAL */ -[class*="ModalHeader-modalHeader-"] { - 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; - color: var(--text-hover); - border-bottom: 1px solid rgb(var(--accent-color)); -} - -[class*="Modal-large-"], -[class*="Modal-modal-"], -[class*="ModalContent-modalContent-"] { - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: var(--text); -} - -[class*="ModalFooter-modalFooter-"] { - 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; - color: #fff; - border-top: 1px solid rgb(var(--accent-color)); -} - -[class*="ModalContent-closeButton-"]:hover { - color: #fff; -} - -/* INPUT */ -[class*="TagInput-internalInput-"] { - background-color: transparent; - color: #fff; -} - -[class*="SelectInput-select-"] { - background-color: rgba(0, 0, 0, 0.25) !important; -} - -[class*="SelectInput-select-"]:active, -[class*="SelectInput-select-"]:focus { - background: #1e1e1e !important; -} - -[class*="AutoSuggestInput-suggestionsList-"], -[class*="AutoSuggestInput-suggestionsContainerOpen-"], -[class*="AutoSuggestInput-suggestionsContainer-"] { - background-color: #323232 !important; - color: white; - border: none !important; -} - -[class*="AutoSuggestInput-suggestionHighlighted-"] { - background-color: hsla(0, 0%, 100%, .08); -} - -[class*="CheckInput-primaryIsChecked-"] { - border-color: rgb(var(--accent-color)) !important; - background-color: rgb(var(--accent-color)) !important; - color: var(--label-text-color) !important; -} - -[class*="CheckInput-input-"][class*="CheckInput-isNotChecked-"] { - background: #fff; -} - -/* HEADER */ - -[class*="PageHeader-header-"] { - background-color: rgba(0, 0, 0, .35); -} - -/* SEARCH DROPDOWN HEADER */ - -[class*="PageHeader-donate-"] { - color: #c4273c !important; -} - -/* LIDARR SPECIFIC */ -[class*="ArtistSearchInput-sectionTitle-"] { - color: #fff; -} - -[class*="ArtistSearchInput-containerOpen-"] [class*="ArtistSearchInput-artistContainer-"] { - border: none !important; - 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 !important; - box-shadow: 0 0 10px 1px transparent !important; -} - -[class*="ArtistSearchInput-highlighted-"] { - background-color: hsla(0, 0%, 100%, .08) -} - -[class*"=ArtistSearchInput-artistContainer-"]::-webkit-scrollbar-thumb, -[class*="ImportArtistSelectArtist-results-"]::-webkit-scrollbar-thumb { - background-color: rgba(255, 255, 255, 0.25); -} - -/* MINI RIGHT SCROLL BAR */ -[class*="OverlayScroller-thumb-"], -[class*="ImportArtistSelectArtist-results-"]::-webkit-scrollbar-thumb, -[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb { - background-color: hsla(0, 0%, 100%, .08) !important; -} - -[class*="OverlayScroller-thumb-"]:hover, -[class*="ImportArtistSelectArtist-results-"]::-webkit-scrollbar-thumb:hover, -[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb:hover { - background-color: rgba(255, 255, 255, 0.25) !important; -} - -/* ADD NEW */ -[class*="EnhancedSelectInput-options-"] { - border: 1px solid rgba(255, 255, 255, 0.2); - border-radius: 4px; - 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; - color: var(--text); -} - -[class*="EnhancedSelectInputOption-isSelected-"], -[class*="EnhancedSelectInputOption-isSelected-"]:hover { - background-color: rgba(255, 255, 255, 0.20) !important; - color: var(--text-hover); -} - -[class*="EnhancedSelectInputOption-option-"]:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -[class*="HintedSelectInputOption-hintText-"], -[class*="RootFolderSelectInputOption-freeSpace-"] { - color: var(--text); -} - -/* SIDE MENU */ -[class*="PageSidebar-sidebarContainer-"] { - background-color: rgba(0, 0, 0, .25); -} - -[class*="PageSidebar-sidebar-"] { - background-color: transparent; -} - -[class*="PageSidebarItem-link-"]:hover { - color: rgb(var(--accent-color)); - text-decoration: none; -} - -[class*="PageSidebarItem-isActiveLink-"], -[class*="PageSidebarItem-isActiveLink-"]:hover, -[class*="PageSidebarItem-link-"]:focus { - color: rgb(var(--accent-color)) !important; -} - -[class*="PageSidebarItem-isActiveParentLink-"] { - background-color: rgba(0, 0, 0, 0.15); -} - -@media only screen and (max-width: 768px) { - [class*="PageSidebar-sidebarContainer-"] { - 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; - } -} - -[class*="PageSidebarItem-isActiveItem-"] { - border-left: 3px solid rgb(var(--accent-color)); -} - -/* LIBRARY PAGE */ -/* LIDARR SPECIFIC */ -[class*="ArtistIndexPoster-controls-"] { - background-color: rgb(var(--accent-color)) !important; -} - -/* OVERVIEW PAGE */ - -/* OVERVIEW PAGE */ -[class*="ArtistIndexOverview-container-"], -[class*="ArtistIndexOverview-container-"]:hover { - background-color: transparent !important; -} - -[class*="ArtistIndexOverview-container-"]:hover [class*="ArtistIndexOverview-content-"] { - background-color: transparent; -} - -[class*="ArtistIndexOverview-content-"]:hover { - background-color: hsla(0, 0%, 100%, .08) !important; -} - -[class*="ArtistIndexOverview-link-"]:hover { - text-decoration: none; -} - -[class*="ProgressBar-container-"] { - background-color: rgba(0, 0, 0, 0.25); -} - -[class*=".ProgressBar-purple-"] { - background-color: rgb(var(--accent-color)); -} - - -/*ARTIST PAGE*/ -[class*="ArtistDetailsSeason-albumType-"], -[class*="ArtistDetailsSeason-collapseButtonContainer-"] { - border: none !important; - background-color: rgba(0, 0, 0, .25) !important; -} - -[class*="ArtistDetailsSeason-header-"], -[class*="ArtistDetailsSeason-albumCount-"], -[class*="ArtistDetails-metadataMessage-"], -[class*="ArtistDetailsSeason-albumCount-"] { - color: #fff; -} - -[class*="ArtistDetailsSeason-albums-"] { - border-top: 1px solid rgba(255, 255, 255, 0.5); -} - -/* .fa-search:hover { - color: var(--text-hover) !important; -} */ - -[class*="Label-default-"] { - border-color: rgb(var(--accent-color)); - background-color: rgb(var(--accent-color)); - color: var(--label-text-color); -} - -[class*="Icon-default-"]:hover:not([class*="Label-large-"] [class*="Icon-default-"], [class*="PathInput-fileBrowserButton-"]svg) { - color: var(--text-hover); -} - -[class*="MonitorToggleButton-toggleButton-"] { - color: #dadada; -} - -[class*="ProtocolLabel-torrent-"] { - border-color: #00853d !important; - background-color: #00853d !important; - color: #fff !important; -} - -[class*="ProtocolLabel-usenet-"] { - border-color: #17b1d9 !important; - background-color: #17b1d9 !important; - color: #fff !important; -} - -/*ARTIST ALBUM PAGE*/ -[class*="AlbumDetailsMedium-mediumNumber-"] { - color: #fff; -} - -[class*="AlbumDetailsMedium-medium-"] { - border: none; - background-color: rgba(0, 0, 0, .25); -} - -[class*="ExtraFileTable-container-"] { - border: 1px solid transparent; - background-color: rgba(0, 0, 0, .25); -} - -[class*="AlbumDetails-selectedTab-"] { - border-bottom: 4px solid rgb(var(--accent-color)); -} - -[class*="AlbumDetailsMedium-collapseButtonContainer-"] { - border: none; - background-color: rgba(0, 0, 0, .25); -} - -[class*="ArtistIndexProgressBar-progress-"] { - background-color: hsla(0, 0%, 100%, .08); -} - -[class*="ArtistIndexBanner-title-"], -[class*="ArtistIndexBannerInfo-info-"] { - background-color: rgba(0, 0, 0, .25); - color: #fff; -} - -[class*="Popover-title-"], -[class*="SeasonInfo-title-"], -[class*="Popover-body-"], -[class*="Tooltip-body-"] { - 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; -} - -[class*="Tooltip-tooltipContainer-"] { - color: #fff; -} - -[class*="Tooltip-bottom-"][class*="Tooltip-default-"] { - border-bottom-color: var(--text); -} - -[class*="Tooltip-right-"][class*="Tooltip-default-"] { - border-right-color: var(--text); -} - -[class*="EpisodeTitleLink-link-"]:hover { - color: #ffffff; - text-decoration: none; -} - -[class*="IconButton-button-"] { - color: var(--text); -} - -[class*="Label-default-"] [class*="IconButton-button-"], -[class*="Label-small-"] [class*="IconButton-button-"]:hover { - color: var(--label-text-color); -} - -[class*="IconButton-button-"]:hover { - background-color: transparent; - color: var(--text-hover); -} - -[class*="Table-tableContainer-"] [class*="IconButton-button-"]:hover { - background-color: transparent; - color: var(--text-hover); -} - - -[class*="Label-info-"] { - border-color: rgb(var(--accent-color)); - background-color: rgb(var(--accent-color)); - color: var(--label-text-color); -} - -[class*="PageSidebarItem-status-"][class*="Label-info-"] { - border-color: var(--queue-color); - background-color: var(--queue-color); - color: var(--label-text-color); -} - -/* Table options*/ -[class*="TableOptionsColumn-column-"] { - background: rgba(0, 0, 0, .25); - color: var(--text-hover); - border: none; -} - -[class*="TableHeaderCell-headerCell-"] { - color: var(--text-hover); -} - -[class*="Table-table-"] { - color: var(--text); -} - -[class*="TableRow-row-"]:hover { - background-color: hsla(0, 0%, 100%, .08); - color: var(--text-hover); -} - -[class*="TableRowCell-cell-"] { - border-top: 1px solid rgb(255 255 255 / 25%); -} - -/* TOP MENU SERIES */ -[class*="PageToolbar-toolbar-"] { - background-color: rgba(0, 0, 0, .25); - color: var(--text); -} - -[class*="PageToolbarButton-label-"] { - color: var(--text); -} - -[class*="PageToolbarButton-toolbarButton-"][class*="PageToolbarButton-isDisabled-"] { - opacity: .5; - color: var(--text); -} - -[class*="PageToolbarButton-toolbarButton-"][class*="PageToolbarButton-isDisabled-"]:hover, -[class*="PageToolbarButton-isDisabled-"]:hover { - color: var(--text) !important; -} - -[class*="PageToolbarButton-label-"] { - color: var(--text); -} - -[class*="PageToolbarButton-toolbarButton-"]:hover { - color: rgb(var(--accent-color)); -} - -[class*="MenuButton-menuButton-"]:hover { - color: rgb(var(--accent-color)); -} - -/* POSTERS */ -[class*="ArtistIndexPoster-title-"], -[class*="ArtistIndexPosterInfo-info-"] { - background-color: rgba(255, 255, 255, 0.08); - color: var(--text-hover); -} - - -/* TOP HEADER DROPDOWN */ -[class*="MenuItem-menuItem-"], -[class*="MenuContent-menuContent-"] { - 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; - color: var(--text); -} - -[class*="MenuContent-scroller-"] { - box-shadow: black 0 0 5px 0px; -} - -[class*="MenuItem-menuItem-"]:hover, -[class*="MenuItem-menuItem-"]:focus { - background: hsla(0, 0%, 100%, .08) !important; - color: var(--text-hover); - text-decoration: none; -} - -[class*="MenuItemSeparator-separator-"] { - background-color: hsla(0, 0%, 100%, .08) !important; -} - -/* ALPHABET JUMP BAR */ -[class*="PageJumpBar-jumpBar-"] { - color: #FFF; -} - -/* SEARCH BAR */ -[class*="Input-input-"], -[class*="AddNewArtist-searchIconContainer-"], -[class*="AddNewItem-searchIconContainer-"], -[class*="CheckInput-isIndeterminate-"] { - border: none; - background-color: rgba(255, 255, 255, 0.08); - color: #FFF; -} - -[class*="ArtistSearchInput-container-"] [class*="Input-input-"] { - background: transparent; - border-bottom: solid 1px #fff; -} - -[class*="ArtistSearchInput-container-"] [class*="Input-input-"]:focus { - border-bottom: none; - background: transparent; -} - -[class*="ArtistSearchResult-alternateTitle-"] { - color: #ffffff; - font-size: 12px; -} - -[class*="Input-input-"]:focus { - outline: 0; - border-color: #fff; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.25); -} - -[class*="TagInput-input-"][class*="TagInput-isFocused-"] { - outline: 0; - border-color: #fff; - box-shadow: none; -} - -/* TEXT COLOR */ - -[class*="PageContentBody-innerContentBody-"] { - color: var(--text); -} - -/* SEARCH RESULTS */ -[class*="AddNewArtistSearchResult-year-"] { - color: #fff; -} - -[class*="AddNewArtistSearchResult-searchResult-"], -[class*="AddNewArtistSearchResult-underlay-"], -[class*="AddNewAlbumSearchResult-underlay-"] { - background-color: transparent; -} - -[class*="AddNewArtistSearchResult-searchResult-"]:hover, -[class*="AddNewArtistSearchResult-underlay-"]:hover, -[class*="AddNewAlbumSearchResult-underlay-"]:hover { - background-color: hsla(0, 0%, 100%, .08); - color: inherit; - text-decoration: none; -} - -[class*="RootFolderSelectInputSelectedValue-freeSpace-"] { - color: #fff; -} - -[class*="RootFolderSelectInputOption-freeSpace-"], -[class*="RootFolderSelectInputOption-seriesFolder-"] { - color: var(--text-muted); -} - -/* IMPORT ARTIST */ -[class*="ImportArtistSelectArtist-content-"], -[class*="ImportArtistSelectArtist-searchIconContainer-"] { - 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; - border: 1px solid transparent; -} - -[class*="ImportArtistName-disambiguation-"] { - color: var(--text-muted); -} - -[class*="ImportArtistSearchResult-artist-"]:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -/* MOVE THIS */ -input::-webkit-input-placeholder { - color: var(--text); -} - -input:focus::-webkit-input-placeholder { - color: var(--text-hover); -} - -/* Firefox < 19 */ -input:-moz-placeholder { - color: var(--text); -} - -input:focus:-moz-placeholder { - color: var(--text-hover); -} - -/* Firefox > 19 */ -input::-moz-placeholder { - color: var(--text); -} - -input:focus::-moz-placeholder { - color: var(--text-hover); -} - -/* Internet Explorer 10 */ -input:-ms-input-placeholder { - color: var(--text); -} - -input:focus:-ms-input-placeholder { - color: var(--text-hover); -} - -/* IMPORT */ -/* Text color */ -[class*="ImportArtistSelectFolder-header-"] { - color: #FFF; -} - -[class*="ExpandingFileDetails-fileDetails-"] { - border: 1px solid rgb(255 255 255 / .1); - background-color: rgb(255 255 255 / 8%); -} - -/* IMPORT NEW ARTIST */ -/* Drop down menu/button*/ -[class*="ImportArtistSelectArtist-button-"] { - border: none; - background-color: rgba(0, 0, 0, 0.25) !important; - color: #fff; -} - - -/* IMPORT */ - -[class*="FieldSet-legend-"] { - color: var(--text-hover); - border-bottom: 1px solid rgb(var(--accent-color)); -} - -[class*="VirtualTableRow-row-"]:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -/*Title*/ - -[class*="PageJumpBarItem-jumpBarItem-"]:hover { - color: #fff; - background: hsla(0, 0%, 100%, .08); -} - -/*Posters*/ - - -/* MASS EDITOR */ - -/* FOOTER */ -[class*="PageContentFooter-contentFooter-"] { - border: none; - background-color: rgba(0, 0, 0, .25); - color: #FFF; -} - -/* CALENDAR */ -[class*="CalendarEvent-downloaded-"] { - background: rgb(var(--calendar-available) / .7) !important; - border-left-color: transparent !important; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-downloaded-"]:hover { - background: rgb(var(--calendar-available) / .5) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-missing-"] { - background: rgb(var(--calendar-missing) / .7) !important; - border-left-color: transparent !important; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-missing-"]:hover { - background: rgba(var(--calendar-missing) / .5) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-unreleased-"] { - background: rgb(var(--calendar-unaired) / .7) !important; - border-left-color: transparent !important; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-unreleased-"]:hover { - background: rgb(var(--calendar-unaired) / .5) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-unmonitored-"] { - background: rgb(var(--calendar-unmonitored) / .7) !important; - border-left-color: transparent !important; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-unmonitored-"]:hover { - background: rgb(var(--calendar-unmonitored) / .5) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-downloading-"] { - background: rgb(var(--calendar-downloading) / .7) !important; - border-left-color: transparent !important; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-downloading-"]:hover { - background: rgb(var(--calendar-downloading) / .5) !important; - border-left-color: transparent !important; -} - -[class*="DayOfWeek-dayOfWeek-"] { - background-color: hsla(0, 0%, 100%, .08); -} - -[class*="CalendarDay-dayOfMonth-"] { - border-bottom: 1px solid hsla(0, 0%, 100%, .08); - background-color: rgba(0, 0, 0, .25); -} - -[class*="CalendarDay-isToday-"] { - background-color: hsla(0, 0%, 100%, .08) !important; -} - -[class*="CalendarDay-day-"], -[class*="CalendarDays-days-"] { - -webkit-box-flex: 1; - -webkit-flex: 1 0 14.28%; - flex: 1 0 14.28%; - overflow: hidden; - min-height: 70px; - border-bottom: 1px solid hsla(0, 0%, 100%, .08); - border-left: 1px solid hsla(0, 0%, 100%, .08); - border-right: 1px solid hsla(0, 0%, 100%, .08); -} - -[class*="CalendarEvent-event-"] { - border-bottom: 1px solid transparent; -} - -[class*="CalendarEventGroup-eventGroup-"] { - border-bottom: 1px solid hsla(0, 0%, 100%, .08) !important; -} - -/* calendar agenda */ -[class*="AgendaEvent-event-"]:hover { - background-color: hsla(0, 0%, 100%, .08) !important; -} - -/* SETTINGS */ -[class*="Settings-link-"] { - color: var(--text-hover); - border-bottom: 1px solid rgb(var(--accent-color)); -} - -[class*="Settings-summary-"] { - color: var(--text); -} - -[class*="FormLabel-large-"] { - color: var(--text-hover); -} - -[class*="FormLabel-isAdvanced-"] { - color: #ff902b; -} - -/* MEDIA MANAGEMENT - FILE NAME TOKENS */ -[class*="NamingOption-small-"] { - border: 1px solid transparent; -} - -[class*="NamingOption-token-"] { - background-color: rgba(255, 255, 255, 0.15); -} - -[class*="NamingOption-token-"] { - background-color: rgba(255, 255, 255, 0.15); -} - -[class*="NamingOption-example-"] { - background-color: rgba(255, 255, 255, 0.25); -} - -[class*="NamingOption-option-"] { - border: 1px solid transparent; -} - -[class*="NamingOption-option-"]:hover [class*="NamingOption-token-"] { - background-color: rgba(255, 255, 2550, 0.25); -} - -[class*="NamingOption-option-"]:hover [class*="NamingOption-example-"] { - background-color: rgba(255, 255, 2550, 0.35); -} - -/* PROFILES */ -[class*="Card-card-"], -[class*="QualityProfiles-addQualityProfile-"] { - background-color: rgba(0, 0, 0, .45); - box-shadow: 0 0 10px 1px #000000; - color: var(--text); -} - -[class*="Card-card-"]:hover { - color: var(--text-hover); -} - -[class*="QualityProfiles-center-"], -[class*="LanguageProfiles-center-"], -[class*="ReleaseProfiles-center-"] { - background-color: transparent; - border: none; -} - -[class*="QualityProfileItem-qualityProfileItem-"], -[class*="QualityProfileItemGroup-qualityProfileItemGroup-"], -[class*="LanguageProfileItem-languageProfileItem-"] { - border: none; - background-color: rgba(0, 0, 0, .25); - color: #FFF; -} - -[class*="QualityProfileItemGroup-qualityProfileItemGroup-"][class*="QualityProfileItemGroup-editGroups-"] { - background: rgba(0, 0, 0, 0.25); -} - -[class*="KeyValueListInputItem-keyInput-"], -[class*="KeyValueListInputItem-valueInput-"] { - border: none; - background: transparent; - color: white; -} - -[class*="QualityProfileFormatItem-qualityProfileFormatItem-"] { - border: 1px solid transparent; - background: rgba(0, 0, 0, .25); -} - -[class*="QualityDefinitions-sizeLimitHelpText-"] { - color: var(--text); -} - -/* PROFILES */ -[class*="Indexers-center-"] { - background-color: transparent; - border: none; -} - -[class*="Card-card-"], -[class*="QualityProfiles-addQualityProfile-"] { - background-color: rgba(0, 0, 0, .45); - box-shadow: 0 0 10px 1px #000000; - color: var(--text); -} - -[class*="QualityProfiles-center-"], -[class*="LanguageProfiles-center-"], -[class*="MetadataProfiles-center-"], -[class*="RootFolders-center-"] { - background-color: transparent; - border: none; -} - -[class*="Indexers-center-"], -[class*="Restrictions-center-"], -[class*="DownloadClients-center-"], -[class*="ImportLists-center-"], -[class*="Notifications-center-"] { - display: inline-block; - padding: 15px 20px 15px; - border-radius: 4px; -} - -/* DOWNLOAD CLIENTS */ -[class*="DownloadClients-center-"] { - background-color: transparent; - border: none; -} - -/* CONNECTIONS */ -[class*="Notifications-center-"] { - background-color: transparent; - border: none; -} - -/* LISTS */ -[class*="ImportLists-center-"] { - background-color: transparent; - border: none; -} - -/* LOG */ -[class*="Alert-info-"] { - border-color: transparent; - background-color: rgba(0, 0, 0, 0.25); - color: #FFC107; -} - -/* INDEXER */ -[class*="Restrictions-center-"] { - border: 1px solid transparent; - background-color: transparent; -} - -/* LISTS */ -[class*="NetImports-center-"] { - border: 1px solid transparent; - background-color: transparent; -} - -/* CUSTOM FORMAT */ -[class*="CustomFormats-center-"], -[class*="EditCustomFormatModalContent-center-"] { - border: 1px solid transparent; - background-color: transparent; -} - -/* Login Page */ - -.panel-body { - background-color: rgba(0, 0, 0, 0.25); - color: var(--text); -} - -.panel-header { - background-color: rgba(0, 0, 0, 0.45); -} - -.forgot-password { - color: var(--text) !important; -} - -input[type=email], -input[type=password] { - border: none; - background-color: rgba(255, 255, 255, 0.08); - color: #FFF; -} - -.button { - border-color: var(--button-color); - 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; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.25); -} - -/* Custom filter */ -[class*="FilterBuilderRow-filterRow-"]:hover { - background-color: transparent; -} - -[class*="CustomFilter-customFilter-"]:hover { - background-color: hsla(0, 0%, 100%, .08); -} - -/* -------------------------LIDARR STUFF------------------------------*/ - -[class*="ArtistIndexHeader-sortName-"]:hover, -[class*="ArtistIndexHeader-artistType-"]:hover, -[class*="ArtistIndexHeader-trackCount-"]:hover, -[class*="ArtistIndexHeader-qualityProfileId-"]:hover, -[class*="ArtistIndexHeader-languageProfileId-"]:hover, -[class*="ArtistIndexHeader-metadataProfileId-"]:hover, -[class*="ArtistIndexHeader-nextAlbum-"]:hover, -[class*="ArtistIndexHeader-lastAlbum-"]:hover, -[class*="ArtistIndexHeader-added-"]:hover, -[class*="ArtistIndexHeader-genres-"]:hover, -[class*="ArtistIndexHeader-albumCount-"]:hover, -[class*="ArtistIndexHeader-trackProgress-"]:hover, -[class*="ArtistIndexHeader-latestAlbum-"]:hover, -[class*="ArtistIndexHeader-actions-"]:hover { - background-color: rgba(0, 0, 0, .25); - color: #FFF; -} - -/* Fix rating border*/ -[class*="ArtistIndexRow-ratings-"] { - border-top: 1px solid var(--text) !important; -} - -/* ALBUM STUDIO */ -[class*="AlbumStudioAlbum-albumType-"], -[class*="AlbumStudioAlbum-album-"], -[class*="AlbumStudioAlbum-tracks-"] { - border: none; - background-color: rgba(0, 0, 0, 0.25); - color: #fff; -} - -[class*="AlbumStudioAlbum-missingWanted-"] { - background-color: #f05050; -} - -[class*="AlbumStudioAlbum-allTracks-"] { - background-color: #0b8750; -} - -/* CONNECTIONS */ -[class*="Label-danger-"][class*="Label-outline-"] { - color: #FFF; - background-color: #f05050; -} \ No newline at end of file +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)}[class*=FormInputHelpText-helpText-]{color:var(--text)}[class*=FormInputGroup-inputUnit-]{color:var(--text)!important}[class*=Link-to-]{color:var(--text)}[class*=Link-to-]:hover{color:var(--text-hover);text-decoration:none}a{color:var(--link-color)}a:hover{color:var(--link-color-hover)}[class*=TableRowCell-cell-] [class*=Link-to-]{color:var(--link-color)!important}[class*=TableRowCell-cell-] [class*=Link-to-]:hover{color:var(--link-color-hover)!important}[class*=Button-default-]{color:var(--button-text);background-color:var(--button-color);border-color:transparent}[class*=Button-default-]:hover{border-color:transparent;background-color:var(--button-color-hover)!important;color:var(--button-text-hover)}[class*=Button-primary-]{border-color:transparent;background-color:var(--button-color);color:var(--button-text)}[class*=Button-primary-]:hover{border-color:transparent;background-color:var(--button-color-hover)!important;color:var(--button-text-hover)}[class*=Button-success-]{border-color:var(--button-color);background-color:var(--button-color);color:var(--button-text)}[class*=Button-success-]:hover{border-color:var(--button-color-hover);background-color:var(--button-color-hover);color:var(--button-text-hover)}[class*=ErrorPage-page-],[class*=ErrorPage-version-],[class*=LoadingMessage-loadingMessage-]{color:var(--text)}[class*=LoadingIndicator-ripple-]{border:2px solid #fff}[class*=ModalHeader-modalHeader-]{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;color:var(--text-hover);border-bottom:1px solid rgb(var(--accent-color))}[class*=Modal-large-],[class*=Modal-modal-],[class*=ModalContent-modalContent-]{background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;color:var(--text)}[class*=ModalFooter-modalFooter-]{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;color:#fff;border-top:1px solid rgb(var(--accent-color))}[class*=ModalContent-closeButton-]:hover{color:#fff}[class*=TagInput-internalInput-]{background-color:transparent;color:#fff}[class*=SelectInput-select-]{background-color:rgba(0,0,0,.25)!important}[class*=SelectInput-select-]:active,[class*=SelectInput-select-]:focus{background:#1e1e1e!important}[class*=AutoSuggestInput-suggestionsContainer-],[class*=AutoSuggestInput-suggestionsContainerOpen-],[class*=AutoSuggestInput-suggestionsList-]{background-color:#323232!important;color:#fff;border:none!important}[class*=AutoSuggestInput-suggestionHighlighted-]{background-color:hsla(0,0%,100%,.08)}[class*=CheckInput-primaryIsChecked-]{border-color:rgb(var(--accent-color))!important;background-color:rgb(var(--accent-color))!important;color:var(--label-text-color)!important}[class*=CheckInput-input-][class*=CheckInput-isNotChecked-]{background:#fff}[class*=PageHeader-header-]{background-color:rgba(0,0,0,.35)}[class*=PageHeader-donate-]{color:#c4273c!important}[class*=ArtistSearchInput-sectionTitle-]{color:#fff}[class*=ArtistSearchInput-containerOpen-] [class*=ArtistSearchInput-artistContainer-]{border:none!important;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!important;box-shadow:0 0 10px 1px transparent!important}[class*=ArtistSearchInput-highlighted-]{background-color:hsla(0,0%,100%,.08)}[class*"=ArtistSearchInput-artistContainer-"]::-webkit-scrollbar-thumb,[class*=ImportArtistSelectArtist-results-]::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.25)}[class*=ImportArtistSelectArtist-results-]::-webkit-scrollbar-thumb,[class*=OverlayScroller-thumb-],[class*=Scroller-scroller-]::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.08)!important}[class*=ImportArtistSelectArtist-results-]::-webkit-scrollbar-thumb:hover,[class*=OverlayScroller-thumb-]:hover,[class*=Scroller-scroller-]::-webkit-scrollbar-thumb:hover{background-color:rgba(255,255,255,.25)!important}[class*=EnhancedSelectInput-options-]{border:1px solid rgba(255,255,255,.2);border-radius:4px;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;color:var(--text)}[class*=EnhancedSelectInputOption-isSelected-],[class*=EnhancedSelectInputOption-isSelected-]:hover{background-color:rgba(255,255,255,.2)!important;color:var(--text-hover)}[class*=EnhancedSelectInputOption-option-]:hover{background-color:rgba(255,255,255,.08)}[class*=HintedSelectInputOption-hintText-],[class*=RootFolderSelectInputOption-freeSpace-]{color:var(--text)}[class*=PageSidebar-sidebarContainer-]{background-color:rgba(0,0,0,.25)}[class*=PageSidebar-sidebar-]{background-color:transparent}[class*=PageSidebarItem-link-]:hover{color:rgb(var(--accent-color));text-decoration:none}[class*=PageSidebarItem-isActiveLink-],[class*=PageSidebarItem-isActiveLink-]:hover,[class*=PageSidebarItem-link-]:focus{color:rgb(var(--accent-color))!important}[class*=PageSidebarItem-isActiveParentLink-]{background-color:rgba(0,0,0,.15)}@media only screen and (max-width:768px){[class*=PageSidebar-sidebarContainer-]{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}}[class*=PageSidebarItem-isActiveItem-]{border-left:3px solid rgb(var(--accent-color))}[class*=ArtistIndexPoster-controls-]{background-color:rgb(var(--accent-color))!important}[class*=ArtistIndexOverview-container-],[class*=ArtistIndexOverview-container-]:hover{background-color:transparent!important}[class*=ArtistIndexOverview-container-]:hover [class*=ArtistIndexOverview-content-]{background-color:transparent}[class*=ArtistIndexOverview-content-]:hover{background-color:hsla(0,0%,100%,.08)!important}[class*=ArtistIndexOverview-link-]:hover{text-decoration:none}[class*=ProgressBar-container-]{background-color:rgba(0,0,0,.25)}[class*=".ProgressBar-purple-"]{background-color:rgb(var(--accent-color))}[class*=ArtistDetailsSeason-albumType-],[class*=ArtistDetailsSeason-collapseButtonContainer-]{border:none!important;background-color:rgba(0,0,0,.25)!important}[class*=ArtistDetails-metadataMessage-],[class*=ArtistDetailsSeason-albumCount-],[class*=ArtistDetailsSeason-header-]{color:#fff}[class*=ArtistDetailsSeason-albums-]{border-top:1px solid rgba(255,255,255,.5)}[class*=Label-default-]{border-color:rgb(var(--accent-color));background-color:rgb(var(--accent-color));color:var(--label-text-color)}[class*=Icon-default-]:hover:not([class*=Label-large-] [class*=Icon-default-],[class*=PathInput-fileBrowserButton-]svg){color:var(--text-hover)}[class*=MonitorToggleButton-toggleButton-]{color:#dadada}[class*=ProtocolLabel-torrent-]{border-color:#00853d!important;background-color:#00853d!important;color:#fff!important}[class*=ProtocolLabel-usenet-]{border-color:#17b1d9!important;background-color:#17b1d9!important;color:#fff!important}[class*=AlbumDetailsMedium-mediumNumber-]{color:#fff}[class*=AlbumDetailsMedium-medium-]{border:none;background-color:rgba(0,0,0,.25)}[class*=ExtraFileTable-container-]{border:1px solid transparent;background-color:rgba(0,0,0,.25)}[class*=AlbumDetails-selectedTab-]{border-bottom:4px solid rgb(var(--accent-color))}[class*=AlbumDetailsMedium-collapseButtonContainer-]{border:none;background-color:rgba(0,0,0,.25)}[class*=ArtistIndexProgressBar-progress-]{background-color:hsla(0,0%,100%,.08)}[class*=ArtistIndexBanner-title-],[class*=ArtistIndexBannerInfo-info-]{background-color:rgba(0,0,0,.25);color:#fff}[class*=Popover-body-],[class*=Popover-title-],[class*=SeasonInfo-title-],[class*=Tooltip-body-]{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}[class*=Tooltip-tooltipContainer-]{color:#fff}[class*=Tooltip-bottom-][class*=Tooltip-default-]{border-bottom-color:var(--text)}[class*=Tooltip-right-][class*=Tooltip-default-]{border-right-color:var(--text)}[class*=EpisodeTitleLink-link-]:hover{color:#fff;text-decoration:none}[class*=IconButton-button-]{color:var(--text)}[class*=Label-default-] [class*=IconButton-button-],[class*=Label-small-] [class*=IconButton-button-]:hover{color:var(--label-text-color)}[class*=IconButton-button-]:hover{background-color:transparent;color:var(--text-hover)}[class*=Table-tableContainer-] [class*=IconButton-button-]:hover{background-color:transparent;color:var(--text-hover)}[class*=Label-info-]{border-color:rgb(var(--accent-color));background-color:rgb(var(--accent-color));color:var(--label-text-color)}[class*=PageSidebarItem-status-][class*=Label-info-]{border-color:var(--queue-color);background-color:var(--queue-color);color:var(--label-text-color)}[class*=TableOptionsColumn-column-]{background:rgba(0,0,0,.25);color:var(--text-hover);border:none}[class*=TableHeaderCell-headerCell-]{color:var(--text-hover)}[class*=Table-table-]{color:var(--text)}[class*=TableRow-row-]:hover{background-color:hsla(0,0%,100%,.08);color:var(--text-hover)}[class*=TableRowCell-cell-]{border-top:1px solid rgb(255 255 255 / 25%)}[class*=PageToolbar-toolbar-]{background-color:rgba(0,0,0,.25);color:var(--text)}[class*=PageToolbarButton-label-]{color:var(--text)}[class*=PageToolbarButton-toolbarButton-][class*=PageToolbarButton-isDisabled-]{opacity:.5;color:var(--text)}[class*=PageToolbarButton-isDisabled-]:hover,[class*=PageToolbarButton-toolbarButton-][class*=PageToolbarButton-isDisabled-]:hover{color:var(--text)!important}[class*=PageToolbarButton-label-]{color:var(--text)}[class*=PageToolbarButton-toolbarButton-]:hover{color:rgb(var(--accent-color))}[class*=MenuButton-menuButton-]:hover{color:rgb(var(--accent-color))}[class*=ArtistIndexPoster-title-],[class*=ArtistIndexPosterInfo-info-]{background-color:rgba(255,255,255,.08);color:var(--text-hover)}[class*=MenuContent-menuContent-],[class*=MenuItem-menuItem-]{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;color:var(--text)}[class*=MenuContent-scroller-]{box-shadow:#000 0 0 5px 0}[class*=MenuItem-menuItem-]:focus,[class*=MenuItem-menuItem-]:hover{background:hsla(0,0%,100%,.08)!important;color:var(--text-hover);text-decoration:none}[class*=MenuItemSeparator-separator-]{background-color:hsla(0,0%,100%,.08)!important}[class*=PageJumpBar-jumpBar-]{color:#fff}[class*=AddNewArtist-searchIconContainer-],[class*=AddNewItem-searchIconContainer-],[class*=CheckInput-isIndeterminate-],[class*=Input-input-]{border:none;background-color:rgba(255,255,255,.08);color:#fff}[class*=ArtistSearchInput-container-] [class*=Input-input-]{background:0 0;border-bottom:solid 1px #fff}[class*=ArtistSearchInput-container-] [class*=Input-input-]:focus{border-bottom:none;background:0 0}[class*=ArtistSearchResult-alternateTitle-]{color:#fff;font-size:12px}[class*=Input-input-]:focus{outline:0;border-color:#fff;box-shadow:none;background-color:rgba(255,255,255,.25)}[class*=TagInput-input-][class*=TagInput-isFocused-]{outline:0;border-color:#fff;box-shadow:none}[class*=PageContentBody-innerContentBody-]{color:var(--text)}[class*=AddNewArtistSearchResult-year-]{color:#fff}[class*=AddNewAlbumSearchResult-underlay-],[class*=AddNewArtistSearchResult-searchResult-],[class*=AddNewArtistSearchResult-underlay-]{background-color:transparent}[class*=AddNewAlbumSearchResult-underlay-]:hover,[class*=AddNewArtistSearchResult-searchResult-]:hover,[class*=AddNewArtistSearchResult-underlay-]:hover{background-color:hsla(0,0%,100%,.08);color:inherit;text-decoration:none}[class*=RootFolderSelectInputSelectedValue-freeSpace-]{color:#fff}[class*=RootFolderSelectInputOption-freeSpace-],[class*=RootFolderSelectInputOption-seriesFolder-]{color:var(--text-muted)}[class*=ImportArtistSelectArtist-content-],[class*=ImportArtistSelectArtist-searchIconContainer-]{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;border:1px solid transparent}[class*=ImportArtistName-disambiguation-]{color:var(--text-muted)}[class*=ImportArtistSearchResult-artist-]:hover{background-color:rgba(255,255,255,.08)}input::-webkit-input-placeholder{color:var(--text)}input:focus::-webkit-input-placeholder{color:var(--text-hover)}input:-moz-placeholder{color:var(--text)}input:focus:-moz-placeholder{color:var(--text-hover)}input::-moz-placeholder{color:var(--text)}input:focus::-moz-placeholder{color:var(--text-hover)}input:-ms-input-placeholder{color:var(--text)}input:focus:-ms-input-placeholder{color:var(--text-hover)}[class*=ImportArtistSelectFolder-header-]{color:#fff}[class*=ExpandingFileDetails-fileDetails-]{border:1px solid rgb(255 255 255 / .1);background-color:rgb(255 255 255 / 8%)}[class*=ImportArtistSelectArtist-button-]{border:none;background-color:rgba(0,0,0,.25)!important;color:#fff}[class*=FieldSet-legend-]{color:var(--text-hover);border-bottom:1px solid rgb(var(--accent-color))}[class*=VirtualTableRow-row-]:hover{background-color:rgba(255,255,255,.08)}[class*=PageJumpBarItem-jumpBarItem-]:hover{color:#fff;background:hsla(0,0%,100%,.08)}[class*=PageContentFooter-contentFooter-]{border:none;background-color:rgba(0,0,0,.25);color:#fff}[class*=CalendarEvent-downloaded-]{background:rgb(var(--calendar-available) / .7)!important;border-left-color:transparent!important}[class*=Calendar-calendar-] [class*=CalendarEvent-downloaded-]:hover{background:rgb(var(--calendar-available) / .5)!important;border-left-color:transparent!important}[class*=CalendarEvent-missing-]{background:rgb(var(--calendar-missing) / .7)!important;border-left-color:transparent!important}[class*=Calendar-calendar-] [class*=CalendarEvent-missing-]:hover{background:rgba(var(--calendar-missing) / .5)!important;border-left-color:transparent!important}[class*=CalendarEvent-unreleased-]{background:rgb(var(--calendar-unaired) / .7)!important;border-left-color:transparent!important}[class*=Calendar-calendar-] [class*=CalendarEvent-unreleased-]:hover{background:rgb(var(--calendar-unaired) / .5)!important;border-left-color:transparent!important}[class*=CalendarEvent-unmonitored-]{background:rgb(var(--calendar-unmonitored) / .7)!important;border-left-color:transparent!important}[class*=Calendar-calendar-] [class*=CalendarEvent-unmonitored-]:hover{background:rgb(var(--calendar-unmonitored) / .5)!important;border-left-color:transparent!important}[class*=CalendarEvent-downloading-]{background:rgb(var(--calendar-downloading) / .7)!important;border-left-color:transparent!important}[class*=Calendar-calendar-] [class*=CalendarEvent-downloading-]:hover{background:rgb(var(--calendar-downloading) / .5)!important;border-left-color:transparent!important}[class*=DayOfWeek-dayOfWeek-]{background-color:hsla(0,0%,100%,.08)}[class*=CalendarDay-dayOfMonth-]{border-bottom:1px solid hsla(0,0%,100%,.08);background-color:rgba(0,0,0,.25)}[class*=CalendarDay-isToday-]{background-color:hsla(0,0%,100%,.08)!important}[class*=CalendarDay-day-],[class*=CalendarDays-days-]{-webkit-box-flex:1;-webkit-flex:1 0 14.28%;flex:1 0 14.28%;overflow:hidden;min-height:70px;border-bottom:1px solid hsla(0,0%,100%,.08);border-left:1px solid hsla(0,0%,100%,.08);border-right:1px solid hsla(0,0%,100%,.08)}[class*=CalendarEvent-event-]{border-bottom:1px solid transparent}[class*=CalendarEventGroup-eventGroup-]{border-bottom:1px solid hsla(0,0%,100%,.08)!important}[class*=AgendaEvent-event-]:hover{background-color:hsla(0,0%,100%,.08)!important}[class*=Settings-link-]{color:var(--text-hover);border-bottom:1px solid rgb(var(--accent-color))}[class*=Settings-summary-]{color:var(--text)}[class*=FormLabel-large-]{color:var(--text-hover)}[class*=FormLabel-isAdvanced-]{color:#ff902b}[class*=NamingOption-small-]{border:1px solid transparent}[class*=NamingOption-token-]{background-color:rgba(255,255,255,.15)}[class*=NamingOption-token-]{background-color:rgba(255,255,255,.15)}[class*=NamingOption-example-]{background-color:rgba(255,255,255,.25)}[class*=NamingOption-option-]{border:1px solid transparent}[class*=NamingOption-option-]:hover [class*=NamingOption-token-]{background-color:rgba(255,255,2550,.25)}[class*=NamingOption-option-]:hover [class*=NamingOption-example-]{background-color:rgba(255,255,2550,.35)}[class*=Card-card-],[class*=QualityProfiles-addQualityProfile-]{background-color:rgba(0,0,0,.45);box-shadow:0 0 10px 1px #000;color:var(--text)}[class*=Card-card-]:hover{color:var(--text-hover)}[class*=LanguageProfiles-center-],[class*=QualityProfiles-center-],[class*=ReleaseProfiles-center-]{background-color:transparent;border:none}[class*=LanguageProfileItem-languageProfileItem-],[class*=QualityProfileItem-qualityProfileItem-],[class*=QualityProfileItemGroup-qualityProfileItemGroup-]{border:none;background-color:rgba(0,0,0,.25);color:#fff}[class*=QualityProfileItemGroup-qualityProfileItemGroup-][class*=QualityProfileItemGroup-editGroups-]{background:rgba(0,0,0,.25)}[class*=KeyValueListInputItem-keyInput-],[class*=KeyValueListInputItem-valueInput-]{border:none;background:0 0;color:#fff}[class*=QualityProfileFormatItem-qualityProfileFormatItem-]{border:1px solid transparent;background:rgba(0,0,0,.25)}[class*=QualityDefinitions-sizeLimitHelpText-]{color:var(--text)}[class*=Indexers-center-]{background-color:transparent;border:none}[class*=Card-card-],[class*=QualityProfiles-addQualityProfile-]{background-color:rgba(0,0,0,.45);box-shadow:0 0 10px 1px #000;color:var(--text)}[class*=LanguageProfiles-center-],[class*=MetadataProfiles-center-],[class*=QualityProfiles-center-],[class*=RootFolders-center-]{background-color:transparent;border:none}[class*=DownloadClients-center-],[class*=ImportLists-center-],[class*=Indexers-center-],[class*=Notifications-center-],[class*=Restrictions-center-]{display:inline-block;padding:15px 20px 15px;border-radius:4px}[class*=DownloadClients-center-]{background-color:transparent;border:none}[class*=Notifications-center-]{background-color:transparent;border:none}[class*=ImportLists-center-]{background-color:transparent;border:none}[class*=Alert-info-]{border-color:transparent;background-color:rgba(0,0,0,.25);color:#ffc107}[class*=Restrictions-center-]{border:1px solid transparent;background-color:transparent}[class*=NetImports-center-]{border:1px solid transparent;background-color:transparent}[class*=CustomFormats-center-],[class*=EditCustomFormatModalContent-center-]{border:1px solid transparent;background-color:transparent}.panel-body{background-color:rgba(0,0,0,.25);color:var(--text)}.panel-header{background-color:rgba(0,0,0,.45)}.forgot-password{color:var(--text)!important}input[type=email],input[type=password]{border:none;background-color:rgba(255,255,255,.08);color:#fff}.button{border-color:var(--button-color);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;box-shadow:none;background-color:rgba(255,255,255,.25)}[class*=FilterBuilderRow-filterRow-]:hover{background-color:transparent}[class*=CustomFilter-customFilter-]:hover{background-color:hsla(0,0%,100%,.08)}[class*=ArtistIndexHeader-actions-]:hover,[class*=ArtistIndexHeader-added-]:hover,[class*=ArtistIndexHeader-albumCount-]:hover,[class*=ArtistIndexHeader-artistType-]:hover,[class*=ArtistIndexHeader-genres-]:hover,[class*=ArtistIndexHeader-languageProfileId-]:hover,[class*=ArtistIndexHeader-lastAlbum-]:hover,[class*=ArtistIndexHeader-latestAlbum-]:hover,[class*=ArtistIndexHeader-metadataProfileId-]:hover,[class*=ArtistIndexHeader-nextAlbum-]:hover,[class*=ArtistIndexHeader-qualityProfileId-]:hover,[class*=ArtistIndexHeader-sortName-]:hover,[class*=ArtistIndexHeader-trackCount-]:hover,[class*=ArtistIndexHeader-trackProgress-]:hover{background-color:rgba(0,0,0,.25);color:#fff}[class*=ArtistIndexRow-ratings-]{border-top:1px solid var(--text)!important}[class*=AlbumStudioAlbum-album-],[class*=AlbumStudioAlbum-albumType-],[class*=AlbumStudioAlbum-tracks-]{border:none;background-color:rgba(0,0,0,.25);color:#fff}[class*=AlbumStudioAlbum-missingWanted-]{background-color:#f05050}[class*=AlbumStudioAlbum-allTracks-]{background-color:#0b8750}[class*=Label-danger-][class*=Label-outline-]{color:#fff;background-color:#f05050} diff --git a/CSS/themes/logarr/logarr-base.css b/CSS/themes/logarr/logarr-base.css index ec221b4c..04d4d5f3 100644 --- a/CSS/themes/logarr/logarr-base.css +++ b/CSS/themes/logarr/logarr-base.css @@ -1,581 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ - -body { - 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; - 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); - 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; - } -} - -.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); -} - -#includedContent { - background-color: transparent; - background: transparent; -} - -body { - opacity: 1; - transition: 1s opacity; - background-color: #00000000; - -webkit-font-smoothing: antialiased; - font-family: 'Roboto:400', sans-serif !important; - color: #FFFFFF; - padding: 10px 10px 0; -} - -.btn { - font-weight: 600 !important; -} - -body.fade-out { - opacity: 0; - transition: none; -} - -.left, -.right, -.category-filter-item, -.nav-item, -.filesize, -.path { - color: #ffffff; -} - -#username:hover, -#password:hover { - text-shadow: 0 0 1rem transparent; -} - -#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; - 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; - -} - -.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; - background-size: 2em; - display: inline-block; - width: 2em; - 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; - content: ""; - display: inline-block; - width: 2em; - height: 2em; - -webkit-transition: .5s; - -moz-transition: .5s; - transition: .5s; - cursor: pointer; -} - -.expand { - height: 43rem; - width: auto; - overflow: auto; - transition: height 0.5s; - color: rgb(255, 255, 255); - background-color: rgba(0, 0, 0, 0.3); - word-wrap: break-word; - padding: 0 10px 0 10px; -} - -.header-brand, -.logheader { - text-shadow: none !important; -} - -/* Settings */ -/* 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 { - border: .2rem solid transparent; -} - -.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); -} - -.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; -} - -.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); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: white !important; - border: 1px solid transparent !important; - box-shadow: 0.5rem 0.5rem 1rem rgb(15, 15, 15, 0.45) !important; -} - -.modaltextloading, -.modalloadingspinner { - color: #FFF !important; -} - -.container { - 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; -} - -#hd { - padding-left: 0.8rem !important; -} - -.double-val-label>span.success { - background-color: #28a745 !important; -} - -.servicetile:hover, -.servicetile:focus { - text-shadow: 0 0 20px #000; -} - -#servicetitle:hover, -#servicetitle:focus { - text-shadow: 0 0 20px #000; -} - -#servicetitle { - color: #fff !important; -} - -.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; -} - -.btn:hover { - background-color: var(--button-color-hover) !important; - border: none !important; -} - -.btn-primary, -.btn-primary:hover { - border-color: transparent; -} - -.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; - color: #fff !important; - box-shadow: none; -} - -#slidertable { - background-color: rgba(0, 0, 0, .15) !important; - box-shadow: none; -} - -#textslider { - color: #fff !important; -} - -.dtg { - color: #fff !important; -} - -.datemin { - 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; -} - -/*Service tile*/ -.col-lg-4 { - background-color: rgba(0, 0, 0, .15) !important; - margin: 1rem .1rem 1.5rem 1rem !important; - width: 9rem !important; - box-shadow: none; -} - -.col-lg-4:hover { - background-color: hsla(0, 0%, 100%, .08) !important; - margin: 1rem .1rem 1.5rem 1rem !important; - width: 9rem !important; - box-shadow: none; -} - -.servicetile, -.servicetile:hover, -.servicetile:focus { - color: #ffffff; - text-shadow: none !important; - text-decoration: none !important; - outline: 0; - font-weight: inherit !important; - -webkit-transition: none !important; - -moz-transition: none !important; - -ms-transition: none !important; - -o-transition: none !important; - transition: none !important; -} - -.servicetile { - color: #ffffff; - text-shadow: none !important; - text-decoration: none !important; - outline: 0; - font-weight: inherit !important; - -webkit-transition: none !important; - -moz-transition: none !important; - -ms-transition: none !important; - -o-transition: none !important; - transition: none !important; -} - -#servicetitle:hover, -#servicetitle:focus { - text-shadow: none !important; - font-weight: inherit !important; -} - -#clock { - 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-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; -} - -.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 { - box-shadow: none !important; - -webkit-box-shadow: none !important; -} - -.logrollmodal { - 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; - border: 1px solid transparent !important; -} - -.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; - } - - #time { - 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; - } -} \ No newline at end of file +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;color:#fff!important}@media only screen and (min-width:768px){html{height:100%;width:100%;overflow:auto}body{overflow-y:auto;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}}.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:0;background-color:rgba(255,255,255,.08);box-shadow:5px 5px 10px rgba(0,0,0,.15)}#includedContent{background-color:transparent;background:0 0}body{opacity:1;transition:1s opacity;background-color:#00000000;-webkit-font-smoothing:antialiased;font-family:'Roboto:400',sans-serif!important;color:#fff;padding:10px 10px 0}.btn{font-weight:600!important}body.fade-out{opacity:0;transition:none}.category-filter-item,.filesize,.left,.nav-item,.path,.right{color:#fff}#password:hover,#username:hover{text-shadow:0 0 1rem transparent}#auto-update,#categoryFilter{color:#fff!important;background-color:transparent!important;box-shadow:none;border-radius:0}#markform{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}.slide{border:1px solid transparent}.expandtoggle{background-color:transparent!important}.expandtoggle:hover{background-color:rgba(255,255,255,.08)!important}.expandtoggle:checked~.expandtoggle::before{content:"";background:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/logarr/increase.png) no-repeat;background-size:2em;display:inline-block;width:2em;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;content:"";display:inline-block;width:2em;height:2em;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;cursor:pointer}.expand{height:43rem;width:auto;overflow:auto;transition:height .5s;color:#fff;background-color:rgba(0,0,0,.3);word-wrap:break-word;padding:0 10px 0 10px}.header-brand,.logheader{text-shadow:none!important}.alpaca-control-label,.alpaca-control.radio{color:#fff!important}.alpaca-form-buttons-container{background-color:transparent!important}.Rtable-cell{color:#fff!important}#colorkey{color:#fff!important}.settingstitle{text-shadow:none!important}#reginfo{color:#fff!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{border:.2rem solid transparent}.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-wrapper{box-shadow:none!important;background-color:rgba(0,0,0,.07)}.sidebar-nav li:hover:before{-webkit-transition:none!important;transition:none!important;background-color:rgba(0,0,0,.07)}.sidebar-nav li:before{background-color:rgba(0,0,0,.07);transition:none!important;-webkit-transition:none!important}.sidebar-nav li:first-child a{background-color:rgba(0,0,0,.07)}.sidebar-nav li:nth-child(2):before{background-color:rgba(0,0,0,.07)}.sidebar-nav li:nth-child(3):before{background-color:rgba(0,0,0,.07)}.sidebar-nav li:nth-child(4):before{background-color:rgba(0,0,0,.07)}.sidebar-nav li:nth-child(5):before{background-color:rgba(0,0,0,.07)}.sidebar-nav li:nth-child(6):before{background-color:rgba(0,0,0,.07)}.sidebar-nav li:nth-child(7):before{background-color:rgba(0,0,0,.07)}.sidebar-nav li:nth-child(8):before{background-color:rgba(0,0,0,.07)}.sidebar-nav li:nth-child(9):before{background-color:rgba(0,0,0,.07)}#modalloading{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:#fff!important;border:1px solid transparent!important;box-shadow:.5rem .5rem 1rem rgb(15,15,15,.45)!important}.modalloadingspinner,.modaltextloading{color:#fff!important}.container{max-width:100%!important;padding-right:2rem!important}#stats{background-color:rgba(0,0,0,.15)!important;padding-left:0!important;padding-right:1.11rem!important;box-shadow:none}#hd{padding-left:.8rem!important}.double-val-label>span.success{background-color:#28a745!important}.servicetile:focus,.servicetile:hover{text-shadow:0 0 20px #000}#servicetitle:focus,#servicetitle:hover{text-shadow:0 0 20px #000}#servicetitle{color:#fff!important}.btnoffline,.btnonline,.btnunknown{box-shadow:0 .2rem 1rem rgba(0,0,0,.9)!important;-webkit-box-shadow:0 .2rem 1rem rgba(0,0,0,.9)!important}.btnonline{background-color:#28a745!important}.btn{background-color:var(--button-color)!important;border:none!important}.btn:hover{background-color:var(--button-color-hover)!important;border:none!important}.btn-primary,.btn-primary:hover{border-color:transparent}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){color:#fff!important}.btn-group>.btn:first-child{color:#fff!important}#time{background-color:rgba(0,0,0,.15)!important;color:#fff!important;box-shadow:none}#slidertable{background-color:rgba(0,0,0,.15)!important;box-shadow:none}#textslider{color:#fff!important}.dtg{color:#fff!important}.datemin{color:#fff!important}#center{background-color:rgba(0,0,0,0)!important;box-shadow:0 0 0 0 #ffffff00,0 0 0 0 #ffffff00,10px 0 10px 0 #ffffff00,-10px 0 10px 2px #ffffff00!important}.col-lg-4{background-color:rgba(0,0,0,.15)!important;margin:1rem .1rem 1.5rem 1rem!important;width:9rem!important;box-shadow:none}.col-lg-4:hover{background-color:hsla(0,0%,100%,.08)!important;margin:1rem .1rem 1.5rem 1rem!important;width:9rem!important;box-shadow:none}.servicetile,.servicetile:focus,.servicetile:hover{color:#fff;text-shadow:none!important;text-decoration:none!important;outline:0;font-weight:inherit!important;-webkit-transition:none!important;-moz-transition:none!important;-ms-transition:none!important;-o-transition:none!important;transition:none!important}.servicetile{color:#fff;text-shadow:none!important;text-decoration:none!important;outline:0;font-weight:inherit!important;-webkit-transition:none!important;-moz-transition:none!important;-ms-transition:none!important;-o-transition:none!important;transition:none!important}#servicetitle:focus,#servicetitle:hover{text-shadow:none!important;font-weight:inherit!important}#clock{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:0 2px 5px #0f0f0f!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-activity{border-top-color:#fff!important;border-left-color:#fff!important}.footer{color:#fff!important}.footer:hover{text-shadow:0 0 15px transparent!important}#footer{color:transparent!important}.navbar-brand{text-shadow:0 0 15px #000!important}.btnoffline,.btnonline,.btnunknown{box-shadow:none!important;-webkit-box-shadow:none!important}.logrollmodal{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;border:1px solid transparent!important}#uploadbutton,.modalimgpath,.modaltext{color:#fff!important}.file-upload{background-color:var(--button-color)!important;color:#fff!important}.file-upload:hover{background-color:var(--button-color-hover)!important;color:#fff!important}@media only screen and (max-width:775px){#slidertable{display:none!important}#time{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}} diff --git a/CSS/themes/monitorr/monitorr-base.css b/CSS/themes/monitorr/monitorr-base.css index a40f9a33..b0e2a926 100644 --- a/CSS/themes/monitorr/monitorr-base.css +++ b/CSS/themes/monitorr/monitorr-base.css @@ -1,433 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ - - -#footer:after { - color: white; - content: "theme.park v2.0"; -} - -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; -} - -#includedContent { - background-color: transparent; - background: transparent; -} - -#username:hover, -#password:hover { - text-shadow: 0 0 1rem transparent; -} - -/* Settings */ -/* 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); -} - -.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; -} - -.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); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: white !important; - border: 1px solid transparent !important; - box-shadow: 0.5rem 0.5rem 1rem rgb(15, 15, 15, 0.45) !important; -} - -.modaltextloading, -.modalloadingspinner { - color: #FFF !important; -} - -.container { - 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; -} - -#hd { - padding-left: 0.8rem !important; -} - -.double-val-label>span.success { - background-color: #28a745 !important; -} - -.servicetile:hover, -.servicetile:focus { - text-shadow: 0 0 20px #000; -} - -#servicetitle:hover, -#servicetitle:focus { - text-shadow: 0 0 20px #000; -} - -#servicetitle { - color: #fff !important; -} - -.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 { - border-color: transparent; -} - -.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; - color: #fff !important; - box-shadow: none; -} - -#slidertable { - background-color: rgba(0, 0, 0, .15) !important; - box-shadow: none; -} - -#textslider { - color: #fff !important; -} - -.dtg { - color: #fff !important; -} - -.datemin { - 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; -} - -/*Service tile*/ -.col-lg-4 { - background-color: rgba(0, 0, 0, .15) !important; - margin: 1rem .1rem 1.5rem 1rem !important; - width: 9rem !important; - box-shadow: none; -} - -.col-lg-4:hover { - background-color: hsla(0, 0%, 100%, .08) !important; - margin: 1rem .1rem 1.5rem 1rem !important; - width: 9rem !important; - box-shadow: none; -} - -.servicetile, -.servicetile:hover, -.servicetile:focus { - color: #ffffff; - text-shadow: none !important; - text-decoration: none !important; - outline: 0; - font-weight: inherit !important; - -webkit-transition: none !important; - -moz-transition: none !important; - -ms-transition: none !important; - -o-transition: none !important; - transition: none !important; -} - -.servicetile { - color: #ffffff; - text-shadow: none !important; - text-decoration: none !important; - outline: 0; - font-weight: inherit !important; - -webkit-transition: none !important; - -moz-transition: none !important; - -ms-transition: none !important; - -o-transition: none !important; - transition: none !important; -} - -#servicetitle:hover, -#servicetitle:focus { - text-shadow: none !important; - font-weight: inherit !important; -} - -#clock { - 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-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; -} - -.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 { - box-shadow: none !important; - -webkit-box-shadow: none !important; -} - -#myModal3 { - 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; - border: 1px solid transparent !important; -} - -.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; - } - - #time { - display: none !important; - } -} \ No newline at end of file +#footer:after{color:#fff;content:"theme.park v2.0"}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:#fff!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}#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:0 0}#password:hover,#username:hover{text-shadow:0 0 1rem transparent}.alpaca-control-label,.alpaca-control.radio{color:#fff!important}.alpaca-form-buttons-container{background-color:transparent!important}.Rtable-cell{color:#fff!important}#colorkey{color:#fff!important}.settingstitle{text-shadow:none!important}#reginfo{color:#fff!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-wrapper{box-shadow:none!important;background-color:rgba(0,0,0,.07)}.sidebar-nav li:hover:before{-webkit-transition:none!important;transition:none!important;background-color:rgba(0,0,0,.07)}.sidebar-nav li:before{background-color:rgba(0,0,0,.07);transition:none!important;-webkit-transition:none!important}.sidebar-nav li:first-child a{background-color:rgba(0,0,0,.07)}.sidebar-nav li:nth-child(2):before{background-color:rgba(0,0,0,.07)}.sidebar-nav li:nth-child(3):before{background-color:rgba(0,0,0,.07)}.sidebar-nav li:nth-child(4):before{background-color:rgba(0,0,0,.07)}.sidebar-nav li:nth-child(5):before{background-color:rgba(0,0,0,.07)}.sidebar-nav li:nth-child(6):before{background-color:rgba(0,0,0,.07)}.sidebar-nav li:nth-child(7):before{background-color:rgba(0,0,0,.07)}.sidebar-nav li:nth-child(8):before{background-color:rgba(0,0,0,.07)}.sidebar-nav li:nth-child(9):before{background-color:rgba(0,0,0,.07)}#modalloading{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:#fff!important;border:1px solid transparent!important;box-shadow:.5rem .5rem 1rem rgb(15,15,15,.45)!important}.modalloadingspinner,.modaltextloading{color:#fff!important}.container{max-width:100%!important;padding-right:2rem!important}#stats{background-color:rgba(0,0,0,.15)!important;padding-left:0!important;padding-right:1.11rem!important;box-shadow:none}#hd{padding-left:.8rem!important}.double-val-label>span.success{background-color:#28a745!important}.servicetile:focus,.servicetile:hover{text-shadow:0 0 20px #000}#servicetitle:focus,#servicetitle:hover{text-shadow:0 0 20px #000}#servicetitle{color:#fff!important}.btnoffline,.btnonline,.btnunknown{box-shadow:0 .2rem 1rem rgba(0,0,0,.9)!important;-webkit-box-shadow:0 .2rem 1rem rgba(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{border-color:transparent}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){color:#fff!important}.btn-group>.btn:first-child{color:#fff!important}#time{background-color:rgba(0,0,0,.15)!important;color:#fff!important;box-shadow:none}#slidertable{background-color:rgba(0,0,0,.15)!important;box-shadow:none}#textslider{color:#fff!important}.dtg{color:#fff!important}.datemin{color:#fff!important}#center{background-color:rgba(0,0,0,0)!important;box-shadow:0 0 0 0 #ffffff00,0 0 0 0 #ffffff00,10px 0 10px 0 #ffffff00,-10px 0 10px 2px #ffffff00!important}.col-lg-4{background-color:rgba(0,0,0,.15)!important;margin:1rem .1rem 1.5rem 1rem!important;width:9rem!important;box-shadow:none}.col-lg-4:hover{background-color:hsla(0,0%,100%,.08)!important;margin:1rem .1rem 1.5rem 1rem!important;width:9rem!important;box-shadow:none}.servicetile,.servicetile:focus,.servicetile:hover{color:#fff;text-shadow:none!important;text-decoration:none!important;outline:0;font-weight:inherit!important;-webkit-transition:none!important;-moz-transition:none!important;-ms-transition:none!important;-o-transition:none!important;transition:none!important}.servicetile{color:#fff;text-shadow:none!important;text-decoration:none!important;outline:0;font-weight:inherit!important;-webkit-transition:none!important;-moz-transition:none!important;-ms-transition:none!important;-o-transition:none!important;transition:none!important}#servicetitle:focus,#servicetitle:hover{text-shadow:none!important;font-weight:inherit!important}#clock{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:0 2px 5px #0f0f0f!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-activity{border-top-color:#fff!important;border-left-color:#fff!important}.footer{color:#fff!important}.footer:hover{text-shadow:0 0 15px transparent!important}#footer{color:transparent!important}.navbar-brand{text-shadow:0 0 15px #000!important}.btnoffline,.btnonline,.btnunknown{box-shadow:none!important;-webkit-box-shadow:none!important}#myModal3{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;border:1px solid transparent!important}#uploadbutton,.modalimgpath,.modaltext{color:#fff!important}.file-upload{background-color:var(--button-color)!important;color:#fff!important}.file-upload:hover{background-color:var(--button-color-hover)!important;color:#fff!important}@media only screen and (max-width:775px){#slidertable{display:none!important}#time{display:none!important}} diff --git a/CSS/themes/moviematch/moviematch-base.css b/CSS/themes/moviematch/moviematch-base.css index 9d7cc2ea..1f90196c 100644 --- a/CSS/themes/moviematch/moviematch-base.css +++ b/CSS/themes/moviematch/moviematch-base.css @@ -1,147 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ - -* { - outline: none; - -} - -body { - background: var(--main-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: var(--text) -} - - - -/* TEXT COLOR */ -.matches-title, -.matches-list:empty::before, -.card-stack:empty::after, -footer, -.Field_Label { - color: var(--text); -} - -/* ACCENTS */ -.matches-section hr { - border: 0.5px solid rgb(var(--accent-color)); -} - -.matches-section hr::before, -.matches-title .matches-count { - background: rgb(var(--accent-color)); - color: var(--button-text); -} - -.Logo { - color: rgb(var(--accent-color)); -} - -/* FORMS */ -.login-form input, -input, -.TextInput { - background: rgba(0, 0, 0, .25); - border: 1px solid transparent; - color: var(--text) -} - -.login-form input:focus, -input:focus, -.TextInput:focus { - background: #fff; - border: 1px solid transparent; - color: black; -} - -input:focus { - outline: none; -} - -.Select_Element { - border: 2px solid var(--button-color); - color: var(--button-text); -} - -/* BUTTONS */ -.login-form .room-code-container .generate-button, -.login-form .submit-button, -.ButtonPrimary, -.AddRemoveList_Add, -.SegmentedControlsListItem { - background: var(--button-color); - color: var(--button-text); - border: 1px solid var(--button-color); -} - -.login-form .room-code-container .generate-button:hover, -.login-form .submit-button:hover, -.ButtonPrimary:hover, -.ButtonPrimary:active .ButtonSecondary:hover, -.ButtonSecondary:active, -.ButtonTertiary:hover, -.ButtonTertiary:active, -.AddRemoveList_Add:hover, -.AddRemoveList_Add:active, -.SegmentedControlsListItem:hover, -.SegmentedControlsListItem:active { - background: var(--button-color-hover); - color: var(--button-text-hover); - border-color: var(--button-color-hover); -} - -@media (hover: hover) { - .ButtonSecondary:hover { - color: var(--button-text-hover); - border-color: var(--button-color-hover); - } -} - -.ButtonSecondary { - border: 2px solid var(--button-color); - color: var(--button-color); -} - -.ButtonTertiary { - color: var(--button-color); - transition: background-color var(--button-color-hover) ease-in-out; -} - -.SegmentedControlOption { - color: var(--button-text); -} - -/* CARDS */ -.card { - border: 1px solid transparent; -} - -.Card_MoreInfoButton:hover { - color: rgb(var(--accent-color)); -} - -.RoomInfoBar { - background-color: rgba(0, 0, 0, 0.25); -} - -/* MENUS POPOVER */ -.PopoverMenuButton:hover { - background: rgb(255 255 255 / 15%) !important; - color: var(--mm-white); -} \ No newline at end of file +*{outline:0}body{background:var(--main-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;color:var(--text)}.Field_Label,.card-stack:empty::after,.matches-list:empty::before,.matches-title,footer{color:var(--text)}.matches-section hr{border:.5px solid rgb(var(--accent-color))}.matches-section hr::before,.matches-title .matches-count{background:rgb(var(--accent-color));color:var(--button-text)}.Logo{color:rgb(var(--accent-color))}.TextInput,.login-form input,input{background:rgba(0,0,0,.25);border:1px solid transparent;color:var(--text)}.TextInput:focus,.login-form input:focus,input:focus{background:#fff;border:1px solid transparent;color:#000}input:focus{outline:0}.Select_Element{border:2px solid var(--button-color);color:var(--button-text)}.AddRemoveList_Add,.ButtonPrimary,.SegmentedControlsListItem,.login-form .room-code-container .generate-button,.login-form .submit-button{background:var(--button-color);color:var(--button-text);border:1px solid var(--button-color)}.AddRemoveList_Add:active,.AddRemoveList_Add:hover,.ButtonPrimary:active .ButtonSecondary:hover,.ButtonPrimary:hover,.ButtonSecondary:active,.ButtonTertiary:active,.ButtonTertiary:hover,.SegmentedControlsListItem:active,.SegmentedControlsListItem:hover,.login-form .room-code-container .generate-button:hover,.login-form .submit-button:hover{background:var(--button-color-hover);color:var(--button-text-hover);border-color:var(--button-color-hover)}@media (hover:hover){.ButtonSecondary:hover{color:var(--button-text-hover);border-color:var(--button-color-hover)}}.ButtonSecondary{border:2px solid var(--button-color);color:var(--button-color)}.ButtonTertiary{color:var(--button-color);transition:background-color var(--button-color-hover) ease-in-out}.SegmentedControlOption{color:var(--button-text)}.card{border:1px solid transparent}.Card_MoreInfoButton:hover{color:rgb(var(--accent-color))}.RoomInfoBar{background-color:rgba(0,0,0,.25)}.PopoverMenuButton:hover{background:rgb(255 255 255 / 15%)!important;color:var(--mm-white)} diff --git a/CSS/themes/netdata/netdata-base.css b/CSS/themes/netdata/netdata-base.css index 3947c571..bda431cd 100644 --- a/CSS/themes/netdata/netdata-base.css +++ b/CSS/themes/netdata/netdata-base.css @@ -1,484 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ - - -body, -[class*="styled__SocialMediaContainer-"] { - 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); -} - -* { - outline: none !important; -} - -/* TEXT */ - -h1, -h2, -h3, -h4, -h5, -h6, -label:not(.toggle-on.btn, .toggle-off.btn), -legend { - color: var(--text-hover) !important; -} - -.dashboard-context-info { - color: var(--text); -} - -a, -.dashboard-context-info a { - color: var(--link-color) !important; -} - -a:hover, -.dashboard-context-info a:hover { - color: var(--link-color-hover) !important; -} - -.loadOverlay { - color: var(--text) !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; -} - -/* Navbar */ -.navbar-default { - 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; -} - -.navbar-default .navbar-nav>li>a:hover, -.navbar-default .navbar-nav>li>a:focus { - background-color: rgba(0, 0, 0, .25) !important; - color: var(--text-hover) !important; -} - -.navbar-default .navbar-nav>.open>a, -.navbar-default .navbar-nav>.open>a:hover, -.navbar-default .navbar-nav>.open>a:focus { - background-color: rgba(0, 0, 0, .25) !important; -} - -.navbar-default, -.navbar-inverse { - border: 0px solid rgba(0, 0, 0, 0.6) !important; - text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3) !important; -} - -.navbar-default .navbar-brand { - color: #ffffff !important; -} - -.navbar-default .navbar-brand:hover, -.navbar-default .navbar-brand:focus { - color: #ffffff !important; - background-color: rgba(0, 0, 0, .25) !important; -} - -.navbar-default .navbar-nav>li>a, -.navbar-inverse .navbar-nav>li>a { - border-right: 1px solid rgba(0, 0, 0, 0) !important; - border-left: 1px solid rgba(0, 0, 0, 0) !important; - color: #ffffff !important; -} - -.nav-tabs>li.active>a, -.nav-tabs>li.active>a:hover, -.nav-tabs>li.active>a:focus { - background-color: rgba(0, 0, 0, 0.15) !important; - border: 1px solid #00000000 !important; - color: rgb(var(--accent-color)); -} - -.nav>li>a:hover, -.nav>li>a:focus { - text-decoration: none; - background-color: #3e444c; -} - -.nav>li>a:hover, -.nav>li>a:focus { - background-color: rgba(255, 255, 255, 0.08) !important; -} - -.nav-tabs>li>a:hover { - border-color: transparent; -} - -.nav-tabs { - border-bottom: 1px 1px 1px rgba(0, 0, 0, 0.3); -} - -#my-netdata-dropdown-content .agent-item:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -.sign-in-btn { - 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; -} - -.dropdown-menu, -[class*="__Dropdown-"], -[class*="documentation__Container-sc-"], -[class*="styled__PickerBox-"] { - background: var(--drop-down-menu-bg) !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; - border: 0px !important; -} - -[class*="styled__ShortPickElement-"] { - color: var(--link-color); -} - -[class*="styled__ShortPickElement-"]:hover { - color: var(--link-color-hover); -} - -.DateInput_input__focused { - border: 1px solid rgb(var(--accent-color)); - -} - -.CalendarDay__selected, -.CalendarDay__selected:active, -.CalendarDay__selected:hover, -.CalendarDay__selected_span:active, -.CalendarDay__selected_span:hover { - background: rgb(var(--accent-color)); - color: var(--label-text-color); -} - -.CalendarDay__default:hover { - background: var(--accent-color-hover); - color: var(--label-text-color); -} - -[class*="item__PanelRowContainer-"]:hover { - background: rgba(255, 255, 255, 0.15); -} - - - -.dropdown-menu>li>a:hover, -.dropdown-menu>li>a:focus { - background-color: rgba(0, 0, 0, 0.25) !important; -} - -.modal-content { - 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; -} - -.modal-header { - background: var(--modal-header-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; - border-bottom: 1px solid rgb(var(--accent-color)) !important; -} - -.modal-footer { - background: var(--modal-footer-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; - border-top: 1px solid rgb(var(--accent-color)) !important; -} - -.nav-tabs { - border-bottom: 1px solid rgb(var(--accent-color)) !important; -} - -.panel { - background: rgba(0, 0, 0, 0.45) !important; -} - -.panel-default>.panel-heading { - background-color: transparent !important; -} - -table { - background: transparent !important; -} - -.table-hover>tbody>tr:hover { - background-color: rgba(255, 255, 255, 0.08) !important; -} - -.table>thead>tr>th { - border-bottom: 2px solid rgba(255, 255, 255, 0.3) !important; -} - -#my-netdata-dropdown-content hr { - border-top: 1px solid rgba(255, 255, 255, 0.3); -} - -.table>thead>tr>th, -.table>tbody>tr>th, -.table>tfoot>tr>th, -.table>thead>tr>td, -.table>tbody>tr>td, -.table>tfoot>tr>td { - 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; - border-top: 1px solid #00000000 !important; -} - -.multi-column-dropdown li a:hover { - 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; -} - -.close, -.close:hover, -.close:focus { - color: #ffffff !important; -} - -/* System Overview */ -.dashboard-sidebar .nav>.active>a, -.dashboard-sidebar .nav>.active:hover>a, -.dashboard-sidebar .nav>.active:focus>a { - color: rgb(var(--accent-color)) !important; - border-left: 2px solid rgb(var(--accent-color)) !important; -} - -[class*="sidebar__Wrapper-"] { - background-color: rgba(0, 0, 0, 0.25); -} - -[class*="sidebar__Wrapper-"] [class*="flex-sc-"]:not([class*="collapsible__Animated-"]) { - background: transparent; -} - -[class*="collapsible__Animated-"] { - background: var(--main-bg-color); -} - -[class*="header__Wrapper-"] { - background: var(--main-bg-color); -} - -[class*="styled__StyledButton-"] .button-icon { - fill: rgb(var(--accent-color)) !important; -} - -[class*="styled__StyledButton-"]:hover .button-icon { - fill: var(--accent-color-hover) !important; -} - -/*code*/ -code { - color: var(--label-text-color) !important; - background-color: rgb(var(--accent-color)) !important; -} - -/* System Overview metrics */ -.gaugeChartTitle, -.gaugeChartUnits, -.gaugeChartMax, -.gaugeChartMin, -.gaugeChartLabel, -.easyPieChartTitle, -.easyPieChartLabel, -.easyPieChartUnits { - color: #ffffff !important; -} - -.netdata-legend-value, -.netdata-legend-toolbox, -.netdata-legend-toolbox-button, -.dygraph-axis-label { - background-color: rgba(0, 0, 0, 0) !important; - color: #ffffff !important; -} - -.netdata-legend-resize-handler { - background-color: rgba(0, 0, 0, 0) !important; - color: #ffffff !important; -} - -.netdata-legend-name-table-line { - border-bottom-width: 0px !important; -} - -/* Sidebar */ -.dashboard-sidebar .nav>li>a { - color: var(--text); -} - -.dashboard-sidebar .nav>li>a:focus, -.dashboard-sidebar .nav>li>a:hover { - padding-left: 19px; - color: var(--text-hover); - text-decoration: none; - background-color: transparent; - border-left: 1px solid rgb(var(--accent-color)); -} - -small, -.small { - color: var(--text-muted); -} - -.action-button { - color: var(--button-text-hover) !important; -} - -hr { - border-top: 1px solid rgba(255, 255, 255, 0.3); -} - -.pagination>li>a, -.pagination>li>span { - background-color: rgba(0, 0, 0, 0.25) !important; - border: 1px solid transparent !important; -} - -.pagination>li>a:hover { - background-color: rgba(255, 255, 255, 0.08) !important; -} - -/* Buttons */ -.btn-default:not([class*="toggle"]) { - background-color: var(--button-color); - color: var(--button-text); - border-color: var(--button-color); -} - -a[class*="styled__StyledButton-"], -[data-testid*="date-picker::click-apply::global-view-"] { - background-color: var(--button-color) !important; - color: var(--button-text) !important; - border-color: var(--button-color) !important; -} - -a[class*="styled__StyledButton-"]:hover, -a[class*="styled__StyledButton-"]:active, -[data-testid*="date-picker::click-apply::global-view-"]:hover, -[data-testid*="date-picker::click-apply::global-view-"]:active { - background-color: var(--button-color-hover) !important; - color: var(--button-text-hover) !important; - border-color: var(--button-color-hover) !important; -} - -.btn-default:hover:not([class*="toggle"]) { - background-color: var(--button-color-hover); - color: var(--button-text-hover); - border-color: var(--button-color-hover); -} - -.btn-default:active:not(.open>.dropdown-toggle.btn-default):not([class*="toggle"]), -.btn-default.active:not(.open>.dropdown-toggle.btn-default):not([class*="toggle"]) { - background-color: var(--button-color-hover); - border-color: var(--button-color-hover); - color: var(--button-text-hover); -} - -/* NAV */ -[class^="with-panel"] { - 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; -} - -[class*="styled__ListContainer"], -[class*="container__Container-"] div, -[class*="styled__PanelContainer"], -[class*="styled__StyledHeader"] { - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: var(--text-hover); -} - - -[class^="styled__BottomPanel"] { - background: #0000; -} - -[class^=".styled__StyledSpaceBarPlus"] { - background: rgb(var(--accent-color)); - border-color: rgb(var(--accent-color)); -} \ No newline at end of file +[class*=styled__SocialMediaContainer-],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)}*{outline:0!important}h1,h2,h3,h4,h5,h6,label:not(.toggle-on.btn,.toggle-off.btn),legend{color:var(--text-hover)!important}.dashboard-context-info{color:var(--text)}.dashboard-context-info a,a{color:var(--link-color)!important}.dashboard-context-info a:hover,a:hover{color:var(--link-color-hover)!important}.loadOverlay{color:var(--text)!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}.navbar-default{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}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{background-color:rgba(0,0,0,.25)!important;color:var(--text-hover)!important}.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,.25)!important}.navbar-default,.navbar-inverse{border:0 solid rgba(0,0,0,.6)!important;text-shadow:1px 1px 1px rgba(0,0,0,.3)!important}.navbar-default .navbar-brand{color:#fff!important}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#fff!important;background-color:rgba(0,0,0,.25)!important}.navbar-default .navbar-nav>li>a,.navbar-inverse .navbar-nav>li>a{border-right:1px solid transparent!important;border-left:1px solid transparent!important;color:#fff!important}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{background-color:rgba(0,0,0,.15)!important;border:1px solid #00000000!important;color:rgb(var(--accent-color))}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#3e444c}.nav>li>a:focus,.nav>li>a:hover{background-color:rgba(255,255,255,.08)!important}.nav-tabs>li>a:hover{border-color:transparent}.nav-tabs{border-bottom:1px 1px 1px rgba(0,0,0,.3)}#my-netdata-dropdown-content .agent-item:hover{background-color:rgba(255,255,255,.08)}.sign-in-btn{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}.dropdown-menu,[class*="__Dropdown-"],[class*=documentation__Container-sc-],[class*=styled__PickerBox-]{background:var(--drop-down-menu-bg)!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;border:0!important}[class*=styled__ShortPickElement-]{color:var(--link-color)}[class*=styled__ShortPickElement-]:hover{color:var(--link-color-hover)}.DateInput_input__focused{border:1px solid rgb(var(--accent-color))}.CalendarDay__selected,.CalendarDay__selected:active,.CalendarDay__selected:hover,.CalendarDay__selected_span:active,.CalendarDay__selected_span:hover{background:rgb(var(--accent-color));color:var(--label-text-color)}.CalendarDay__default:hover{background:var(--accent-color-hover);color:var(--label-text-color)}[class*=item__PanelRowContainer-]:hover{background:rgba(255,255,255,.15)}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{background-color:rgba(0,0,0,.25)!important}.modal-content{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}.modal-header{background:var(--modal-header-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;border-bottom:1px solid rgb(var(--accent-color))!important}.modal-footer{background:var(--modal-footer-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;border-top:1px solid rgb(var(--accent-color))!important}.nav-tabs{border-bottom:1px solid rgb(var(--accent-color))!important}.panel{background:rgba(0,0,0,.45)!important}.panel-default>.panel-heading{background-color:transparent!important}table{background:0 0!important}.table-hover>tbody>tr:hover{background-color:rgba(255,255,255,.08)!important}.table>thead>tr>th{border-bottom:2px solid rgba(255,255,255,.3)!important}#my-netdata-dropdown-content hr{border-top:1px solid rgba(255,255,255,.3)}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{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;border-top:1px solid #00000000!important}.multi-column-dropdown li a:hover{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}.close,.close:focus,.close:hover{color:#fff!important}.dashboard-sidebar .nav>.active:focus>a,.dashboard-sidebar .nav>.active:hover>a,.dashboard-sidebar .nav>.active>a{color:rgb(var(--accent-color))!important;border-left:2px solid rgb(var(--accent-color))!important}[class*=sidebar__Wrapper-]{background-color:rgba(0,0,0,.25)}[class*=sidebar__Wrapper-] [class*=flex-sc-]:not([class*=collapsible__Animated-]){background:0 0}[class*=collapsible__Animated-]{background:var(--main-bg-color)}[class*=header__Wrapper-]{background:var(--main-bg-color)}[class*=styled__StyledButton-] .button-icon{fill:rgb(var(--accent-color))!important}[class*=styled__StyledButton-]:hover .button-icon{fill:var(--accent-color-hover)!important}code{color:var(--label-text-color)!important;background-color:rgb(var(--accent-color))!important}.easyPieChartLabel,.easyPieChartTitle,.easyPieChartUnits,.gaugeChartLabel,.gaugeChartMax,.gaugeChartMin,.gaugeChartTitle,.gaugeChartUnits{color:#fff!important}.dygraph-axis-label,.netdata-legend-toolbox,.netdata-legend-toolbox-button,.netdata-legend-value{background-color:rgba(0,0,0,0)!important;color:#fff!important}.netdata-legend-resize-handler{background-color:rgba(0,0,0,0)!important;color:#fff!important}.netdata-legend-name-table-line{border-bottom-width:0!important}.dashboard-sidebar .nav>li>a{color:var(--text)}.dashboard-sidebar .nav>li>a:focus,.dashboard-sidebar .nav>li>a:hover{padding-left:19px;color:var(--text-hover);text-decoration:none;background-color:transparent;border-left:1px solid rgb(var(--accent-color))}.small,small{color:var(--text-muted)}.action-button{color:var(--button-text-hover)!important}hr{border-top:1px solid rgba(255,255,255,.3)}.pagination>li>a,.pagination>li>span{background-color:rgba(0,0,0,.25)!important;border:1px solid transparent!important}.pagination>li>a:hover{background-color:rgba(255,255,255,.08)!important}.btn-default:not([class*=toggle]){background-color:var(--button-color);color:var(--button-text);border-color:var(--button-color)}[data-testid*="date-picker::click-apply::global-view-"],a[class*=styled__StyledButton-]{background-color:var(--button-color)!important;color:var(--button-text)!important;border-color:var(--button-color)!important}[data-testid*="date-picker::click-apply::global-view-"]:active,[data-testid*="date-picker::click-apply::global-view-"]:hover,a[class*=styled__StyledButton-]:active,a[class*=styled__StyledButton-]:hover{background-color:var(--button-color-hover)!important;color:var(--button-text-hover)!important;border-color:var(--button-color-hover)!important}.btn-default:hover:not([class*=toggle]){background-color:var(--button-color-hover);color:var(--button-text-hover);border-color:var(--button-color-hover)}.btn-default.active:not(.open>.dropdown-toggle.btn-default):not([class*=toggle]),.btn-default:active:not(.open>.dropdown-toggle.btn-default):not([class*=toggle]){background-color:var(--button-color-hover);border-color:var(--button-color-hover);color:var(--button-text-hover)}[class^=with-panel]{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}[class*=container__Container-] div,[class*=styled__ListContainer],[class*=styled__PanelContainer],[class*=styled__StyledHeader]{background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;color:var(--text-hover)}[class^=styled__BottomPanel]{background:#0000}[class^=".styled__StyledSpaceBarPlus"]{background:rgb(var(--accent-color));border-color:rgb(var(--accent-color))} diff --git a/CSS/themes/nzbget/nzbget-base.css b/CSS/themes/nzbget/nzbget-base.css index 5e5df396..546ce3ae 100644 --- a/CSS/themes/nzbget/nzbget-base.css +++ b/CSS/themes/nzbget/nzbget-base.css @@ -1,547 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ - -body { - background: var(--main-bg-color) !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); -} - -::-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); -} - -.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; - color: #FFFFFF !important; -} - -.modal-footer { - background-color: transparent; - border-top: none; -} - -/* TABLES */ -.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 { - 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 { - color: white; - 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); -} - -.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 th, -.table td { - border-top: none; -} - -.table-bordered { - border-left: 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 .active a { - color: #ffffff; -} - -/* PROGRESS BAR */ -.progress { - background: hsla(0, 0%, 100%, .08); -} - -.progress-warning.progress-striped .bar { - background-color: #cc7b19; -} - -.progress-success.progress-striped .bar { - background-color: #51a351; -} - -/* NAVBAR */ -.navbar-fixed-top .navbar-inner { - color: #fff !important; -} - -.navbar-inner { - background-image: none; - background-color: transparent; -} - -.navbar-container { - 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; -} - -.navbar .nav>li>a:hover { - color: var(--accent-color); -} - -.navbar .nav .active>a, -.navbar .nav .active>a:hover { - background: hsla(0, 0%, 100%, .08); - color: var(--accent-color); -} - -[class^="icon-"], -[class*=" icon-"], -[class^="img-"], -[class*=" img-"] { - background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/nzbget/icons.png); -} - -.navbar-search .search-query { - color: #ffffff; - background-color: rgba(0, 0, 0, 0.25) !important; - border: 0px solid #151515; - -} - -.navbar-search .search-query:focus, -.navbar-search .search-query.focused { - 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-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; -} - -.dropdown-menu a { - color: #ffffff; -} - -.dropdown-menu li>a:hover, -.dropdown-menu .active>a, -.dropdown-menu .active>a:hover { - color: #ffffff; - background-color: hsla(0, 0%, 100%, .05); -} - -.dropdown-menu .divider { - height: 0px; - border-bottom: none; -} - -/* BUTTONS */ -.btn-group>.dropdown-toggle { - box-shadow: none; -} - -.config-header .btn { - background: #FFF; - color: #adb1b1; - text-shadow: unset; -} - -#ConfigData>div>button.btn { - background: rgba(0, 0, 0, .25) !important; - color: #FFF !important; - font-weight: bold; - text-shadow: unset; -} - -#ConfigData>div>button.btn:hover { - background: hsla(0, 0%, 100%, .08) !important; - color: #FFF !important; - font-weight: bold; - text-shadow: unset; -} - -#ConfigData>div>div>table>tbody>tr>td>.btn { - background: #414141; - color: #adb1b1; - text-shadow: unset; - font-weight: bold; -} - -#Config_Save:hover { - background-color: #51a351; - color: #FFF; -} - -#Config_Save { - background: rgba(0, 0, 0, 0.25); - color: #FFF; - margin: auto; -} - -#ConfigData>div>div>button.btn.btn-danger { - background: #ad292c; - text-shadow: unset; -} - -#ConfigData>div>div>button.btn.btn-danger:hover { - background: #d33a3e; - text-shadow: unset; -} - -#ConfigData>div:nth-child(3)>div>button, -#ConfigData>div:nth-child(4)>div>button, -#ConfigData>div:nth-child(5)>div>button { - text-shadow: unset; - background: rgba(0, 0, 0, 0.25); - color: white; -} - -#ConfigData>div:nth-child(3)>div>button:hover, -#ConfigData>div:nth-child(4)>div>button:hover, -#ConfigData>div:nth-child(5)>div>button:hover { - text-shadow: unset; - background: hsla(0, 0%, 100%, .08); - color: white; -} - -#ConfigData input.btn.btn-primary { - background: var(--button-color) !important; - text-shadow: unset; - color: white; -} - -#ConfigData input.btn { - background: rgba(0, 0, 0, 0.25) !important; - text-shadow: unset; - color: #a8a8a8; -} - -#Config_ViewButton { - background: rgba(0, 0, 0, 0.25); - color: #FFF; -} - -#Config_ViewButton:hover { - background: hsla(0, 0%, 100%, .08); - color: #FFF; -} - -#DownloadsEditDialog input.btn.btn-primary { - background: var(--button-color) !important; - text-shadow: unset; - color: white; -} - -#HistoryEdit_ParamData input.btn.btn-primary { - background: var(--button-color) !important; - text-shadow: unset; - color: white; -} - -.btn { - color: #ffffff; - text-shadow: none; - background-color: rgba(0, 0, 0, 0.25); - - background-image: none; - border-color: transparent; - border-bottom-color: transparent; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; -} - -.btn:hover { - color: #FFF; - background-color: hsla(0, 0%, 100%, .08); - -} - -.config-header .btn { - background-color: rgba(0, 0, 0, 0.25); -} - -.btn-group.open .btn.dropdown-toggle { - background-color: #FFF; - background-color: hsla(0, 0%, 100%, .08); -} - -#ConfigData>div>div>table>tbody>tr>td>.btn { - background: rgba(0, 0, 0, 0.25); - color: #FFF; - text-shadow: unset; - font-weight: bold; -} - -#ConfigData>div>div>table>tbody>tr>td>.btn:hover { - background: hsla(0, 0%, 100%, .08); - color: #FFF; -} - -input, -textarea, -select, -.uneditable-input { - color: #ffffff; - background-color: rgb(0, 0, 0); - background-image: 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.25) !important; - color: #FFFFFF !important; - border: none; -} - -select:focus { - background: #191a1c !important; - color: #FFF !important; -} - -input[type="file"]:focus, -input[type="radio"]:focus, -input[type="checkbox"]:focus, -select:focus { - outline: thin dotted #333; - outline: none; - outline-offset: -2px; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; -} - -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; -} - -.alert-inverse { - background-color: #414141; - background-image: 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; - border-color: transparent; - opacity: 1; - -} - -/* SETTINGS */ - -label { - color: #FFF; -} - -#ConfigNav { - 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 { - text-shadow: none; -} - -.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 { - color: var(--accent-color) !important; - background-color: transparent; -} - -.nav>li>a:hover { - background-color: hsla(0, 0%, 100%, .08); -} - -span.help-option-title { - color: #eee; -} - -.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 { - background-color: rgba(0, 0, 0, 0.25); - background-image: 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: #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 { - background-color: var(--button-color); -} - -.caret { - border-top: 4px solid #ffffff; -} \ No newline at end of file +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:#fff!important}::-webkit-scrollbar-corner{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)}.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;color:#fff!important}.modal-footer{background-color:transparent;border-top:none}.table a{color:#fff}.table a:hover{color:#e5a00d}.table-striped tbody tr:nth-child(odd){background-color:rgba(0,0,0,.25)}.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,.08)}.table tbody tr:hover,.table tbody tr:hover a,.table tbody tr:hover td{color:#fff;background-color:hsla(0,0%,100%,.08)}.checked .progress,.table-striped tbody tr.checked:nth-child(2n+1) td{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.check-simple tbody tr.checked:hover,.table.check-simple tbody tr.checked:hover td{background-color:hsla(0,0%,100%,.08)}.table td,.table th{border-top:none}.table-bordered{border-left:none;border:none}.pagination a{border:none;background:rgba(0,0,0,.25)}.pagination .active a,.pagination a:hover{background-color:hsla(0,0%,100%,.08)}.pagination .active a{color:#fff}.progress{background:hsla(0,0%,100%,.08)}.progress-warning.progress-striped .bar{background-color:#cc7b19}.progress-success.progress-striped .bar{background-color:#51a351}.navbar-fixed-top .navbar-inner{color:#fff!important}.navbar-inner{background-image:none;background-color:transparent}.navbar-container{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}.navbar .nav>li>a:hover{color:var(--accent-color)}.navbar .nav .active>a,.navbar .nav .active>a:hover{background:hsla(0,0%,100%,.08);color:var(--accent-color)}[class*=" icon-"],[class*=" img-"],[class^=icon-],[class^=img-]{background-image:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/nzbget/icons.png)}.navbar-search .search-query{color:#fff;background-color:rgba(0,0,0,.25)!important;border:0 solid #151515}.navbar-search .search-query.focused,.navbar-search .search-query:focus{color:#000!important;text-shadow:none;background-color:#fff!important}.search-caret-button{outline:0}.menu-header{color:#fff}.dropdown-menu{background-color:#191a1c;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}.dropdown-menu a{color:#fff}.dropdown-menu .active>a,.dropdown-menu .active>a:hover,.dropdown-menu li>a:hover{color:#fff;background-color:hsla(0,0%,100%,.05)}.dropdown-menu .divider{height:0;border-bottom:none}.btn-group>.dropdown-toggle{box-shadow:none}.config-header .btn{background:#fff;color:#adb1b1;text-shadow:unset}#ConfigData>div>button.btn{background:rgba(0,0,0,.25)!important;color:#fff!important;font-weight:700;text-shadow:unset}#ConfigData>div>button.btn:hover{background:hsla(0,0%,100%,.08)!important;color:#fff!important;font-weight:700;text-shadow:unset}#ConfigData>div>div>table>tbody>tr>td>.btn{background:#414141;color:#adb1b1;text-shadow:unset;font-weight:700}#Config_Save:hover{background-color:#51a351;color:#fff}#Config_Save{background:rgba(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,.25);color:#fff}#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:#fff}#ConfigData input.btn.btn-primary{background:var(--button-color)!important;text-shadow:unset;color:#fff}#ConfigData input.btn{background:rgba(0,0,0,.25)!important;text-shadow:unset;color:#a8a8a8}#Config_ViewButton{background:rgba(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:#fff}#HistoryEdit_ParamData input.btn.btn-primary{background:var(--button-color)!important;text-shadow:unset;color:#fff}.btn{color:#fff;text-shadow:none;background-color:rgba(0,0,0,.25);background-image:none;border-color:transparent;border-bottom-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.btn:hover{color:#fff;background-color:hsla(0,0%,100%,.08)}.config-header .btn{background-color:rgba(0,0,0,.25)}.btn-group.open .btn.dropdown-toggle{background-color:#fff;background-color:hsla(0,0%,100%,.08)}#ConfigData>div>div>table>tbody>tr>td>.btn{background:rgba(0,0,0,.25);color:#fff;text-shadow:unset;font-weight:700}#ConfigData>div>div>table>tbody>tr>td>.btn:hover{background:hsla(0,0%,100%,.08);color:#fff}.uneditable-input,input,select,textarea{color:#fff;background-color:#000;background-image: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,.25)!important;color:#fff!important;border:none}select:focus{background:#191a1c!important;color:#fff!important}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus,select:focus{outline:thin dotted #333;outline:0;outline-offset:-2px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}input:focus,textarea:focus{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6)}.alert-info{font-weight:700;border-radius:unset;border-bottom-left-radius:0;border-bottom-right-radius:0;border:0;background-color:hsla(0,0%,100%,.05);text-shadow:unset;color:#fff;text-transform:capitalize}.alert-inverse{background-color:#414141;background-image: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;border-color:transparent;opacity:1}label{color:#fff}#ConfigNav{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 .nav-header,.nav-list>li>a{text-shadow:none}.nav-list>.active>a,.nav-list>.active>a:hover{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.2);background-color:#08c}.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)}span.help-option-title{color:#eee}.help-block,.help-inline{color:#eee}.confirm-help-block{color:#eee;font-size:13px;line-height:16px;margin-bottom:0}.input-append .add-on,.input-prepend .add-on{background-color:rgba(0,0,0,.25);background-image: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:#fff!important;border:none}.config-settitle{background-color:rgba(0,0,0,.25);border-bottom:none}a{color:var(--accent-color);text-decoration:none}a:hover{color:#fff;text-decoration:underline}.badge-warning,.label-warning{background-color:var(--button-color)}.caret{border-top:4px solid #fff} diff --git a/CSS/themes/nzbhydra2/nzbhydra-base.css b/CSS/themes/nzbhydra2/nzbhydra-base.css index b4d36a1d..24ee9980 100644 --- a/CSS/themes/nzbhydra2/nzbhydra-base.css +++ b/CSS/themes/nzbhydra2/nzbhydra-base.css @@ -1,389 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ - -body, -html { - 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; - 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 { - color: #fff; - background-color: rgba(0, 0, 0, 0.25); -} - -.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); - outline: none; -} - -/* Config */ -.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 { - 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 { - 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; -} - -/* Buttons */ -.btn-primary { - color: #fff; - 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 { - 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 { - 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 { - 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 { - 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 { - 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 { - 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 { - 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-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; -} - - -.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 { - 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 { - 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 { - border: 1px solid transparent; - 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); -} - -.input-group-addon { - outline: none; - background-color: rgba(0, 0, 0, 0.25); - border: 1px solid transparent; - -} - -/* Categories */ -.panel { - 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); -} - -/* Modal */ -.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-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-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; - 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 rgba(255, 255, 255, 0.08); -} - -/* Updates */ -.alert-warning { - background: rgba(255, 255, 255, 0.25); - border-color: transparent; - color: #fff; -} - -.panel-default>.panel-heading { - background-color: rgba(0, 0, 0, 0.25); -} - -.panel-default>.panel-heading { - 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); -} - -/* Table */ -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 { - 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; -} \ No newline at end of file +body,html{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;font-family:Open Sans Semibold,Helvetica Neue,Helvetica,Arial,sans-serif}.navbar-default{background-color:rgba(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{color:#fff;background-color:rgba(0,0,0,.25)}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#fff;background-color:rgba(255,255,255,.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,.2),0 6px 20px 0 rgba(0,0,0,.19);outline:0}.nav-tabs{border-bottom:1px solid rgba(255,255,255,.15)}.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,.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{background-color:rgba(255,255,255,.08)}.formly>.formly-field-group{background-color:transparent;border:1px solid transparent}legend{border-bottom:1px solid rgba(255,255,255,.08)}.panel-default>.panel-heading h3{color:#fff}.btn-primary{color:#fff;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{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{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{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{color:#fff;background:var(--default-button-color-active);border-color:transparent;outline:0}.btn-default{color:#fff;background:var(--default-button-color);border-color:transparent!important;outline:0}.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:0}.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:0}.config-button{border:1px solid transparent;outline:0}.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:0!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:0}.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:0}.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{color:#fff;background:rgba(255,255,255,.25)}.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary{background-color:var(--default-button-color);color:#fff}.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{border:1px solid transparent;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,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6)}.input-group-addon{outline:0;background-color:rgba(0,0,0,.25);border:1px solid transparent}.panel{background-color:rgba(0,0,0,.25);border:1px solid transparent}.repeatsection{background:rgba(0,0,0,.25);box-shadow:0 0 4px 1px transparent}hr{border-top:1px solid rgba(255,255,255,.25)}.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-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-bottom:1px solid rgba(255,255,255,.08)}.modal-content{border:1px solid transparent}.modal-footer{background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;border-top:1px solid rgba(255,255,255,.08)}.alert-warning{background:rgba(255,255,255,.25);border-color:transparent;color:#fff}.panel-default>.panel-heading{background-color:rgba(0,0,0,.25)}.panel-default>.panel-heading{color:#c8c8c8;border-color:rgba(255,255,255,.08)}.list-group-item{background-color:rgba(0,0,0,.08);border:1px solid rgba(255,255,255,.1)}table{background-color:rgba(0,0,0,.25)}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid rgba(255,255,255,.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{border-top:1px solid rgba(255,255,255,.15)}.table-hover>tbody>tr:hover{background-color:rgba(255,255,255,.08)}pre{background-color:rgba(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 a633887b..ac5fb5d9 100644 --- a/CSS/themes/ombi/ombi-base.css +++ b/CSS/themes/ombi/ombi-base.css @@ -1,677 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ - - -* { - outline: none !important; -} - -html, -body, -.wizard-background, -.content-container, -.mat-sidenav-container, -.content-container .top-bar-container { - color: var(--text) !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; -} - -.h1, -.h2, -.h3, -.h4, -.h5, -.h6, -h1, -h2, -h3, -h4, -h5, -h6, -legend { - color: var(--text-hover); -} - -/* LINKS */ -a { - color: var(--link-color); -} - -a:hover { - color: var(--link-color-hover); -} - -.forgot-password:active, -.forgot-password:focus, -.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 { - border: 1px solid rgba(255, 255, 255, 0.10); - background-color: rgba(0, 0, 0, 0.45); -} - -/* Drop down menu */ -.mat-menu-panel, -#requestsToDisplayDropdown-panel { - 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; -} - -.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { - color: rgb(var(--accent-color)); -} - -.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { - background: hsl(0deg 0% 0% / 25%); -} - -/* SIDE NAV */ -/* OMBI TEXT */ -.sidenav-container .sidenav .application-name { - color: rgb(var(--accent-color)) !important; -} - -@media (min-width: 768px) { - .sidenav-container .sidenav { - background: hsla(0, 0%, 0%, 0.438) !important; - } -} - -.sidenav-container .sidenav { - background: var(--modal-bg-color) !important; - color: #fff; - font-family: Montserrat, sans-serif; - width: 16rem; -} - -.sidenav-container .sidenav .menu-spacing { - margin-bottom: 5%; - /* padding-left: .5rem; - padding-right: .5rem; */ -} - -.mat-drawer-backdrop.mat-drawer-shown { - background-color: hsl(0deg 0% 0% / 50%); - backdrop-filter: blur(10px) !important; - -webkit-backdrop-filter: blur(10px) !important; -} - -.mat-list-base { - padding-top: 8px; - display: block; - -webkit-tap-highlight-color: transparent; - padding-left: .5rem; - padding-right: .5rem; -} - -.sidenav-container[_ngcontent-icv-c127] .sidenav[_ngcontent-icv-c127] .active-list-item[_ngcontent-icv-c127] { - color: rgb(var(--accent-color)) !important; -} - -.sidenav-container .sidenav .active-list-item, -.sidenav-container .sidenav .active-list-item:hover { - color: rgb(var(--accent-color)) !important; - background: rgb(255 255 255 / 15%) !important; - border-radius: .375rem !important; - padding: 10px 20px; - height: auto; - width: 16rem !important; -} - -[id*="nav-"] { - color: var(--text) !important; -} - -.sidenav-container .sidenav .mat-list-item { - font-family: Roboto, sans-serif; - font-size: 16px; - font-weight: 400; - padding: 10px 0 0 0; - height: auto; - margin-bottom: .5rem; - width: 15rem !important; - padding-left: .5rem !important; - padding-right: .5rem !important; -} - -.sidenav-container .sidenav .mat-drawer-inner-container { - width: 100%; - height: 100%; - overflow: hidden; - -webkit-overflow-scrolling: touch; -} - -.sidenav-container .sidenav .mat-list-base .mat-list-item .mat-list-item-content, -.sidenav-container .sidenav.mat-list-base .mat-list-option .mat-list-item-content { - padding: 0 !important; -} - -.sidenav-container .sidenav .mat-list-base .mat-list-item .mat-list-item-ripple, -.sidenav-container .sidenav.mat-list-base .mat-list-option .mat-list-item-ripple { - display: none !important; -} - -.sidenav-container .sidenav.mat-action-list .mat-list-item:focus, -.sidenav-container .sidenav.mat-list-option:focus, -.sidenav-container .sidenav .mat-nav-list .mat-list-item:focus, -.sidenav-container .sidenav.mat-action-list .mat-list-item:focus:hover, -.sidenav-container .sidenav.mat-list-option:focus:hover, -.sidenav-container .sidenav .mat-nav-list .mat-list-item:focus:hover { - background: hsla(0, 0%, 100%, .04); - border-radius: .375rem !important; - color: rgb(var(--accent-color)) !important; -} - - -.sidenav-container .sidenav .mat-action-list .mat-list-item:hover:not(.active-list-item), -.mat-list-option:hover:not(.active-list-item), -.sidenav-container .sidenav .mat-nav-list .mat-list-item:hover:not(.active-list-item) { - background: hsla(0, 0%, 100%, .04); - border-radius: .375rem !important; - color: var(--text-hover) !important; -} - -/* DISCOVER PAGE */ -.discover-filter-buttons-group { - background: rgb(255 255 255 / 8%) !important; - border: 1px solid rgb(255 255 255 / 10%) !important; - border-radius: 30px; - color: #fff; - margin-bottom: 10px; - margin-right: 30px; -} - -.discover-filter-buttons-group .button-active { - background: rgba(0, 0, 0, 0.45) !important; -} - -.small-middle-container [div*="_ngcontent-"] { - margin: auto; - width: 100% !important; -} - -.small-middle-container.ng-star-inserted { - width: 85% !important; - margin: 10px auto auto !important; -} - -.small-middle-container[div*="_ngcontent-"] { - width: 95% !important; - margin: 10px auto auto !important; -} - -@media (min-width: 768px) { - .content-container { - margin-left: 255px !important; - } - - .content-container .section { - margin: 6px !important; - } -} - -/* MOBILE */ -@media (min-width: 768px) { - .sidenav-container .sidenav { - background: hsla(0, 0%, 0%, 0.438) !important; - } -} - - -@media (max-width: 768px) { - .p-carousel-item { - min-height: 230px !important; - max-width: 11.7rem !important - } - - .p-carousel .p-carousel-content .p-carousel-next, - .p-carousel .p-carousel-content .p-carousel-prev { - display: none; - } - - .right { - text-align: right !important; - margin-top: -61px; - } -} - -.p-carousel-item { - min-height: 290px; - max-height: 290px; - max-width: 12rem; -} - -@media (max-width: 768px) { - .section h2 { - margin-left: 5px !important; - } -} - -@media (min-width: 768px) { - .section h2 { - margin-left: 63px !important; - } -} - -/* CARDS */ -.ombi-card { - padding: 0px !important; - margin: 5px !important; -} - -#cardImage, -.ombi-card { - border-radius: .75rem !important; -} - -#cardImage { - min-height: 225px; -} - -.p-carousel-indicators, -.p-carousel-items-container { - display: flex; - padding-bottom: 5px; - flex-direction: row; -} - -.c .card-top-info { - top: -1px !important; - position: absolute; - border-radius: .75rem .75rem 0 0 !important; - background-color: rgba(0, 0, 0, 0.7) !important; - backdrop-filter: blur(10px) !important; - -webkit-backdrop-filter: blur(10px) !important; - transition: 0s -webkit-filter linear; -} - -.ombi-card .button-request-container .button-request { - /* padding-left: .5rem !important; - padding-right: .5rem !important; */ -} - -#info-wrapper .mat-card, -.mat-expansion-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; -} - -#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 { - color: var(--text); -} - -.btn-ombi { - background-color: rgba(0, 0, 0, 0.85) !important; - /* backdrop-filter: blur(10px) !important; - -webkit-backdrop-filter: blur(10px) !important; */ - border-radius: .375rem !important; - padding: 0 .375rem !important; -} - -.btn-ombi.mat-raised-button { - line-height: 29.4px !important; -} - -.btn-ombi:hover { - background-color: var(--button-color-hover) !important; - color: var(--button-text-hover) !important; - -} - -.c .button-request-container { - padding: 0 .375rem !important; - /* padding: .375rem !important; */ -} - -.ombi-card .button-request-container { - position: relative; - width: 100%; - margin: -40px 0 0 !important; - opacity: 0; - transition: .3s ease; -} - -.p-carousel-item, -.ombi-card { - transition: .3s ease-in-out; -} - -.ombi-card #cardImage:hover { - /* transform: scale(1.02) !important; */ -} - -/* Search results */ -@media (min-width: 768px) { - #searchResults .ombi-card { - margin-bottom: 15px !important; - margin-left: 0px !important; - height: 100% !important; - } - - #searchResults img { - min-height: 354px; - } -} - -#searchResults { - margin-bottom: 15px !important; -} - -/* Wizard */ -.wizard-background .mat-stepper-horizontal, -.mat-stepper-vertical, -.mat-tooltip { - background: rgb(0, 0, 0, .25) !important; -} - -small.important { - color: red; - background: rgba(0, 0, 0, .25); - border-radius: 5px; - padding: 5px; -} - -.mat-step-header .mat-step-label, -.mat-step-header .mat-step-optional { - color: var(--text) !important; -} - -/* Accents */ -.mat-step-header .mat-step-icon { - background-color: rgb(var(--accent-color)) !important; - color: var(--button-text) !important; -} - -.mat-tab-group.mat-primary .mat-ink-bar, -.mat-tab-nav-bar.mat-primary .mat-ink-bar { - background-color: rgb(var(--accent-color)) !important; -} - -/* slide toggle */ -.mat-slide-toggle.mat-checked .mat-slide-toggle-bar { - background-color: rgba(var(--accent-color), .54) !important; -} - -.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { - background-color: rgb(var(--accent-color)) !important; -} - -/* BUTTONS */ -.mat-fab.mat-accent, -.mat-flat-button.mat-accent, -.mat-mini-fab.mat-accent, -.mat-raised-button.mat-accent, -.buttons .mat-raised-button { - 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); -} - -.mat-raised-button:not([class*=mat-elevation-z]):not(.mat-raised-button.mat-warn):not(.viewon-btn.plex):hover { - 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-hover) !important; -} - -/* Plex buttons */ -.viewon-btn.plex, -.viewon-btn.emby, -.viewon-btn.jellyfin { - background: transparent !important; -} - -/* login button */ -button#sign-in { - color: var(--button-text) !important; -} - -.mat-fab.mat-primary, -.mat-flat-button.mat-primary, -.mat-mini-fab.mat-primary, -.mat-raised-button.mat-primary { - 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(--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; -} - -button.admin-cog { - color: var(--button-color) !important; -} - -.grow:hover { - color: #fff; -} - -/* FORMS */ -::ng-deep .dark .mat-form-field.mat-focused .mat-form-field-label, -::ng-deep .mat-form-field.mat-focused .mat-form-field-label { - color: rgb(var(--accent-color)) !important; -} - -.mat-form-field.mat-focused .mat-form-field-label.mat-accent, -.mat-focused .mat-form-field-required-marker, -.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix:after, -.mat-form-field.mat-focused.mat-accent .mat-select-arrow, -.mat-toolbar .mat-focused .mat-form-field-ripple, -.mat-toolbar .mat-form-field-ripple, -.mat-toolbar .mat-form-field-underline, -.mat-toolbar .mat-focused .mat-form-field-label, -.mat-toolbar .mat-form-field-label, -.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow, -.mat-toolbar .mat-select-arrow, -.mat-toolbar .mat-select-value, -.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick, -.mat-form-field.mat-focused .mat-form-field-label, -.mat-form-field.mat-focused .mat-form-field-ripple { - color: rgb(var(--accent-color)) !important; -} - -.mat-checkbox-checked.mat-accent .mat-checkbox-background, -.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background { - background-color: rgb(var(--accent-color)); -} - -.form-control:focus { - border-color: rgb(var(--accent-color)); - box-shadow: 0 0 0 0.2rem rgb(var(--accent-color) / 25%); -} - -.form-control:focus { - border: 1px solid rgb(var(--accent-color)); -} - -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px rgb(var(--accent-color)), inset 0 0 0 1px rgb(var(--accent-color)), inset 0 0 0 1px rgb(var(--accent-color)), inset 0 0 0 1px rgb(var(--accent-color)); -} - -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - border-color: rgb(var(--accent-color)); -} - -/* Check box*/ -.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, -.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { - background: rgb(var(--accent-color)) !important; -} - - -/* popups */ -.mat-snack-bar-container { - color: var(--text); - 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 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) -} - -/* Login page */ -.login-card H1.login_logo { - color: rgb(var(--accent-color)) !important; -} - -/* TABLES */ - -.mat-table-sticky, -.mat-table tbody, -.mat-table tfoot, -.mat-table thead, -[mat-footer-row], -[mat-header-row], -[mat-row], -mat-footer-row, -mat-header-row, -mat-row { - background: rgb(255 255 255 / 0%); -} - -.mat-paginator, -.mat-table { - background: rgba(0, 0, 0, 0.25); -} - -tr.mat-header-row { - background: rgba(0, 0, 0, 0.45); -} - -.table thead th { - vertical-align: bottom; - border-bottom: 2px solid rgb(255 255 255 / 25%); - border-top: 1px solid rgb(255 255 255 / 25%); -} - -/* Details page */ - -#info-wrapper .p-carousel-item { - max-width: none; -} - -#viewCollectionBtn { - background: var(--button-color); -} - -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: rgb(var(--accent-color)); - color: #121212; -} - -#info-wrapper .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { - background-color: rgb(var(--accent-color)); - color: var(--label-text-color); -} - -hr { - border-top: 1px solid rgb(var(--accent-color)); -} - -.full-screenshot.enabled.overlay { - 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 { - 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; -} - -.mat-bottom-sheet-container { - 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; -} - -/* OTHER */ -.mat-tooltip { - background: var(--drop-down-menu-bg) !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; -} - -.mat-progress-spinner.mat-accent circle, -.mat-spinner.mat-accent circle { - stroke: rgb(var(--accent-color)); -} \ No newline at end of file +*{outline:0!important}.content-container,.content-container .top-bar-container,.mat-sidenav-container,.wizard-background,body,html{color:var(--text)!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}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6,legend{color:var(--text-hover)}a{color:var(--link-color)}a:hover{color:var(--link-color-hover)}.forgot-password:active,.forgot-password:focus,.forgot-password:hover{color:var(--link-color-hover)!important}::-webkit-scrollbar-thumb{border-radius:3px;background:rgb(255 255 255 / 30%)}.top-search-bar .mat-form-field-flex{border:1px solid rgba(255,255,255,.1);background-color:rgba(0,0,0,.45)}#requestsToDisplayDropdown-panel,.mat-menu-panel{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}.mat-primary .mat-option.mat-selected:not(.mat-option-disabled){color:rgb(var(--accent-color))}.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple){background:hsl(0deg 0% 0% / 25%)}.sidenav-container .sidenav .application-name{color:rgb(var(--accent-color))!important}@media (min-width:768px){.sidenav-container .sidenav{background:hsla(0,0%,0%,.438)!important}}.sidenav-container .sidenav{background:var(--modal-bg-color)!important;color:#fff;font-family:Montserrat,sans-serif;width:16rem}.sidenav-container .sidenav .menu-spacing{margin-bottom:5%}.mat-drawer-backdrop.mat-drawer-shown{background-color:hsl(0deg 0% 0% / 50%);backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}.mat-list-base{padding-top:8px;display:block;-webkit-tap-highlight-color:transparent;padding-left:.5rem;padding-right:.5rem}.sidenav-container[_ngcontent-icv-c127] .sidenav[_ngcontent-icv-c127] .active-list-item[_ngcontent-icv-c127]{color:rgb(var(--accent-color))!important}.sidenav-container .sidenav .active-list-item,.sidenav-container .sidenav .active-list-item:hover{color:rgb(var(--accent-color))!important;background:rgb(255 255 255 / 15%)!important;border-radius:.375rem!important;padding:10px 20px;height:auto;width:16rem!important}[id*=nav-]{color:var(--text)!important}.sidenav-container .sidenav .mat-list-item{font-family:Roboto,sans-serif;font-size:16px;font-weight:400;padding:10px 0 0 0;height:auto;margin-bottom:.5rem;width:15rem!important;padding-left:.5rem!important;padding-right:.5rem!important}.sidenav-container .sidenav .mat-drawer-inner-container{width:100%;height:100%;overflow:hidden;-webkit-overflow-scrolling:touch}.sidenav-container .sidenav .mat-list-base .mat-list-item .mat-list-item-content,.sidenav-container .sidenav.mat-list-base .mat-list-option .mat-list-item-content{padding:0!important}.sidenav-container .sidenav .mat-list-base .mat-list-item .mat-list-item-ripple,.sidenav-container .sidenav.mat-list-base .mat-list-option .mat-list-item-ripple{display:none!important}.sidenav-container .sidenav .mat-nav-list .mat-list-item:focus,.sidenav-container .sidenav .mat-nav-list .mat-list-item:focus:hover,.sidenav-container .sidenav.mat-action-list .mat-list-item:focus,.sidenav-container .sidenav.mat-action-list .mat-list-item:focus:hover,.sidenav-container .sidenav.mat-list-option:focus,.sidenav-container .sidenav.mat-list-option:focus:hover{background:hsla(0,0%,100%,.04);border-radius:.375rem!important;color:rgb(var(--accent-color))!important}.mat-list-option:hover:not(.active-list-item),.sidenav-container .sidenav .mat-action-list .mat-list-item:hover:not(.active-list-item),.sidenav-container .sidenav .mat-nav-list .mat-list-item:hover:not(.active-list-item){background:hsla(0,0%,100%,.04);border-radius:.375rem!important;color:var(--text-hover)!important}.discover-filter-buttons-group{background:rgb(255 255 255 / 8%)!important;border:1px solid rgb(255 255 255 / 10%)!important;border-radius:30px;color:#fff;margin-bottom:10px;margin-right:30px}.discover-filter-buttons-group .button-active{background:rgba(0,0,0,.45)!important}.small-middle-container [div*="_ngcontent-"]{margin:auto;width:100%!important}.small-middle-container.ng-star-inserted{width:85%!important;margin:10px auto auto!important}.small-middle-container[div*="_ngcontent-"]{width:95%!important;margin:10px auto auto!important}@media (min-width:768px){.content-container{margin-left:255px!important}.content-container .section{margin:6px!important}}@media (min-width:768px){.sidenav-container .sidenav{background:hsla(0,0%,0%,.438)!important}}@media (max-width:768px){.p-carousel-item{min-height:230px!important;max-width:11.7rem!important}.p-carousel .p-carousel-content .p-carousel-next,.p-carousel .p-carousel-content .p-carousel-prev{display:none}.right{text-align:right!important;margin-top:-61px}}.p-carousel-item{min-height:290px;max-height:290px;max-width:12rem}@media (max-width:768px){.section h2{margin-left:5px!important}}@media (min-width:768px){.section h2{margin-left:63px!important}}.ombi-card{padding:0!important;margin:5px!important}#cardImage,.ombi-card{border-radius:.75rem!important}#cardImage{min-height:225px}.p-carousel-indicators,.p-carousel-items-container{display:flex;padding-bottom:5px;flex-direction:row}.c .card-top-info{top:-1px!important;position:absolute;border-radius:.75rem .75rem 0 0!important;background-color:rgba(0,0,0,.7)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;transition:0s -webkit-filter linear}#info-wrapper .mat-card,.mat-expansion-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}#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:0 0}#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{color:var(--text)}.btn-ombi{background-color:rgba(0,0,0,.85)!important;border-radius:.375rem!important;padding:0 .375rem!important}.btn-ombi.mat-raised-button{line-height:29.4px!important}.btn-ombi:hover{background-color:var(--button-color-hover)!important;color:var(--button-text-hover)!important}.c .button-request-container{padding:0 .375rem!important}.ombi-card .button-request-container{position:relative;width:100%;margin:-40px 0 0!important;opacity:0;transition:.3s ease}.ombi-card,.p-carousel-item{transition:.3s ease-in-out}@media (min-width:768px){#searchResults .ombi-card{margin-bottom:15px!important;margin-left:0!important;height:100%!important}#searchResults img{min-height:354px}}#searchResults{margin-bottom:15px!important}.mat-stepper-vertical,.mat-tooltip,.wizard-background .mat-stepper-horizontal{background:rgb(0,0,0,.25)!important}small.important{color:red;background:rgba(0,0,0,.25);border-radius:5px;padding:5px}.mat-step-header .mat-step-label,.mat-step-header .mat-step-optional{color:var(--text)!important}.mat-step-header .mat-step-icon{background-color:rgb(var(--accent-color))!important;color:var(--button-text)!important}.mat-tab-group.mat-primary .mat-ink-bar,.mat-tab-nav-bar.mat-primary .mat-ink-bar{background-color:rgb(var(--accent-color))!important}.mat-slide-toggle.mat-checked .mat-slide-toggle-bar{background-color:rgba(var(--accent-color),.54)!important}.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb{background-color:rgb(var(--accent-color))!important}.buttons .mat-raised-button,.mat-fab.mat-accent,.mat-flat-button.mat-accent,.mat-mini-fab.mat-accent,.mat-raised-button.mat-accent{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)}.mat-raised-button:not([class*=mat-elevation-z]):not(.mat-raised-button.mat-warn):not(.viewon-btn.plex):hover{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-hover)!important}.viewon-btn.emby,.viewon-btn.jellyfin,.viewon-btn.plex{background:0 0!important}button#sign-in{color:var(--button-text)!important}.mat-fab.mat-primary,.mat-flat-button.mat-primary,.mat-mini-fab.mat-primary,.mat-raised-button.mat-primary{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(--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}button.admin-cog{color:var(--button-color)!important}.grow:hover{color:#fff}::ng-deep .dark .mat-form-field.mat-focused .mat-form-field-label,::ng-deep .mat-form-field.mat-focused .mat-form-field-label{color:rgb(var(--accent-color))!important}.mat-focused .mat-form-field-required-marker,.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick,.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix:after,.mat-form-field.mat-focused .mat-form-field-label,.mat-form-field.mat-focused .mat-form-field-label.mat-accent,.mat-form-field.mat-focused .mat-form-field-ripple,.mat-form-field.mat-focused.mat-accent .mat-select-arrow,.mat-toolbar .mat-focused .mat-form-field-label,.mat-toolbar .mat-focused .mat-form-field-ripple,.mat-toolbar .mat-form-field-label,.mat-toolbar .mat-form-field-ripple,.mat-toolbar .mat-form-field-underline,.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow,.mat-toolbar .mat-select-arrow,.mat-toolbar .mat-select-value{color:rgb(var(--accent-color))!important}.mat-checkbox-checked.mat-accent .mat-checkbox-background,.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background{background-color:rgb(var(--accent-color))}.form-control:focus{border-color:rgb(var(--accent-color));box-shadow:0 0 0 .2rem rgb(var(--accent-color) / 25%)}.form-control:focus{border:1px solid rgb(var(--accent-color))}.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus{box-shadow:inset 0 0 0 1px rgb(var(--accent-color)),inset 0 0 0 1px rgb(var(--accent-color)),inset 0 0 0 1px rgb(var(--accent-color)),inset 0 0 0 1px rgb(var(--accent-color))}.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus{border-color:rgb(var(--accent-color))}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element{background:rgb(var(--accent-color))!important}.mat-snack-bar-container{color:var(--text);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 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)}.login-card H1.login_logo{color:rgb(var(--accent-color))!important}.mat-table tbody,.mat-table tfoot,.mat-table thead,.mat-table-sticky,[mat-footer-row],[mat-header-row],[mat-row],mat-footer-row,mat-header-row,mat-row{background:rgb(255 255 255 / 0%)}.mat-paginator,.mat-table{background:rgba(0,0,0,.25)}tr.mat-header-row{background:rgba(0,0,0,.45)}.table thead th{vertical-align:bottom;border-bottom:2px solid rgb(255 255 255 / 25%);border-top:1px solid rgb(255 255 255 / 25%)}#info-wrapper .p-carousel-item{max-width:none}#viewCollectionBtn{background:var(--button-color)}.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button{background:rgb(var(--accent-color));color:#121212}#info-wrapper .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary{background-color:rgb(var(--accent-color));color:var(--label-text-color)}hr{border-top:1px solid rgb(var(--accent-color))}.full-screenshot.enabled.overlay{background-image:linear-gradient(180deg,transparent,50%,rgb(var(--accent-color),.1))}.social-icons-container{background-color:hsl(0deg 0% 0% / 85%)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}.mat-autocomplete-panel,.mat-dialog-container{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}.mat-bottom-sheet-container{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}.mat-tooltip{background:var(--drop-down-menu-bg)!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}.mat-progress-spinner.mat-accent circle,.mat-spinner.mat-accent circle{stroke:rgb(var(--accent-color))} diff --git a/CSS/themes/ombi/ombiv3-base.css b/CSS/themes/ombi/ombiv3-base.css index d1b5f83a..aeda825a 100644 --- a/CSS/themes/ombi/ombiv3-base.css +++ b/CSS/themes/ombi/ombiv3-base.css @@ -1,814 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ - -body { - background: var(--main-bg-color); -} - -/* 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; -} - -/* Navbar */ -@media (max-width: 924px) { - - .collapse.in, - .navbar-nav { - background: var(--main-bg-color); - } -} - -@media (max-width: 924px) { - - .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 { - background-color: rgba(0, 0, 0, 0.25); -} - -.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 { - background-color: rgba(0, 0, 0, 0.25); -} - -.navbar-default .navbar-toggle:focus, -.navbar-default .navbar-toggle:hover { - background-color: transparent; -} - -.ui-tooltip .ui-tooltip-text { - background: var(--modal-bg-color) !important; -} - -@media (max-width: 924px) { - .navbar-collapse.collapse { - box-shadow: 0px 15px 10px -10px rgba(0, 0, 0, 0.7); - } -} - -/* 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; -} - -/* Search bar */ -.search-bar-background[_ngcontent-c1] { - 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-custom { - background-color: rgba(0, 0, 0, 0.25) !important; - border-radius: 0px; -} - -.form-control-search { - height: 49px; -} - -.right-radius { - border-radius: 0px; -} - -.input-group-addon { - background-color: rgba(0, 0, 0, 0.25); - border-bottom: 2px; -} - -.nav-tabs.nav-justified { - margin-bottom: 3px; -} - -@media (max-width: 978px) { - .form-control-search[_ngcontent-c1] { - width: -webkit-fill-available !important; - } -} - -@media (min-width: 768px) { - .nav-tabs.nav-justified>li>a { - border-bottom: none; - } -} - -@media (min-width: 979px) { - .form-control-search[_ngcontent-c1] { - width: 100%; - } -} - -.refine-option[_ngcontent-c1] { - box-shadow: none; -} - -#movieTabButton:hover, -#tvTabButton:hover { - border: 1px solid transparent; -} - -/* Expand season request */ -.content-space[_ngcontent-c3] { - 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; -} - -.ui-state-default { - border: 2px solid rgba(255, 255, 255, 0.25); -} - -/*dropdown menu */ -.dropdown-menu { - 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 { - background-color: rgba(0, 0, 0, 0.45); -} - -/* Settings */ -hr { - border: 1px dashed #d7d7d7; -} - -/* Buttons */ -.btn-primary-outline { - color: var(--request-button) !important; - border-color: var(--request-button) !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 { - background-color: var(--request-button-hover) !important; - border-color: transparent !important; -} - -.btn-primary-outline:hover { - background-color: var(--request-button-hover) !important; - border-color: transparent !important; -} - -.btn-link { - color: #ffffff; -} - -.btn-link:focus, -.btn-link:hover { - color: #ddd; -} - -.input-group-addon .btn-group .btn { - outline: none !important; - border: 1px solid transparent !important; - margin-right: 1px; - background: none; - 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 { - background: rgba(255, 255, 255, 0.35) !important; -} - -.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; -} - - - -.btn-success-outline { - -o-transition: all .8s; - -moz-transition: all .8s; - -webkit-transition: all .8s; - transition: all .8s; - color: #ffffff !important; - background-color: rgba(255, 255, 255, 0.35); - background-image: none; - text-transform: uppercase; - border-color: transparent !important; - width: 137.28px; - text-align: center !important; - font-size: 12px; - 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-primary-outline { - -o-transition: all .8s; - -moz-transition: all .8s; - -webkit-transition: all .8s; - transition: all .8s; - color: #ffffff !important; - border-color: #f4433600 !important; - outline: none !important; - text-transform: uppercase; - background: rgba(255, 255, 255, 0.35); - font-size: 12px; - height: 29.45px; - min-width: 137.28px; - padding: 5px 10px; - text-align: center !important; - -} - -.btn-info-outline, -.btn-danger-outline { - -o-transition: all .8s; - -moz-transition: all .8s; - -webkit-transition: all .8s; - transition: all .8s; - color: #ffffff !important; - background-color: rgba(255, 255, 255, 0.35); - background-image: none; - border-color: transparent !important; - width: 137.28px; - text-transform: uppercase; - text-align: center !important; - height: 29.45px; - min-width: fit-content; - font-size: 12px; - padding: 5px 10px; -} - -.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; - background-color: rgba(255, 255, 255, 0.35); - background-image: none; - border-color: transparent !important; - width: 137.28px; - text-transform: uppercase; - text-align: center !important; - height: 29.45px; - font-size: 12px; - padding: 5px 10px; - border-radius: .25rem !important; -} - -.btn-split .btn.dropdown-toggle { - 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-warning-outline { - -o-transition: all .8s; - -moz-transition: all .8s; - -webkit-transition: all .8s; - transition: all .8s; - 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-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) { - content: ""; - } -} - -.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 { - 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 { - 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 { - background-color: rgba(255, 255, 255, 0.08); - border-radius: 3px; -} - -.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); -} - -.card-header { - background-color: rgba(0, 0, 0, 0.25); - color: #ebebeb; - 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); -} - -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); -} - -@media (max-width: 768px) { - .input-group-addon .btn-group { - position: absolute; - right: 0px; - top: 54px; - box-shadow: 0 0 0; - } -} - -/* Issues */ - -.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; -} - - - -/* 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)}@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}@media (max-width:924px){.collapse.in,.navbar-nav{background:var(--main-bg-color)}}@media (max-width:924px){.navbar-left,.navbar-right{float:none!important;box-shadow:0 15px 10px -10px rgba(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{background-color:rgba(0,0,0,.25)}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{background-color:rgba(255,255,255,.08);color:#fff}.navbar-default .navbar-nav>.open>a{background-color:rgba(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{background-color:rgba(0,0,0,.25)}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:transparent}.ui-tooltip .ui-tooltip-text{background:var(--modal-bg-color)!important}@media (max-width:924px){.navbar-collapse.collapse{box-shadow:0 15px 10px -10px rgba(0,0,0,.7)}}.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}.search-bar-background[_ngcontent-c1]{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-custom{background-color:rgba(0,0,0,.25)!important;border-radius:0}.form-control-search{height:49px}.right-radius{border-radius:0}.input-group-addon{background-color:rgba(0,0,0,.25);border-bottom:2px}.nav-tabs.nav-justified{margin-bottom:3px}@media (max-width:978px){.form-control-search[_ngcontent-c1]{width:-webkit-fill-available!important}}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:none}}@media (min-width:979px){.form-control-search[_ngcontent-c1]{width:100%}}.refine-option[_ngcontent-c1]{box-shadow:none}#movieTabButton:hover,#tvTabButton:hover{border:1px solid transparent}.content-space[_ngcontent-c3]{padding:15px;background:rgba(0,0,0,.25)}.table-striped>tbody>tr:nth-of-type(odd){background-color:rgba(0,0,0,.25)}.table-hover>tbody>tr:hover{background-color:rgba(255,255,255,.08)}table.table>thead>tr>th.active{background-color:rgba(255,255,255,.08)}.ui-widget-content{background:var(--main-bg-color)!important}.ui-state-active{color:#fff!important;background-color:rgba(0,0,0,.25)!important}.ui-state-default{border:2px solid rgba(255,255,255,.25)}.dropdown-menu{background:var(--modal-bg-color);box-shadow:3px 3px 10px rgba(0,0,0,.6)}.dropdown-menu>li>a:hover{background-color:rgba(255,255,255,.08)}.navbar-nav>li>.dropdown-menu{width:163.5px}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{background-color:rgba(0,0,0,.45)}hr{border:1px dashed #d7d7d7}.btn-primary-outline{color:var(--request-button)!important;border-color:var(--request-button)!important;outline:0!important}.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{background-color:var(--request-button-hover)!important;border-color:transparent!important}.btn-primary-outline:hover{background-color:var(--request-button-hover)!important;border-color:transparent!important}.btn-link{color:#fff}.btn-link:focus,.btn-link:hover{color:#ddd}.input-group-addon .btn-group .btn{outline:0!important;border:1px solid transparent!important;margin-right:1px;background:0 0;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{background:rgba(255,255,255,.35)!important}.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}.btn-success-outline{-o-transition:all .8s;-moz-transition:all .8s;-webkit-transition:all .8s;transition:all .8s;color:#fff!important;background-color:rgba(255,255,255,.35);background-image:none;text-transform:uppercase;border-color:transparent!important;width:137.28px;text-align:center!important;font-size:12px;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-primary-outline{-o-transition:all .8s;-moz-transition:all .8s;-webkit-transition:all .8s;transition:all .8s;color:#fff!important;border-color:#f4433600!important;outline:0!important;text-transform:uppercase;background:rgba(255,255,255,.35);font-size:12px;height:29.45px;min-width:137.28px;padding:5px 10px;text-align:center!important}.btn-danger-outline,.btn-info-outline{-o-transition:all .8s;-moz-transition:all .8s;-webkit-transition:all .8s;transition:all .8s;color:#fff!important;background-color:rgba(255,255,255,.35);background-image:none;border-color:transparent!important;width:137.28px;text-transform:uppercase;text-align:center!important;height:29.45px;min-width:fit-content;font-size:12px;padding:5px 10px}.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:#fff!important;background-color:rgba(255,255,255,.35);background-image:none;border-color:transparent!important;width:137.28px;text-transform:uppercase;text-align:center!important;height:29.45px;font-size:12px;padding:5px 10px;border-radius:.25rem!important}.btn-split .btn.dropdown-toggle{border-radius:0 .25rem .25rem 0!important;padding:3.5px 10px;border:none}.btn-split .btn.dropdown-toggle.active,.btn-split .btn.dropdown-toggle:active,.btn-split .btn.dropdown-toggle:focus,.btn-split .btn.dropdown-toggle:hover{background:0 0!important}.btn-warning-outline{-o-transition:all .8s;-moz-transition:all .8s;-webkit-transition:all .8s;transition:all .8s;color:#fff!important;background-color:transparent;background-image:none;border-color:transparent!important}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle):hover,.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{color:#fff!important;background-color:rgba(196,134,42,.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,.75)!important;border-color:transparent!important}@media (max-width:1090px){.btn-danger-outline,.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle),.btn-info-outline,.btn-primary-outline,.btn-success-outline,.fa-check:before,.fa-eye:before,.fa-plus:before{content:""}}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-25px}.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,.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{background-color:rgba(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{background-color:rgba(255,255,255,.08);border-radius:3px}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:rgba(0,0,0,.25);border-color:#00000000}.panel{background-color:rgba(0,0,0,.45)}.card-header{background-color:rgba(0,0,0,.25);color:#ebebeb;padding:10px 15px;border-bottom:1px solid #00000000}a.active{background-color:rgba(0,0,0,.45)}.ui-state-highlight{background:var(--modal-bg-color)}legend{border-bottom:1px solid rgba(255,255,255,.25)}.backdrop{box-shadow:3px 3px 10px rgba(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,.75)}.fa-film:before{content:"\F008";color:rgba(255,255,255,.6)}@media (max-width:768px){.input-group-addon .btn-group{position:absolute;right:0;top:54px;box-shadow:0 0 0}}.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}body{background:var(--main-bg-color)}a{color:var(--accent-color)}a:hover{color:var(--accent-color-hover)}.dark .mat-drawer-container,.mat-drawer-container{background:var(--main-bg-color);color:var(--text)}.dark .mat-toolbar.mat-primary,.mat-toolbar.mat-primary{background:rgba(0,0,0,.25);color:var(--text)}.dark .mat-toolbar,.mat-list-base .mat-list-item,.mat-list-base .mat-list-option,.mat-toolbar{color:var(--text)}.dark .mat-autocomplete-panel,.mat-autocomplete-panel{background:var(--modal-bg-color);color:var(--text)}.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}.active-list-item,.dark .active-list-item{background:var(--accent-color)!important;background-color:var(--accent-color)!important;color:var(--text)!important;font-weight:500}.dark .mat-card,.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}.dark .mat-fab.mat-accent,.dark .mat-flat-button.mat-accent,.dark .mat-mini-fab.mat-accent,.dark .mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-flat-button.mat-accent,.mat-mini-fab.mat-accent,.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:0}.dark .mat-raised-button:not([class*=mat-elevation-z]),.mat-raised-button:not([class*=mat-elevation-z]){box-shadow:none}button:focus{outline:1px dotted;outline:0}.dark .mat-dialog-container,.mat-dialog-container{background:var(--modal-bg-color);color:var(--text)}.details,div.dark .details{background:0 0!important}.dark .mat-table,.mat-table{background:#0000002e;color:var(--text)}.dark .mat-cell,.dark .mat-footer-cell,.mat-cell,.mat-footer-cell{color:var(--text)}.dark .mat-menu-panel,.mat-menu-panel{background:var(--modal-bg-color)}.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)}.dark .mat-expansion-panel,.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,#info-wrapper .mat-fab,.dark .mat-flat-button,.dark .mat-mini-fab,.dark .mat-raised-button,.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)} diff --git a/CSS/themes/organizr/organizr-base.css b/CSS/themes/organizr/organizr-base.css index 37233836..e11bcdc6 100644 --- a/CSS/themes/organizr/organizr-base.css +++ b/CSS/themes/organizr/organizr-base.css @@ -1,2334 +1 @@ -@import url(https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900); -/*Theme Colors*/ -/*bootstrap Color*/ -/*Normal Color*/ -/*Border radius*/ -/*Just change your choise color here its theme Colors*/ - -/* THEME PARK CUSTOM */ - -.modal-content { - 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; -} - -.panel-footer { - background: var(--modal-footer-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; -} - -.panel-default .panel-body, -.panel-white .panel-body { - color: var(--text); -} - -.h1, -.h2, -.h3, -.h4, -.h5, -.h6, -h1, -h2, -h3, -h4, -h5, -h6, -label, -.bg-title .breadcrumb a:hover, -.chat-list .odd .chat-text h4, -.close, -.nav-tabs>li.active>a, -.nav-tabs>li.active>a:focus, -.nav-tabs>li.active>a:hover, -.pagination>li>a:focus, -.pagination>li>a:hover, -.pagination>li>span:focus, -.pagination>li>span:hover, -.text-dark:not(#to-recover), -.swal-title { - color: var(--text-hover) !important; -} - -.text-muted:not(.bg-plex) { - color: var(--text-muted) !important; -} - -.panel .panel-heading .panel-title { - color: var(--text-hover); -} - -.daterangepicker .input-mini, -.dd-handle, -.dd3-content, -.dropify-wrapper, -.form-control, -.panel-default .panel-heading, -.panel-white .panel-heading, -.select2-container .select2-choice, -.css-bar-lg:after { - background: #1f1f1f; -} - -.steamline .sl-right div>a, -.white-box .box-title, -a.list-group-item, -button.list-group-item, -h1, -h2, -h3, -h4, -h5, -h6 { - color: var(--text-hover) !important; -} - -.badge { - background-color: rgb(var(--accent-color)); - color: var(--label-text-color); -} - -.tabLoaded { - -webkit-filter: drop-shadow(0 0 2px transparent); - filter: drop-shadow(0 0 2px transparent); - color: var(--text-hover) -} - -.active .tabLoaded { - -webkit-filter: drop-shadow(0 0 5px transparent); - filter: drop-shadow(0 0 5px transparent); - color: rgb(var(--accent-color)); -} - -.navbar-top-links>li>a:hover { - background: rgba(0, 0, 0, 0.1); - color: var(--link-color-hover); -} - -.bg-title .breadcrumb, -.chat-list .odd .chat-text h4, -.close, -.nav-tabs>li.active>a, -.nav-tabs>li.active>a:focus, -.nav-tabs>li.active>a:hover, -.pagination>li>a:focus, -.pagination>li>a:hover, -.pagination>li>span:focus, -.pagination>li>span:hover { - color: var(--text-hover); -} - -.btn:not(.btn-danger):not(.bg-plex):not(.btn-youtube):not(.btn-info.btn-circle):not(.btn-success), -.cbutton { - background: var(--button-color) !important; - border-color: var(--button-color) !important; - color: var(--button-text) !important; -} - -.btn:hover:not(.btn-danger):not(.bg-plex):not(.btn-youtube):not(.btn-info.btn-circle):not(.btn-success), -.btn:active:not(.btn-danger):not(.bg-plex):not(.btn-youtube):not(.btn-info.btn-circle):not(.btn-success), -.btn:focus:not(.btn-danger):not(.bg-plex):not(.btn-youtube):not(.btn-info.btn-circle):not(.btn-success), -.cbutton:hover { - background: var(--button-color-hover) !important; - border-color: var(--button-color-hover) !important; - color: var(--button-text-hover) !important; -} - -.cbutton { - border-radius: 20px; - border-color: var(--button-color); - padding: 0px; - width: auto; - height: auto; - background-color: var(--button-color); - position: relative; - text-align: center; -} - -.cbutton:hover { - opacity: .8; -} - -.cbuttontitle { - color: var(--button-text); - width: -webkit-fill-available; - border-radius: 20px; - border: 4px solid; -} - -.panel-blue .panel-heading, -.panel-info .panel-heading { - border-color: rgb(var(--accent-color)); - color: var(--text-hover); - 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; -} - -.panel-body:not(.unifiCards .panel-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; -} - -.bg-plex { - background: #e5a00d; - color: white; -} - -.tabs-style-flip nav a, -.nav-tabs>li>a { - color: var(--text-hover); -} - -.customtab2 li.active a, -.customtab2 li.active a:focus, -.customtab2 li.active a:hover { - background: rgba(0, 0, 0, 0.25) !important; - border-color: rgba(255, 255, 255, 0.1) !important; - border-radius: 20px; -} - -/*toast*/ -.iziToast.success-notify.iziToast-layout2 { - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - border: 1px solid rgba(255, 255, 255, 0.1); - border-bottom: transparent -} - -#dazsm6ofc1i6j6s9g5k5fija>div>div:nth-child(2), -#dazsm6ofc1i6j6s9g5k5fija>div>div.white-box.m-b-0.bg-info { - 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; -} - -.css-bar-lg:after { - background: #1f1f1f !important; -} - -/* settings */ -/* header*/ -[id*="settings-"]>div>div.panel-heading:not(form > div > div.panel-heading) { - background: rgba(0, 0, 0, 0.25); -} - -#customize-appearance-form>ul>li.active>a { - background: rgba(0, 0, 0, 0.25); -} - -#settings-main-system-settings { - 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; -} - -/* forms */ -select.form-control:focus { - box-shadow: none; - background: #1f1f1f; - border: 1px solid rgba(120, 130, 140, 0.4); -} - -.form-material .form-control:focus { - background: #1f1f1f; - border: 1px solid rgba(120, 130, 140, 0.4); - -} - -.form-material .form-control { - background: rgba(0, 0, 0, 0.25); - border-radius: 3px; - padding: inherit; -} - -#githubVersions .bg-org { - background: rgba(0, 0, 0, 0.25) !important; -} - -/* Ace editor stuff */ -.ace-idle-fingers { - background-color: rgb(0 0 0 / 25%) !important; - color: var(--text-hover) !important; -} - -.ace-idle-fingers .ace_marker-layer .ace_active-line { - background: rgba(255, 255, 255, 0.15) !important; -} - -.ace-idle-fingers .ace_gutter { - background: rgb(255 255 255 / 10%) !important; - color: var(--text-hover) !important; -} - -.table>thead>tr>th { - border-bottom: 1px solid rgba(120, 130, 140, 0.13); - color: var(--text-hover); -} - -#tabEditorTable, -#categoryEditorTable { - color: var(--text); -} - -/* Datatables */ -.dataTables_wrapper .dataTables_filter, -.dataTables_wrapper .dataTables_info, -.dataTables_wrapper .dataTables_length, -.dataTables_wrapper .dataTables_paginate, -.dataTables_wrapper .dataTables_paginate .paginate_button, -.dataTables_wrapper .dataTables_processing, -.dd-handle, -.footable.breakpoint>tbody>tr>td>span.footable-toggle, -pre { - color: var(--text) !important; -} - -.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, -.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active, -.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover { - color: var(--text-muted) !important; -} - -#loginLogTable>tbody>.even, -#organizrLogTable>tbody>.even { - background: rgba(255, 255, 255, 0.10); -} - -.dataTables_wrapper .dataTables_paginate .paginate_button.current, -.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { - color: var(--button-text) !important; - border: 1px solid var(--button-color); - background: var(--button-color); -} - -.dataTables_wrapper .dataTables_paginate .paginate_button:hover { - color: var(--button-text-hover) !important; - border: 1px solid var(--button-color-hover); - background: var(--button-color-hover); -} - -.dataTables_wrapper .dataTables_paginate .paginate_button:active { - box-shadow: inset 0 0 3px rgba(0, 0, 0, 0); -} - -/* PLACEHOLDERS */ -input::-webkit-input-placeholder { - color: var(--text) !important; -} - -input:focus::-webkit-input-placeholder { - color: var(--text-hover) !important; -} - -/* Firefox < 19 */ -input:-moz-placeholder { - color: var(--text) !important; -} - -input:focus:-moz-placeholder { - color: var(--text-hover) !important; -} - -/* Firefox > 19 */ -input::-moz-placeholder { - color: var(--text) !important; -} - -input:focus::-moz-placeholder { - color: var(--text-hover) !important; -} - -/* Internet Explorer 10 */ -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; -} - -/* JS GRID USERS */ -.jsgrid-grid-header { - 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; -} - -th.text-center, -th.jsgrid-header-sortable, -th.jsgrid-control-field.jsgrid-align-center { - color: var(--text-hover) !important; -} - -#jsGrid-Users>div.jsgrid-grid-header.jsgrid-header-scrollbar>table, -.jsgrid-grid-body>table>tbody { - color: var(--text) !important; -} - -.jsgrid-table tbody .jsgrid-header-row, -#jsGrid-Users>div.jsgrid-grid-header.jsgrid-header-scrollbar>table>tbody { - color: var(--text-hover) !important; -} - -.jsGrid-Users, -.jsgrid-header-sort-desc, -.jsgrid-header-sort-asc { - background: rgba(0, 0, 0, 0.25) !important; -} - -tr.jsgrid-header-row th { - border: transparent !important; - background: rgb(0 0 0 / 35%); -} - -.jsgrid-grid-body td { - border-bottom: 1px solid rgba(120, 130, 140, .13); - border-top: 1px solid rgb(255 255 255 / 10%) !important; - background: #ffffff00 !important; -} - -.jsgrid-filter-row>td, -.jsgrid-header-sortable:hover { - background: rgba(0, 0, 0, 0.45) !important; - color: var(--text-hover) !important; -} - -/* Calendar */ - -#calendar .fc-content-skeleton>table>thead>tr { - background: rgba(0, 0, 0, 0.15); -} - -.fc-event:not(.homepage-drag), -.fc-event:hover:not(.homepage-drag), -.ui-widget .fc-event { - color: var(--text-hover) !important; - text-decoration: none; -} - -.fc-day-header a, -.fc-day-number, -.fc-list-heading-main { - color: rgb(var(--accent-color)) !important; - 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); - 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; -} - -/* 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 { - 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; -} - -#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); - box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); - border-radius: 15px; - background-color: rgba(0, 0, 0, 0.45) !important; - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - color: white !important; - } -} - - -/* slightly transparent fallback for Firefox (not supporting backdrop-filter) */ -@supports not ((-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.8) !important; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.8) !important; - border-radius: 15px !important; - background: var(--main-bg-color) !important; - } -} - -.login-register { - /* background: var(--main-bg-color) !important; */ - height: 100%; - position: fixed; -} - -.slideInRight { - -webkit-animation-name: none; - animation-name: none; -} - -.login-register .login-box .white-box .bg-org { - background: 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%); -} - -@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { - #lockScreen .white-box { - position: absolute; - top: 50%; - transform: translateY(-50%); - -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: 15px; - background-color: rgba(0, 0, 0, 0.45); - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - } -} - - -/* slightly transparent fallback for Firefox (not supporting backdrop-filter) */ -@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) { - #lockScreen .white-box { - position: absolute; - top: 50%; - transform: translateY(-50%); - -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: 15px; - background-color: rgba(0, 0, 0, 0.7); - } -} - -@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { - #splashScreen { - overflow-y: scroll; - background: rgb(0 0 0 / 80%) !important; - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - } -} - - -/* slightly transparent fallback for Firefox (not supporting backdrop-filter) */ -@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) { - #splashScreen { - overflow-y: scroll; - background: rgb(0 0 0 / 90%) !important; - } -} - -/* Splash screen */ -.p-20 { - padding: 0px !important; -} - - - -.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: 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 div[id^=menu-] { - background: transparent; - border-radius: 3px; - max-width: 115px; - margin: 24px 20px 0 0 !important; - padding: 25px; -} - -#splashScreen .bg-org.fc-event { - background-color: transparent !important; - border-radius: 1000px; - 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; - text-align: center; - -} - -#splashScreen .bottom-close-splash { - position: relative !important; - width: 0px; - right: 0px; - bottom: 0px; -} - -#splashScreen .flexbox:last-of-type .bg-danger:before { - font-family: "FontAwesome"; - font-size: 40px; - content: "\f00d"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: rgba(255, 255, 255, 0.7); - -webkit-transform: scale(1.1) !important; - transform: scale(1.1) !important; - -webkit-animation-name: none; - animation-name: none; - text-align: center; - padding-top: inherit; - -} - -#splashScreen .flexbox:last-of-type { - 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; - transform: scale(1.1) !important; - -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); - -webkit-transition-duration: .3s; - transition-duration: .3s; - -webkit-transition-property: transform; - transition-property: transform; - -webkit-transform-origin: center; - transform-origin: center; -} - -.splash-badge { - color: #fff; - width: 80px !important; - height: 80px; - font-size: 60px; - border-radius: 1000px; -} - -.splash-badge i { - position: absolute; - left: 10px; - top: 10px; - margin: 0px; - padding: 0px; -} - -.splash-badge i.fa-home:before { - position: absolute !important; - left: -2px !important; -} - -/* Google auth settings modal*/ - -.color-table.info-table thead th { - background-color: rgba(61, 33, 33, 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 { - color: var(--link-color); -} - -.color-bordered-table.purple-bordered-table { - border: 2px solid rgb(var(--accent-color)); -} - -.white-box .bg-info { - background: var(--link-color) !important; -} - -/* HOMEPAGE STUFF */ -/*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, -#calendar .fa.fa-tv.text-purple, -#calendar .fc-time.tv.text-purple { - color: var(--calendar-tv-premier); -} - -/*Movie Missing icon and status*/ -#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; - font-weight: 500; - color: var(--calendar-movie-missing); -} - -/*Movie Available icon and status*/ -#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; - font-weight: 500; - color: var(--calendar-movie-available); -} - -/*Movie Unreleased icon and status*/ -#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; - font-weight: 500; - color: var(--calendar-movie-unreleased); -} - - -/* 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); - 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: rgb(var(--accent-color)); - color: var(--label-text-color); -} - -.white-box { - 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; -} - -/* Homepage headers */ -.panel-default .panel-heading .fc-toolbar { - background: transparent !important; - padding: 20px 0px; -} - -.panel-black .panel-heading, -.panel-inverse .panel-heading { - border-color: transparent; - color: #fff; - 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; -} - -/* Homepage buttons */ - -#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; -} - -#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: var(--text-hover); - border-radius: 0 !important; - border: 0 !important; - text-transform: uppercase; -} - -/* Homepage ombi - request triangle */ -.inside-request-div { - background-color: var(--link-color) !important; -} - -.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, -.iziToast.warning-notify.iziToast-layout2 { - border: none; - 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; - 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 { - color: var(--link-color) !important; -} - -.iziToast:after { - 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; -} - -.update-notify .iziToast-progressbar div, -.success-notify .iziToast-progressbar div, -.warning-notify .iziToast-progressbar div { - background: rgb(var(--accent-color)) !important; -} - -.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 */ -.ajs-message.ajs-error-alertify.ajs-visible { - color: #f44336; - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - border-color: transparent; -} - -.ajs-message.ajs-warning-alertify { - color: #ffeb3b; - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - border-color: transparent; -} - -.ajs-message.ajs-info-alertify { - color: #6da8ff; - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - border-color: transparent; -} - -.ajs-message.ajs-success-alertify { - color: #00ffb8; - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - border-color: transparent; -} - -/* Noty */ -.noty_type__error-noty .noty_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; - color: #f44336; - border: 1px solid transparent; - border-bottom: transparent; -} - -.noty_type__warning-noty .noty_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; - color: #ffeb3b; - border: 1px solid transparent; - border-bottom: transparent; -} - -.noty_type__info-noty .noty_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; - color: #3a83f0; - border: 1px solid transparent; - border-bottom: transparent; -} - -.noty_type__success-noty .noty_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; - color: #00ffb8; - border: 1px solid transparent; - border-bottom: transparent; -} - -.btn-link, -a { - color: var(--link-color); - text-decoration: none; -} - -.btn-link:hover, -a:hover { - color: var(--link-color-hover); - text-decoration: none; -} - -/* 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: rgb(var(--accent-color)) !important; - color: var(--label-text-color); -} - -.progress-bar-inverse, -.progress { - background: rgba(0, 0, 0, 0.25) !important; -} - -/* Homepage health checks */ -@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { - .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; - } -} - -/* slightly transparent fallback for Firefox (not supporting backdrop-filter) */ -@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) { - .bg-inverse .healthPosition { - 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; - border-radius: 3px; - } -} - -.bg-inverse .healthPosition h3, -.bg-inverse .healthPosition h5 { - color: #fff !important; -} - -#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 Unifi cards */ -.unifiCards .panel-heading { - background: rgb(var(--accent-color)); - color: var(--label-text-color) !important; - border-color: transparent !important; - text-align: inherit !important; - border-radius: 3px 3px 0 0 -} - -.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; -} - -.swal-overlay--show-modal .swal-modal { - 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-hover); -} - -[id*="homepage"] .panel-heading.bg-info, -.fc-toolbar:not(.fc-alternate) { - background: rgb(var(--accent-color)) !important; - color: var(--label-text-color) !important; -} - -.fc-toolbar:not(.fc-alternate) h2, -.fc .fc-button-group>button:not(.fc-alternate [class*="fc"]) { - color: var(--label-text-color) !important; -} - -.bg-info:not(.fc-alternate):not(.feeds .bg-info) { - background-color: rgb(var(--accent-color)) !important; - color: var(--label-text-color) !important; -} - -/* THEME PARK CUSTOM END*/ - -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); -} - -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); -} - -#page-wrapper { - 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; -} - -/*Top Header Part*/ -.logo i { - color: var(--text-hover); -} - -@-moz-document url-prefix() { - .navbar-header { - background: transparent !important; - } - - .dropdown-menu { - background: transparent !important; - } -} - -.navbar-header { - 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; -} - -.navbar-top-links>li>a { - color: var(--link-color); -} - -.nav .open>a, -.nav .open>a:focus, -.nav .open>a:hover { - 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; -} - -/*Right panel*/ -.right-sidebar .rpanel-title { - 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; -} - -/*Bread Crumb*/ -.bg-title .breadcrumb .active { - color: #1f1f1f; -} - -/*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; - } -} - -.sidebar { - background: rgba(0, 0, 0, 0.26) !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; - 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; - -} - -.navbar-default, -.sidebar .sidebar-head { - background: transparent; -} - -.sidebar:hover { - 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; - transition: max-width .2s cubic-bezier(.4, 0, .2, 1), background-color .2s ease-out; -} - -.sidebar .label-custom { - background: #01c0c8; -} - -#side-menu li a { - color: var(--text); -} - -#side-menu li a { - color: var(--text); - border-left: 0px solid #1b1a1a; -} - -@media (pointer: fine) { - - #side-menu>li>a:hover, - #side-menu>li>a:focus { - background: rgba(0, 0, 0, 0.07); - color: var(--text-hover); - } -} - -#side-menu>li>a.active, -#side-menu>li>ul>li>a.active { - background: rgba(var(--accent-color), 0.05); - color: rgb(var(--accent-color)); - font-weight: 500; - -webkit-box-shadow: inset 4px 0 0 0 rgb(var(--accent-color)); - box-shadow: inset 4px 0 0 0 rgb(var(--accent-color)); - border-radius: 0 0 0 0; - margin-left: 0px; -} - -#side-menu ul>li>a:hover { - color: var(--text-hover); -} - -#side-menu ul>li>a.active { - color: var(--text-hover); - font-weight: 500; -} - -.user-profile .user-pro-body .u-dropdown { - color: var(--text); -} - -.drop-title { - color: var(--text-hover); -} - -.dropdown-menu { - background: var(--drop-down-menu-bg) !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; -} - -.dropdown-menu>li>a { - color: var(--text) !important; - -} - -.dropdown-menu>li>a:focus, -.dropdown-menu>li>a:hover { - color: var(--text-hover) !important; -} - -.label-inverse { - background-color: #131313; -} - -/*themecolor*/ -.bg-theme { - background-color: #707cd2 !important; -} - -.bg-org:not([id="menu-"]div):not(.panel-heading) { - background: var(--main-bg-color) !important; - ; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; -} - -/*Button*/ -.btn-custom { - background: var(--button-color); - border: 1px solid var(--button-color); - color: var(--button-text); -} - -.btn-custom:hover { - background: var(--button-color-hover); - opacity: 0.8; - color: var(--button-text-hover); - border: 1px solid var(--button-color-hover); -} - -/*Custom tab -.customtab li.active a, -.customtab li.active a:hover, -.customtab li.active a:focus { - border-bottom: 2px solid #1f1f1f; - color: #1f1f1f; -} -*/ - -.tabs-vertical li.active a, -.tabs-vertical li.active a:hover, -.tabs-vertical li.active a:focus { - background: #1f1f1f; - border-right: 2px solid #1f1f1f; -} - -/*Nav-pills*/ -.nav-pills>li.active>a, -.nav-pills>li.active>a:focus, -.nav-pills>li.active>a:hover { - background: #1f1f1f; - color: #ffffff; -} - -/*Extra css*/ -.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: 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; -} - -.table tbody tr.advance-table-row.active, -.fc-button { - border-color: #1f1f1f; -} - -.manage-users .tabs-style-iconbox nav { - background: #1f1f1f; -} - -.manage-users .tabs-style-iconbox nav li.tab-current a { - background: #1f1f1f; -} - -.manage-users .tabs-style-iconbox nav li.tab-current a:after { - border-top-color: #1f1f1f; -} - -.panel-themecolor, -.panel-theme { - border-color: #1f1f1f; -} - -.panel-themecolor .panel-heading, -.panel-theme .panel-heading { - border-color: #1f1f1f; - color: white; - background-color: #1f1f1f; -} - -.panel-themecolor .panel-heading a, -.panel-theme .panel-heading a { - color: var(--text-hover); -} - -.panel-themecolor .panel-heading a:hover, -.panel-theme .panel-heading a:hover { - color: rgba(255, 255, 255, 0.5); -} - -.panel-themecolor a, -.panel-theme a { - color: #1f1f1f; -} - -.panel-themecolor a:hover, -.panel-theme a:hover { - color: #177eac; -} - -.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) { - 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; -} - -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: 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, -body>div.mfp-wrap.mfp-auto-cursor.mfp-zoom-out.mfp-ready>div>div.mfp-content>div>div>div, -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 { - background: var(--modal-bg-color) !important; -} */ - -.bg-title { - 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; -} - -.panel { - background: #1b1a1a; -} - -.form-control, -input, -.input-group-addon, -.no-bg-addon .input-group-addon { - background-color: #1f1f1f; -} - -.bg-title .breadcrumb .active { - color: #e6d086; -} - -.tabs-style-flip nav li.tab-current a::after { - background-color: rgba(var(--accent-color), 0.05); - -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 0deg); - transform: perspective(900px) rotate3d(1, 0, 0, 0deg); - border-radius: 0px 0px 0 0; -} - -.tabs-style-flip .content-wrap { - 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; -} - -.tabs-style-flip nav li.tab-current a { - color: rgb(var(--accent-color)); -} - -.customtab2 li.active a, -.customtab2 li.active a:focus, -.customtab2 li.active a:hover { - background: #1f1f1f; - border-radius: 20px; -} - -.nav-tabs>li>a:hover { - background: rgba(0, 0, 0, 0.25) !important; - border-radius: 0px; - color: var(--text-hover); -} - -.tabs-style-flip nav a:focus, -.tabs-style-flip nav a:hover { - color: rgb(var(--accent-color)); -} - -.breadcrumb>li+li:before { - padding: 0 2px 0 4px; - color: #ccc; - content: "/\00a0"; -} - -.wizard-steps>li.done { - background: #2b8b2d; -} - - -#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; - 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; -} - -.tab-content .panel .panel-body, -.tab-content .panel .panel-body .bg-org { - background: transparent !important; -} - -/* -.jq-toast-single { - border-radius: 10px 10px 0 0; -} -*/ - -.tooltip-text3 { - border-bottom: 10px solid #2cabe4; - overflow: hidden; - -webkit-transform: scale3d(0, 1, 1); - transform: scale3d(0, 1, 1); - -webkit-transition: -webkit-transform .3s .3s; - transition: transform .3s .3s; -} - -a.mytooltip { - font-weight: 500; - color: #2cabe4; -} - -.tooltip-content5::after { - content: ''; - bottom: -20px; - left: 50%; - border: solid transparent; - height: 0; - width: 0; - position: absolute; - pointer-events: none; - border-color: #2cabe4 transparent transparent; - border-width: 10px; - margin-left: -10px; -} - -.swapLog.active { - border: 1px solid rgba(120, 130, 140, .2); - background-color: #12dafefc !important; - color: #1f1f1f; -} - -.white-popup-block { - 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; - padding: 20px 30px; - text-align: left; - max-width: 75%; - margin: 40px auto; - position: relative; - /*border: 1px solid #2cabe4; - border-radius: 10px;*/ -} - -.form-control[disabled], -.form-control[readonly], -fieldset[disabled] .form-control { - background-color: #333; - opacity: 1; -} - -.sweet-alert { - background-color: #1b1a1a; -} - -.sweet-alert button.cancel { - background-color: #2cabe3; -} - -.sweet-alert button.cancel:hover { - background-color: #3a7b98; -} - -.el-element-overlay .el-card-item .el-overlay-1 .el-info>li a:hover { - background: #707cd2; - border-color: #707cd2; -} - -.error-page { - width: 100%; - background: #1b1a1a; - height: 100%; - position: fixed; - display: none; - z-index: 11; -} - -.error-body h1 { - font-size: 210px; - font-weight: 400; - line-height: 210px; -} - -.fc-unthemed .fc-popover { - background-color: #1b1b1b; -} - -.fc-unthemed .fc-divider, -.fc-unthemed .fc-popover .fc-header { - background: #1f1f1f; -} - -.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.25) !important; -} - -.asColorPicker-dropdown, -.checkbox label::before, -.clockpicker-popover .popover-content, -.clockpicker-popover .popover-title, -.customvtab .tabs-vertical li.active a, -.customvtab .tabs-vertical li.active a:focus, -.customvtab .tabs-vertical li.active a:hover, -.dropdown-menu, -.fc-day, -.footable-row-detail, -.img-thumbnail, -.input-group-addon, -.jsgrid-filter-row>td, -.jsgrid-header-sortable:hover, -.nav-tabs>li>a:focus, -.nav-tabs>li>a:hover, -.pager .disabled>a, -.pager .disabled>a:focus, -.pager .disabled>a:hover, -.pager .disabled>span, -.pager li>a:focus, -.pager li>a:hover, -.pagination>.disabled>a, -.pagination>.disabled>a:focus, -.pagination>.disabled>a:hover, -.pagination>.disabled>span, -.pagination>.disabled>span:focus, -.pagination>.disabled>span:hover, -.popover, -.popover-title, -.right-sidebar, -code, -table.dataTable tbody tr { - background: #1b1b1b; -} - -.table>tbody>tr>td, -.table>tbody>tr>th, -.table>tfoot>tr>td, -.table>tfoot>tr>th, -.table>thead>tr>td, -.table>thead>tr>th { - padding: 8px; - line-height: 1.42857143; - vertical-align: middle; - /*border-top: transparent;*/ -} - -.btn-default, -.chat-list .chat-text h4, -.dropdown-menu>li>a, -.dropdown-menu>li>a:focus, -.dropdown-menu>li>a:hover, -.flot-text, -.footer, -.form-control, -.h1 .small, -.h1 small, -.h2 .small, -.h2 small, -.h3 .small, -.h3 small, -.h4 .small, -.h4 small, -.h5 .small, -.h5 small, -.h6 .small, -.h6 small, -.help-block, -.input-group-addon, -.text-muted, -a.list-group-item:focus, -a.list-group-item:hover, -button.list-group-item:focus, -button.list-group-item:hover, -h1 .small, -h1 small, -h2 .small, -h2 small, -h3 .small, -h3 small, -h4 .small, -h4 small, -h5 .small, -h5 small, -h6 .small, -h6 small, -tbody, -th { - color: #ffffff; -} - -.bootstrap-tagsinput, -.calendar-widget, -.chat-main-box, -.content-wrap, -.css-bar:after, -.customtab li.active a, -.customtab li.active a:focus, -.customtab li.active a:hover, -.daterangepicker .input-mini, -.dropify-wrapper, -.dropify-wrapper .dropify-preview, -.dropzone, -.footer, -.form-control, -.jsgrid-alt-row>td, -.jsgrid-header-row>th, -.jsgrid-row>td, -.list-group-item, -.list-group-item.disabled, -.list-group-item.disabled:focus, -.list-group-item.disabled:hover, -.manage-table, -.myadmin-dd .dd-list .dd-item .dd-handle, -.myadmin-dd-empty .dd-list .dd3-content, -.myadmin-dd-empty .dd-list .dd3-handle, -.nav-tabs>li.active>a, -.nav-tabs>li.active>a:focus, -.nav-tabs>li.active>a:hover, -.pager li>a, -.pager li>span, -.pagination>li>a, -.pagination>li>span, -.panel, -.panel-default .panel-body, -.panel-default .panel-footer, -.panel-default .panel-heading, -.panel-footer textarea, -.panel-white .panel-body, -.panel-white .panel-footer, -.panel-white .panel-heading, -.radio label::before, -.select2-container-multi .select2-choices, -.table tbody tr.advance-table-row td, -.thumbnail, -.well, -.white-box:not(.resultBox-outside.white-box), -input, -pre, -select, -table.dataTable.display tbody tr.odd, -table.dataTable.stripe tbody tr.odd { - background: rgba(0, 0, 0, 0.15); -} - -input:focus:not(select), -input:active:not(select), -.form-control:focus:not(select), -.form-control:active:not(select) { - background: rgba(0, 0, 0, 0.445); - border: 1px solid rgba(120, 130, 140, 0.4); -} - - -.cp-container .cp-pills li a { - padding: 5px; - color: #FFF; - text-decoration: none; -} - -.cp-container .cp-pills li a.active, -.cp-container .cp-pills li a:hover { - background-color: #2cabe3; - color: #fff -} - -.jq-icon-info { - background-color: rgba(71, 68, 68, 0.93); - color: #FFF; - border-color: #bce8f1; -} - -.jq-icon-warning { - background-color: rgba(154, 83, 20, 0.93); - color: #fcf8e3; - border-color: #faebcc; -} - -.jq-icon-error { - background-color: #a94442; - color: #f2dede; - border-color: #ebccd1; -} - -.jq-icon-success { - color: #dff0d8; - background-color: rgba(13, 132, 11, 0.93); - border-color: #d6e9c6; -} - -.jq-icon-organizr { - background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII='); - background-color: #31708f; - color: #000; - border-color: #bce8f1; -} - -.jq-icon-update { - background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAA4JGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIKICAgICAgICAgICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICAgICAgICAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgICAgICAgICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIj4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoV2luZG93cyk8L3htcDpDcmVhdG9yVG9vbD4KICAgICAgICAgPHhtcDpDcmVhdGVEYXRlPjIwMTctMTItMTRUMDk6MzQ6MDgtMDc6MDA8L3htcDpDcmVhdGVEYXRlPgogICAgICAgICA8eG1wOk1vZGlmeURhdGU+MjAxNy0xMi0xNFQwOTozNTowOC0wNzowMDwveG1wOk1vZGlmeURhdGU+CiAgICAgICAgIDx4bXA6TWV0YWRhdGFEYXRlPjIwMTctMTItMTRUMDk6MzU6MDgtMDc6MDA8L3htcDpNZXRhZGF0YURhdGU+CiAgICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2UvcG5nPC9kYzpmb3JtYXQ+CiAgICAgICAgIDxwaG90b3Nob3A6Q29sb3JNb2RlPjM8L3Bob3Rvc2hvcDpDb2xvck1vZGU+CiAgICAgICAgIDx4bXBNTTpJbnN0YW5jZUlEPnhtcC5paWQ6NDg4MmMzYjEtODM4YS1lMDRjLThiYmYtZTc0Zjk5ZjJjNGIxPC94bXBNTTpJbnN0YW5jZUlEPgogICAgICAgICA8eG1wTU06RG9jdW1lbnRJRD54bXAuZGlkOjQ4ODJjM2IxLTgzOGEtZTA0Yy04YmJmLWU3NGY5OWYyYzRiMTwveG1wTU06RG9jdW1lbnRJRD4KICAgICAgICAgPHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD54bXAuZGlkOjQ4ODJjM2IxLTgzOGEtZTA0Yy04YmJmLWU3NGY5OWYyYzRiMTwveG1wTU06T3JpZ2luYWxEb2N1bWVudElEPgogICAgICAgICA8eG1wTU06SGlzdG9yeT4KICAgICAgICAgICAgPHJkZjpTZXE+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6YWN0aW9uPmNyZWF0ZWQ8L3N0RXZ0OmFjdGlvbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0Omluc3RhbmNlSUQ+eG1wLmlpZDo0ODgyYzNiMS04MzhhLWUwNGMtOGJiZi1lNzRmOTlmMmM0YjE8L3N0RXZ0Omluc3RhbmNlSUQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDp3aGVuPjIwMTctMTItMTRUMDk6MzQ6MDgtMDc6MDA8L3N0RXZ0OndoZW4+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpzb2Z0d2FyZUFnZW50PkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE3IChXaW5kb3dzKTwvc3RFdnQ6c29mdHdhcmVBZ2VudD4KICAgICAgICAgICAgICAgPC9yZGY6bGk+CiAgICAgICAgICAgIDwvcmRmOlNlcT4KICAgICAgICAgPC94bXBNTTpIaXN0b3J5PgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICAgICA8dGlmZjpYUmVzb2x1dGlvbj43MjAwMDAvMTAwMDA8L3RpZmY6WFJlc29sdXRpb24+CiAgICAgICAgIDx0aWZmOllSZXNvbHV0aW9uPjcyMDAwMC8xMDAwMDwvdGlmZjpZUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6UmVzb2x1dGlvblVuaXQ+MjwvdGlmZjpSZXNvbHV0aW9uVW5pdD4KICAgICAgICAgPGV4aWY6Q29sb3JTcGFjZT42NTUzNTwvZXhpZjpDb2xvclNwYWNlPgogICAgICAgICA8ZXhpZjpQaXhlbFhEaW1lbnNpb24+MjQ8L2V4aWY6UGl4ZWxYRGltZW5zaW9uPgogICAgICAgICA8ZXhpZjpQaXhlbFlEaW1lbnNpb24+MjQ8L2V4aWY6UGl4ZWxZRGltZW5zaW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAKPD94cGFja2V0IGVuZD0idyI/PssSCj0AAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAbRJREFUeNqslT1rFFEUhp/9AI2JWrgkoJEgIopFhBSWVlYWQpqAraU/wsrKQi39EXYRLBTJL7AQ1FKjKO4iItlkFYQ8NmfgOuzdubP6wnBnzpzznnvP1+2oFGITuAlsAAPgO/AK2AaeZK3UpmdN3XE2Xqqnp9k3kZ9T9yzDN3WlztGZEaIO8B5YoxyvgSupoDtD+U5LcoB1YKskBz31jfNhJ+Wqn+B2VMUucJn5cCGNTD9ZnwHX+XccnZaD5y3JfzX8P0xzcKtFfO+rV9WBuqHem6JzqG6ry1UfvCgkv5EpiGsZ/Y/qEdRhAfmjGunJ2vfd3IlRRwUOLiZkD6O7HySyMxm7T8QcacJSEC3W5AshP5Ez7AOPY0IC1OdGFxgn1dYHfgILIe8lY+ULsJhw9IC31SxayjjohGwS63Hgc6w/gFXgIPSOJfrV5iZVo+0X1v84ITDI6+9/od9AeApYAb4mJ+gmO0xPsByX0KjNhXNWfRf52lcn0UhVQ01CrvpBPd/2wiFKdNxQZb/V9XlutOoZqLsZ8pG6mrMtdZBzMoww8j8c1J0MZ+18XgfVWHiqXirR/zMAbHa5dGMozWYAAAAASUVORK5CYII='); - background-color: #2cabe4; - color: #FFF; - border-color: #bce8f1; -} - -.panel-body.settings-bottom { - background: #1b1a1a; - color: white; - border-radius: 0 0 10px 10px; -} - -.panel-heading.settings-top { - background: #2cabe3; - border-color: #ffffff; - color: #232323; - border-radius: 10px 10px 0 0; -} - -span.select2-results { - background: #0e0e0e; -} - -.select2-container--default .select2-results__option[aria-selected=true] { - background-color: #232323; -} \ No newline at end of file +@import url(https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900);.modal-content{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}.panel-footer{background:var(--modal-footer-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}.panel-default .panel-body,.panel-white .panel-body{color:var(--text)}.bg-title .breadcrumb a:hover,.chat-list .odd .chat-text h4,.close,.h1,.h2,.h3,.h4,.h5,.h6,.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover,.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover,.swal-title,.text-dark:not(#to-recover),h1,h2,h3,h4,h5,h6,label{color:var(--text-hover)!important}.text-muted:not(.bg-plex){color:var(--text-muted)!important}.panel .panel-heading .panel-title{color:var(--text-hover)}.css-bar-lg:after,.daterangepicker .input-mini,.dd-handle,.dd3-content,.dropify-wrapper,.form-control,.panel-default .panel-heading,.panel-white .panel-heading,.select2-container .select2-choice{background:#1f1f1f}.steamline .sl-right div>a,.white-box .box-title,a.list-group-item,button.list-group-item,h1,h2,h3,h4,h5,h6{color:var(--text-hover)!important}.badge{background-color:rgb(var(--accent-color));color:var(--label-text-color)}.tabLoaded{-webkit-filter:drop-shadow(0 0 2px transparent);filter:drop-shadow(0 0 2px transparent);color:var(--text-hover)}.active .tabLoaded{-webkit-filter:drop-shadow(0 0 5px transparent);filter:drop-shadow(0 0 5px transparent);color:rgb(var(--accent-color))}.navbar-top-links>li>a:hover{background:rgba(0,0,0,.1);color:var(--link-color-hover)}.bg-title .breadcrumb,.chat-list .odd .chat-text h4,.close,.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover,.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:var(--text-hover)}.btn:not(.btn-danger):not(.bg-plex):not(.btn-youtube):not(.btn-info.btn-circle):not(.btn-success),.cbutton{background:var(--button-color)!important;border-color:var(--button-color)!important;color:var(--button-text)!important}.btn:active:not(.btn-danger):not(.bg-plex):not(.btn-youtube):not(.btn-info.btn-circle):not(.btn-success),.btn:focus:not(.btn-danger):not(.bg-plex):not(.btn-youtube):not(.btn-info.btn-circle):not(.btn-success),.btn:hover:not(.btn-danger):not(.bg-plex):not(.btn-youtube):not(.btn-info.btn-circle):not(.btn-success),.cbutton:hover{background:var(--button-color-hover)!important;border-color:var(--button-color-hover)!important;color:var(--button-text-hover)!important}.cbutton{border-radius:20px;border-color:var(--button-color);padding:0;width:auto;height:auto;background-color:var(--button-color);position:relative;text-align:center}.cbutton:hover{opacity:.8}.cbuttontitle{color:var(--button-text);width:-webkit-fill-available;border-radius:20px;border:4px solid}.panel-blue .panel-heading,.panel-info .panel-heading{border-color:rgb(var(--accent-color));color:var(--text-hover);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}.panel-body:not(.unifiCards .panel-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}.bg-plex{background:#e5a00d;color:#fff}.nav-tabs>li>a,.tabs-style-flip nav a{color:var(--text-hover)}.customtab2 li.active a,.customtab2 li.active a:focus,.customtab2 li.active a:hover{background:rgba(0,0,0,.25)!important;border-color:rgba(255,255,255,.1)!important;border-radius:20px}.iziToast.success-notify.iziToast-layout2{background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;border:1px solid rgba(255,255,255,.1);border-bottom:transparent}#dazsm6ofc1i6j6s9g5k5fija>div>div.white-box.m-b-0.bg-info,#dazsm6ofc1i6j6s9g5k5fija>div>div:nth-child(2){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}.css-bar-lg:after{background:#1f1f1f!important}[id*=settings-]>div>div.panel-heading:not(form > div > div.panel-heading){background:rgba(0,0,0,.25)}#customize-appearance-form>ul>li.active>a{background:rgba(0,0,0,.25)}#settings-main-system-settings{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}select.form-control:focus{box-shadow:none;background:#1f1f1f;border:1px solid rgba(120,130,140,.4)}.form-material .form-control:focus{background:#1f1f1f;border:1px solid rgba(120,130,140,.4)}.form-material .form-control{background:rgba(0,0,0,.25);border-radius:3px;padding:inherit}#githubVersions .bg-org{background:rgba(0,0,0,.25)!important}.ace-idle-fingers{background-color:rgb(0 0 0 / 25%)!important;color:var(--text-hover)!important}.ace-idle-fingers .ace_marker-layer .ace_active-line{background:rgba(255,255,255,.15)!important}.ace-idle-fingers .ace_gutter{background:rgb(255 255 255 / 10%)!important;color:var(--text-hover)!important}.table>thead>tr>th{border-bottom:1px solid rgba(120,130,140,.13);color:var(--text-hover)}#categoryEditorTable,#tabEditorTable{color:var(--text)}.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_paginate,.dataTables_wrapper .dataTables_paginate .paginate_button,.dataTables_wrapper .dataTables_processing,.dd-handle,.footable.breakpoint>tbody>tr>td>span.footable-toggle,pre{color:var(--text)!important}.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover{color:var(--text-muted)!important}#loginLogTable>tbody>.even,#organizrLogTable>tbody>.even{background:rgba(255,255,255,.1)}.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:var(--button-text)!important;border:1px solid var(--button-color);background:var(--button-color)}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:var(--button-text-hover)!important;border:1px solid var(--button-color-hover);background:var(--button-color-hover)}.dataTables_wrapper .dataTables_paginate .paginate_button:active{box-shadow:inset 0 0 3px transparent}input::-webkit-input-placeholder{color:var(--text)!important}input:focus::-webkit-input-placeholder{color:var(--text-hover)!important}input:-moz-placeholder{color:var(--text)!important}input:focus:-moz-placeholder{color:var(--text-hover)!important}input::-moz-placeholder{color:var(--text)!important}input:focus::-moz-placeholder{color:var(--text-hover)!important}input:-ms-input-placeholder{color:var(--text)!important}input:focus:-ms-input-placeholder{color:var(--text-hover)!important}@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}.jsgrid-grid-header{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}th.jsgrid-control-field.jsgrid-align-center,th.jsgrid-header-sortable,th.text-center{color:var(--text-hover)!important}#jsGrid-Users>div.jsgrid-grid-header.jsgrid-header-scrollbar>table,.jsgrid-grid-body>table>tbody{color:var(--text)!important}#jsGrid-Users>div.jsgrid-grid-header.jsgrid-header-scrollbar>table>tbody,.jsgrid-table tbody .jsgrid-header-row{color:var(--text-hover)!important}.jsGrid-Users,.jsgrid-header-sort-asc,.jsgrid-header-sort-desc{background:rgba(0,0,0,.25)!important}tr.jsgrid-header-row th{border:transparent!important;background:rgb(0 0 0 / 35%)}.jsgrid-grid-body td{border-bottom:1px solid rgba(120,130,140,.13);border-top:1px solid rgb(255 255 255 / 10%)!important;background:#ffffff00!important}.jsgrid-filter-row>td,.jsgrid-header-sortable:hover{background:rgba(0,0,0,.45)!important;color:var(--text-hover)!important}#calendar .fc-content-skeleton>table>thead>tr{background:rgba(0,0,0,.15)}.fc-event:hover:not(.homepage-drag),.fc-event:not(.homepage-drag),.ui-widget .fc-event{color:var(--text-hover)!important;text-decoration:none}.fc-day-header a,.fc-day-number,.fc-list-heading-main{color:rgb(var(--accent-color))!important;cursor:pointer!important;transition:color .2s ease}.fc-unthemed .fc-divider,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:transparent;background:rgba(0,0,0,.05)}.bg-theme,.fc-day-header{background:rgba(0,0,0,.3)!important}.bg-theme,.fc th.fc-fri,.fc th.fc-mon,.fc th.fc-sat,.fc th.fc-sun,.fc th.fc-thu,.fc th.fc-tue,.fc th.fc-wed,.fc-button{background-color:rgba(0,0,0,.25)!important}th.fc-day-header.fc-widget-header.fc-today{background-color:rgba(0,0,0,.25)!important}.fc-widget-content.fc-today{background-color:rgba(255,255,255,.25)!important}.fc-popover{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 (max-width:480px){.login-register>.login-box>.white-box{margin-top:auto!important;width:100%!important;-webkit-box-shadow:0 0 10px transparent!important;box-shadow:0 0 10px transparent!important}}.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,.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{color:#fff!important}#login-password-Input::placeholder,#login-username-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,.6);box-shadow:0 0 10px rgba(0,0,0,.6);border-radius:15px;background-color:rgba(0,0,0,.45)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff!important}}@supports not ((-webkit-backdrop-filter:none) or (backdrop-filter:none)){.login-register>.login-box>.white-box{-webkit-box-shadow:0 0 10px rgba(0,0,0,.8)!important;box-shadow:0 0 10px rgba(0,0,0,.8)!important;border-radius:15px!important;background:var(--main-bg-color)!important}}.login-register{height:100%;position:fixed}.slideInRight{-webkit-animation-name:none;animation-name:none}.login-register .login-box .white-box .bg-org{background:0 0!important}.btn-warning.disabled,.panel-wrapper .panel-body>.btn-warning{background:hsla(0,0%,0%,.25)!important;border:1px solid #ffc36d00!important}.panel-warning .panel-heading,.panel-yellow .panel-heading{color:#fff;border-radius:3px;background-color:rgba(0,0,0,.3);border-color:#00000000}.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-panels .panel,#login-panels .panel-body,.login-box.login-sidebar{background:0 0!important}.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%)}@supports (-webkit-backdrop-filter:none) or (backdrop-filter:none){#lockScreen .white-box{position:absolute;top:50%;transform:translateY(-50%);-webkit-box-shadow:0 0 10px rgba(0,0,0,.6);box-shadow:0 0 10px rgba(0,0,0,.6);border-radius:15px;background-color:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@supports not ((-webkit-backdrop-filter:none) or (backdrop-filter:none)){#lockScreen .white-box{position:absolute;top:50%;transform:translateY(-50%);-webkit-box-shadow:0 0 10px rgba(0,0,0,.6);box-shadow:0 0 10px rgba(0,0,0,.6);border-radius:15px;background-color:rgba(0,0,0,.7)}}@supports (-webkit-backdrop-filter:none) or (backdrop-filter:none){#splashScreen{overflow-y:scroll;background:rgb(0 0 0 / 80%)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@supports not ((-webkit-backdrop-filter:none) or (backdrop-filter:none)){#splashScreen{overflow-y:scroll;background:rgb(0 0 0 / 90%)!important}}.p-20{padding:0!important}.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: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:0!important}}#splashScreen div[id^=menu-]{background:0 0;border-radius:3px;max-width:115px;margin:24px 20px 0 0!important;padding:25px}#splashScreen .bg-org.fc-event{background-color:transparent!important;border-radius:1000px;height:80px!important;width:80px!important;background-position:center}#splashScreen .homepage-text{display:none}#splashScreen .flexbox:last-of-type .bg-danger{background:0 0!important;color:#fff!important;border:0!important;border-radius:100px;height:0!important;text-align:center}#splashScreen .bottom-close-splash{position:relative!important;width:0;right:0;bottom:0}#splashScreen .flexbox:last-of-type .bg-danger:before{font-family:FontAwesome;font-size:40px;content:"\f00d";font-weight:900;display:inline-block;margin-right:5px;color:rgba(255,255,255,.7);-webkit-transform:scale(1.1)!important;transform:scale(1.1)!important;-webkit-animation-name:none;animation-name:none;text-align:center;padding-top:inherit}#splashScreen .flexbox:last-of-type{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;transform:scale(1.1)!important;-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 transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform-origin:center;transform-origin:center}.splash-badge{color:#fff;width:80px!important;height:80px;font-size:60px;border-radius:1000px}.splash-badge i{position:absolute;left:10px;top:10px;margin:0;padding:0}.splash-badge i.fa-home:before{position:absolute!important;left:-2px!important}.color-table.info-table thead th{background-color:rgba(61,33,33,.25);color:#fff}.bg-success.text-inverse{background-color:rgba(255,255,255,.15)!important;color:#fff}.panel-blue a,.panel-info a{color:var(--link-color)}.color-bordered-table.purple-bordered-table{border:2px solid rgb(var(--accent-color))}.white-box .bg-info{background:var(--link-color)!important}#calendar .fa.fa-tv.text-danger,#calendar .fc-time.tv.text-danger{color:var(--calendar-tv-missing)}#calendar .fa.fa-tv.text-success,#calendar .fc-time.tv.text-success{color:var(--calendar-tv-available)}#calendar .fa.fa-tv.text-info,#calendar .fc-time.tv.text-info{color:var(--calendar-tv-unreleased)}#calendar .fa.fa-tv.text-primary,#calendar .fa.fa-tv.text-purple,#calendar .fc-time.tv.text-primary,#calendar .fc-time.tv.text-purple{color:var(--calendar-tv-premier)}#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;font-weight:500;color:var(--calendar-movie-missing)}#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;font-weight:500;color:var(--calendar-movie-available)}#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;font-weight:500;color:var(--calendar-movie-unreleased)}.nowPlayingItem>.white-box>.el-card-item{background:rgba(0,0,0,.15)!important;-webkit-box-shadow:0 0 10px rgba(0,0,0,.6);box-shadow:0 0 10px rgba(0,0,0,.6)}.icon-control-pause,.icon-control-play,.icon-film,.icon-screen-desktop{color:#fff!important}.label-info{background:rgb(var(--accent-color));color:var(--label-text-color)}.white-box{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}.panel-default .panel-heading .fc-toolbar{background:0 0!important;padding:20px 0}.panel-black .panel-heading,.panel-inverse .panel-heading{border-color:transparent;color:#fff;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}#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 0 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:0!important}#homepage-items .nav-tabs>li.active>a,.nav-tabs>li.active>a:hover{cursor:pointer;opacity:1;background:rgba(0,0,0,.25)!important}#homepageOrderdownloader .nav-tabs>li.active>a,#homepageOrderdownloader .nav-tabs>li>a,.nav-tabs>li .nav>li>a,.nav-tabs>li.active .nav>li>a{padding:10px 12.5px}#homepageOrderdownloader .nav-tabs,#homepageOrderdownloader .nav-tabs>li.active>a,.nav-tabs>li.active .nav>li>a .customtab{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:hover,#homepageOrderdownloader .nav-tabs>li.active>a:hover{background:rgba(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}.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:var(--text-hover);border-radius:0!important;border:0!important;text-transform:uppercase}.inside-request-div{background-color:var(--link-color)!important}.btn-group.open,.dropdown-toggle,.fc-state-default{text-shadow:none!important;box-shadow:none!important}.btn.active,.btn:active{-webkit-box-shadow:none;box-shadow:none}.iziToast.success-notify.iziToast-layout2,.iziToast.update-notify.iziToast-layout2,.iziToast.warning-notify.iziToast-layout2{border:none;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;border-bottom:transparent}.iziToast.success-notify>.iziToast-body .iziToast-icon .iziToast.warning-notify>.iziToast-body .iziToast-icon,.iziToast.update-notify>.iziToast-body .iziToast-icon,.iziToast.warning-notify>.iziToast-body .iziToast-icon{color:var(--link-color)!important}.iziToast:after{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}.success-notify .iziToast-progressbar div,.update-notify .iziToast-progressbar div,.warning-notify .iziToast-progressbar div{background:rgb(var(--accent-color))!important}.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}.ajs-message.ajs-error-alertify.ajs-visible{color:#f44336;background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;border-color:transparent}.ajs-message.ajs-warning-alertify{color:#ffeb3b;background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;border-color:transparent}.ajs-message.ajs-info-alertify{color:#6da8ff;background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;border-color:transparent}.ajs-message.ajs-success-alertify{color:#00ffb8;background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;border-color:transparent}.noty_type__error-noty .noty_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;color:#f44336;border:1px solid transparent;border-bottom:transparent}.noty_type__warning-noty .noty_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;color:#ffeb3b;border:1px solid transparent;border-bottom:transparent}.noty_type__info-noty .noty_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;color:#3a83f0;border:1px solid transparent;border-bottom:transparent}.noty_type__success-noty .noty_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;color:#00ffb8;border:1px solid transparent;border-bottom:transparent}.btn-link,a{color:var(--link-color);text-decoration:none}.btn-link:hover,a:hover{color:var(--link-color-hover);text-decoration:none}.el-card-avatar a{color:rgba(255,255,255,.7)!important;border:#fff}.el-element-overlay .el-card-item .el-overlay-1 .el-info>li a:hover{background:0 0;color:#fff!important;border:#fff!important}.progress-bar-info{background:rgb(var(--accent-color))!important;color:var(--label-text-color)}.progress,.progress-bar-inverse{background:rgba(0,0,0,.25)!important}@supports (-webkit-backdrop-filter:none) or (backdrop-filter:none){.bg-inverse .healthPosition{background:rgba(255,255,255,.2)!important;-webkit-backdrop-filter:saturate(180%) blur(30px);backdrop-filter:saturate(180%) blur(30px);border-radius:3px}}@supports not ((-webkit-backdrop-filter:none) or (backdrop-filter:none)){.bg-inverse .healthPosition{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;border-radius:3px}}.bg-inverse .healthPosition h3,.bg-inverse .healthPosition h5{color:#fff!important}#homepageOrderhealthchecks .card-body{background:rgba(255,255,255,.2)}.card,.card-body{border-radius:3px}.bg-inverse{background:0 0!important}.left-health{border-radius:3px 0 0 3px}#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}.unifiCards .panel-heading{background:rgb(var(--accent-color));color:var(--label-text-color)!important;border-color:transparent!important;text-align:inherit!important;border-radius:3px 3px 0 0}.unifiCards .panel-wrapper.collapse.in{background:rgba(0,0,0,.15)}#homepageOrderMonitorr .card-body{background:rgba(255,255,255,.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}#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}#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}.swal-overlay--show-modal .swal-modal{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-hover)}.fc-toolbar:not(.fc-alternate),[id*=homepage] .panel-heading.bg-info{background:rgb(var(--accent-color))!important;color:var(--label-text-color)!important}.fc .fc-button-group>button:not(.fc-alternate [class*=fc]),.fc-toolbar:not(.fc-alternate) h2{color:var(--label-text-color)!important}.bg-info:not(.fc-alternate):not(.feeds .bg-info){background-color:rgb(var(--accent-color))!important;color:var(--label-text-color)!important}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)}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)}#page-wrapper{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}.logo i{color:var(--text-hover)}@-moz-document url-prefix(){.navbar-header{background:0 0!important}.dropdown-menu{background:0 0!important}}.navbar-header{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}.navbar-top-links>li>a{color:var(--link-color)}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{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}.right-sidebar .rpanel-title{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}.bg-title .breadcrumb .active{color:#1f1f1f}@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,.26)!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;box-shadow:1px 0 20px rgba(0,0,0,.08);transition:max-width .2s cubic-bezier(.4, 0, .2, 1),background-color .2s ease-out}.navbar-default,.sidebar .sidebar-head{background:0 0}.sidebar:hover{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;transition:max-width .2s cubic-bezier(.4, 0, .2, 1),background-color .2s ease-out}.sidebar .label-custom{background:#01c0c8}#side-menu li a{color:var(--text)}#side-menu li a{color:var(--text);border-left:0 solid #1b1a1a}@media (pointer:fine){#side-menu>li>a:focus,#side-menu>li>a:hover{background:rgba(0,0,0,.07);color:var(--text-hover)}}#side-menu>li>a.active,#side-menu>li>ul>li>a.active{background:rgba(var(--accent-color),.05);color:rgb(var(--accent-color));font-weight:500;-webkit-box-shadow:inset 4px 0 0 0 rgb(var(--accent-color));box-shadow:inset 4px 0 0 0 rgb(var(--accent-color));border-radius:0 0 0 0;margin-left:0}#side-menu ul>li>a:hover{color:var(--text-hover)}#side-menu ul>li>a.active{color:var(--text-hover);font-weight:500}.user-profile .user-pro-body .u-dropdown{color:var(--text)}.drop-title{color:var(--text-hover)}.dropdown-menu{background:var(--drop-down-menu-bg)!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}.dropdown-menu>li>a{color:var(--text)!important}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:var(--text-hover)!important}.label-inverse{background-color:#131313}.bg-theme{background-color:#707cd2!important}.bg-org:not([id=menu-]div):not(.panel-heading){background:var(--main-bg-color)!important;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover}.btn-custom{background:var(--button-color);border:1px solid var(--button-color);color:var(--button-text)}.btn-custom:hover{background:var(--button-color-hover);opacity:.8;color:var(--button-text-hover);border:1px solid var(--button-color-hover)}.tabs-vertical li.active a,.tabs-vertical li.active a:focus,.tabs-vertical li.active a:hover{background:#1f1f1f;border-right:2px solid #1f1f1f}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{background:#1f1f1f;color:#fff}.bg-theme,.fc th.fc-fri,.fc th.fc-mon,.fc th.fc-sat,.fc th.fc-sun,.fc th.fc-thu,.fc th.fc-tue,.fc th.fc-wed,.fc-button{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}.fc-button,.table tbody tr.advance-table-row.active{border-color:#1f1f1f}.manage-users .tabs-style-iconbox nav{background:#1f1f1f}.manage-users .tabs-style-iconbox nav li.tab-current a{background:#1f1f1f}.manage-users .tabs-style-iconbox nav li.tab-current a:after{border-top-color:#1f1f1f}.panel-theme,.panel-themecolor{border-color:#1f1f1f}.panel-theme .panel-heading,.panel-themecolor .panel-heading{border-color:#1f1f1f;color:#fff;background-color:#1f1f1f}.panel-theme .panel-heading a,.panel-themecolor .panel-heading a{color:var(--text-hover)}.panel-theme .panel-heading a:hover,.panel-themecolor .panel-heading a:hover{color:rgba(255,255,255,.5)}.panel-theme a,.panel-themecolor a{color:#1f1f1f}.panel-theme a:hover,.panel-themecolor a:hover{color:#177eac}.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){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}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: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}}.bg-title{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}.panel{background:#1b1a1a}.form-control,.input-group-addon,.no-bg-addon .input-group-addon,input{background-color:#1f1f1f}.bg-title .breadcrumb .active{color:#e6d086}.tabs-style-flip nav li.tab-current a::after{background-color:rgba(var(--accent-color),.05);-webkit-transform:perspective(900px) rotate3d(1,0,0,0deg);transform:perspective(900px) rotate3d(1,0,0,0deg);border-radius:0 0 0 0}.tabs-style-flip .content-wrap{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}.tabs-style-flip nav li.tab-current a{color:rgb(var(--accent-color))}.customtab2 li.active a,.customtab2 li.active a:focus,.customtab2 li.active a:hover{background:#1f1f1f;border-radius:20px}.nav-tabs>li>a:hover{background:rgba(0,0,0,.25)!important;border-radius:0;color:var(--text-hover)}.tabs-style-flip nav a:focus,.tabs-style-flip nav a:hover{color:rgb(var(--accent-color))}.breadcrumb>li+li:before{padding:0 2px 0 4px;color:#ccc;content:"/\00a0"}.wizard-steps>li.done{background:#2b8b2d}#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;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}.tab-content .panel .panel-body,.tab-content .panel .panel-body .bg-org{background:0 0!important}.tooltip-text3{border-bottom:10px solid #2cabe4;overflow:hidden;-webkit-transform:scale3d(0,1,1);transform:scale3d(0,1,1);-webkit-transition:-webkit-transform .3s .3s;transition:transform .3s .3s}a.mytooltip{font-weight:500;color:#2cabe4}.tooltip-content5::after{content:'';bottom:-20px;left:50%;border:solid transparent;height:0;width:0;position:absolute;pointer-events:none;border-color:#2cabe4 transparent transparent;border-width:10px;margin-left:-10px}.swapLog.active{border:1px solid rgba(120,130,140,.2);background-color:#12dafefc!important;color:#1f1f1f}.white-popup-block{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;padding:20px 30px;text-align:left;max-width:75%;margin:40px auto;position:relative}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#333;opacity:1}.sweet-alert{background-color:#1b1a1a}.sweet-alert button.cancel{background-color:#2cabe3}.sweet-alert button.cancel:hover{background-color:#3a7b98}.el-element-overlay .el-card-item .el-overlay-1 .el-info>li a:hover{background:#707cd2;border-color:#707cd2}.error-page{width:100%;background:#1b1a1a;height:100%;position:fixed;display:none;z-index:11}.error-body h1{font-size:210px;font-weight:400;line-height:210px}.fc-unthemed .fc-popover{background-color:#1b1b1b}.fc-unthemed .fc-divider,.fc-unthemed .fc-popover .fc-header{background:#1f1f1f}.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,.25)!important}.asColorPicker-dropdown,.checkbox label::before,.clockpicker-popover .popover-content,.clockpicker-popover .popover-title,.customvtab .tabs-vertical li.active a,.customvtab .tabs-vertical li.active a:focus,.customvtab .tabs-vertical li.active a:hover,.dropdown-menu,.fc-day,.footable-row-detail,.img-thumbnail,.input-group-addon,.jsgrid-filter-row>td,.jsgrid-header-sortable:hover,.nav-tabs>li>a:focus,.nav-tabs>li>a:hover,.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span,.pager li>a:focus,.pager li>a:hover,.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover,.popover,.popover-title,.right-sidebar,code,table.dataTable tbody tr{background:#1b1b1b}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:middle}.btn-default,.chat-list .chat-text h4,.dropdown-menu>li>a,.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover,.flot-text,.footer,.form-control,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.help-block,.input-group-addon,.text-muted,a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small,tbody,th{color:#fff}.bootstrap-tagsinput,.calendar-widget,.chat-main-box,.content-wrap,.css-bar:after,.customtab li.active a,.customtab li.active a:focus,.customtab li.active a:hover,.daterangepicker .input-mini,.dropify-wrapper,.dropify-wrapper .dropify-preview,.dropzone,.footer,.form-control,.jsgrid-alt-row>td,.jsgrid-header-row>th,.jsgrid-row>td,.list-group-item,.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover,.manage-table,.myadmin-dd .dd-list .dd-item .dd-handle,.myadmin-dd-empty .dd-list .dd3-content,.myadmin-dd-empty .dd-list .dd3-handle,.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover,.pager li>a,.pager li>span,.pagination>li>a,.pagination>li>span,.panel,.panel-default .panel-body,.panel-default .panel-footer,.panel-default .panel-heading,.panel-footer textarea,.panel-white .panel-body,.panel-white .panel-footer,.panel-white .panel-heading,.radio label::before,.select2-container-multi .select2-choices,.table tbody tr.advance-table-row td,.thumbnail,.well,.white-box:not(.resultBox-outside.white-box),input,pre,select,table.dataTable.display tbody tr.odd,table.dataTable.stripe tbody tr.odd{background:rgba(0,0,0,.15)}.form-control:active:not(select),.form-control:focus:not(select),input:active:not(select),input:focus:not(select){background:rgba(0,0,0,.445);border:1px solid rgba(120,130,140,.4)}.cp-container .cp-pills li a{padding:5px;color:#fff;text-decoration:none}.cp-container .cp-pills li a.active,.cp-container .cp-pills li a:hover{background-color:#2cabe3;color:#fff}.jq-icon-info{background-color:rgba(71,68,68,.93);color:#fff;border-color:#bce8f1}.jq-icon-warning{background-color:rgba(154,83,20,.93);color:#fcf8e3;border-color:#faebcc}.jq-icon-error{background-color:#a94442;color:#f2dede;border-color:#ebccd1}.jq-icon-success{color:#dff0d8;background-color:rgba(13,132,11,.93);border-color:#d6e9c6}.jq-icon-organizr{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=');background-color:#31708f;color:#000;border-color:#bce8f1}.jq-icon-update{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAA4JGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIKICAgICAgICAgICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICAgICAgICAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgICAgICAgICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIj4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoV2luZG93cyk8L3htcDpDcmVhdG9yVG9vbD4KICAgICAgICAgPHhtcDpDcmVhdGVEYXRlPjIwMTctMTItMTRUMDk6MzQ6MDgtMDc6MDA8L3htcDpDcmVhdGVEYXRlPgogICAgICAgICA8eG1wOk1vZGlmeURhdGU+MjAxNy0xMi0xNFQwOTozNTowOC0wNzowMDwveG1wOk1vZGlmeURhdGU+CiAgICAgICAgIDx4bXA6TWV0YWRhdGFEYXRlPjIwMTctMTItMTRUMDk6MzU6MDgtMDc6MDA8L3htcDpNZXRhZGF0YURhdGU+CiAgICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2UvcG5nPC9kYzpmb3JtYXQ+CiAgICAgICAgIDxwaG90b3Nob3A6Q29sb3JNb2RlPjM8L3Bob3Rvc2hvcDpDb2xvck1vZGU+CiAgICAgICAgIDx4bXBNTTpJbnN0YW5jZUlEPnhtcC5paWQ6NDg4MmMzYjEtODM4YS1lMDRjLThiYmYtZTc0Zjk5ZjJjNGIxPC94bXBNTTpJbnN0YW5jZUlEPgogICAgICAgICA8eG1wTU06RG9jdW1lbnRJRD54bXAuZGlkOjQ4ODJjM2IxLTgzOGEtZTA0Yy04YmJmLWU3NGY5OWYyYzRiMTwveG1wTU06RG9jdW1lbnRJRD4KICAgICAgICAgPHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD54bXAuZGlkOjQ4ODJjM2IxLTgzOGEtZTA0Yy04YmJmLWU3NGY5OWYyYzRiMTwveG1wTU06T3JpZ2luYWxEb2N1bWVudElEPgogICAgICAgICA8eG1wTU06SGlzdG9yeT4KICAgICAgICAgICAgPHJkZjpTZXE+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6YWN0aW9uPmNyZWF0ZWQ8L3N0RXZ0OmFjdGlvbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0Omluc3RhbmNlSUQ+eG1wLmlpZDo0ODgyYzNiMS04MzhhLWUwNGMtOGJiZi1lNzRmOTlmMmM0YjE8L3N0RXZ0Omluc3RhbmNlSUQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDp3aGVuPjIwMTctMTItMTRUMDk6MzQ6MDgtMDc6MDA8L3N0RXZ0OndoZW4+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpzb2Z0d2FyZUFnZW50PkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE3IChXaW5kb3dzKTwvc3RFdnQ6c29mdHdhcmVBZ2VudD4KICAgICAgICAgICAgICAgPC9yZGY6bGk+CiAgICAgICAgICAgIDwvcmRmOlNlcT4KICAgICAgICAgPC94bXBNTTpIaXN0b3J5PgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICAgICA8dGlmZjpYUmVzb2x1dGlvbj43MjAwMDAvMTAwMDA8L3RpZmY6WFJlc29sdXRpb24+CiAgICAgICAgIDx0aWZmOllSZXNvbHV0aW9uPjcyMDAwMC8xMDAwMDwvdGlmZjpZUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6UmVzb2x1dGlvblVuaXQ+MjwvdGlmZjpSZXNvbHV0aW9uVW5pdD4KICAgICAgICAgPGV4aWY6Q29sb3JTcGFjZT42NTUzNTwvZXhpZjpDb2xvclNwYWNlPgogICAgICAgICA8ZXhpZjpQaXhlbFhEaW1lbnNpb24+MjQ8L2V4aWY6UGl4ZWxYRGltZW5zaW9uPgogICAgICAgICA8ZXhpZjpQaXhlbFlEaW1lbnNpb24+MjQ8L2V4aWY6UGl4ZWxZRGltZW5zaW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAKPD94cGFja2V0IGVuZD0idyI/PssSCj0AAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAbRJREFUeNqslT1rFFEUhp/9AI2JWrgkoJEgIopFhBSWVlYWQpqAraU/wsrKQi39EXYRLBTJL7AQ1FKjKO4iItlkFYQ8NmfgOuzdubP6wnBnzpzznnvP1+2oFGITuAlsAAPgO/AK2AaeZK3UpmdN3XE2Xqqnp9k3kZ9T9yzDN3WlztGZEaIO8B5YoxyvgSupoDtD+U5LcoB1YKskBz31jfNhJ+Wqn+B2VMUucJn5cCGNTD9ZnwHX+XccnZaD5y3JfzX8P0xzcKtFfO+rV9WBuqHem6JzqG6ry1UfvCgkv5EpiGsZ/Y/qEdRhAfmjGunJ2vfd3IlRRwUOLiZkD6O7HySyMxm7T8QcacJSEC3W5AshP5Ez7AOPY0IC1OdGFxgn1dYHfgILIe8lY+ULsJhw9IC31SxayjjohGwS63Hgc6w/gFXgIPSOJfrV5iZVo+0X1v84ITDI6+9/od9AeApYAb4mJ+gmO0xPsByX0KjNhXNWfRf52lcn0UhVQ01CrvpBPd/2wiFKdNxQZb/V9XlutOoZqLsZ8pG6mrMtdZBzMoww8j8c1J0MZ+18XgfVWHiqXirR/zMAbHa5dGMozWYAAAAASUVORK5CYII=');background-color:#2cabe4;color:#fff;border-color:#bce8f1}.panel-body.settings-bottom{background:#1b1a1a;color:#fff;border-radius:0 0 10px 10px}.panel-heading.settings-top{background:#2cabe3;border-color:#fff;color:#232323;border-radius:10px 10px 0 0}span.select2-results{background:#0e0e0e}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#232323} diff --git a/CSS/themes/petio/petio-base.css b/CSS/themes/petio/petio-base.css index 7a873059..16e61177 100644 --- a/CSS/themes/petio/petio-base.css +++ b/CSS/themes/petio/petio-base.css @@ -1,502 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ - -* { - outline: none; -} - -body { - background: var(--main-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: var(--text) -} - -/* TEXT COLOR */ -p, -.card .text-wrap .year, -.media-content .overview, -.media-content .media-crew .crew-credit, -.media-content .media-crew .sidebar--item a, -.sidebar--item .media-content .media-crew a, -.sidebar--item p, -.menu--item p { - color: var(--text); -} - -h1, -h2, -h3, -h4, -h5, -h6, -.person--details p, -.text-wrap>p, -.card .text-wrap .title, -.main-title, -.media-details .media-title, -.single-title, -.sub-title, -.sub-title, -.widget--title, -.settings--menu--item p { - color: var(--text-hover); -} - -.card .text-wrap>p { - color: var(--text-hover); -} - -.settings--menu--item.active p { - color: rgb(var(--accent-color)); -} - -.settings--menu--item.active { - border-bottom: 1px solid rgb(var(--accent-color)); -} - -.settings--menu--item:hover { - border-bottom: 1px solid var(--text-hover); -} - -.settings--menu--item.active .icon svg path { - fill: rgb(var(--accent-color)); -} - -/* MENU */ -.menu { - background: rgb(0 0 0 / 25%); -} - -@media (max-width: 1099.98px) { - - .sidebar--inner, - .sidebar--scroll { - 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 (min-width: 1100px) { - .page .sidebar { - background: rgb(0 0 0 / 25%); - } -} - -@media (max-width: 991.98px) { - .menu { - 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; - } -} - -.mob-menu-top { - 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; -} - -.menu--item.active { - background: rgba(var(--accent-color), .05); - border-right: 4px solid rgb(var(--accent-color)); -} - -.sidebar--inner .logo .logo-text span, -.menu .logo span { - color: rgb(var(--accent-color)); -} - -@media (min-width: 1100px) { - .sidebar--item.active { - border-top: none !important; - border-right: 4px solid rgb(var(--accent-color)); - } -} - -.sidebar--item.active { - background: rgba(var(--accent-color), .05); - border-top: 4px solid rgb(var(--accent-color)); -} - -.menu--item.active p, -.media-content .media-crew .sidebar--item.active a, -.sidebar--item.active .media-content .media-crew a, -.sidebar--item.active p { - color: rgb(var(--accent-color)); -} - -.menu--item.active .icon svg path, -.sidebar--item.active .icon svg path { - fill: rgb(var(--accent-color)); -} - -.mob-menu-top .nav-toggle span { - background: rgb(var(--accent-color)); -} - -.sidebar--item:hover p, -.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)); -} - -.sidebar--item .icon svg path, -.menu--item .icon svg path { - fill: var(--text); -} - -/* LINKS */ -a, -.table-action, -.session--toggle, -p a, -.profile-page .logout, -.person--bio--read-more, -.filter--item--collapse, -.filter--comparison { - color: var(--link-color); -} - -a:hover, -.table-action:hover, -.session--toggle:hover, -p a:hover, -.profile-page .logout:hover, -.person--bio--read-more:hover, -.filter--item--collapse:hover, -.filter--comparison:hover { - color: var(--link-color-hover); -} - -/* OTHER */ -.widget--item hr { - background: rgb(255 255 255 / 50%); -} - -.widget--item--inner, -.sr--instance--inner { - background: hsl(0deg 0% 0% / 15%); -} - -.filter--add:hover { - color: rgb(var(--accent-color)); - border-color: rgb(var(--accent-color)); -} - -.filter--row--add:hover, -.filter--row--remove:hover { - color: rgb(var(--accent-color)); -} - -.filter--item { - background: rgb(0 0 0 / 25%); -} - -.spinner svg { - filter: var(--spinner); -} - -.request-status { - color: #fff !important; -} - -.filter--action { - background: rgba(var(--accent-color), .3); -} - -.sr--add-new .sr--instance--inner:hover { - color: rgb(var(--accent-color)); - border-color: rgb(var(--accent-color)); -} - -.console--item { - color: #fff; -} - -code { - color: #fff; -} - -.color-green, -.color-orange, -.color-blue, -.color-red { - /* Ratings */ - background: rgb(0 0 0 / 25%); - border-radius: 5px; - padding: 0px 7px; -} - -.color-blue { - color: #4eaff4; -} - -.setup--step.active { - border-color: rgb(var(--accent-color)); - color: rgb(var(--accent-color)); -} - -.setup--wrap .server-select-option.selected { - background: rgb(var(--accent-color)); -} - -.login-wrap .logo span { - color: rgb(var(--accent-color)); -} - -/* DASH */ -.session--prog, -.session--media .card .playback-status { - background: rgb(var(--accent-color)); -} - -.card--inner:hover .image-wrap, -.company-card:hover .company-card--inner { - -webkit-filter: brightness(.7); - filter: brightness(.7); - -webkit-box-shadow: 0 0 0 2px rgb(var(--accent-color)), 0 5px 10px 0 rgb(0 0 0 / 30%); - -moz-box-shadow: 0 0 0 2px rgb(var(--accent-color)), 0 5px 10px 0 rgba(0, 0, 0, .3); - box-shadow: 0 0 0 2px rgb(var(--accent-color)), 0 5px 10px 0 rgb(0 0 0 / 30%); -} - -.card .quick-req:hover svg { - fill: rgb(var(--accent-color)); -} - -.push-msg--item { - color: #fff; -} - - -/* BUTTONS */ - -.btn, -.btn__square, -.rbc-btn-group button.rbc-active { - background: var(--button-color); - color: var(--button-text); - border: 2px solid var(--button-color); -} - -.btn:hover, -.btn__square:hover, -.rbc-btn-group button.rbc-active:active, -.rbc-btn-group button.rbc-active:focus, -.rbc-btn-group button.rbc-active:hover, -.rbc-btn-group button:active, -.rbc-btn-group button:focus, -.rbc-btn-group button:hover { - background: var(--button-color-hover); - color: var(--button-text-hover); - border: 2px solid var(--button-color-hover); -} - -/* 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) { - 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 { - background: #ab7b1c; - border-color: #ab7b1c; -} - -.btn.bad:hover { - /*Delete/Cancel button*/ - border: 2px solid #f55; - background: #f55; -} - -.btn.good.btn__square:hover { - /*Watch Now button*/ - border: 2px solid #98ec1c; - background: #98ec1c; -} - -.btn.blue.btn__square:hover { - /* Requested button*/ - border: 2px solid #3f9de0; - background: #3f9de0; -} - -.media-trailer--close { - background: var(--button-color); -} - -.media-trailer--close:hover { - background: var(--button-color-hover); -} - -.requests--status__pending, -.requests--status__orange, -.requests--status__bad, -.requests--status__cinema, -.requests--status__blue, -.requests--status__manual { - color: #fff; -} - -.myrequests--item--details .detail-steps--item__active { - color: rgb(var(--accent-color)); - opacity: 1; -} - -.myrequests--item--details .detail-steps--item__active .icon { - border-color: rgb(var(--accent-color)); -} - -.myrequests--item--details .detail-steps--item__active svg { - fill: rgb(var(--accent-color)); -} - -.request-count { - color: #fff; - background: rgba(var(--accent-color), .8); -} - -/* TABLES */ -.generic-table tr:not(.child):not(.sub) td { - border-bottom: 1px solid rgba(255, 255, 255, .1); -} - -.generic-table tr:not(.child):not(.sub) th { - text-align: left; - padding: 5px; - border-bottom: 1px solid rgba(255, 255, 255, .4); -} - -thead { - color: var(--text-hover); - background: rgba(0, 0, 0, 0.25); -} - -.generic-table tr:not(.child):not(.sub) th:nth-child(odd), -.generic-table tr:not(.child):not(.sub) th:nth-child(2n) { - background: transparent !important; -} - -/* MODALS */ -.modal--inner, -.issues--inner, -.review--main { - 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--top, -.issues--top, -.review--top { - 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; -} - -/* FORMS & INPUTS */ -input[type=checkbox]:checked:after { - background: rgb(var(--accent-color)) -} - -input:not([type=checkbox]):not(.styled-input--input):not([type=file]):focus { - border-bottom: 2px solid rgb(var(--accent-color)); - background: rgba(255, 255, 255, .2); - color: var(--text-hover) -} - -input:not([type=checkbox]):not(.styled-input--input):not([type=file]), -.login-wrap input { - border-bottom: 2px solid rgba(0, 0, 0, 0); - color: var(--text); - background: rgb(255 255 255 / 10%); -} - -.search-form input:focus { - background: hsla(0, 0%, 100%, .1) !important; - color: var(--text-hover) !important; - border-bottom: 2px solid rgba(0, 0, 0, 0) !important; -} - -/* CALENDAR */ -.rbc-show-more { - background-color: hsl(0deg 0% 0% / 25%); -} - -.rbc-day-bg.rbc-today { - background: rgb(var(--accent-color), .5); -} - -a.rbc-show-more { - color: rgb(var(--accent-color)); -} - -.calendar--event p { - color: #fff !important; -} - -/* PLACEHOLDER TEXT */ -::placeholder { - color: var(--text) !important; - opacity: .5; -} - -:-moz-placeholder { - color: var(--text) !important; - opacity: .5; -} - -:-ms-input-placeholder { - color: var(--text) !important; - opacity: .5; -} - -::-webkit-input-placeholder { - color: var(--text) !important; - opacity: .5; -} \ No newline at end of file +*{outline:0}body{background:var(--main-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;color:var(--text)}.card .text-wrap .year,.media-content .media-crew .crew-credit,.media-content .media-crew .sidebar--item a,.media-content .overview,.menu--item p,.sidebar--item .media-content .media-crew a,.sidebar--item p,p{color:var(--text)}.card .text-wrap .title,.main-title,.media-details .media-title,.person--details p,.settings--menu--item p,.single-title,.sub-title,.text-wrap>p,.widget--title,h1,h2,h3,h4,h5,h6{color:var(--text-hover)}.card .text-wrap>p{color:var(--text-hover)}.settings--menu--item.active p{color:rgb(var(--accent-color))}.settings--menu--item.active{border-bottom:1px solid rgb(var(--accent-color))}.settings--menu--item:hover{border-bottom:1px solid var(--text-hover)}.settings--menu--item.active .icon svg path{fill:rgb(var(--accent-color))}.menu{background:rgb(0 0 0 / 25%)}@media (max-width:1099.98px){.sidebar--inner,.sidebar--scroll{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 (min-width:1100px){.page .sidebar{background:rgb(0 0 0 / 25%)}}@media (max-width:991.98px){.menu{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}}.mob-menu-top{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}.menu--item.active{background:rgba(var(--accent-color),.05);border-right:4px solid rgb(var(--accent-color))}.menu .logo span,.sidebar--inner .logo .logo-text span{color:rgb(var(--accent-color))}@media (min-width:1100px){.sidebar--item.active{border-top:none!important;border-right:4px solid rgb(var(--accent-color))}}.sidebar--item.active{background:rgba(var(--accent-color),.05);border-top:4px solid rgb(var(--accent-color))}.media-content .media-crew .sidebar--item.active a,.menu--item.active p,.sidebar--item.active .media-content .media-crew a,.sidebar--item.active p{color:rgb(var(--accent-color))}.menu--item.active .icon svg path,.sidebar--item.active .icon svg path{fill:rgb(var(--accent-color))}.mob-menu-top .nav-toggle span{background:rgb(var(--accent-color))}.menu--item:hover .icon svg path,.menu--item:hover p,.sidebar--item:hover .icon svg path,.sidebar--item:hover p{color:rgb(var(--accent-color));fill:rgb(var(--accent-color))}.menu--item .icon svg path,.sidebar--item .icon svg path{fill:var(--text)}.filter--comparison,.filter--item--collapse,.person--bio--read-more,.profile-page .logout,.session--toggle,.table-action,a,p a{color:var(--link-color)}.filter--comparison:hover,.filter--item--collapse:hover,.person--bio--read-more:hover,.profile-page .logout:hover,.session--toggle:hover,.table-action:hover,a:hover,p a:hover{color:var(--link-color-hover)}.widget--item hr{background:rgb(255 255 255 / 50%)}.sr--instance--inner,.widget--item--inner{background:hsl(0deg 0% 0% / 15%)}.filter--add:hover{color:rgb(var(--accent-color));border-color:rgb(var(--accent-color))}.filter--row--add:hover,.filter--row--remove:hover{color:rgb(var(--accent-color))}.filter--item{background:rgb(0 0 0 / 25%)}.spinner svg{filter:var(--spinner)}.request-status{color:#fff!important}.filter--action{background:rgba(var(--accent-color),.3)}.sr--add-new .sr--instance--inner:hover{color:rgb(var(--accent-color));border-color:rgb(var(--accent-color))}.console--item{color:#fff}code{color:#fff}.color-blue,.color-green,.color-orange,.color-red{background:rgb(0 0 0 / 25%);border-radius:5px;padding:0 7px}.color-blue{color:#4eaff4}.setup--step.active{border-color:rgb(var(--accent-color));color:rgb(var(--accent-color))}.setup--wrap .server-select-option.selected{background:rgb(var(--accent-color))}.login-wrap .logo span{color:rgb(var(--accent-color))}.session--media .card .playback-status,.session--prog{background:rgb(var(--accent-color))}.card--inner:hover .image-wrap,.company-card:hover .company-card--inner{-webkit-filter:brightness(.7);filter:brightness(.7);-webkit-box-shadow:0 0 0 2px rgb(var(--accent-color)),0 5px 10px 0 rgb(0 0 0 / 30%);-moz-box-shadow:0 0 0 2px rgb(var(--accent-color)),0 5px 10px 0 rgba(0,0,0,.3);box-shadow:0 0 0 2px rgb(var(--accent-color)),0 5px 10px 0 rgb(0 0 0 / 30%)}.card .quick-req:hover svg{fill:rgb(var(--accent-color))}.push-msg--item{color:#fff}.btn,.btn__square,.rbc-btn-group button.rbc-active{background:var(--button-color);color:var(--button-text);border:2px solid var(--button-color)}.btn:hover,.btn__square:hover,.rbc-btn-group button.rbc-active:active,.rbc-btn-group button.rbc-active:focus,.rbc-btn-group button.rbc-active:hover,.rbc-btn-group button:active,.rbc-btn-group button:focus,.rbc-btn-group button:hover{background:var(--button-color-hover);color:var(--button-text-hover);border:2px solid var(--button-color-hover)}#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{background:#ab7b1c;border-color:#ab7b1c}.btn.bad:hover{border:2px solid #f55;background:#f55}.btn.good.btn__square:hover{border:2px solid #98ec1c;background:#98ec1c}.btn.blue.btn__square:hover{border:2px solid #3f9de0;background:#3f9de0}.media-trailer--close{background:var(--button-color)}.media-trailer--close:hover{background:var(--button-color-hover)}.requests--status__bad,.requests--status__blue,.requests--status__cinema,.requests--status__manual,.requests--status__orange,.requests--status__pending{color:#fff}.myrequests--item--details .detail-steps--item__active{color:rgb(var(--accent-color));opacity:1}.myrequests--item--details .detail-steps--item__active .icon{border-color:rgb(var(--accent-color))}.myrequests--item--details .detail-steps--item__active svg{fill:rgb(var(--accent-color))}.request-count{color:#fff;background:rgba(var(--accent-color),.8)}.generic-table tr:not(.child):not(.sub) td{border-bottom:1px solid rgba(255,255,255,.1)}.generic-table tr:not(.child):not(.sub) th{text-align:left;padding:5px;border-bottom:1px solid rgba(255,255,255,.4)}thead{color:var(--text-hover);background:rgba(0,0,0,.25)}.generic-table tr:not(.child):not(.sub) th:nth-child(2n),.generic-table tr:not(.child):not(.sub) th:nth-child(odd){background:0 0!important}.issues--inner,.modal--inner,.review--main{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}.issues--top,.modal--top,.review--top{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[type=checkbox]:checked:after{background:rgb(var(--accent-color))}input:not([type=checkbox]):not(.styled-input--input):not([type=file]):focus{border-bottom:2px solid rgb(var(--accent-color));background:rgba(255,255,255,.2);color:var(--text-hover)}.login-wrap input,input:not([type=checkbox]):not(.styled-input--input):not([type=file]){border-bottom:2px solid transparent;color:var(--text);background:rgb(255 255 255 / 10%)}.search-form input:focus{background:hsla(0,0%,100%,.1)!important;color:var(--text-hover)!important;border-bottom:2px solid transparent!important}.rbc-show-more{background-color:hsl(0deg 0% 0% / 25%)}.rbc-day-bg.rbc-today{background:rgb(var(--accent-color),.5)}a.rbc-show-more{color:rgb(var(--accent-color))}.calendar--event p{color:#fff!important}::placeholder{color:var(--text)!important;opacity:.5}:-moz-placeholder{color:var(--text)!important;opacity:.5}:-ms-input-placeholder{color:var(--text)!important;opacity:.5}::-webkit-input-placeholder{color:var(--text)!important;opacity:.5} diff --git a/CSS/themes/pihole/pihole-base.css b/CSS/themes/pihole/pihole-base.css index 6fb38d39..f1e4bb14 100644 --- a/CSS/themes/pihole/pihole-base.css +++ b/CSS/themes/pihole/pihole-base.css @@ -1,547 +1 @@ - /* dP dP dP */ - /* 88 88 88 */ - /* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ - /* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ - /* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ - /* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ - /* 88 */ - /* dP */ - - /* Made by @gilbN */ - /* https://github.com/gilbN/theme.park */ - - body { - background: var(--main-bg-color) !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; - 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; - } - } - - /* Pages */ - /*Background*/ - .content-wrapper, - .right-side { - 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; - } - - .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%); - } - #chartjs-tooltip { - filter: invert(100%); - } - .chart-legend ul { - -webkit-filter: invert(100%); - 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; - } - - /* 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 +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)}.treeview-menu>li.active>a,.treeview-menu>li>a:hover,a:active,a:focus,a:hover{color:var(--accent-color)!important}h4{color:var(--accent-color)}.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:#fff!important}.navbar-nav>.user-menu>.dropdown-menu>.user-footer{background-color:transparent}.main-header .logo,.main-header .navbar,.skin-blue .main-header .logo,.skin-blue .main-header .navbar{background-color:rgba(0,0,0,.25)}.sidebar-menu>li.active>a,.sidebar-menu>li:hover>a,.skin-blue .main-header .logo:hover,.skin-blue .main-header .navbar .sidebar-toggle:hover{background-color:rgba(255,255,255,.05);color:#fff!important}.main-footer{background:rgba(0,0,0,.25);color:#eee;border-top:1px solid rgb(255 255 255 / 20%)}.skin-blue .sidebar a{color:#eee}.skin-blue .sidebar a:hover{color:#fff!important}.left-side,.main-sidebar,.skin-blue .left-side,.skin-blue .main-sidebar,.skin-blue .wrapper,.wrapper{background-color:rgba(0,0,0,.25)!important}.sidebar-menu>li.header,.skin-blue .sidebar-menu>li.header{color:#fff;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%)}.sidebar-menu>li.active>a,.sidebar-menu>li:hover>a,.skin-blue .sidebar-menu>li.active>a,.skin-blue .sidebar-menu>li:hover>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}@media (min-width:768px){.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu,.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right){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:#eee}}.content-wrapper,.right-side{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}.page-header>small{color:#ddd}.main-footer .nav-tabs,.nav-tabs-custom .nav-tabs{background-color:rgb(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)}.box-header{color:#fff}.box{background:rgba(0,0,0,.24);border-top:3px solid #0000;box-shadow:0 1px 1px rgba(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)}.small-box.bg-green{background-color:rgba(0,166,90,.45)!important;border-top:3px solid var(--accent-color)}.small-box.bg-aqua{background-color:rgba(0,192,239,.45)!important;border-top:3px solid var(--accent-color)}.small-box.bg-yellow{background-color:rgba(243,156,18,.45)!important;border-top:3px solid var(--accent-color)}.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>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid rgba(255,255,255,.15)}.table-striped>tbody>tr:nth-of-type(odd){background-color:rgba(255,255,255,.1)}.text-black{color:#eee!important}.dataTables_paginate .pagination li>a,.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:rgba(238,238,238,.5);background-color:rgba(255,255,255,.1);border-color:#ddd0}.paginate_button .active #all-queries_wrapper .pagination>li>a,.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{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,.25);color:#eee;border:1px solid rgba(255,255,255,.07)}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#fff!important;background-color:rgba(255,255,255,.25);border-color:rgba(255,255,255,.07)}.panel-default{border-color:transparent;background:rgba(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:0;border:1px solid transparent;color:#bec5cb}.nav-tabs-custom{background:rgba(0,0,0,.25)}.nav-tabs-custom>.tab-content{background:0 0}.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,.1);border-right-color:rgba(255,255,255,.1)}.nav-tabs-custom>.nav-tabs>li.active:hover>a,.nav-tabs-custom>.nav-tabs>li.active>a{background-color:rgba(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}.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}.btn-default,button{background-color:var(--button-color)!important;border:1px solid var(--button-color)!important;color:#fff!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.box-solid.box-info>.box-header{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}.box-footer,.datatables_processing,.form-control,input,pre{background:#080909;border:1px solid #666;color:#b2b2b2}.dataTables_wrapper input[type=search]{background-color:#fff;color:#000}.daterangepicker select.ampmselect,.daterangepicker select.hourselect,.daterangepicker select.minuteselect,.daterangepicker select.secondselect,.form-control,.form-group .input-group-addon,.form-group input,.form-group textarea,.input-group .input-group-addon,.input-group input,.input-group textarea,div.dataTables_wrapper div.dataTables_length select,input,select,select.form-control{background-color:rgb(0 0 0 / .25);color:#eee;border:1px solid rgb(255 255 255 / 15%)}.form-control:focus{border-color:rgb(255 255 255 / .25);box-shadow:none}::-webkit-scrollbar{width:0}::-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} diff --git a/CSS/themes/plex/plex-base.css b/CSS/themes/plex/plex-base.css index 031813d8..6735a459 100644 --- a/CSS/themes/plex/plex-base.css +++ b/CSS/themes/plex/plex-base.css @@ -1,645 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ - -* { - outline: none; -} - -/* TEXT */ -body, -p, -label, -[class*="PrePlaySummary-summary-"], -[class*="ClaimedServer-messageHeader-"], -[class*="MetadataPosterCardTitle-isSecondary-"], -[class*="MetadataPosterCardTitle-isSecondary-"] a { - color: var(--text) !important; -} - -[class*="SourceSidebarLink-title-"], -[class*="SourceSidebarLink-sourceLink-"], -[class*="Link-default-"], -[class*="PrePlayTertiaryTitle-tertiaryTitle-"] { - color: var(--text); -} - -[class*="MetadataPosterCardActions-editButton-"], -[class*="MetadataPosterCardActions-moreButton-"] { - color: rgb(var(--accent-color)) !important; -} - -[class*="MetadataPosterCardActions-editButton-"]:hover, -[class*="MetadataPosterCardActions-moreButton-"]:hover { - color: var(--accent-color-hover) !important; -} - -h1, -h2, -h3, -h4, -h5, -h6, -.h1, -.h2, -.h3, -.h4, -.h5, -.h6, -[class*="PrePlayPrimaryTitle-primaryTitle-"] a, -[class*="PrePlayLeftTitle-leftTitle-"], -[class*="PrePlayPrimaryTitle-primaryTitle-"], -[class*="CollapsibleText-readMore-"], -[class*="HubTitle-hubTitle-"], -[class*="FormLabel-label-"], -[class*="ServerDashboardPageHeader-headerTitle-"], -[class*="SidebarList-sidebarListHeader-"], -[class*="MenuHeader-menuHeader-WuKJVD"], -[class*="PrePlayDetailsGroupItem-label-"], -[class*="PageHeader-pageHeader-"], -[class*="PageHeaderTitle-title-"] { - color: var(--text-hover) !important; -} - -.text-muted { - color: var(--text-muted); -} - -/* LINKS */ - -a, -[class*="Link-primary-"], -[class*="Link-isSelected-"], -[class*="PrePlayDetailsGroupItem-groupItem-"] a, -[class*="MetadataPosterCardTitle-title-"] a, -a[class*="MetadataPosterCardTitle-title-"], -[class*="PrePlayTagListLink-tagsListLink-"][class*="Link-default-"] { - color: var(--link-color) -} - -a:hover, -[class*="Link-link-"]:hover, -.artwork-file-container:hover a, -[class*="MetadataPosterCardTitle-title-"] a:hover, -a[class*="MetadataPosterCardTitle-title-"]:hover { - color: var(--link-color-hover); -} - -[class*="MetadataPosterCardTitle-title-"][class*="MetadataPosterCardTitle-isSecondary-377V8A"] [class*="Link-link-1Kt-hA"]:hover, -[class*="MetadataPosterCardTitle-title-"][class*="MetadataPosterCardTitle-isSecondary-377V8A"]:hover, -[class*=".MetadataTableRow-title-"] a:hover, -a[class*="MetadataTableRow-title-"]:hover { - color: var(--text-hover) !important; -} - -[class*="TopUsersCell-playHistoryLink-"][class*="Link-link-"] { - color: var(--label-text-color) !important; -} - -/* BODY */ -[class*="FullPageBackground-backgroundContainer-"] [class*="CrossFadeImage-crossFade-"], -#plex>[class*="background-container-"]>div>div>div:nth-child(2), -#plex>div[class*="FullPageBackground-backgroundContainer-"]>div>div:nth-child(2), -#plex>div[class*="FullPageBackground-backgroundContainer-"]>div>div:nth-child(4) { - 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; -} - -[class*="BottomBar-bottomBar-"] { - background-color: rgb(0 0 0 / 70%); - box-shadow: 0 0 4px 0 rgb(0 0 0 / 50%); -} - -/* SIDEBAR */ - -/* TEMP */ -[class*="SourceSidebarLink-isSelected-"] { - box-shadow: inset 2px 0 0 0 rgb(var(--accent-color)); - background: rgb(var(--accent-color), 0.05); -} - -/* /TEMP */ - -[class*="SourceSidebar-openSidebar-"][class*="SourceSidebar-sidebar-"], -[class*="SourceSidebar-sidebar-"] { - background: rgba(0, 0, 0, .25); -} - -[class*="SourceSidebar-expandedSidebar-"][class*="SourceSidebar-sidebar-"] { - 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; -} - -[class*="DisclosureArrow-isSelected-"] { - border-color: rgb(var(--accent-color)); -} - -[class*="SourceSidebarLink-isSelected-"]:before { - background-color: rgb(var(--accent-color)) !important; -} - -[class*="SourceSidebarLink-isSelected-"] [class*="SourceSidebarLink-iconContainer-"], -[class*="SourceSidebarLink-isSelected-"] [class*="SourceSidebarLink-title-"] { - color: rgb(var(--accent-color)); -} - -[class*="SourceSidebarLink-sourceLink-"]:hover [class*="SourceSidebarLink-iconContainer-"], -[class*="SourceSidebarLink-sourceLink-"]:hover [class*="SourceSidebarLink-title-"] { - color: var(--accent-color-hover); -} - -[class*="SourceSidebarServerHeader-title-"] { - color: rgb(var(--accent-color)); -} - -/* NAVBAR */ -[class*="NavBar-container-"] { - background: rgba(0, 0, 0, .25) !important; -} - -[class*="NavBarActivityButton-isHighlighted-"] [class*="NavBarActivityButton-activityIcon-"] { - 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-"] { - color: var(--accent-color-hover); - -} - -[class*="NavBarActivityButton-isHighlighted-"] [class*="NavBarActivityButton-label-"] { - color: rgb(var(--accent-color)); -} - -[class*="NavBarActivityButton-isHighlighted-"]:hover [class*="NavBarActivityButton-label-"] { - color: var(--accent-color-hover); -} - - - - -/* ACCENTS */ - -[class*="DisclosureArrow-default-"] { - border-color: rgb(var(--accent-color)); -} - -a:hover [class*="DisclosureArrow-disclosureArrow-"], -button:hover [class*="DisclosureArrow-disclosureArrow-"] { - border-color: var(--accent-color-hover); -} - -.nav-pills>li.active>a, -.nav-pills>li.active>a:focus, -.nav-pills>li.active>a:hover { - color: rgb(var(--accent-color)) -} - -.nav-pills>li.active>a, -.nav-pills>li.active>a:focus, -.nav-pills>li.active>a:hover { - background-color: rgb(var(--accent-color), .03); - -} - -.btn-gray:focus, -.btn-gray:hover { - color: var(--accent-color-hover); -} - -[class*="PageHeaderTabButton-isSelected-"], -[class*="PageHeaderTabDropdown-isSelected-"], -[class*="MultiSelectPageHeader-selectedTitle-"], -[class*="PageHeaderMultiselectActions-container-"], -[class*="PageHeaderMultiselectActions-count-"], -[class*="PivotTab-selectedButton-"], -[class*="PivotTabDropdown-isSelected-"], -[class*="PageHeaderTitle-detail-"] { - color: rgb(var(--accent-color)); - border-color: rgb(var(--accent-color)); -} - -[class*="PivotTab-selectedButton-"]:after { - background-color: rgb(var(--accent-color)); -} - -[class*="PivotTab-selectedButton-"]:hover:after { - background-color: var(--link-color-hover); -} - -[class*="MetadataPosterCardOverlay-unplayedBadge-"], -[class*="MetadataPosterCard-legacyUnwatchedTag-"], -[class*="MetadataPosterCard-legacyUnwatchedEpisodesBadge-"], -[class*="MetadataPosterCardOverlay-versionBadge-"] { - background-color: var(--poster-unwatched); -} - -[class*="MetadataPosterCardFace-"]:hover, -[class*="PosterCardLink-hoveredLink-"] { - box-shadow: 0 0 0 1px rgb(var(--accent-color)), 0 0 4px rgb(0 0 0 / 30%); -} - -[class*="MultiSelectPageHeader-multiSelectPageHeader-"] { - box-shadow: 0 2px 0 0 rgb(var(--accent-color)); -} - -[class*="MetadataPosterCardFace-isSelected-"], -[class*="MetadataPosterCard-hoveredSelectedLink-"], -[class*="MetadataPosterCard-selectedLink-"] { - box-shadow: 0 0 0 2px rgb(var(--accent-color)), 0 0 4px rgb(0 0 0 / 30%); -} - -[class*="SelectButton-isSelected-"] [class*="SelectButton-selectCircle-"] { - border-color: rgb(var(--accent-color)); - background-color: rgb(var(--accent-color)); - box-shadow: 0 0 4px rgb(0 0 0 / 60%); - color: rgba(0, 0, 0, .75); - transform: scale(1.4); -} - -[class*="SelectButton-selectButton-"].isActive [class*="SelectButton-selectCircle-"] { - background: rgb(var(--accent-color-hover)); -} - -[class*="PlayButton-playButton-"]:hover [class*="PlayButton-playCircle-"], -[class*="PlayPauseOverlay-playCircle-"] { - border-color: rgb(var(--accent-color)); - background-color: rgb(var(--accent-color)); - color: #1f2326; -} - -[class*="PosterCardOverlayProgress-progressBar-"], -[class*="MetadataPosterCardProgressBar-bar-"], -[class*="SeekBar-seekBarFill-"], -[class*="VolumeSlider-fill-"], -[class*="SessionTile-playProgressPercent-"] { - background-color: rgb(var(--accent-color)); -} - -[class*="SeekBar-seekBarBuffer-"], -[class*="SessionTile-transcodeProgressPercent-"] { - background-color: rgba(var(--accent-color), .3); -} - -[class*="SessionTileDetails-playerContainer-"] { - background-color: rgba(var(--accent-color), .2) -} - -[class*="SessionTileDetails-videoStreamInformation-"] { - background-color: rgba(var(--accent-color), .15) -} - -[class*="SessionTileDetails-audioStreamInformation-"] { - background-color: rgba(var(--accent-color), .1) -} - -[class*="SessionTileDetails-subtitlesStreamInformation-"] { - background-color: rgba(var(--accent-color), .05); -} - -[class*="TopUsersList-container-"][class*="ServerDashboardSectionContent-container-"]>div>div>div>div:nth-child(3) { - background-color: rgba(var(--accent-color), .2) !important; -} - -[class*="TopUsersList-container-"][class*="ServerDashboardSectionContent-container-"]>div>div>div>div:nth-child(4) { - background-color: rgba(var(--accent-color), .15) !important; -} - -[class*="TopUsersList-container-"][class*="ServerDashboardSectionContent-container-"]>div>div>div>div:nth-child(5) { - background-color: rgba(var(--accent-color), .1) !important; -} - -[class*="TopUsersList-container-"][class*="ServerDashboardSectionContent-container-"]>div>div>div>div:nth-child(6) { - background-color: rgba(var(--accent-color), .05) !important; -} - -[class*="TopUsersCell-playHistoryLink-"] { - background-color: rgb(var(--accent-color)); - color: #fff; -} - -[class*="TopPlayedColumnHeader-emptyTitleBackground-"] { - background-color: rgba(var(--accent-color), .3); -} - -[class*="SelectedMenuItem-isSelected-"], -[class*="SelectedMenuItem-isSelected-"] [class*="SelectedMenuItem-selectedIcon-"], -[class*="IconButton-isActive-"] { - color: rgb(var(--accent-color)); -} - -[class*="IconButton-isActive-"]:hover { - color: rgb(var(--accent-color-hover)); -} - -[class*="Spinner-spinner-"] { - border-color: rgb(var(--accent-color)) transparent transparent rgb(var(--accent-color)); - border-top-color: rgb(var(--accent-color)) !important; - border-left-color: rgb(var(--accent-color)) !important; -} - -[class*="CircularProgressBar-circularProgressBar-"] { - stroke-width: 2; - stroke: rgb(var(--accent-color)); - stroke-dashoffset: 0; -} - -.loading { - border-color: rgb(var(--accent-color)) transparent transparent rgb(var(--accent-color)); -} - -.media-poster-container.selected .media-poster, -.media-poster-container:hover .media-poster { - -webkit-box-shadow: 0 0 4px rgb(0 0 0 / 30%), inset 0 0 0 3px rgb(var(--accent-color)); - box-shadow: 0 0 4px rgb(0 0 0 / 30%), inset 0 0 0 3px rgb(var(--accent-color)); -} - -.media-poster-container.selected .media-poster:before { - border-color: rgb(var(--accent-color)) rgb(var(--accent-color)) transparent transparent; -} - -.media-poster-container.selected .media-poster:after { - color: var(--label-text-color); -} - -[class*="NavBarActivityMenuStatusItem-statusButtonIndicator-"] { - color: rgb(var(--accent-color)); -} - -[class*="SelectButton-selectedCircle-"] { - border-color: rgb(var(--accent-color)); - background-color: rgb(var(--accent-color)); -} - -/* MODAL */ -[class*="ModalContent-modalContent-"] { - 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 { - padding: 15px 20px; - 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 rgba(255, 255, 255, .05); -} - -.modal-content { - position: relative; - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - border: 1px solid #999; - border: 1px solid rgba(0, 0, 0, .2); - border-radius: 3px; - -webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 50%); - box-shadow: 0 3px 9px rgb(0 0 0 / 50%); - background-clip: padding-box; - outline: none; -} - -.modal-footer { - padding: 15px 20px; - margin-top: 0; - 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 rgba(255, 255, 255, .05); -} - -.modal-body-with-panes .modal-nav-pane { - background-image: none; - background: rgba(0, 0, 0, .25); -} - -.well, -.files ul li { - color: var(--text); - background-color: rgb(255 255 255 / 10%); - border: 1px solid transparent; - -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%); - box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%); -} - -.edit-section-modal .wizard-blocks-group>.wizard-block.selectable:hover { - color: var(--text-hover); - background-color: rgba(255, 255, 255, .05); -} - -.edit-section-modal .wizard-blocks-group>.wizard-block.selectable { - color: var(--text) -} - -.striped-list-item>.striped-list-inner-item>.selected, -.striped-list-item>a.selected { - border-left: 3px solid rgb(var(--accent-color)); -} - -.modal-header>h4>.modal-icon { - color: var(--text-hover); -} - -/* BUTTONS */ -.btn-primary { - border-color: var(--button-color); - color: #fff; - background-color: var(--button-color); - -webkit-transition: background-color .1s; - transition: background-color .1s; -} - -.btn-primary:focus, -.btn-primary:hover { - color: #fff; - background-color: var(--button-color-hover); -} - -[class*="Button-primary"].isDisabled { - background: var(--button-color); -} - -.btn-primary.disabled, -.btn-primary.disabled.active, -.btn-primary.disabled:active, -.btn-primary.disabled:focus, -.btn-primary.disabled:hover, -.btn-primary[disabled], -.btn-primary[disabled].active, -.btn-primary[disabled]:active, -.btn-primary[disabled]:focus, -.btn-primary[disabled]:hover, -fieldset[disabled] .btn-primary, -fieldset[disabled] .btn-primary.active, -fieldset[disabled] .btn-primary:active, -fieldset[disabled] .btn-primary:focus, -fieldset[disabled] .btn-primary:hover { - background-color: var(--button-color); -} - -.btn-gray.selected { - color: rgb(var(--accent-color)); -} - -.btn-gray { - color: var(--text); -} - -.edit-lock-addon.locked { - color: #fff; - background-color: var(--button-color); - border-color: var(--button-color); -} - -.edit-lock-addon { - color: var(--button-color-hover); - background-color: rgba(0, 0, 0, .5); - border-color: transparent; - -webkit-box-shadow: 0 0 2px rgb(0 0 0 / 30%), inset -2px 2px 2px rgb(0 0 0 / 10%); - box-shadow: 0 0 2px rgb(0 0 0 / 30%), inset -2px 2px 2px rgb(0 0 0 / 10%); -} - -.edit-section-modal .wizard-blocks-group>.wizard-block.selected, -.edit-section-modal .wizard-blocks-group>.wizard-block.selected:hover { - color: rgb(var(--accent-color)); -} - -.edit-section-modal .wizard-blocks-group>.wizard-block { - color: var(--text); -} - -[class*="Button-primary-"], -.selectize-control.multi .selectize-input>div { - background-color: var(--button-color); - color: var(--button-text); -} - -[class*="Button-primary-"]:hover, -.selectize-control.multi .selectize-input>div.active { - background-color: var(--button-color-hover); - color: var(--button-text-hover); -} - -/* DROPDOWN MENU */ -[class*="Menu-menu-"], -.selectize-dropdown, -.selectize-dropdown.form-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; -} - -[class*="ServerMenuItem-selectedServerMenuItem-"], -[class*="ServerMenuItem-selectedIcon-"] { - color: rgb(var(--accent-color)); -} - -[class*="Tooltip-tooltip-"] { - background-color: var(--button-color); - color: #fff; -} - -[class*="Tooltip-tooltipBottomArrow-"]:after { - border-top-color: var(--button-color); -} - -[class*="Tooltip-tooltipTopArrow-"]:after { - border-bottom-color: var(--button-color); -} - -[class*="Tooltip-tooltipRightArrow-"]:after { - border-left-color: var(--button-color); -} - -[class*="Tooltip-tooltipLeftArrow-"]:after { - border-right-color: var(--button-color); -} - -/* SETTINGS */ -[class*="SettingsFormSection-sectionWrapper-"], -[class*="ServerDashboardPageSection-section-"], -hr { - border-top: 2px solid rgb(255 255 255 / 30%); -} - -[class*="SettingsFormSection-sectionWrapper-"]:last-of-type, -[class*="ClaimedServer-container-"] { - border-bottom: 2px solid rgb(255 255 255 / 30%); -} - -/* ALERTS */ -.alerts-container .page-count { - margin-right: 15px; - font-size: 14px; - color: var(--text); - vertical-align: top; -} - -/* SYNC */ -.filter-bar .dropdown.open>a { - color: rgb(var(--accent-color)); -} - -/* TABLE */ - -[class*="TableHeaderTitle-tableHeaderTitle-"] { - color: var(--text-hover); -} \ No newline at end of file +*{outline:0}[class*=ClaimedServer-messageHeader-],[class*=MetadataPosterCardTitle-isSecondary-],[class*=MetadataPosterCardTitle-isSecondary-] a,[class*=PrePlaySummary-summary-],body,label,p{color:var(--text)!important}[class*=Link-default-],[class*=PrePlayTertiaryTitle-tertiaryTitle-],[class*=SourceSidebarLink-sourceLink-],[class*=SourceSidebarLink-title-]{color:var(--text)}[class*=MetadataPosterCardActions-editButton-],[class*=MetadataPosterCardActions-moreButton-]{color:rgb(var(--accent-color))!important}[class*=MetadataPosterCardActions-editButton-]:hover,[class*=MetadataPosterCardActions-moreButton-]:hover{color:var(--accent-color-hover)!important}.h1,.h2,.h3,.h4,.h5,.h6,[class*=CollapsibleText-readMore-],[class*=FormLabel-label-],[class*=HubTitle-hubTitle-],[class*=MenuHeader-menuHeader-WuKJVD],[class*=PageHeader-pageHeader-],[class*=PageHeaderTitle-title-],[class*=PrePlayDetailsGroupItem-label-],[class*=PrePlayLeftTitle-leftTitle-],[class*=PrePlayPrimaryTitle-primaryTitle-],[class*=PrePlayPrimaryTitle-primaryTitle-] a,[class*=ServerDashboardPageHeader-headerTitle-],[class*=SidebarList-sidebarListHeader-],h1,h2,h3,h4,h5,h6{color:var(--text-hover)!important}.text-muted{color:var(--text-muted)}[class*=Link-isSelected-],[class*=Link-primary-],[class*=MetadataPosterCardTitle-title-] a,[class*=PrePlayDetailsGroupItem-groupItem-] a,[class*=PrePlayTagListLink-tagsListLink-][class*=Link-default-],a,a[class*=MetadataPosterCardTitle-title-]{color:var(--link-color)}.artwork-file-container:hover a,[class*=Link-link-]:hover,[class*=MetadataPosterCardTitle-title-] a:hover,a:hover,a[class*=MetadataPosterCardTitle-title-]:hover{color:var(--link-color-hover)}[class*=".MetadataTableRow-title-"] a:hover,[class*=MetadataPosterCardTitle-title-][class*=MetadataPosterCardTitle-isSecondary-377V8A] [class*=Link-link-1Kt-hA]:hover,[class*=MetadataPosterCardTitle-title-][class*=MetadataPosterCardTitle-isSecondary-377V8A]:hover,a[class*=MetadataTableRow-title-]:hover{color:var(--text-hover)!important}[class*=TopUsersCell-playHistoryLink-][class*=Link-link-]{color:var(--label-text-color)!important}#plex>[class*=background-container-]>div>div>div:nth-child(2),#plex>div[class*=FullPageBackground-backgroundContainer-]>div>div:nth-child(2),#plex>div[class*=FullPageBackground-backgroundContainer-]>div>div:nth-child(4),[class*=FullPageBackground-backgroundContainer-] [class*=CrossFadeImage-crossFade-]{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}[class*=BottomBar-bottomBar-]{background-color:rgb(0 0 0 / 70%);box-shadow:0 0 4px 0 rgb(0 0 0 / 50%)}[class*=SourceSidebarLink-isSelected-]{box-shadow:inset 2px 0 0 0 rgb(var(--accent-color));background:rgb(var(--accent-color),.05)}[class*=SourceSidebar-openSidebar-][class*=SourceSidebar-sidebar-],[class*=SourceSidebar-sidebar-]{background:rgba(0,0,0,.25)}[class*=SourceSidebar-expandedSidebar-][class*=SourceSidebar-sidebar-]{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}[class*=DisclosureArrow-isSelected-]{border-color:rgb(var(--accent-color))}[class*=SourceSidebarLink-isSelected-]:before{background-color:rgb(var(--accent-color))!important}[class*=SourceSidebarLink-isSelected-] [class*=SourceSidebarLink-iconContainer-],[class*=SourceSidebarLink-isSelected-] [class*=SourceSidebarLink-title-]{color:rgb(var(--accent-color))}[class*=SourceSidebarLink-sourceLink-]:hover [class*=SourceSidebarLink-iconContainer-],[class*=SourceSidebarLink-sourceLink-]:hover [class*=SourceSidebarLink-title-]{color:var(--accent-color-hover)}[class*=SourceSidebarServerHeader-title-]{color:rgb(var(--accent-color))}[class*=NavBar-container-]{background:rgba(0,0,0,.25)!important}[class*=NavBarActivityButton-isHighlighted-] [class*=NavBarActivityButton-activityIcon-]{color:rgb(var(--accent-color))}.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}[class*=NavBarActivityButton-isHighlighted-]:hover [class*=NavBarActivityButton-activityIcon-]{color:var(--accent-color-hover)}[class*=NavBarActivityButton-isHighlighted-] [class*=NavBarActivityButton-label-]{color:rgb(var(--accent-color))}[class*=NavBarActivityButton-isHighlighted-]:hover [class*=NavBarActivityButton-label-]{color:var(--accent-color-hover)}[class*=DisclosureArrow-default-]{border-color:rgb(var(--accent-color))}a:hover [class*=DisclosureArrow-disclosureArrow-],button:hover [class*=DisclosureArrow-disclosureArrow-]{border-color:var(--accent-color-hover)}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:rgb(var(--accent-color))}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{background-color:rgb(var(--accent-color),.03)}.btn-gray:focus,.btn-gray:hover{color:var(--accent-color-hover)}[class*=MultiSelectPageHeader-selectedTitle-],[class*=PageHeaderMultiselectActions-container-],[class*=PageHeaderMultiselectActions-count-],[class*=PageHeaderTabButton-isSelected-],[class*=PageHeaderTabDropdown-isSelected-],[class*=PageHeaderTitle-detail-],[class*=PivotTab-selectedButton-],[class*=PivotTabDropdown-isSelected-]{color:rgb(var(--accent-color));border-color:rgb(var(--accent-color))}[class*=PivotTab-selectedButton-]:after{background-color:rgb(var(--accent-color))}[class*=PivotTab-selectedButton-]:hover:after{background-color:var(--link-color-hover)}[class*=MetadataPosterCard-legacyUnwatchedEpisodesBadge-],[class*=MetadataPosterCard-legacyUnwatchedTag-],[class*=MetadataPosterCardOverlay-unplayedBadge-],[class*=MetadataPosterCardOverlay-versionBadge-]{background-color:var(--poster-unwatched)}[class*=MetadataPosterCardFace-]:hover,[class*=PosterCardLink-hoveredLink-]{box-shadow:0 0 0 1px rgb(var(--accent-color)),0 0 4px rgb(0 0 0 / 30%)}[class*=MultiSelectPageHeader-multiSelectPageHeader-]{box-shadow:0 2px 0 0 rgb(var(--accent-color))}[class*=MetadataPosterCard-hoveredSelectedLink-],[class*=MetadataPosterCard-selectedLink-],[class*=MetadataPosterCardFace-isSelected-]{box-shadow:0 0 0 2px rgb(var(--accent-color)),0 0 4px rgb(0 0 0 / 30%)}[class*=SelectButton-isSelected-] [class*=SelectButton-selectCircle-]{border-color:rgb(var(--accent-color));background-color:rgb(var(--accent-color));box-shadow:0 0 4px rgb(0 0 0 / 60%);color:rgba(0,0,0,.75);transform:scale(1.4)}[class*=SelectButton-selectButton-].isActive [class*=SelectButton-selectCircle-]{background:rgb(var(--accent-color-hover))}[class*=PlayButton-playButton-]:hover [class*=PlayButton-playCircle-],[class*=PlayPauseOverlay-playCircle-]{border-color:rgb(var(--accent-color));background-color:rgb(var(--accent-color));color:#1f2326}[class*=MetadataPosterCardProgressBar-bar-],[class*=PosterCardOverlayProgress-progressBar-],[class*=SeekBar-seekBarFill-],[class*=SessionTile-playProgressPercent-],[class*=VolumeSlider-fill-]{background-color:rgb(var(--accent-color))}[class*=SeekBar-seekBarBuffer-],[class*=SessionTile-transcodeProgressPercent-]{background-color:rgba(var(--accent-color),.3)}[class*=SessionTileDetails-playerContainer-]{background-color:rgba(var(--accent-color),.2)}[class*=SessionTileDetails-videoStreamInformation-]{background-color:rgba(var(--accent-color),.15)}[class*=SessionTileDetails-audioStreamInformation-]{background-color:rgba(var(--accent-color),.1)}[class*=SessionTileDetails-subtitlesStreamInformation-]{background-color:rgba(var(--accent-color),.05)}[class*=TopUsersList-container-][class*=ServerDashboardSectionContent-container-]>div>div>div>div:nth-child(3){background-color:rgba(var(--accent-color),.2)!important}[class*=TopUsersList-container-][class*=ServerDashboardSectionContent-container-]>div>div>div>div:nth-child(4){background-color:rgba(var(--accent-color),.15)!important}[class*=TopUsersList-container-][class*=ServerDashboardSectionContent-container-]>div>div>div>div:nth-child(5){background-color:rgba(var(--accent-color),.1)!important}[class*=TopUsersList-container-][class*=ServerDashboardSectionContent-container-]>div>div>div>div:nth-child(6){background-color:rgba(var(--accent-color),.05)!important}[class*=TopUsersCell-playHistoryLink-]{background-color:rgb(var(--accent-color));color:#fff}[class*=TopPlayedColumnHeader-emptyTitleBackground-]{background-color:rgba(var(--accent-color),.3)}[class*=IconButton-isActive-],[class*=SelectedMenuItem-isSelected-],[class*=SelectedMenuItem-isSelected-] [class*=SelectedMenuItem-selectedIcon-]{color:rgb(var(--accent-color))}[class*=IconButton-isActive-]:hover{color:rgb(var(--accent-color-hover))}[class*=Spinner-spinner-]{border-color:rgb(var(--accent-color)) transparent transparent rgb(var(--accent-color));border-top-color:rgb(var(--accent-color))!important;border-left-color:rgb(var(--accent-color))!important}[class*=CircularProgressBar-circularProgressBar-]{stroke-width:2;stroke:rgb(var(--accent-color));stroke-dashoffset:0}.loading{border-color:rgb(var(--accent-color)) transparent transparent rgb(var(--accent-color))}.media-poster-container.selected .media-poster,.media-poster-container:hover .media-poster{-webkit-box-shadow:0 0 4px rgb(0 0 0 / 30%),inset 0 0 0 3px rgb(var(--accent-color));box-shadow:0 0 4px rgb(0 0 0 / 30%),inset 0 0 0 3px rgb(var(--accent-color))}.media-poster-container.selected .media-poster:before{border-color:rgb(var(--accent-color)) rgb(var(--accent-color)) transparent transparent}.media-poster-container.selected .media-poster:after{color:var(--label-text-color)}[class*=NavBarActivityMenuStatusItem-statusButtonIndicator-]{color:rgb(var(--accent-color))}[class*=SelectButton-selectedCircle-]{border-color:rgb(var(--accent-color));background-color:rgb(var(--accent-color))}[class*=ModalContent-modalContent-]{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{padding:15px 20px;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 rgba(255,255,255,.05)}.modal-content{position:relative;background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:3px;-webkit-box-shadow:0 3px 9px rgb(0 0 0 / 50%);box-shadow:0 3px 9px rgb(0 0 0 / 50%);background-clip:padding-box;outline:0}.modal-footer{padding:15px 20px;margin-top:0;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 rgba(255,255,255,.05)}.modal-body-with-panes .modal-nav-pane{background-image:none;background:rgba(0,0,0,.25)}.files ul li,.well{color:var(--text);background-color:rgb(255 255 255 / 10%);border:1px solid transparent;-webkit-box-shadow:inset 0 1px 1px rgb(0 0 0 / 5%);box-shadow:inset 0 1px 1px rgb(0 0 0 / 5%)}.edit-section-modal .wizard-blocks-group>.wizard-block.selectable:hover{color:var(--text-hover);background-color:rgba(255,255,255,.05)}.edit-section-modal .wizard-blocks-group>.wizard-block.selectable{color:var(--text)}.striped-list-item>.striped-list-inner-item>.selected,.striped-list-item>a.selected{border-left:3px solid rgb(var(--accent-color))}.modal-header>h4>.modal-icon{color:var(--text-hover)}.btn-primary{border-color:var(--button-color);color:#fff;background-color:var(--button-color);-webkit-transition:background-color .1s;transition:background-color .1s}.btn-primary:focus,.btn-primary:hover{color:#fff;background-color:var(--button-color-hover)}[class*=Button-primary].isDisabled{background:var(--button-color)}.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:var(--button-color)}.btn-gray.selected{color:rgb(var(--accent-color))}.btn-gray{color:var(--text)}.edit-lock-addon.locked{color:#fff;background-color:var(--button-color);border-color:var(--button-color)}.edit-lock-addon{color:var(--button-color-hover);background-color:rgba(0,0,0,.5);border-color:transparent;-webkit-box-shadow:0 0 2px rgb(0 0 0 / 30%),inset -2px 2px 2px rgb(0 0 0 / 10%);box-shadow:0 0 2px rgb(0 0 0 / 30%),inset -2px 2px 2px rgb(0 0 0 / 10%)}.edit-section-modal .wizard-blocks-group>.wizard-block.selected,.edit-section-modal .wizard-blocks-group>.wizard-block.selected:hover{color:rgb(var(--accent-color))}.edit-section-modal .wizard-blocks-group>.wizard-block{color:var(--text)}.selectize-control.multi .selectize-input>div,[class*=Button-primary-]{background-color:var(--button-color);color:var(--button-text)}.selectize-control.multi .selectize-input>div.active,[class*=Button-primary-]:hover{background-color:var(--button-color-hover);color:var(--button-text-hover)}.selectize-dropdown,.selectize-dropdown.form-control,[class*=Menu-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}[class*=ServerMenuItem-selectedIcon-],[class*=ServerMenuItem-selectedServerMenuItem-]{color:rgb(var(--accent-color))}[class*=Tooltip-tooltip-]{background-color:var(--button-color);color:#fff}[class*=Tooltip-tooltipBottomArrow-]:after{border-top-color:var(--button-color)}[class*=Tooltip-tooltipTopArrow-]:after{border-bottom-color:var(--button-color)}[class*=Tooltip-tooltipRightArrow-]:after{border-left-color:var(--button-color)}[class*=Tooltip-tooltipLeftArrow-]:after{border-right-color:var(--button-color)}[class*=ServerDashboardPageSection-section-],[class*=SettingsFormSection-sectionWrapper-],hr{border-top:2px solid rgb(255 255 255 / 30%)}[class*=ClaimedServer-container-],[class*=SettingsFormSection-sectionWrapper-]:last-of-type{border-bottom:2px solid rgb(255 255 255 / 30%)}.alerts-container .page-count{margin-right:15px;font-size:14px;color:var(--text);vertical-align:top}.filter-bar .dropdown.open>a{color:rgb(var(--accent-color))}[class*=TableHeaderTitle-tableHeaderTitle-]{color:var(--text-hover)} diff --git a/CSS/themes/plpp/plpp-base.css b/CSS/themes/plpp/plpp-base.css index abfe7090..6a95b988 100644 --- a/CSS/themes/plpp/plpp-base.css +++ b/CSS/themes/plpp/plpp-base.css @@ -1,284 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ - -body { - background: var(--main-bg-color) !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) { - 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; -} - -legend { - border-bottom: 1px solid rgba(255, 255, 255, 0.08); -} - -.navbar-inverse { - 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:hover, -.navbar-inverse .navbar-nav>li>a:focus { - background-color: hsla(0, 0%, 100%, .08); -} - -.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; - } -} - -.breadcrumb>.active { - text-transform: uppercase; - text-transform: bold; -} - -.panel, -.panel-default>.panel-heading, -.breadcrumb>.active { - background-color: transparent; - border: transparent; - color: inherit; - font-size: 15px; - font-family: Open Sans Bold, Helvetica Neue, Helvetica, Arial, sans-serif !important; - line-height: 24px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0); -} - -.plpp_table.even:hover, -.plpp_table.odd:hover { - background-color: hsla(0, 0%, 100%, .08) !important; -} - -.panel-heading { - font-weight: bold; -} - -.plpp_thumbs_Title:hover, -.plpp_slider_Title:hover, -.plpp_thumbs_Episode_Title:hover, -.plpp_slider_Episode_Title:hover, -.plpp_thumbs_Season_Title:hover, -.plpp_slider_Season_Title:hover, -.plpp_thumbs_Show_Title:hover, -.plpp_slider_Show_Title:hover, -.plpp_thumbs_Artist:hover, -.plpp_slider_Artist:hover, -.plpp_thumbs_Year:hover, -.plpp_thumbs_Episode_No:hover, -.plpp_slider_Year:hover, -.plpp_slider_Episode_no:hover, -.plpp_thumbs_Track_no:hover, -.plpp_slider_Track_no:hover, -.plpp_thumbs_Episode_Count:hover, -.plpp_slider_Episode_Count:hover, -.plpp_thumbs_Track_Count:hover, -.plpp_slider_Track_Count:hover, -.plpp_thumbs_Dimensions:hover, -.plpp_slider_Dimensions:hover, -.plpp_thumbs_Duration:hover, -.plpp_slider_Duration:hover { - text-decoration: underline; -} - -.img-rounded { - border-radius: 0px; -} - -.img-rounded:hover { - border-radius: 0px; - box-shadow: 0 0 0 2px #cc7b19; - background: radial-gradient(farthest-corner at 50% 50%, rgba(50, 50, 50, .5) 50%, #323232 100%); - opacity: .7; - transition: linear .2s; -} - -.img-responsive, -.thumbnail>img, -.thumbnail a>img, -.carousel-inner>.item>img, -.carousel-inner>.item>a>img { - width: 100%; -} - -div.modal-content>div.modal-body>div.plpp_details_container>div.plpp_details_Thumbnail, -div.plpp_details_Poster>.img-rounded { - box-shadow: none; - opacity: 1; -} - -div.plpp_slider { - margin: 2px 15px 10px 2px; -} - -table { - background-color: rgba(0, 0, 0, 0.25); -} - -table, -.table { - color: hsla(0, 0%, 100%, .7); -} - -.table>thead>tr>th, -.table>tbody>tr>th, -.table>tfoot>tr>th, -.table>thead>tr>td, -.table>tbody>tr>td, -.table>tfoot>tr>td { - border-top: 1px solid rgba(255, 255, 255, .15); -} - -.table>thead>tr>th { - vertical-align: bottom; - border-bottom: 2px solid rgba(255, 255, 255, .15); -} - -.pagination>li>a, -.pagination>li>span { - color: #ffffff; - background-color: rgba(0, 0, 0, 0.25); - border: transparent; -} - -.pagination>.disabled>span, -.pagination>.disabled>span:hover, -.pagination>.disabled>span:focus, -.pagination>.disabled>a, -.pagination>.disabled>a:hover, -.pagination>.disabled>a:focus { - color: #BDBDBD; - background-color: rgba(0, 0, 0, 0.25); - border: transparent; - cursor: not-allowed; -} - -/* Modal */ -.modal-header, -div.modal-body, -.modal-footer { - border-bottom: 1px solid rgba(255, 255, 255, .15); - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; -} - -/* Buttons */ -.btn-default { - background-color: var(--button-color); - border-color: transparent; -} - -.btn-default:hover, -.btn-default:focus, -.btn-default:active, -.btn-default.active, -.open .dropdown-toggle.btn-default { - background-color: var(--button-color-hover); - border-color: transparent; -} - -.modal-header .close { - color: #dadada; -} - -.modal-header .close:hover { - color: #fff; -} \ No newline at end of file +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;height:100%}@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}legend{border-bottom:1px solid rgba(255,255,255,.08)}.navbar-inverse{background-color:rgba(0,0,0,.6);border-color:transparent}.side-nav{background-color:rgba(0,0,0,.15)}.navbar-inverse .navbar-nav>li>a{color:hsla(0,0%,100%,.7)}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{background-color:hsla(0,0%,100%,.08)}.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}}.breadcrumb>.active{text-transform:uppercase;text-transform:bold}.breadcrumb>.active,.panel,.panel-default>.panel-heading{background-color:transparent;border:transparent;color:inherit;font-size:15px;font-family:Open Sans Bold,Helvetica Neue,Helvetica,Arial,sans-serif!important;line-height:24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-shadow:0 1px 1px transparent}.plpp_table.even:hover,.plpp_table.odd:hover{background-color:hsla(0,0%,100%,.08)!important}.panel-heading{font-weight:700}.plpp_slider_Artist:hover,.plpp_slider_Dimensions:hover,.plpp_slider_Duration:hover,.plpp_slider_Episode_Count:hover,.plpp_slider_Episode_Title:hover,.plpp_slider_Episode_no:hover,.plpp_slider_Season_Title:hover,.plpp_slider_Show_Title:hover,.plpp_slider_Title:hover,.plpp_slider_Track_Count:hover,.plpp_slider_Track_no:hover,.plpp_slider_Year:hover,.plpp_thumbs_Artist:hover,.plpp_thumbs_Dimensions:hover,.plpp_thumbs_Duration:hover,.plpp_thumbs_Episode_Count:hover,.plpp_thumbs_Episode_No:hover,.plpp_thumbs_Episode_Title:hover,.plpp_thumbs_Season_Title:hover,.plpp_thumbs_Show_Title:hover,.plpp_thumbs_Title:hover,.plpp_thumbs_Track_Count:hover,.plpp_thumbs_Track_no:hover,.plpp_thumbs_Year:hover{text-decoration:underline}.img-rounded{border-radius:0}.img-rounded:hover{border-radius:0;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}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{width:100%}div.modal-content>div.modal-body>div.plpp_details_container>div.plpp_details_Thumbnail,div.plpp_details_Poster>.img-rounded{box-shadow:none;opacity:1}div.plpp_slider{margin:2px 15px 10px 2px}table{background-color:rgba(0,0,0,.25)}.table,table{color:hsla(0,0%,100%,.7)}.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,.15)}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid rgba(255,255,255,.15)}.pagination>li>a,.pagination>li>span{color:#fff;background-color:rgba(0,0,0,.25);border:transparent}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#bdbdbd;background-color:rgba(0,0,0,.25);border:transparent;cursor:not-allowed}.modal-footer,.modal-header,div.modal-body{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}.btn-default{background-color:var(--button-color);border-color:transparent}.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover,.open .dropdown-toggle.btn-default{background-color:var(--button-color-hover);border-color:transparent}.modal-header .close{color:#dadada}.modal-header .close:hover{color:#fff} diff --git a/CSS/themes/portainer/portainer-base.css b/CSS/themes/portainer/portainer-base.css index a87b722e..1ee9d601 100644 --- a/CSS/themes/portainer/portainer-base.css +++ b/CSS/themes/portainer/portainer-base.css @@ -1,712 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ - -/* 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; -} - -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) !important; -} - -* { - outline: none !important; -} - -h1, -h2, -h3, -h4, -h5, -h6, -label, -legend, -ul.sidebar .sidebar-title.endpoint-name { - color: var(--text-hover); -} - -ul.sidebar .sidebar-list .sidebar-sublist a { - color: var(--text); -} - -a { - color: var(--link-color); -} - -a:focus, -a:hover { - color: var(--link-color-hover); - text-decoration: none; -} - -.text-danger { - color: #f44336; -} - -.fa.red-icon { - color: #f44336; -} - -.text-muted { - color: var(--text-muted); -} - -.form-section-title { - color: var(--text); -} - -ul.sidebar .sidebar-list a { - color: var(--text); -} - -/* NEWS */ -.motd-body { - background-color: rgba(255, 255, 255, 0.15) !important; -} - -/* LOGIN */ -.panel-default { - border-color: transparent; -} - -.panel { - background-color: transparent; - border: 1px solid transparent; - -webkit-box-shadow: none; - box-shadow: none; -} - -.panel-body { - background-color: transparent; -} - -/* SIDEBAR */ -#sidebar-wrapper { - background: rgba(0, 0, 0, 0.25); -} - -.sidebar-header { - background: rgba(0, 0, 0, 0.25); -} - -ul.sidebar .sidebar-list a.active { - color: rgb(var(--accent-color)); - background: rgba(255, 255, 255, 0.1); - border-left: 3px solid rgb(var(--accent-color)); -} - -#page-wrapper:not(.open) ul.sidebar .sidebar-title.separator, -.sidebar-footer, -ul.sidebar .sidebar-list a:hover:not(ul.sidebar .sidebar-list a.active), -ul.sidebar .sidebar-main a { - background: rgba(255, 255, 255, 0.15); - color: var(--text-hover); -} - -ul.sidebar .sidebar-list a:hover, -#page-wrapper:not(.open) ul.sidebar .sidebar-list a:hover span { - border-left: 3px solid rgb(var(--accent-color)); -} - -ul.sidebar .sidebar-title { - color: rgb(var(--accent-color)); -} - -ul.sidebar .sidebar-list .sidebar-sublist a.active { - border-left: 3px solid rgb(var(--accent-color)); - background: rgba(255, 255, 255, .08); -} - -ul.sidebar .sidebar-title { - color: var(--text-hover); -} - -/* Header */ -.row.header { - 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; -} - -/* WIDGETS */ -.widget { - background: rgba(0, 0, 0, 0.25); - border-color: transparent; -} - -.widget .widget-body table thead { - background: rgba(0, 0, 0, 0.25); -} - -.widget .widget-header { - color: var(--text-hover); - background-color: rgba(0, 0, 0, .25); - border-bottom: 1px solid transparent; -} - -/* DATATABLES */ -.datatable .toolBar { - background: rgba(0, 0, 0, 0.25); -} - -.datatable .footer { - background: rgba(0, 0, 0, 0.25); - color: var(--text); -} - -.blocklist-item--selected, -.blocklist-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: var(--text); -} - -.datatable .actionBar, -.datatable .toolBar { - color: var(--text); -} - -.datatable .searchIcon { - color: var(--text); -} - - -/* TABLE */ - -.table-hover>tbody>tr:hover, -.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(255, 255, 255, 0.1); -} - -.table-hover>tbody>tr.active:hover>td, -.table-hover>tbody>tr.active:hover>th, -.table-hover>tbody>tr:hover>.active, -.table-hover>tbody>tr>td.active:hover, -.table-hover>tbody>tr>th.active:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.table .table { - background-color: rgba(255, 255, 255, 0.08); -} - -.label-default { - color: var(--label-text-color); - background-color: rgb(var(--accent-color)); -} - -/* BUTTONS */ - -.btn-danger:hover { - color: #fff !important; - background-color: #c9302c !important; - border-color: #ac2925 !important; -} - -.btn-primary, -.btn-default { - color: var(--button-text); - background-color: var(--button-color); - border-color: var(--button-color); -} - -.btn-default.active, -.btn-default:active, -.open>.dropdown-toggle.btn-default, -.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: var(--button-text-hover); - background-color: var(--button-color-hover); - border-color: var(--button-color-hover); -} - -.btn-link { - font-weight: 400; - color: var(--button-color); - border-radius: 0; -} - -.btn-primary:hover, -.btn-default:hover { - color: var(--button-text-hover); - background-color: var(--button-color-hover); - border-color: var(--button-color-hover); -} - -.btn.active.focus, -.btn.active:focus, -.btn.focus, -.btn:active.focus, -.btn:active:focus, -.btn:focus { - outline: none; -} - -.btn-primary.disabled.focus, -.btn-primary.disabled:focus, -.btn-primary.disabled:hover, -.btn-primary[disabled].focus, -.btn-primary[disabled]:focus, -.btn-primary[disabled]:hover, -fieldset[disabled] .btn-primary.focus, -fieldset[disabled] .btn-primary:focus, -fieldset[disabled] .btn-primary:hover { - background-color: var(--button-color-hover); - border-color: var(--button-color-hover); -} - -.bootbox-form .checkbox i, -.switch i { - background: rgba(255, 255, 255, 0.15); -} - -.btn.focus, -.btn:focus, -.btn:hover { - color: var(--button-text-hover); - background-color: var(--button-color-hover); - border-color: var(--button-color-hover); -} - -.btn-link:focus, -.btn-link:hover { - background: transparent; - color: var(--button-color-hover); - border-color: transparent; -} - -.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: var(--button-text-hover); - background-color: var(--button-color-hover); - border-color: var(--button-color-hover); -} - -.ui-select-bootstrap>.ui-select-match>.btn:hover, -.ui-select-bootstrap>.ui-select-match>.btn:focus { - text-align: left !important; - color: var(--button-text-hover); - background-color: rgba(255, 255, 255, 0.25); - border-color: #00000000; -} - -/* PAGINATION */ -.pagination>.disabled>a, -.pagination>.disabled>a:focus, -.pagination>.disabled>a:hover, -.pagination>.disabled>span, -.pagination>.disabled>span:focus, -.pagination>.disabled>span:hover { - color: var(--text-muted); - cursor: not-allowed; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; -} - -.pagination>.active>a, -.pagination>.active>a:focus, -.pagination>.active>a:hover, -.pagination>.active>span, -.pagination>.active>span:focus, -.pagination>.active>span:hover { - z-index: 2; - color: var(--button-text); - cursor: default; - background-color: var(--button-color-hover); - border-color: var(--button-color-hover); -} - -.pagination>li>a, -.pagination>li>span { - text-decoration: none; - color: var(--button-text); - background-color: var(--button-color); - border-color: var(--button-color); -} - -.pagination>li>a:focus, -.pagination>li>a:hover, -.pagination>li>span:focus, -.pagination>li>span:hover { - color: var(--button-text-hover); - background-color: var(--button-color-hover); - border-color: var(--button-color-hover); -} - -/* FORM CONTROL */ - -.form-control { - background-color: rgba(255, 255, 255, 0.15); - border: 1px solid transparent; -} - -.form-control:not([disabled]):not(select), -output { - color: var(--text-hover); -} - -.form-control:focus { - border-color: rgb(var(--accent-color)); - outline: 0; - -webkit-box-shadow: none; - box-shadow: none; -} - -.input-group-addon { - color: var(--button-text); - background-color: rgba(255, 255, 255, 0.15); - border: 1px solid transparent; -} - -/* DROPDOWN MENU */ - -.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; - color: var(--text); -} - -.dropdown-menu>li>a, -.ui-select-bootstrap .ui-select-choices-row>span { - color: var(--text); -} - -.dropdown-menu>.active>a, -.dropdown-menu>.active>a:focus, -.dropdown-menu>.active>a:hover, -.ui-select-bootstrap .ui-select-choices-row.active>span { - background-color: rgba(0, 0, 0, 0.25); -} - -.ui-select-bootstrap .ui-select-choices-row>span:focus, -.ui-select-bootstrap .ui-select-choices-row>span:hover, -.ui-select-choices-row:hover { - color: var(--text-hover); - background-color: rgba(255, 255, 255, 0.15); -} - -/* APP TEMPLATES */ - -.blocklist-item { - border: 1px solid transparent; - -webkit-box-shadow: 0 3px 10px -2px hsla(0, 0%, 0%, 0.5); - box-shadow: 0 3px 10px -2px hsla(0, 0%, 0%, 0.5); -} - -/* ADD NETWORK */ - -.boxselector_wrapper input[type=radio]:checked+label { - background: rgba(255, 255, 255, .15); - color: var(--text-hover); - border-color: transparent; -} - -.boxselector_wrapper label { - -webkit-box-shadow: none; - box-shadow: none; - background: rgba(0, 0, 0, 0.15); - border: 1px solid transparent; -} - -.boxselector_wrapper input[type=radio]:checked+label:after { - color: rgb(var(--accent-color)); - border: 2px solid rgb(var(--accent-color)); - background: var(--label-text-color); -} - -.bootbox-form .checkbox :checked~i, -.switch :checked+i { - -webkit-box-shadow: inset 0 0 1px rgb(0 0 0 / 50%), inset 0 0 40px rgb(var(--accent-color)); - box-shadow: inset 0 0 1px rgb(0 0 0 / 50%), inset 0 0 40px rgb(var(--accent-color)); -} - -.md-checkbox input[type=checkbox]:checked+label:before { - background: rgb(var(--accent-color)); - border: none; -} - -.md-checkbox input[type=checkbox]:checked+label:after { - border-color: var(--label-text-color); -} - -.fa.blue-icon, -.fab.blue-icon { - color: rgb(var(--accent-color)); -} - -/* PLACEHOLDER TEXT */ -::-webkit-input-placeholder { - /* Chrome/Opera/Safari */ - color: #bbb; -} - -::-moz-placeholder { - /* Firefox 19+ */ - color: #bbb; -} - -:-ms-input-placeholder { - /* IE 10+ */ - color: #bbb; -} - -:-moz-placeholder { - /* Firefox 18- */ - color: #bbb; -} - -/* STACKS */ -.CodeMirror { - background: rgba(255, 255, 255, 0.10); - color: white; -} - -.CodeMirror-gutters { - border-right: 1px solid rgba(255, 255, 255, 0.25); - background-color: rgba(0, 0, 0, 0.25); - caret-color: white; -} - -.CodeMirror-linenumber { - color: rgb(var(--accent-color)); -} - -.CodeMirror-line::selection, -.CodeMirror-line>span::selection, -.CodeMirror-line>span>span::selection { - background: #d7d4f0; -} - -.cm-s-default .cm-atom { - color: rgb(var(--accent-color)); -} - -/* NAVIGATION */ -.nav-tabs>li.active>a, -.nav-tabs>li.active>a:focus, -.nav-tabs>li.active>a:hover { - color: #fff; - cursor: default; - background-color: rgba(255, 255, 255, 0.15); - border: 1px solid #ddd0; - border-bottom-color: transparent; -} - -.nav-tabs>li>a:hover { - border-color: transparent; -} - -.nav>li>a:focus, -.nav>li>a:hover { - text-decoration: none; - background-color: rgba(0, 0, 0, 0.25); -} - -.nav-tabs>li>a { - border: 1px solid rgba(0, 0, 0, 0); - background: rgba(0, 0, 0, 0.15); -} - -/* LOGS */ -.log_viewer { - color: #fff; - background-color: rgba(255, 255, 255, 0.1); - border: 1px solid transparent; -} - -/* JSON TREE */ -json-tree { - color: #eee; -} - -json-tree .key { - color: rgb(var(--accent-color)); - padding-right: 5px; -} - -pre { - color: #fff; - background-color: rgba(255, 255, 255, .1); - border: 1px solid transparent; -} - -/* MODAL */ -.close { - float: right; - font-size: 21px; - font-weight: 700; - line-height: 1; - color: var(--text); - text-shadow: 0 1px 0 var(--text); - filter: alpha(opacity=100); - opacity: 1; -} - -.close:focus, -.close:hover { - color: var(--text-hover); - text-decoration: none; - cursor: pointer; - filter: alpha(opacity=100); - opacity: 1; -} - -.modal-content { - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; -} - -.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)); -} - -/* STACKS / SERVICES TABLES */ -.widget .widget-body table tbody { - background-color: transparent !important; - background: transparent !important; -} - -.widget .widget-body table .ng-scope tr { - background: rgba(0, 0, 0, .25) !important; - background-color: rgba(0, 0, 0, .25) !important; -} - -.widget .widget-body table thead { - background-color: rgba(0, 0, 0, .25) !important; - background: rgba(0, 0, 0, .25) !important; -} - -.widget .widget-body table tbody .ng-isolate-scope div { - background-color: rgba(0, 0, 0, .25) !important; - background: rgba(0, 0, 0, 0) !important; -} - -.widget .widget-body table tbody tr:hover { - background-color: #0000 !important; - background: rgba(0, 0, 0, 0) !important; -} - -.widget .widget-body table thead tr:hover { - background-color: rgba(0, 0, 0, .35) !important; - background: rgba(0, 0, 0, .35) !important; -} \ No newline at end of file +@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}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)!important}*{outline:0!important}h1,h2,h3,h4,h5,h6,label,legend,ul.sidebar .sidebar-title.endpoint-name{color:var(--text-hover)}ul.sidebar .sidebar-list .sidebar-sublist a{color:var(--text)}a{color:var(--link-color)}a:focus,a:hover{color:var(--link-color-hover);text-decoration:none}.text-danger{color:#f44336}.fa.red-icon{color:#f44336}.text-muted{color:var(--text-muted)}.form-section-title{color:var(--text)}ul.sidebar .sidebar-list a{color:var(--text)}.motd-body{background-color:rgba(255,255,255,.15)!important}.panel-default{border-color:transparent}.panel{background-color:transparent;border:1px solid transparent;-webkit-box-shadow:none;box-shadow:none}.panel-body{background-color:transparent}#sidebar-wrapper{background:rgba(0,0,0,.25)}.sidebar-header{background:rgba(0,0,0,.25)}ul.sidebar .sidebar-list a.active{color:rgb(var(--accent-color));background:rgba(255,255,255,.1);border-left:3px solid rgb(var(--accent-color))}#page-wrapper:not(.open) ul.sidebar .sidebar-title.separator,.sidebar-footer,ul.sidebar .sidebar-list a:hover:not(ul.sidebar .sidebar-list a.active),ul.sidebar .sidebar-main a{background:rgba(255,255,255,.15);color:var(--text-hover)}#page-wrapper:not(.open) ul.sidebar .sidebar-list a:hover span,ul.sidebar .sidebar-list a:hover{border-left:3px solid rgb(var(--accent-color))}ul.sidebar .sidebar-title{color:rgb(var(--accent-color))}ul.sidebar .sidebar-list .sidebar-sublist a.active{border-left:3px solid rgb(var(--accent-color));background:rgba(255,255,255,.08)}ul.sidebar .sidebar-title{color:var(--text-hover)}.row.header{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}.widget{background:rgba(0,0,0,.25);border-color:transparent}.widget .widget-body table thead{background:rgba(0,0,0,.25)}.widget .widget-header{color:var(--text-hover);background-color:rgba(0,0,0,.25);border-bottom:1px solid transparent}.datatable .toolBar{background:rgba(0,0,0,.25)}.datatable .footer{background:rgba(0,0,0,.25);color:var(--text)}.blocklist-item--selected,.blocklist-item:hover{background-color:rgba(255,255,255,.15);color:var(--text)}.datatable .actionBar,.datatable .toolBar{color:var(--text)}.datatable .searchIcon{color:var(--text)}.table-hover>tbody>tr:hover,.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(255,255,255,.1)}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:rgba(255,255,255,.1)}.table .table{background-color:rgba(255,255,255,.08)}.label-default{color:var(--label-text-color);background-color:rgb(var(--accent-color))}.btn-danger:hover{color:#fff!important;background-color:#c9302c!important;border-color:#ac2925!important}.btn-default,.btn-primary{color:var(--button-text);background-color:var(--button-color);border-color:var(--button-color)}.btn-default.active,.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:var(--button-text-hover);background-color:var(--button-color-hover);border-color:var(--button-color-hover)}.btn-link{font-weight:400;color:var(--button-color);border-radius:0}.btn-default:hover,.btn-primary:hover{color:var(--button-text-hover);background-color:var(--button-color-hover);border-color:var(--button-color-hover)}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:0}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:var(--button-color-hover);border-color:var(--button-color-hover)}.bootbox-form .checkbox i,.switch i{background:rgba(255,255,255,.15)}.btn.focus,.btn:focus,.btn:hover{color:var(--button-text-hover);background-color:var(--button-color-hover);border-color:var(--button-color-hover)}.btn-link:focus,.btn-link:hover{background:0 0;color:var(--button-color-hover);border-color:transparent}.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:var(--button-text-hover);background-color:var(--button-color-hover);border-color:var(--button-color-hover)}.ui-select-bootstrap>.ui-select-match>.btn:focus,.ui-select-bootstrap>.ui-select-match>.btn:hover{text-align:left!important;color:var(--button-text-hover);background-color:rgba(255,255,255,.25);border-color:#00000000}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:var(--text-muted);cursor:not-allowed;background-color:rgba(255,255,255,.1);border-color:transparent}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:var(--button-text);cursor:default;background-color:var(--button-color-hover);border-color:var(--button-color-hover)}.pagination>li>a,.pagination>li>span{text-decoration:none;color:var(--button-text);background-color:var(--button-color);border-color:var(--button-color)}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:var(--button-text-hover);background-color:var(--button-color-hover);border-color:var(--button-color-hover)}.form-control{background-color:rgba(255,255,255,.15);border:1px solid transparent}.form-control:not([disabled]):not(select),output{color:var(--text-hover)}.form-control:focus{border-color:rgb(var(--accent-color));outline:0;-webkit-box-shadow:none;box-shadow:none}.input-group-addon{color:var(--button-text);background-color:rgba(255,255,255,.15);border:1px solid transparent}.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;color:var(--text)}.dropdown-menu>li>a,.ui-select-bootstrap .ui-select-choices-row>span{color:var(--text)}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover,.ui-select-bootstrap .ui-select-choices-row.active>span{background-color:rgba(0,0,0,.25)}.ui-select-bootstrap .ui-select-choices-row>span:focus,.ui-select-bootstrap .ui-select-choices-row>span:hover,.ui-select-choices-row:hover{color:var(--text-hover);background-color:rgba(255,255,255,.15)}.blocklist-item{border:1px solid transparent;-webkit-box-shadow:0 3px 10px -2px hsla(0,0%,0%,.5);box-shadow:0 3px 10px -2px hsla(0,0%,0%,.5)}.boxselector_wrapper input[type=radio]:checked+label{background:rgba(255,255,255,.15);color:var(--text-hover);border-color:transparent}.boxselector_wrapper label{-webkit-box-shadow:none;box-shadow:none;background:rgba(0,0,0,.15);border:1px solid transparent}.boxselector_wrapper input[type=radio]:checked+label:after{color:rgb(var(--accent-color));border:2px solid rgb(var(--accent-color));background:var(--label-text-color)}.bootbox-form .checkbox :checked~i,.switch :checked+i{-webkit-box-shadow:inset 0 0 1px rgb(0 0 0 / 50%),inset 0 0 40px rgb(var(--accent-color));box-shadow:inset 0 0 1px rgb(0 0 0 / 50%),inset 0 0 40px rgb(var(--accent-color))}.md-checkbox input[type=checkbox]:checked+label:before{background:rgb(var(--accent-color));border:none}.md-checkbox input[type=checkbox]:checked+label:after{border-color:var(--label-text-color)}.fa.blue-icon,.fab.blue-icon{color:rgb(var(--accent-color))}::-webkit-input-placeholder{color:#bbb}::-moz-placeholder{color:#bbb}:-ms-input-placeholder{color:#bbb}:-moz-placeholder{color:#bbb}.CodeMirror{background:rgba(255,255,255,.1);color:#fff}.CodeMirror-gutters{border-right:1px solid rgba(255,255,255,.25);background-color:rgba(0,0,0,.25);caret-color:white}.CodeMirror-linenumber{color:rgb(var(--accent-color))}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.cm-s-default .cm-atom{color:rgb(var(--accent-color))}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#fff;cursor:default;background-color:rgba(255,255,255,.15);border:1px solid #ddd0;border-bottom-color:transparent}.nav-tabs>li>a:hover{border-color:transparent}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:rgba(0,0,0,.25)}.nav-tabs>li>a{border:1px solid transparent;background:rgba(0,0,0,.15)}.log_viewer{color:#fff;background-color:rgba(255,255,255,.1);border:1px solid transparent}json-tree{color:#eee}json-tree .key{color:rgb(var(--accent-color));padding-right:5px}pre{color:#fff;background-color:rgba(255,255,255,.1);border:1px solid transparent}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:var(--text);text-shadow:0 1px 0 var(--text);opacity:1}.close:focus,.close:hover{color:var(--text-hover);text-decoration:none;cursor:pointer;opacity:1}.modal-content{background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover}.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))}.widget .widget-body table tbody{background-color:transparent!important;background:0 0!important}.widget .widget-body table .ng-scope tr{background:rgba(0,0,0,.25)!important;background-color:rgba(0,0,0,.25)!important}.widget .widget-body table thead{background-color:rgba(0,0,0,.25)!important;background:rgba(0,0,0,.25)!important}.widget .widget-body table tbody .ng-isolate-scope div{background-color:rgba(0,0,0,.25)!important;background:rgba(0,0,0,0)!important}.widget .widget-body table tbody tr:hover{background-color:#0000!important;background:rgba(0,0,0,0)!important}.widget .widget-body table thead tr:hover{background-color:rgba(0,0,0,.35)!important;background:rgba(0,0,0,.35)!important} diff --git a/CSS/themes/prowlarr/prowlarr-base.css b/CSS/themes/prowlarr/prowlarr-base.css index 75bcb5c4..a5234a30 100644 --- a/CSS/themes/prowlarr/prowlarr-base.css +++ b/CSS/themes/prowlarr/prowlarr-base.css @@ -1,1101 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ - -body { - background: var(--main-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: var(--text); -} - -/* Froms */ - -[class*="FormInputHelpText-helpText-"] { - color: var(--text); -} - -[class*="FormInputGroup-inputUnit-"] { - color: var(--text) !important; -} - -/* LINKS */ -[class*="Link-to-"] { - color: var(--text); -} - -[class*="Link-to-"]:hover { - color: var(--text-hover); - text-decoration: none; -} - -a { - color: var(--link-color); -} - -a:hover { - color: var(--link-color-hover); -} - -[class*="TableRowCell-cell-"] [class*="Link-to-"] { - color: var(--link-color) !important; -} - -[class*="TableRowCell-cell-"] [class*="Link-to-"]:hover { - color: var(--link-color-hover) !important; -} - -/* Buttons */ - -[class*="Button-default-"] { - color: var(--button-text); - background-color: var(--button-color); - border-color: transparent; -} - -[class*="Button-default-"]:hover { - border-color: transparent; - background-color: var(--button-color-hover) !important; - color: var(--button-text-hover); -} - -[class*="Button-primary-"] { - border-color: transparent; - background-color: var(--button-color); - color: var(--button-text); -} - -[class*="Button-primary-"]:hover { - border-color: transparent; - background-color: var(--button-color-hover) !important; - color: var(--button-text-hover); -} - -[class*="Button-success-"] { - border-color: var(--button-color); - background-color: var(--button-color); - color: var(--button-text); -} - -[class*="Button-success-"]:hover { - border-color: var(--button-color-hover); - background-color: var(--button-color-hover); - color: var(--button-text-hover); -} - -/* LOADING PAGE */ -[class*="ErrorPage-page-"], -[class*="ErrorPage-version-"], -[class*="LoadingMessage-loadingMessage-358v5"] { - color: var(--text); -} - -[class*="LoadingIndicator-ripple-"] { - border: 2px solid #fff; -} - -/* MODAL */ -[class*="ModalHeader-modalHeader-"] { - 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; - color: var(--text-hover); - border-bottom: 1px solid rgb(var(--accent-color)); -} - -[class*="ModalContent-modalContent-"] { - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: var(--text); -} - -[class*="ModalFooter-modalFooter-"] { - 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; - color: #fff; - border-top: 1px solid rgb(var(--accent-color)); -} - -[class*="ModalContent-closeButton-"]:hover { - color: #fff; -} - -/* INPUT */ -[class*="TagInput-internalInput-"] { - background-color: transparent; - color: #fff; -} - -[class*="SelectInput-select-"] { - background-color: rgba(0, 0, 0, 0.25) !important; -} - -[class*="SelectInput-select-"]:active, -[class*="SelectInput-select-"]:focus { - background: #1e1e1e !important; -} - -[class*="AutoSuggestInput-suggestionsList-"], -[class*="AutoSuggestInput-suggestionsContainerOpen-"], -[class*="AutoSuggestInput-suggestionsContainer-"] { - background-color: #323232 !important; - color: white; - border: none !important; -} - -[class*="AutoSuggestInput-suggestionHighlighted-"] { - background-color: hsla(0, 0%, 100%, .08); -} - -[class*="CheckInput-primaryIsChecked-"] { - border-color: rgb(var(--accent-color)) !important; - background-color: rgb(var(--accent-color)) !important; - color: var(--label-text-color) !important; -} - -[class*="CheckInput-input-"][class*="CheckInput-isNotChecked-"] { - background: #fff; -} - -/* HEADER */ - -[class*="PageHeader-header-"] { - background-color: rgba(0, 0, 0, .35); - box-shadow: none; -} - -/* SEARCH DROPDOWN HEADER */ - -[class*="PageHeader-donate-"] { - color: #c4273c !important; -} - -/* RADARR SPECIFIC */ -[class*="IndexerSearchInput-sectionTitle-"] { - color: #fff; -} - -[class*="IndexerSearchInput-containerOpen-"] [class*="IndexerSearchInput-movieContainer-"] { - border: none !important; - 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 !important; - box-shadow: 0 0 10px 1px transparent !important; -} - -[class*="IndexerSearchInput-highlighted-"] { - background-color: hsla(0, 0%, 100%, .08); -} - -[class*="IndexerSearchInput-movieContainer-"]::-webkit-scrollbar-thumb { - background-color: rgba(255, 255, 255, 0.25); -} - -/* SIDE MENU */ -[class*="PageSidebar-sidebarContainer-"] { - background-color: rgba(0, 0, 0, .25); -} - -[class*="PageSidebar-sidebar-"] { - background-color: transparent; -} - -[class*="PageSidebarItem-link-"]:hover { - color: rgb(var(--accent-color)); - text-decoration: none; -} - -[class*="PageSidebarItem-isActiveLink-"], -[class*="PageSidebarItem-isActiveLink-"]:hover, -[class*="PageSidebarItem-link-"]:focus { - color: rgb(var(--accent-color)) !important; -} - -[class*="PageSidebarItem-isActiveParentLink-"] { - background-color: rgba(0, 0, 0, 0.15); -} - -@media only screen and (max-width: 768px) { - [class*="PageSidebar-sidebarContainer-"] { - 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; - } -} - -[class*="PageSidebarItem-isActiveItem-"] { - border-left: 3px solid rgb(var(--accent-color)); -} - -/* MOVIES PAGE */ -/* RADARR SPECIFIC */ -[class*="MovieIndexPoster-controls-"] { - background-color: rgb(var(--accent-color)) !important; -} - -/* OVERVIEW PAGE */ - -[class*="MovieIndexOverviews-container-"], -[class*="MovieIndexOverviews-container-"]:hover { - background-color: transparent !important; -} - -[class*="MovieIndexOverview-container-"]:hover [class*="MovieIndexOverview-content-"] { - background-color: transparent; -} - -[class*="AddListMovieOverview-container-"]:hover [class*="AddListMovieOverview-content-"] { - background-color: rgba(255, 255, 255, 0.08); -} - -[class*="AddListMoviePoster-title-"] { - background-color: rgba(255, 255, 255, 0.08); -} - -[class*="MovieIndexOverview-content-"]:hover { - background-color: hsla(0, 0%, 100%, .08) !important; -} - -[class*="MovieIndexOverview-link-"]:hover { - text-decoration: none; -} - -[class*="ProgressBar-container-"] { - background-color: rgba(0, 0, 0, 0.25); -} - -[class*=".ProgressBar-purple-"] { - background-color: rgb(var(--accent-color)); -} - -/* MOVIE PAGE */ -[class*="MovieDetailsSeason-season-"], -[class*="MovieDetailsSeason-collapseButtonContainer-"] { - border: none !important; - background-color: rgba(0, 0, 0, .25) !important; -} - -[class*="MovieDetailsSeason-actionButton-"], -[class*="MovieDetailsSeason-collapseButtonIcon-"] { - color: var(--text) !important; -} - -.fa-search:hover { - color: var(--text-hover) !important; -} - -[class*="Icon-default-"]:hover:not([class*="Label-large-"] [class*="Icon-default-"], [class*="PathInput-fileBrowserButton-"]svg) { - color: var(--text-hover); -} - -[class*="MonitorToggleButton-toggleButton-"] { - color: #dadada; -} - - -[class*="ProtocolLabel-torrent-"] { - border-color: #00853d !important; - background-color: #00853d !important; - color: #fff !important; -} - -[class*="ProtocolLabel-usenet-"] { - border-color: #17b1d9 !important; - background-color: #17b1d9 !important; - color: #fff !important; -} - -[class*="MovieDetailsSeason-seasonNumber-"] { - color: #fff; -} - -[class*="MovieDetailsSeason-collapseButtonContainer-"] { - border: none !important; - background-color: rgba(0, 0, 0, .25) !important; -} - -[class*="MovieFileEditorTable-container-"] { - border: 1px solid transparent; - background-color: rgba(0, 0, 0, 0.25); -} - -[class*="ExtraFileTable-container-"] { - border: 1px solid transparent; - background-color: rgba(0, 0, 0, .25); -} - -.Table-table-2C3O8 { - color: #fff; -} - -[class*="Popover-title-"], -[class*="SeasonInfo-title-"], -[class*="Popover-body-"], -[class*="Tooltip-body-"] { - 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; -} - -[class*="Tooltip-tooltipContainer-"] { - color: #fff; -} - -[class*="Tooltip-bottom-"][class*="Tooltip-default-"] { - border-bottom-color: var(--text); -} - -[class*="Tooltip-right-"][class*="Tooltip-default-"] { - border-right-color: var(--text); -} - -[class*="EpisodeTitleLink-link-"]:hover { - color: #ffffff; - text-decoration: none; -} - -[class*="IconButton-button-"] { - color: var(--text); -} - -[class*="IconButton-button-"]:hover { - background-color: transparent; - color: var(--label-text-color); -} - -[class*="Table-tableContainer-"] [class*="IconButton-button-"]:hover { - background-color: transparent; - color: var(--text-hover); -} - -[class*="Label-default-"] { - border-color: rgb(var(--accent-color)); - background-color: rgb(var(--accent-color)); - color: var(--label-text-color); -} - -[class*="Label-info-"] { - border-color: rgb(var(--accent-color)); - background-color: rgb(var(--accent-color)); - color: var(--label-text-color); -} - -[class*="PageSidebarItem-status-"][class*="Label-info-"] { - border-color: var(--queue-color); - background-color: var(--queue-color); - color: var(--label-text-color); -} - -[class*="MovieDetails-selectedTab-"] { - border-bottom: 4px solid rgb(var(--accent-color)); -} - -[class*="MovieDetails-tabList-"] { - color: var(--text-hover); -} - -/* Table options*/ -[class*="TableOptionsColumn-column-"] { - background: rgba(0, 0, 0, .25); - color: var(--text-hover); - border: none; -} - -[class*="TableHeaderCell-headerCell-"] { - color: var(--text-hover); -} - -[class*="Table-table-"] { - color: var(--text); -} - -[class*="TableRow-row-"]:hover { - background-color: hsla(0, 0%, 100%, .08); - color: var(--text-hover); -} - -[class*="TableRowCell-cell-"] { - border-top: 1px solid rgb(255 255 255 / 25%); -} - -/* TOP MENU SERIES */ -[class*="PageToolbar-toolbar-"] { - background-color: rgba(0, 0, 0, .25); - color: var(--text); -} - -[class*="PageToolbarButton-label-"] { - color: var(--text); -} - -[class*="PageToolbarButton-toolbarButton-"][class*="PageToolbarButton-isDisabled-"] { - opacity: .5; - color: var(--text); -} - -[class*="PageToolbarButton-toolbarButton-"][class*="PageToolbarButton-isDisabled-"]:hover, -[class*="PageToolbarButton-isDisabled-"]:hover { - color: var(--text) !important; -} - -[class*="PageToolbarButton-label-"] { - color: var(--text); -} - -[class*="PageToolbarButton-toolbarButton-"]:hover { - color: rgb(var(--accent-color)); -} - -[class*="MenuButton-menuButton-"]:hover { - color: rgb(var(--accent-color)); -} - -/* POSTERS */ -[class*="MovieIndexPoster-title-"], -[class*="MovieIndexPoster-nextAiring-"], -[class*="MovieIndexPosterInfo-info-"], -[class*="MovieIndexPosterInfo-info-"], -[class*="MovieCreditPoster-title-"] { - background-color: rgba(255, 255, 255, 0.08); - color: var(--text-hover); -} - -/* LIBRARY TOP HEADER DROPDOWN */ -[class*="MenuItem-menuItem-"], -[class*="MenuContent-menuContent-"] { - 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; - color: var(--text); -} - -[class*="MenuContent-scroller-"] { - box-shadow: black 0 0 5px 0px; -} - -[class*="MenuItem-menuItem-"]:hover, -[class*="MenuItem-menuItem-"]:focus { - background: hsla(0, 0%, 100%, .08) !important; - color: var(--text-hover); - text-decoration: none; -} - -[class*="MenuItemSeparator-separator-"] { - background-color: hsla(0, 0%, 100%, .08) !important; -} - -/* ALPHABET JUMP BAR */ -[class*="PageJumpBar-jumpBar-"] { - color: #FFF; -} - -/* MINI RIGHT SCROLL BAR */ -[class*="OverlayScroller-thumb-"], -[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb { - background-color: hsla(0, 0%, 100%, .08) !important; -} - -[class*="OverlayScroller-thumb-"]:hover, -[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb:hover { - background-color: rgba(255, 255, 255, 0.25) !important; -} - -/* ADD NEW */ - -[class*="EnhancedSelectInput-options-"] { - border: 1px solid rgba(255, 255, 255, 0.2); - border-radius: 4px; - 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; - color: var(--text); -} - -[class*="EnhancedSelectInputOption-isSelected-"], -[class*="EnhancedSelectInputOption-isSelected-"]:hover { - background-color: rgba(255, 255, 255, 0.20) !important; - color: var(--text-hover); -} - -[class*="EnhancedSelectInputOption-option-"]:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -[class*="HintedSelectInputOption-hintText-"] { - color: var(--text); -} - -/* SEARCH BAR */ -[class*="Input-input-"], -[class*="AddNewMovie-searchIconContainer-"], -[class*="CheckInput-isIndeterminate-"] { - border: none; - background-color: rgba(255, 255, 255, 0.08); - color: #fff; -} - -[class*="IndexerSearchInput-container-"] [class*="Input-input-"] { - background: transparent; - border-bottom: solid 1px #fff; -} - -[class*="IndexerSearchInput-container-"] [class*="Input-input-"]:focus { - border-bottom: none; - background: transparent; -} - -[class*="IndexerSearchResult-alternateTitle-"] { - color: #ffffff; - font-size: 12px; -} - -[class*="AddNewMovieSearchResult-year-"] { - color: #fff !important; -} - -[class*="Input-input-"]:focus { - outline: 0; - border-color: #fff; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.25); -} - -[class*="TagInput-input-"][class*="TagInput-isFocused-"] { - outline: 0; - border-color: #fff; - box-shadow: none; -} - -/* TEXT COLOR */ - -[class*="PageContentBody-innerContentBody-"] { - color: var(--text); -} - -/* SEARCH RESULTS */ -[class*="AddNewMovieSearchResult-searchResult-"], -[class*="AddNewMovieSearchResult-underlay-"] { - background-color: transparent !important; -} - -[class*="AddNewMovieSearchResult-searchResult-"]:hover, -[class*="AddNewMovieSearchResult-underlay-"]:hover { - background-color: hsla(0, 0%, 100%, .08) !important; -} - -[class*="AddNewmovieModalContent-year-"] { - color: #fff; -} - -[class*="RootFolderSelectInputSelectedValue-movieFolder-"], -[class*="RootFolderSelectInputSelectedValue-freeSpace-"] { - color: #fff; -} - -[class*="RootFolderSelectInputOption-freeSpace-"], -[class*="RootFolderSelectInputOption-movieFolder-"] { - color: var(--text-muted); -} - -/* MOVE THIS */ -input::-webkit-input-placeholder { - color: var(--text); -} - -input:focus::-webkit-input-placeholder { - color: var(--text-hover); -} - -/* Firefox < 19 */ -input:-moz-placeholder { - color: var(--text); -} - -input:focus:-moz-placeholder { - color: var(--text-hover); -} - -/* Firefox > 19 */ -input::-moz-placeholder { - color: var(--text); -} - -input:focus::-moz-placeholder { - color: var(--text-hover); -} - -/* Internet Explorer 10 */ -input:-ms-input-placeholder { - color: var(--text); -} - -input:focus:-ms-input-placeholder { - color: var(--text-hover); -} - -/* IMPORT */ - -[class*="FieldSet-legend-"] { - color: var(--text-hover); - border-bottom: 1px solid rgb(var(--accent-color)); -} - -[class*="VirtualTableRow-row-"]:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -/* Drop down menu/button*/ -[class*="ImportMovieSelectMovie-button-"] { - border: none !important; - background-color: rgba(0, 0, 0, 0.25) !important; -} - -[class*="ImportMovieSelectMovie-content-"], -[class*="ImportMovieSelectMovie-searchIconContainer-"] { - border: none; - 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; -} - -[class*="ImportMovieSearchResult-movie-"]:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -[class*="ImportMovieTitle-year-"] { - color: var(--text-muted); -} - -/* DISCOVER */ -[class*="DiscoverMovieOverview-link-"] { - color: var(--text); -} - -[class*="DiscoverMovieOverview-link-"]:hover { - color: var(--text-hover); - text-decoration: none; -} - -/*Title*/ -[class*="AddListMovieOverview-link-"] { - color: var(--text); -} - -[class*="AddListMovieOverview-link-"]:hover { - color: #fff; -} - -[class*="AddListMovieOverview-content-"]:hover { - background-color: hsla(0, 0%, 100%, .08) !important; -} - -[class*="PageJumpBarItem-jumpBarItem-"]:hover { - color: #fff; - background: hsla(0, 0%, 100%, .08); -} - -/*Posters*/ -[class*="AddListMoviePoster-title-"] { - background-color: rgba(255, 255, 255, 0.08); - color: #fff; -} - -/* MASS EDITOR */ -/* FOOTER */ -[class*="PageContentFooter-contentFooter-"] { - border: none; - background-color: rgba(0, 0, 0, .25); - color: #FFF; -} - -/* CALENDAR */ -[class*="CalendarEvent-downloaded-"] { - background: rgb(var(--calendar-available) / .7) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-downloaded-"]:hover { - background: rgb(var(--calendar-available) / .5) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-missing-"] { - background: rgb(var(--calendar-missing) / .7) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-missing-"]:hover { - background: rgba(var(--calendar-missing) / .5) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-unreleased-"] { - background: rgb(var(--calendar-unaired) / .7) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-unreleased-"]:hover { - background: rgb(var(--calendar-unaired) / .5) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-unmonitored-"] { - background: rgb(var(--calendar-unmonitored) / .7) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-unmonitored-"]:hover { - background: rgb(var(--calendar-unmonitored) / .5) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-downloading-"] { - background: rgb(var(--calendar-downloading) / .7) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-downloading-"]:hover { - background: rgb(var(--calendar-downloading) / .5) !important; - border-left-color: transparent !important; -} - -[class*="DayOfWeek-dayOfWeek-"] { - background-color: hsla(0, 0%, 100%, .08); -} - -[class*="CalendarDay-dayOfMonth-"] { - border-bottom: 1px solid hsla(0, 0%, 100%, .08); - background-color: rgba(0, 0, 0, .25); -} - -[class*="CalendarDay-isToday-"] { - background-color: hsla(0, 0%, 100%, .08) !important; -} - -[class*="CalendarDay-day-"], -[class*="CalendarDays-days-"] { - -webkit-box-flex: 1; - -webkit-flex: 1 0 14.28%; - flex: 1 0 14.28%; - overflow: hidden; - min-height: 70px; - border-bottom: 1px solid hsla(0, 0%, 100%, .08); - border-left: 1px solid hsla(0, 0%, 100%, .08); - border-right: 1px solid hsla(0, 0%, 100%, .08); -} - -[class*="CalendarEvent-movieTitle-"], -[class*="CalendarEvent-episodeInfo-"], -[class*="CalendarEvent-airTime-"] { - color: #ffffff !important; -} - -[class*="CalendarEvent-movieInfo-"] { - color: var(--text); -} - -[class*="CalendarEvent-event-"] { - border-bottom: 1px solid transparent; -} - -[class*="CalendarEventGroup-eventGroup-"] { - border-bottom: 1px solid hsla(0, 0%, 100%, .08) !important; -} - -[class*="CalendarEventGroup-movieTitle-"] { - color: #ffffff !important; -} - -[class*="CalendarEventGroup-airTime-"] { - color: var(--text); -} - -[class*="CalendarEventGroup-episodeInfo-"] { - color: var(--text); -} - -/* calendar agenda */ -[class*="AgendaEvent-event-"]:hover { - background-color: hsla(0, 0%, 100%, .08) !important; -} - -/* SETTINGS */ -[class*="Settings-link-"] { - color: var(--text-hover); - border-bottom: 1px solid rgb(var(--accent-color)); -} - -[class*="Settings-summary-"] { - color: var(--text); -} - -[class*="FormLabel-large-"] { - color: var(--text-hover); -} - -[class*="FormLabel-isAdvanced-"] { - color: #ff902b; -} - -/* MEDIA MANAGEMENT - FILE NAME TOKENS */ -[class*="NamingOption-small-"] { - border: 1px solid transparent; -} - -[class*="NamingOption-token-"] { - background-color: rgba(255, 255, 255, 0.15); -} - -[class*="NamingOption-token-"] { - background-color: rgba(255, 255, 255, 0.15); -} - -[class*="NamingOption-example-"] { - background-color: rgba(255, 255, 255, 0.25); -} - -[class*="NamingOption-option-"] { - border: 1px solid transparent; -} - -[class*="NamingOption-option-"]:hover [class*="NamingOption-token-"] { - background-color: rgba(255, 255, 2550, 0.25); -} - -[class*="NamingOption-option-"]:hover [class*="NamingOption-example-"] { - background-color: rgba(255, 255, 2550, 0.35); -} - -/* PROFILES */ -[class*="Card-card-"], -[class*="QualityProfiles-addQualityProfile-"] { - background-color: rgba(0, 0, 0, .45); - box-shadow: 0 0 10px 1px #000000; - color: var(--text); -} - -[class*="Card-card-"]:hover, -[class*="Applications-center-"]:hover { - color: var(--text-hover); -} - -[class*="QualityProfiles-center-"], -[class*="LanguageProfiles-center-"], -[class*="ReleaseProfiles-center-"] { - background-color: transparent; - border: none; - color: var(--text); -} - -[class*="Applications-center-"], -[class*="AppProfiles-center-"] { - background-color: transparent; - border: none; -} - -[class*="QualityProfileItem-qualityProfileItem-"], -[class*="QualityProfileItemGroup-qualityProfileItemGroup-"], -[class*="LanguageProfileItem-languageProfileItem-"] { - border: none; - background-color: rgba(0, 0, 0, .25); - color: #FFF; -} - -[class*="QualityProfileItemGroup-qualityProfileItemGroup-"][class*="QualityProfileItemGroup-editGroups-"] { - background: rgba(0, 0, 0, 0.25); -} - -[class*="QualityDefinitions-sizeLimitHelpText-"] { - color: var(--text); -} - -[class*="KeyValueListInputItem-keyInput-"], -[class*="KeyValueListInputItem-valueInput-"] { - border: none; - background: transparent; - color: white; -} - -[class*="QualityProfileFormatItem-qualityProfileFormatItem-"] { - border: 1px solid transparent; - background: rgba(0, 0, 0, .25); -} - -/* PROFILES */ -[class*="Indexers-center-"] { - background-color: transparent; - border: none; - color: var(--text); -} - -/* DOWNLOAD CLIENTS */ -[class*="DownloadClients-center-"] { - background-color: transparent; - border: none; -} - -/* CONNECTIONS */ -[class*="Notifications-center-"] { - background-color: transparent; - border: none; -} - -/* LISTS */ -[class*="ImportLists-center-"] { - background-color: transparent; - border: none; - color: var(--text); -} - -/* LOG */ -[class*="Alert-info-"] { - border-color: transparent; - background-color: rgba(0, 0, 0, 0.25); - color: #FFC107; -} - -/* INDEXER */ -[class*="Restrictions-center-"] { - border: 1px solid transparent; - background-color: transparent; -} - -/* LISTS */ -[class*="NetImports-center-"] { - border: 1px solid transparent; - background-color: transparent; -} - -/* CUSTOM FORMAT */ -[class*="CustomFormats-center-"], -[class*="EditCustomFormatModalContent-center-"] { - border: 1px solid transparent; - background-color: transparent; -} - -/* Login Page */ - -.panel-body { - background-color: rgba(0, 0, 0, 0.25); - color: var(--text); -} - -.panel-header { - background-color: rgba(0, 0, 0, 0.45); -} - -.forgot-password { - color: var(--text) !important; -} - -input[type=email], -input[type=password] { - border: none; - background-color: rgba(255, 255, 255, 0.08); - color: #FFF; -} - -.button { - border-color: var(--button-color); - 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; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.25); -} - -/* Custom filter */ -[class*="FilterBuilderRow-filterRow-"]:hover { - background-color: transparent; -} - -[class*="CustomFilter-customFilter-"]:hover { - background-color: hsla(0, 0%, 100%, .08); -} - -[class*="SelectMovieModalContent-path-"] { - color: var(--text); -} - -/* ChartJS */ -[class*="Stats-fullWidthChart-"], -[class*="Stats-halfWidthChart-"] { - background: rgba(0, 0, 0, .25) !important; -} - -canvas { - filter: invert(1) -} \ No newline at end of file +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)}[class*=FormInputHelpText-helpText-]{color:var(--text)}[class*=FormInputGroup-inputUnit-]{color:var(--text)!important}[class*=Link-to-]{color:var(--text)}[class*=Link-to-]:hover{color:var(--text-hover);text-decoration:none}a{color:var(--link-color)}a:hover{color:var(--link-color-hover)}[class*=TableRowCell-cell-] [class*=Link-to-]{color:var(--link-color)!important}[class*=TableRowCell-cell-] [class*=Link-to-]:hover{color:var(--link-color-hover)!important}[class*=Button-default-]{color:var(--button-text);background-color:var(--button-color);border-color:transparent}[class*=Button-default-]:hover{border-color:transparent;background-color:var(--button-color-hover)!important;color:var(--button-text-hover)}[class*=Button-primary-]{border-color:transparent;background-color:var(--button-color);color:var(--button-text)}[class*=Button-primary-]:hover{border-color:transparent;background-color:var(--button-color-hover)!important;color:var(--button-text-hover)}[class*=Button-success-]{border-color:var(--button-color);background-color:var(--button-color);color:var(--button-text)}[class*=Button-success-]:hover{border-color:var(--button-color-hover);background-color:var(--button-color-hover);color:var(--button-text-hover)}[class*=ErrorPage-page-],[class*=ErrorPage-version-],[class*=LoadingMessage-loadingMessage-358v5]{color:var(--text)}[class*=LoadingIndicator-ripple-]{border:2px solid #fff}[class*=ModalHeader-modalHeader-]{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;color:var(--text-hover);border-bottom:1px solid rgb(var(--accent-color))}[class*=ModalContent-modalContent-]{background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;color:var(--text)}[class*=ModalFooter-modalFooter-]{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;color:#fff;border-top:1px solid rgb(var(--accent-color))}[class*=ModalContent-closeButton-]:hover{color:#fff}[class*=TagInput-internalInput-]{background-color:transparent;color:#fff}[class*=SelectInput-select-]{background-color:rgba(0,0,0,.25)!important}[class*=SelectInput-select-]:active,[class*=SelectInput-select-]:focus{background:#1e1e1e!important}[class*=AutoSuggestInput-suggestionsContainer-],[class*=AutoSuggestInput-suggestionsContainerOpen-],[class*=AutoSuggestInput-suggestionsList-]{background-color:#323232!important;color:#fff;border:none!important}[class*=AutoSuggestInput-suggestionHighlighted-]{background-color:hsla(0,0%,100%,.08)}[class*=CheckInput-primaryIsChecked-]{border-color:rgb(var(--accent-color))!important;background-color:rgb(var(--accent-color))!important;color:var(--label-text-color)!important}[class*=CheckInput-input-][class*=CheckInput-isNotChecked-]{background:#fff}[class*=PageHeader-header-]{background-color:rgba(0,0,0,.35);box-shadow:none}[class*=PageHeader-donate-]{color:#c4273c!important}[class*=IndexerSearchInput-sectionTitle-]{color:#fff}[class*=IndexerSearchInput-containerOpen-] [class*=IndexerSearchInput-movieContainer-]{border:none!important;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!important;box-shadow:0 0 10px 1px transparent!important}[class*=IndexerSearchInput-highlighted-]{background-color:hsla(0,0%,100%,.08)}[class*=IndexerSearchInput-movieContainer-]::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.25)}[class*=PageSidebar-sidebarContainer-]{background-color:rgba(0,0,0,.25)}[class*=PageSidebar-sidebar-]{background-color:transparent}[class*=PageSidebarItem-link-]:hover{color:rgb(var(--accent-color));text-decoration:none}[class*=PageSidebarItem-isActiveLink-],[class*=PageSidebarItem-isActiveLink-]:hover,[class*=PageSidebarItem-link-]:focus{color:rgb(var(--accent-color))!important}[class*=PageSidebarItem-isActiveParentLink-]{background-color:rgba(0,0,0,.15)}@media only screen and (max-width:768px){[class*=PageSidebar-sidebarContainer-]{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}}[class*=PageSidebarItem-isActiveItem-]{border-left:3px solid rgb(var(--accent-color))}[class*=MovieIndexPoster-controls-]{background-color:rgb(var(--accent-color))!important}[class*=MovieIndexOverviews-container-],[class*=MovieIndexOverviews-container-]:hover{background-color:transparent!important}[class*=MovieIndexOverview-container-]:hover [class*=MovieIndexOverview-content-]{background-color:transparent}[class*=AddListMovieOverview-container-]:hover [class*=AddListMovieOverview-content-]{background-color:rgba(255,255,255,.08)}[class*=AddListMoviePoster-title-]{background-color:rgba(255,255,255,.08)}[class*=MovieIndexOverview-content-]:hover{background-color:hsla(0,0%,100%,.08)!important}[class*=MovieIndexOverview-link-]:hover{text-decoration:none}[class*=ProgressBar-container-]{background-color:rgba(0,0,0,.25)}[class*=".ProgressBar-purple-"]{background-color:rgb(var(--accent-color))}[class*=MovieDetailsSeason-collapseButtonContainer-],[class*=MovieDetailsSeason-season-]{border:none!important;background-color:rgba(0,0,0,.25)!important}[class*=MovieDetailsSeason-actionButton-],[class*=MovieDetailsSeason-collapseButtonIcon-]{color:var(--text)!important}.fa-search:hover{color:var(--text-hover)!important}[class*=Icon-default-]:hover:not([class*=Label-large-] [class*=Icon-default-],[class*=PathInput-fileBrowserButton-]svg){color:var(--text-hover)}[class*=MonitorToggleButton-toggleButton-]{color:#dadada}[class*=ProtocolLabel-torrent-]{border-color:#00853d!important;background-color:#00853d!important;color:#fff!important}[class*=ProtocolLabel-usenet-]{border-color:#17b1d9!important;background-color:#17b1d9!important;color:#fff!important}[class*=MovieDetailsSeason-seasonNumber-]{color:#fff}[class*=MovieDetailsSeason-collapseButtonContainer-]{border:none!important;background-color:rgba(0,0,0,.25)!important}[class*=MovieFileEditorTable-container-]{border:1px solid transparent;background-color:rgba(0,0,0,.25)}[class*=ExtraFileTable-container-]{border:1px solid transparent;background-color:rgba(0,0,0,.25)}.Table-table-2C3O8{color:#fff}[class*=Popover-body-],[class*=Popover-title-],[class*=SeasonInfo-title-],[class*=Tooltip-body-]{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}[class*=Tooltip-tooltipContainer-]{color:#fff}[class*=Tooltip-bottom-][class*=Tooltip-default-]{border-bottom-color:var(--text)}[class*=Tooltip-right-][class*=Tooltip-default-]{border-right-color:var(--text)}[class*=EpisodeTitleLink-link-]:hover{color:#fff;text-decoration:none}[class*=IconButton-button-]{color:var(--text)}[class*=IconButton-button-]:hover{background-color:transparent;color:var(--label-text-color)}[class*=Table-tableContainer-] [class*=IconButton-button-]:hover{background-color:transparent;color:var(--text-hover)}[class*=Label-default-]{border-color:rgb(var(--accent-color));background-color:rgb(var(--accent-color));color:var(--label-text-color)}[class*=Label-info-]{border-color:rgb(var(--accent-color));background-color:rgb(var(--accent-color));color:var(--label-text-color)}[class*=PageSidebarItem-status-][class*=Label-info-]{border-color:var(--queue-color);background-color:var(--queue-color);color:var(--label-text-color)}[class*=MovieDetails-selectedTab-]{border-bottom:4px solid rgb(var(--accent-color))}[class*=MovieDetails-tabList-]{color:var(--text-hover)}[class*=TableOptionsColumn-column-]{background:rgba(0,0,0,.25);color:var(--text-hover);border:none}[class*=TableHeaderCell-headerCell-]{color:var(--text-hover)}[class*=Table-table-]{color:var(--text)}[class*=TableRow-row-]:hover{background-color:hsla(0,0%,100%,.08);color:var(--text-hover)}[class*=TableRowCell-cell-]{border-top:1px solid rgb(255 255 255 / 25%)}[class*=PageToolbar-toolbar-]{background-color:rgba(0,0,0,.25);color:var(--text)}[class*=PageToolbarButton-label-]{color:var(--text)}[class*=PageToolbarButton-toolbarButton-][class*=PageToolbarButton-isDisabled-]{opacity:.5;color:var(--text)}[class*=PageToolbarButton-isDisabled-]:hover,[class*=PageToolbarButton-toolbarButton-][class*=PageToolbarButton-isDisabled-]:hover{color:var(--text)!important}[class*=PageToolbarButton-label-]{color:var(--text)}[class*=PageToolbarButton-toolbarButton-]:hover{color:rgb(var(--accent-color))}[class*=MenuButton-menuButton-]:hover{color:rgb(var(--accent-color))}[class*=MovieCreditPoster-title-],[class*=MovieIndexPoster-nextAiring-],[class*=MovieIndexPoster-title-],[class*=MovieIndexPosterInfo-info-]{background-color:rgba(255,255,255,.08);color:var(--text-hover)}[class*=MenuContent-menuContent-],[class*=MenuItem-menuItem-]{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;color:var(--text)}[class*=MenuContent-scroller-]{box-shadow:#000 0 0 5px 0}[class*=MenuItem-menuItem-]:focus,[class*=MenuItem-menuItem-]:hover{background:hsla(0,0%,100%,.08)!important;color:var(--text-hover);text-decoration:none}[class*=MenuItemSeparator-separator-]{background-color:hsla(0,0%,100%,.08)!important}[class*=PageJumpBar-jumpBar-]{color:#fff}[class*=OverlayScroller-thumb-],[class*=Scroller-scroller-]::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.08)!important}[class*=OverlayScroller-thumb-]:hover,[class*=Scroller-scroller-]::-webkit-scrollbar-thumb:hover{background-color:rgba(255,255,255,.25)!important}[class*=EnhancedSelectInput-options-]{border:1px solid rgba(255,255,255,.2);border-radius:4px;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;color:var(--text)}[class*=EnhancedSelectInputOption-isSelected-],[class*=EnhancedSelectInputOption-isSelected-]:hover{background-color:rgba(255,255,255,.2)!important;color:var(--text-hover)}[class*=EnhancedSelectInputOption-option-]:hover{background-color:rgba(255,255,255,.08)}[class*=HintedSelectInputOption-hintText-]{color:var(--text)}[class*=AddNewMovie-searchIconContainer-],[class*=CheckInput-isIndeterminate-],[class*=Input-input-]{border:none;background-color:rgba(255,255,255,.08);color:#fff}[class*=IndexerSearchInput-container-] [class*=Input-input-]{background:0 0;border-bottom:solid 1px #fff}[class*=IndexerSearchInput-container-] [class*=Input-input-]:focus{border-bottom:none;background:0 0}[class*=IndexerSearchResult-alternateTitle-]{color:#fff;font-size:12px}[class*=AddNewMovieSearchResult-year-]{color:#fff!important}[class*=Input-input-]:focus{outline:0;border-color:#fff;box-shadow:none;background-color:rgba(255,255,255,.25)}[class*=TagInput-input-][class*=TagInput-isFocused-]{outline:0;border-color:#fff;box-shadow:none}[class*=PageContentBody-innerContentBody-]{color:var(--text)}[class*=AddNewMovieSearchResult-searchResult-],[class*=AddNewMovieSearchResult-underlay-]{background-color:transparent!important}[class*=AddNewMovieSearchResult-searchResult-]:hover,[class*=AddNewMovieSearchResult-underlay-]:hover{background-color:hsla(0,0%,100%,.08)!important}[class*=AddNewmovieModalContent-year-]{color:#fff}[class*=RootFolderSelectInputSelectedValue-freeSpace-],[class*=RootFolderSelectInputSelectedValue-movieFolder-]{color:#fff}[class*=RootFolderSelectInputOption-freeSpace-],[class*=RootFolderSelectInputOption-movieFolder-]{color:var(--text-muted)}input::-webkit-input-placeholder{color:var(--text)}input:focus::-webkit-input-placeholder{color:var(--text-hover)}input:-moz-placeholder{color:var(--text)}input:focus:-moz-placeholder{color:var(--text-hover)}input::-moz-placeholder{color:var(--text)}input:focus::-moz-placeholder{color:var(--text-hover)}input:-ms-input-placeholder{color:var(--text)}input:focus:-ms-input-placeholder{color:var(--text-hover)}[class*=FieldSet-legend-]{color:var(--text-hover);border-bottom:1px solid rgb(var(--accent-color))}[class*=VirtualTableRow-row-]:hover{background-color:rgba(255,255,255,.08)}[class*=ImportMovieSelectMovie-button-]{border:none!important;background-color:rgba(0,0,0,.25)!important}[class*=ImportMovieSelectMovie-content-],[class*=ImportMovieSelectMovie-searchIconContainer-]{border:none;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}[class*=ImportMovieSearchResult-movie-]:hover{background-color:rgba(255,255,255,.08)}[class*=ImportMovieTitle-year-]{color:var(--text-muted)}[class*=DiscoverMovieOverview-link-]{color:var(--text)}[class*=DiscoverMovieOverview-link-]:hover{color:var(--text-hover);text-decoration:none}[class*=AddListMovieOverview-link-]{color:var(--text)}[class*=AddListMovieOverview-link-]:hover{color:#fff}[class*=AddListMovieOverview-content-]:hover{background-color:hsla(0,0%,100%,.08)!important}[class*=PageJumpBarItem-jumpBarItem-]:hover{color:#fff;background:hsla(0,0%,100%,.08)}[class*=AddListMoviePoster-title-]{background-color:rgba(255,255,255,.08);color:#fff}[class*=PageContentFooter-contentFooter-]{border:none;background-color:rgba(0,0,0,.25);color:#fff}[class*=CalendarEvent-downloaded-]{background:rgb(var(--calendar-available) / .7)!important;border-left-color:transparent!important}[class*=CalendarEvent-downloaded-]:hover{background:rgb(var(--calendar-available) / .5)!important;border-left-color:transparent!important}[class*=CalendarEvent-missing-]{background:rgb(var(--calendar-missing) / .7)!important;border-left-color:transparent!important}[class*=CalendarEvent-missing-]:hover{background:rgba(var(--calendar-missing) / .5)!important;border-left-color:transparent!important}[class*=CalendarEvent-unreleased-]{background:rgb(var(--calendar-unaired) / .7)!important;border-left-color:transparent!important}[class*=CalendarEvent-unreleased-]:hover{background:rgb(var(--calendar-unaired) / .5)!important;border-left-color:transparent!important}[class*=CalendarEvent-unmonitored-]{background:rgb(var(--calendar-unmonitored) / .7)!important;border-left-color:transparent!important}[class*=CalendarEvent-unmonitored-]:hover{background:rgb(var(--calendar-unmonitored) / .5)!important;border-left-color:transparent!important}[class*=CalendarEvent-downloading-]{background:rgb(var(--calendar-downloading) / .7)!important;border-left-color:transparent!important}[class*=CalendarEvent-downloading-]:hover{background:rgb(var(--calendar-downloading) / .5)!important;border-left-color:transparent!important}[class*=DayOfWeek-dayOfWeek-]{background-color:hsla(0,0%,100%,.08)}[class*=CalendarDay-dayOfMonth-]{border-bottom:1px solid hsla(0,0%,100%,.08);background-color:rgba(0,0,0,.25)}[class*=CalendarDay-isToday-]{background-color:hsla(0,0%,100%,.08)!important}[class*=CalendarDay-day-],[class*=CalendarDays-days-]{-webkit-box-flex:1;-webkit-flex:1 0 14.28%;flex:1 0 14.28%;overflow:hidden;min-height:70px;border-bottom:1px solid hsla(0,0%,100%,.08);border-left:1px solid hsla(0,0%,100%,.08);border-right:1px solid hsla(0,0%,100%,.08)}[class*=CalendarEvent-airTime-],[class*=CalendarEvent-episodeInfo-],[class*=CalendarEvent-movieTitle-]{color:#fff!important}[class*=CalendarEvent-movieInfo-]{color:var(--text)}[class*=CalendarEvent-event-]{border-bottom:1px solid transparent}[class*=CalendarEventGroup-eventGroup-]{border-bottom:1px solid hsla(0,0%,100%,.08)!important}[class*=CalendarEventGroup-movieTitle-]{color:#fff!important}[class*=CalendarEventGroup-airTime-]{color:var(--text)}[class*=CalendarEventGroup-episodeInfo-]{color:var(--text)}[class*=AgendaEvent-event-]:hover{background-color:hsla(0,0%,100%,.08)!important}[class*=Settings-link-]{color:var(--text-hover);border-bottom:1px solid rgb(var(--accent-color))}[class*=Settings-summary-]{color:var(--text)}[class*=FormLabel-large-]{color:var(--text-hover)}[class*=FormLabel-isAdvanced-]{color:#ff902b}[class*=NamingOption-small-]{border:1px solid transparent}[class*=NamingOption-token-]{background-color:rgba(255,255,255,.15)}[class*=NamingOption-token-]{background-color:rgba(255,255,255,.15)}[class*=NamingOption-example-]{background-color:rgba(255,255,255,.25)}[class*=NamingOption-option-]{border:1px solid transparent}[class*=NamingOption-option-]:hover [class*=NamingOption-token-]{background-color:rgba(255,255,2550,.25)}[class*=NamingOption-option-]:hover [class*=NamingOption-example-]{background-color:rgba(255,255,2550,.35)}[class*=Card-card-],[class*=QualityProfiles-addQualityProfile-]{background-color:rgba(0,0,0,.45);box-shadow:0 0 10px 1px #000;color:var(--text)}[class*=Applications-center-]:hover,[class*=Card-card-]:hover{color:var(--text-hover)}[class*=LanguageProfiles-center-],[class*=QualityProfiles-center-],[class*=ReleaseProfiles-center-]{background-color:transparent;border:none;color:var(--text)}[class*=AppProfiles-center-],[class*=Applications-center-]{background-color:transparent;border:none}[class*=LanguageProfileItem-languageProfileItem-],[class*=QualityProfileItem-qualityProfileItem-],[class*=QualityProfileItemGroup-qualityProfileItemGroup-]{border:none;background-color:rgba(0,0,0,.25);color:#fff}[class*=QualityProfileItemGroup-qualityProfileItemGroup-][class*=QualityProfileItemGroup-editGroups-]{background:rgba(0,0,0,.25)}[class*=QualityDefinitions-sizeLimitHelpText-]{color:var(--text)}[class*=KeyValueListInputItem-keyInput-],[class*=KeyValueListInputItem-valueInput-]{border:none;background:0 0;color:#fff}[class*=QualityProfileFormatItem-qualityProfileFormatItem-]{border:1px solid transparent;background:rgba(0,0,0,.25)}[class*=Indexers-center-]{background-color:transparent;border:none;color:var(--text)}[class*=DownloadClients-center-]{background-color:transparent;border:none}[class*=Notifications-center-]{background-color:transparent;border:none}[class*=ImportLists-center-]{background-color:transparent;border:none;color:var(--text)}[class*=Alert-info-]{border-color:transparent;background-color:rgba(0,0,0,.25);color:#ffc107}[class*=Restrictions-center-]{border:1px solid transparent;background-color:transparent}[class*=NetImports-center-]{border:1px solid transparent;background-color:transparent}[class*=CustomFormats-center-],[class*=EditCustomFormatModalContent-center-]{border:1px solid transparent;background-color:transparent}.panel-body{background-color:rgba(0,0,0,.25);color:var(--text)}.panel-header{background-color:rgba(0,0,0,.45)}.forgot-password{color:var(--text)!important}input[type=email],input[type=password]{border:none;background-color:rgba(255,255,255,.08);color:#fff}.button{border-color:var(--button-color);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;box-shadow:none;background-color:rgba(255,255,255,.25)}[class*=FilterBuilderRow-filterRow-]:hover{background-color:transparent}[class*=CustomFilter-customFilter-]:hover{background-color:hsla(0,0%,100%,.08)}[class*=SelectMovieModalContent-path-]{color:var(--text)}[class*=Stats-fullWidthChart-],[class*=Stats-halfWidthChart-]{background:rgba(0,0,0,.25)!important}canvas{filter:invert(1)} diff --git a/CSS/themes/qbittorrent/qbittorrent-base.css b/CSS/themes/qbittorrent/qbittorrent-base.css index 973ae9c3..94efc0fb 100644 --- a/CSS/themes/qbittorrent/qbittorrent-base.css +++ b/CSS/themes/qbittorrent/qbittorrent-base.css @@ -1,1805 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ - -@import url(https://use.fontawesome.com/releases/v5.0.7/css/all.css); - -::-webkit-scrollbar { - width: 10px; - height: 10px; -} - -::-webkit-scrollbar-corner { - background-color: hsla(0, 0%, 100%, .08); -} - -::-webkit-scrollbar-thumb { - -webkit-border-radius: 5px; - border-radius: 5px; - background-color: hsla(0, 0%, 100%, .08); -} - -html, -body { - color: var(--text); - background: transparent; -} - -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; -} - -#desktop { - background: var(--main-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; -} - -input:disabled { - color: rgb(84, 84, 84); - cursor: default; - background-color: rgb(255, 255, 255, .05) !important; - border: none !important; -} - -input[type="text"i] { - color: var(--text-hover); - background-color: rgba(0, 0, 0, .25); - border-width: 0px; - outline: none; - border: none; - border-radius: 3px; -} - -input[type="password"i] { - color: var(--text-hover); - background-color: rgba(0, 0, 0, .25); - border-width: 0px; - outline: none; - border: none; - border-radius: 3px; -} - -input[type="number"i] { - color: var(--text-hover); - background-color: rgba(0, 0, 0, .25); - border-width: 0px; - outline: none; - border: none; -} - -input[type="file"i] { - color: var(--text-hover); - background-color: rgba(0, 0, 0, .25); - border-width: 0px; - outline: none; - border: none; -} - -input[name="category"i] { - color: #000; - background-color: #fff; - border-width: 0px; - outline: none; - border: none; -} - -input[type="file"i] { - border: none; -} - -select { - border: none !important; -} - -a, -h2, -h3, -h4, -.mochaTitlebar h3 { - color: var(--text-hover); -} - -/* Login */ -#main h1 { - display: block; - font-size: 2em; - margin-block-start: 2em; - margin-block-end: -.9em; - margin-inline-start: 0px; - margin-inline-end: 0px; - font-weight: bold; - color: var(--text-hover); -} - -#error_msg { - text-transform: uppercase; - color: #D8000C; - background-color: #FFD2D2; - font-family: Helvetica, Arial, sans-serif; - left: 50%; - top: 20%; - transform: translate(-50%, -50%); - -ms-transform: translate(-50%, -50%); - -webkit-transform: translate(-50%, -50%); - margin-left: auto; - margin-right: auto; - text-align: center; - position: absolute; - border-radius: 4px; -} - -#main { - margin-left: auto; - margin-right: auto; - text-align: center; - position: absolute; - left: 50%; - top: 50%; - transform: translate(-50%, -50%); - -ms-transform: translate(-50%, -50%); - -webkit-transform: translate(-50%, -50%); - padding-top: 0; - /* background: rgba(0, 0, 0, 0.25); */ - width: 400px; - height: 460px; - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); - box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); -} - -#logo img { - height: 11em; - position: absolute; - left: 50%; - /* top: 50%; */ - transform: translate(-50%, -50%); - -ms-transform: translate(-50%, -50%); - -webkit-transform: translate(-50%, -160%); -} - -#formplace { - text-transform: uppercase; - text-align: left; - font-size: 12px; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; - font-weight: 300 !important; - padding: 10px; - position: absolute; - left: 50%; - top: 50%; - transform: translate(-50%, -50%); - -ms-transform: translate(-50%, -50%); - -webkit-transform: translate(-50%, -50%); -} - -label { - cursor: default; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; - font-weight: 300 !important; -} - -.horizontalHandle .handleIcon { - margin: 0 auto; - height: 4px; - line-height: 1px; - font-size: 1px; - overflow: hidden; - background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/qbittorrent/dots.png) center center no-repeat; -} - -#desktopNavbar { - background: rgba(0, 0, 0, 0.25); - height: 20px; - border-bottom: 1px solid transparent; -} - -#desktopNavbar ul li a { - color: var(--text); -} - -#desktopNavbar ul li a:hover { - color: var(--text-hover); - background-color: rgba(255, 255, 255, 0.08); -} - -#desktopNavbar li ul li a:hover { - background: rgba(255, 255, 255, .08); - color: var(--text-hover); -} - -#desktopNavbar li ul { - border: 1px solid 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; -} - -#desktopNavbar li ul li a { - color: var(--text); -} - -#desktopHeader { - 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; -} - -#desktopFooter { - background: transparent; -} - -#mochaToolbar .divider { - background-image: none; - padding-left: 0px; -} - -#mochaToolbar { - margin-bottom: 5px; -} - -.dynamicTable th { - background-color: rgba(0, 0, 0, 0.25) !important; - border-right-color: rgba(255, 255, 255, .08) !important; - color: var(--text-hover); -} - -.dynamicTable thead tr { - background-color: transparent !important; -} - -.dynamicTable thead tr { - background-color: transparent !important; -} - -.dynamicTable { - background: rgba(0, 0, 0, 0.25); -} - -.dynamicTable tbody tr { - background-color: rgba(0, 0, 0, 0.08) !important; -} - -.dynamicTable tbody tr:nth-child(even), -.dynamicTable tbody tr.alt { - background-color: rgba(255, 255, 255, 0.08) !important; -} - -.dynamicTable tbody tr:hover { - background-color: rgba(255, 255, 255, 0.15) !important; - color: var(--text-hover); -} - -.dynamicTable tbody tr.selected { - 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; - 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 transparent; -} - -#pageWrapper { - border-top: 1px solid transparent; - border-bottom: 1px solid transparent; -} - -li.divider { - border-top: 1px solid rgba(255, 255, 255, .25) !important; -} - - -#main input[type="text"i] { - color: var(--text-hover); - background-color: rgba(0, 0, 0, .25); - border-width: 0px; - outline: none; - border: none; - border-radius: 4px; - width: 250px; - height: 24px; - padding: 7px 12px; -} - -#main input[type="text"i]:focus { - background-color: rgba(0, 0, 0, .45); -} - -#main input[type="password"i] { - color: var(--text-hover); - background-color: rgba(0, 0, 0, .25); - border-width: 0px; - outline: none; - border: none; - border-radius: 4px; - width: 250px; - height: 24px; - padding: 7px 12px; -} - -#main input[type="password"i] { - background-color: rgba(0, 0, 0, .45); -} - -#loginform #login { - padding: 6px 15px !important; - width: 100%; - margin-top: 35px; - background-color: var(--button-color) !important; - border: none; - border-radius: 4px; - color: var(--button-text) !important; - outline: none; - text-transform: uppercase; - font-size: 18px; - font-weight: 300; - height: 44px; - line-height: 1.3333333; -} - -#loginform #login:hover { - background-color: var(--button-color-hover) !important; - padding: 6px 15px; - border-radius: 4px; - cursor: pointer; - border: none; - color: var(--button-text-hover) !important; -} - - -/*right click menu */ -.contextMenu { - border: 1px solid 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; -} - -.contextMenu li a { - color: var(--text); -} - -.contextMenu li a:hover { - background-color: rgba(255, 255, 255, .08) !important; - color: var(--text-hover); -} - -.contextMenu li a:hover {} - -.contextMenu li ul { - border: 1px solid 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; -} - -.contextMenu .separator { - border-top: 1px solid rgba(255, 255, 255, 0.08); -} - -/* Sidemenu */ -.selectedFilter { - background-color: rgba(var(--accent-color), 0.6); - color: #eee; -} - -.selectedFilter:before { - color: var(--button-color-hover) !important; -} - -ul.filterList li:hover { - background-color: rgba(var(--accent-color), 0.6); - color: var(--button-color-hover) !important; -} - -ul.filterList li:hover:before { - color: var(--button-color-hover) !important; -} - -.columnHandle { - background: rgba(0, 0, 0, 0.45); - border: 1px solid transparent; -} - -/*Sidemenu - Bottom menu*/ -.bottomPanel { - background: rgba(0, 0, 0, 0.25) !important; -} - -/* Bottom menu */ -.panel-headerContent.tabs { - background: none !important; -} - -.panel-header { - background: rgba(0, 0, 0, 0.25) !important; - border-bottom: 1px solid transparent !important; -} - -.horizontalHandle { - background: none !important; -} - -.tab-menu li.selected a { - color: var(--text-hover) !important; - background: transparent !important; - font-weight: normal !important; -} - -.tab-menu li a { - color: var(--text) !important; - background: transparent !important; -} - -.tab-menu li.selected { - background: none !important; -} - -.tab-menu li { - background: none !important; -} - -.tab-menu li a:hover { - background: rgba(255, 255, 255, 0.08) !important; -} - -.toolbarTabs { - background: rgba(0, 0, 0, 0.25) !important; -} - -.progressbar_dark { - background: var(--progress-color) !important; - color: var(--label-text-color) !important; -} - -.progressbar_light { - background: rgba(0, 0, 0, 0.25) !important; - color: #fff !important; -} - -.progressbar_wrapper { - border: 1px solid transparent !important; -} - -.stateIcon { - background-image: red !important; -} - -.panel-collapse { - background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/qbittorrent/collapse-expand.gif) left top no-repeat; -} - -.panel-expand { - background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/qbittorrent/collapse-expand.gif) left -16px no-repeat; -} - -fieldset { - border-width: 1px !important; - border-style: solid !important; - border-color: rgba(255, 255, 255, 0.25) !important; -} - -/*Modal */ - -.mochaTitlebar { - width: 100%; - overflow: hidden; - background: none !important; -} - -.mochaToolButton { - margin-right: 10px; - background: rgba(0, 0, 0, .25); - border-radius: 5px; -} - -.mochaToolButton:hover { - margin-right: 10px; - background: rgba(255, 255, 255, .25); - border-radius: 5px; -} - -.mochaOverlay { - position: absolute; - top: 0; - left: 0; - 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; -} - -.mochaToolbarWrapper { - width: 100%; - position: relative; - height: 29px; - background: rgba(0, 0, 0, 0.25) !important; - overflow: hidden; - border-top: none !important; -} - -.mochaToolbar { - width: 100%; - border-top: none !important; -} - -.mochaContentBorder { - border-top: 1px solid rgba(255, 255, 255, .25) !important; - border-bottom: 1px solid rgba(255, 255, 255, .25) !important; -} - -.mocha.isFocused .mochaTitlebar h3 { - color: var(--text-hover); -} - -fieldset.settings legend { - color: var(--text-hover); -} - -.mochaContentWrapper { - font-size: 12px; - overflow: auto; - background: transparent !important; -} - -fieldset.settings { - border: solid 1px rgba(255, 255, 255, 0.25) !important; - border-radius: 8px; - -webkit-border-radius: 8px; - -moz-border-radius: 8px; - padding: 4px 4px 4px 10px; -} - -textarea:disabled { - color: rgb(84, 84, 84); - cursor: default; - background-color: rgb(255, 255, 255, .05) !important; - border: none !important; -} - -textarea { - color: var(--text-hover) !important; - cursor: default; - background-color: rgb(0, 0, 0, .25) !important; - border: none !important; -} - -#watched_folders_tab td, -#watched_folders_tab th { - padding: 2px 4px; - border: 1px solid rgba(255, 255, 255, 0.25) !important; -} - -input[type="button"i]:hover { - background-color: var(--button-color-hover); - padding: 6px 15px; - cursor: pointer; - border: none; - color: var(--button-text); -} - -input[type="button"i] { - padding: 6px 15px !important; - background-color: var(--button-color); - cursor: pointer; - border: none; - color: var(--button-text); -} - -button { - background-color: var(--button-color) !important; - cursor: pointer; - border: 2px solid transparent; - color: var(--button-text); -} - -button:hover { - background-color: var(--button-color-hover) !important; - cursor: pointer; - border: 2px solid transparent; - color: var(--button-text); -} - -input[type="submit"i] { - padding: 6px 15px !important; - width: 100%; - margin-top: 15px; - background-color: var(--button-color) !important; - border: none; - color: var(--button-text); - outline: none; - text-transform: uppercase; -} - -input[type="submit"i]:hover { - padding: 6px 15px !important; - background-color: var(--button-color-hover) !important; - width: 100%; - cursor: pointer; - border: none; - color: var(--button-text); - outline: none; - text-transform: uppercase; -} - -/* Icons */ - - -#downloadButton>img.mochaToolButton { - display: none; -} - -#downloadButton:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f0c1"; - font-weight: 900; - display: inline-block; - width: 24px; - height: 24px; - margin-right: 10px; - color: var(--button-color); - margin-top: 5px; -} - -#downloadButton:hover:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f0c1"; - font-weight: 900; - display: inline-block; - width: 24px; - height: 24px; - margin-right: 10px; - color: var(--button-color-hover); -} - -#uploadButton>img.mochaToolButton { - display: none; -} - -#uploadButton:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f067"; - font-weight: 900; - display: inline-block; - width: 24px; - height: 24px; - margin-right: 10px; - color: var(--button-color); -} - -#uploadButton:hover:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f067"; - font-weight: 900; - display: inline-block; - width: 24px; - height: 24px; - margin-right: 10px; - color: var(--button-color-hover); -} - -#deleteButton>img.mochaToolButton { - display: none; -} - -#deleteButton:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f068"; - font-weight: 900; - display: inline-block; - width: 24px; - height: 24px; - margin-right: 10px; - color: var(--button-color); -} - -#deleteButton:hover:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f068"; - font-weight: 900; - display: inline-block; - width: 24px; - height: 24px; - margin-right: 10px; - color: var(--button-color-hover); -} - -#resumeButton>img.mochaToolButton { - display: none; -} - -#resumeButton:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f04b"; - font-weight: 900; - display: inline-block; - width: 24px; - height: 24px; - margin-right: 10px; - color: var(--button-color); -} - -#resumeButton:hover:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f04b"; - font-weight: 900; - display: inline-block; - width: 24px; - height: 24px; - margin-right: 10px; - color: var(--button-color-hover); -} - -#pauseButton>img.mochaToolButton { - display: none; -} - -#pauseButton:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f04c"; - font-weight: 900; - display: inline-block; - width: 24px; - height: 24px; - margin-right: 10px; - color: var(--button-color); -} - -#pauseButton:hover:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f04c"; - font-weight: 900; - display: inline-block; - width: 24px; - height: 24px; - margin-right: 10px; - color: var(--button-color-hover); -} - -#topPrioButton>img.mochaToolButton { - display: none; -} - -#topPrioButton:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f102"; - font-weight: 900; - display: inline-block; - width: 24px; - height: 24px; - margin-right: 10px; - color: var(--button-color); -} - -#topPrioButton:hover:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f102"; - font-weight: 900; - display: inline-block; - width: 24px; - height: 24px; - margin-right: 10px; - color: var(--button-color-hover); -} - -#increasePrioButton>img.mochaToolButton { - display: none; -} - -#increasePrioButton:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f106"; - font-weight: 900; - display: inline-block; - width: 24px; - height: 24px; - margin-right: 10px; - color: var(--button-color); -} - -#increasePrioButton:hover:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f106"; - font-weight: 900; - display: inline-block; - width: 24px; - height: 24px; - margin-right: 10px; - color: var(--button-color-hover); -} - -#decreasePrioButton>img.mochaToolButton { - display: none; -} - -#decreasePrioButton:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f107"; - font-weight: 900; - display: inline-block; - width: 24px; - height: 24px; - margin-right: 10px; - color: var(--button-color); -} - -#decreasePrioButton:hover:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f107"; - font-weight: 900; - display: inline-block; - width: 24px; - height: 24px; - margin-right: 10px; - color: var(--button-color-hover); -} - -#bottomPrioButton>img.mochaToolButton { - display: none; -} - -#bottomPrioButton:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f103"; - font-weight: 900; - display: inline-block; - width: 24px; - height: 24px; - margin-right: 10px; - color: var(--button-color); -} - -#bottomPrioButton:hover:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f103"; - font-weight: 900; - display: inline-block; - width: 24px; - height: 24px; - margin-right: 10px; - color: var(--button-color-hover); -} - -#preferencesButton>img.mochaToolButton { - display: none; -} - -#preferencesButton:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f013"; - font-weight: 900; - display: inline-block; - width: 24px; - height: 24px; - margin-right: 10px; - color: var(--button-color); -} - -#preferencesButton:hover:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f013"; - font-weight: 900; - display: inline-block; - width: 24px; - height: 24px; - margin-right: 10px; - color: var(--button-color-hover); -} - -/*Top menu icons*/ - -#desktopNavbar li ul li a { - position: relative; - /* padding: 1px 9px 1px 25px; */ - min-width: 120px; - font-weight: normal; - padding: 5px 10px 1px 1px; -} - -.MyMenuIcon { - margin-left: 0px; -} - -/* File */ - -#uploadLink>img.MyMenuIcon { - display: none; -} - -#uploadLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f067"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#downloadLink>img.MyMenuIcon { - display: none; -} - -#downloadLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f0c1"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#logoutLink>img.MyMenuIcon { - display: none; -} - -#logoutLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f2f5"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#shutdownLink>img.MyMenuIcon { - display: none; -} - -#shutdownLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f00d"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -/* Edit */ - -#resumeAllLink>img.MyMenuIcon { - display: none; -} - -#resumeAllLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f04b"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#pauseAllLink>img.MyMenuIcon { - display: none; -} - -#pauseAllLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f04c"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#resumeLink>img.MyMenuIcon { - display: none; -} - -#resumeLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f04b"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#pauseLink>img.MyMenuIcon { - display: none; -} - -#pauseLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f04c"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#deleteLink>img.MyMenuIcon { - display: none; -} - -#deleteLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f068"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#topPrioLink>img.MyMenuIcon { - display: none; -} - -#topPrioLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f102"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#increasePrioLink>img.MyMenuIcon { - display: none; -} - -#increasePrioLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f106"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#decreasePrioLink>img.MyMenuIcon { - display: none; -} - -#decreasePrioLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f107"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#bottomPrioLink>img.MyMenuIcon { - display: none; -} - -#bottomPrioLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f103"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#recheckLink>img.MyMenuIcon { - display: none; -} - -#recheckLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f002"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -/* View */ - -#showTopToolbarLink>img.MyMenuIcon { - display: none; -} - - -#showTopToolbarLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f00c"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#showTopToolbarLink:active:focus:visited:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f00c"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: white; - opacity: 0; -} - -#showStatusBarLink>img.MyMenuIcon { - display: none; -} - - -#showStatusBarLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f00c"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; - -} - -#showStatusBarLink:active:focus:visited:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f00c"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: white; - opacity: 0; -} - -#speedInBrowserTitleBarLink>img.MyMenuIcon { - display: none; -} - - -#speedInBrowserTitleBarLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f00c"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; - -} - -#speedInBrowserTitleBarLink:active:focus:visited:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f00c"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: white; - opacity: 0; -} - -#showSearchEngineLink>img.MyMenuIcon { - display: none; -} - - -#showSearchEngineLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f00c"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; - -} - -#showRssReaderLink>img.MyMenuIcon { - display: none; -} - -#showRssReaderLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f00c"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; - -} - -#showSearchEngineLink:active:focus:visited:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f00c"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: white; - opacity: 0; -} - -#showRssReaderLink:active:focus:visited:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f00c"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: white; - opacity: 0; -} - -#StatisticsLink>img.MyMenuIcon { - display: none; -} - - -#StatisticsLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f080"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; - -} - -#StatisticsLink:active:focus:visited:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f080"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: white; - opacity: 0; -} - -/*Tools*/ - - -#preferencesLink>img.MyMenuIcon { - display: none; -} - - -#preferencesLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f013"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -/* Help */ - -#docsLink>img.MyMenuIcon { - display: none; -} - -#docsLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f013"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#bugLink>img.MyMenuIcon { - display: none; -} - -#bugLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f09d"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#aboutLink>img.MyMenuIcon { - display: none; -} - -#aboutLink:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f05a"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -/*Status images on sidemenu*/ - -ul.filterList a { - display: inline; -} - -#all_filter>a img { - display: none; -} - -#all_filter:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f0b0"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#downloading_filter>a img { - display: none; -} - -#downloading_filter:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f063"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#seeding_filter>a img { - display: none; -} - -#seeding_filter:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f062"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#completed_filter>a img { - display: none; -} - -#completed_filter:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f00c"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#resumed_filter>a img { - display: none; -} - -#resumed_filter:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f04b"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#paused_filter>a img { - display: none; -} - -#paused_filter:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f04c"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#active_filter>a img { - display: none; -} - -#active_filter:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f0b0"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#inactive_filter>a img { - display: none; -} - -#inactive_filter:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f0b0"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#stalled_filter>a img { - display: none; -} - -#stalled_filter:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f0b0"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#stalled_uploading_filter>a img { - display: none; -} - -#stalled_uploading_filter:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f093"; - font-weight: 900; - display: inline-block !important; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -#stalled_downloading_filter>a img { - display: none; -} - -#stalled_downloading_filter:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f019"; - font-weight: 900; - display: inline-block !important; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -img[src="icons/inode-directory.svg"] { - background: url(https://theme-park.dev/Resources/qbittorrent/folder-open-solid.svg); - background-size: contain; - background-repeat: no-repeat; - background-origin: content-box; - filter: invert(79%) sepia(20%) saturate(0%) hue-rotate(135deg) brightness(87%) contrast(108%); -} - -img[src="icons/network-server.svg"] { - background: url(https://theme-park.dev/Resources/qbittorrent/network-wired-solid.svg); - background-size: contain; - background-repeat: no-repeat; - background-origin: content-box; - filter: invert(79%) sepia(20%) saturate(0%) hue-rotate(135deg) brightness(87%) contrast(108%); -} - -img[src="icons/mail-folder-inbox.svg"] { - background: url(https://theme-park.dev/Resources/qbittorrent/inbox-solid.svg); - background-size: contain; - background-repeat: no-repeat; - background-origin: content-box; - filter: invert(79%) sepia(20%) saturate(0%) hue-rotate(135deg) brightness(87%) contrast(108%); -} - -/* img[src="icons/downloading_small.svg"], -img[src="icons/seeding.svg"], -img[src="icons/stalledDL.svg"] { - filter: invert(79%) sepia(20%) saturate(0%) hue-rotate(135deg) brightness(87%) contrast(108%); -} */ - -#searchPattern { - width: 300px; - line-height: 2em; - padding: 1px 5px 1px 2em; - filter: invert(79%) sepia(20%) saturate(0%) hue-rotate(135deg) brightness(87%) contrast(108%); - background-repeat: no-repeat; - background-size: 1.5em; - background-position: left; -} - -/* #connectionStatus, -#alternativeSpeedLimits { - filter: invert(79%) sepia(20%) saturate(0%) hue-rotate(135deg) brightness(87%) contrast(108%); -} */ - -#errored_filter>a img { - display: none; -} - -#errored_filter:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f06a"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -/* Categories */ - -.filterTitle img { - display: none; -} - -.filterTitle:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f0d7"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -/* Categories Right Click Menu */ - -#categoriesFilterMenu>li img { - display: none; -} - -.contextMenu li>#CreateCategory:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f06a"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} - -/* Blue SVG icons */ -img[src="icons/application-x-mswinurl.svg"], -img[src="icons/collapse.svg"], -img[src="icons/completed.svg"], -img[src="icons/configure.svg"], -img[src="icons/dialog-information.svg"], -img[src="icons/document-edit.svg"], -img[src="icons/document-edit-verify.svg"], -img[src="icons/document-import.svg"], -img[src="icons/document-new.svg"], -img[src="icons/document-properties.svg"], -img[src="icons/document-save.svg"], -img[src="icons/download.svg"], -img[src="icons/edit-clear.svg"], -img[src="icons/edit-clear-history.svg"], -img[src="icons/edit-copy.svg"], -img[src="icons/edit-cut.svg"], -img[src="icons/edit-find.svg"], -img[src="icons/edit-find-user.svg"], -img[src="icons/edit-paste.svg"], -img[src="icons/edit-rename.svg"], -img[src="icons/expand.svg"], -img[src="icons/folder-documents.svg"], -img[src="icons/folder-download.svg"], -img[src="icons/folder-new.svg"], -img[src="icons/folder-remote.svg"], -img[src="icons/gear.svg"], -img[src="icons/go-bottom.svg"], -img[src="icons/go-down.svg"], -img[src="icons/go-top.svg"], -img[src="icons/go-up.svg"], -img[src="icons/help-about.svg"], -img[src="icons/help-contents.svg"], -img[src="icons/insert-link.svg"], -img[src="icons/list-add.svg"], -img[src="icons/mail-mark-read.svg"], -img[src="icons/media-playback-pause.svg"], -img[src="icons/media-playback-start.svg"], -img[src="icons/media-seek-forward.svg"], -img[src="icons/network-wired.svg"], -img[src="icons/office-chart-line.svg"], -img[src="icons/preferences-desktop.svg"], -img[src="icons/preferences-other.svg"], -img[src="icons/preferences-system-network.svg"], -img[src="icons/preferences-web-browser-cookies.svg"], -img[src="icons/rss-config.svg"], -img[src="icons/services.svg"], -img[src="icons/speedometer.svg"], -img[src="icons/stalledUP.svg"], -img[src="icons/stalledDL.svg"], -img[src="icons/tab-close.svg"], -img[src="icons/task-ongoing.svg"], -img[src="icons/text-plain.svg"], -img[src="icons/user-group-delete.svg"], -img[src="icons/user-group-new.svg"], -img[src="icons/view-calendar-journal.svg"], -img[src="icons/view-categories.svg"], -img[src="icons/view-filter.svg"], -img[src="icons/view-preview.svg"], -img[src="icons/view-statistics.svg"], -img[src="icons/wallet-open.svg"], -img[src="icons/webui.svg"], -img[src="icons/checking.svg"] { - filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(289deg) brightness(106%) contrast(101%); -} - -.contextMenu, -#contextCategoryList { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -} - -/* Filter torrents */ - -#torrentsFilterInput { - width: 160px; - padding-left: 2em; - background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/qbittorrent/search-solid.png); - background-repeat: no-repeat; - background-size: 1em; - background-position: left; -} - -.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; -} - -/* Footer */ - -#alternativeSpeedLimits td img { - display: none; -} - -#alternativeSpeedLimits:before { - font-family: "Font Awesome 5 Free"; - font-size: 14px; - content: "\f00c"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: var(--button-color); - padding-left: 5px; -} \ No newline at end of file +@import url(https://use.fontawesome.com/releases/v5.0.7/css/all.css);::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-corner{background-color:hsla(0,0%,100%,.08)}::-webkit-scrollbar-thumb{-webkit-border-radius:5px;border-radius:5px;background-color:hsla(0,0%,100%,.08)}body,html{color:var(--text);background:0 0}body{background:var(--main-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover}#desktop{background:var(--main-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover}input:disabled{color:#545454;cursor:default;background-color:rgb(255,255,255,.05)!important;border:none!important}input[type=text i]{color:var(--text-hover);background-color:rgba(0,0,0,.25);border-width:0;outline:0;border:none;border-radius:3px}input[type=password i]{color:var(--text-hover);background-color:rgba(0,0,0,.25);border-width:0;outline:0;border:none;border-radius:3px}input[type=number i]{color:var(--text-hover);background-color:rgba(0,0,0,.25);border-width:0;outline:0;border:none}input[type=file i]{color:var(--text-hover);background-color:rgba(0,0,0,.25);border-width:0;outline:0;border:none}input[name=category i]{color:#000;background-color:#fff;border-width:0;outline:0;border:none}input[type=file i]{border:none}select{border:none!important}.mochaTitlebar h3,a,h2,h3,h4{color:var(--text-hover)}#main h1{display:block;font-size:2em;margin-block-start:2em;margin-block-end:-.9em;margin-inline-start:0;margin-inline-end:0;font-weight:700;color:var(--text-hover)}#error_msg{text-transform:uppercase;color:#d8000c;background-color:#ffd2d2;font-family:Helvetica,Arial,sans-serif;left:50%;top:20%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);margin-left:auto;margin-right:auto;text-align:center;position:absolute;border-radius:4px}#main{margin-left:auto;margin-right:auto;text-align:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);padding-top:0;width:400px;height:460px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.6);box-shadow:0 0 10px rgba(0,0,0,.6)}#logo img{height:11em;position:absolute;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-160%)}#formplace{text-transform:uppercase;text-align:left;font-size:12px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;font-weight:300!important;padding:10px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}label{cursor:default;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;font-weight:300!important}.horizontalHandle .handleIcon{margin:0 auto;height:4px;line-height:1px;font-size:1px;overflow:hidden;background:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/qbittorrent/dots.png) center center no-repeat}#desktopNavbar{background:rgba(0,0,0,.25);height:20px;border-bottom:1px solid transparent}#desktopNavbar ul li a{color:var(--text)}#desktopNavbar ul li a:hover{color:var(--text-hover);background-color:rgba(255,255,255,.08)}#desktopNavbar li ul li a:hover{background:rgba(255,255,255,.08);color:var(--text-hover)}#desktopNavbar li ul{border:1px solid 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}#desktopNavbar li ul li a{color:var(--text)}#desktopHeader{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}#desktopFooter{background:0 0}#mochaToolbar .divider{background-image:none;padding-left:0}#mochaToolbar{margin-bottom:5px}.dynamicTable th{background-color:rgba(0,0,0,.25)!important;border-right-color:rgba(255,255,255,.08)!important;color:var(--text-hover)}.dynamicTable thead tr{background-color:transparent!important}.dynamicTable thead tr{background-color:transparent!important}.dynamicTable{background:rgba(0,0,0,.25)}.dynamicTable tbody tr{background-color:rgba(0,0,0,.08)!important}.dynamicTable tbody tr.alt,.dynamicTable tbody tr:nth-child(even){background-color:rgba(255,255,255,.08)!important}.dynamicTable tbody tr:hover{background-color:rgba(255,255,255,.15)!important;color:var(--text-hover)}.dynamicTable tbody tr.selected{background-color:rgba(var(--accent-color),.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;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 transparent}#pageWrapper{border-top:1px solid transparent;border-bottom:1px solid transparent}li.divider{border-top:1px solid rgba(255,255,255,.25)!important}#main input[type=text i]{color:var(--text-hover);background-color:rgba(0,0,0,.25);border-width:0;outline:0;border:none;border-radius:4px;width:250px;height:24px;padding:7px 12px}#main input[type=text i]:focus{background-color:rgba(0,0,0,.45)}#main input[type=password i]{color:var(--text-hover);background-color:rgba(0,0,0,.25);border-width:0;outline:0;border:none;border-radius:4px;width:250px;height:24px;padding:7px 12px}#main input[type=password i]{background-color:rgba(0,0,0,.45)}#loginform #login{padding:6px 15px!important;width:100%;margin-top:35px;background-color:var(--button-color)!important;border:none;border-radius:4px;color:var(--button-text)!important;outline:0;text-transform:uppercase;font-size:18px;font-weight:300;height:44px;line-height:1.3333333}#loginform #login:hover{background-color:var(--button-color-hover)!important;padding:6px 15px;border-radius:4px;cursor:pointer;border:none;color:var(--button-text-hover)!important}.contextMenu{border:1px solid 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}.contextMenu li a{color:var(--text)}.contextMenu li a:hover{background-color:rgba(255,255,255,.08)!important;color:var(--text-hover)}.contextMenu li ul{border:1px solid 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}.contextMenu .separator{border-top:1px solid rgba(255,255,255,.08)}.selectedFilter{background-color:rgba(var(--accent-color),.6);color:#eee}.selectedFilter:before{color:var(--button-color-hover)!important}ul.filterList li:hover{background-color:rgba(var(--accent-color),.6);color:var(--button-color-hover)!important}ul.filterList li:hover:before{color:var(--button-color-hover)!important}.columnHandle{background:rgba(0,0,0,.45);border:1px solid transparent}.bottomPanel{background:rgba(0,0,0,.25)!important}.panel-headerContent.tabs{background:0 0!important}.panel-header{background:rgba(0,0,0,.25)!important;border-bottom:1px solid transparent!important}.horizontalHandle{background:0 0!important}.tab-menu li.selected a{color:var(--text-hover)!important;background:0 0!important;font-weight:400!important}.tab-menu li a{color:var(--text)!important;background:0 0!important}.tab-menu li.selected{background:0 0!important}.tab-menu li{background:0 0!important}.tab-menu li a:hover{background:rgba(255,255,255,.08)!important}.toolbarTabs{background:rgba(0,0,0,.25)!important}.progressbar_dark{background:var(--progress-color)!important;color:var(--label-text-color)!important}.progressbar_light{background:rgba(0,0,0,.25)!important;color:#fff!important}.progressbar_wrapper{border:1px solid transparent!important}.stateIcon{background-image:red!important}.panel-collapse{background:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/qbittorrent/collapse-expand.gif) left top no-repeat}.panel-expand{background:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/qbittorrent/collapse-expand.gif) left -16px no-repeat}fieldset{border-width:1px!important;border-style:solid!important;border-color:rgba(255,255,255,.25)!important}.mochaTitlebar{width:100%;overflow:hidden;background:0 0!important}.mochaToolButton{margin-right:10px;background:rgba(0,0,0,.25);border-radius:5px}.mochaToolButton:hover{margin-right:10px;background:rgba(255,255,255,.25);border-radius:5px}.mochaOverlay{position:absolute;top:0;left:0;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}.mochaToolbarWrapper{width:100%;position:relative;height:29px;background:rgba(0,0,0,.25)!important;overflow:hidden;border-top:none!important}.mochaToolbar{width:100%;border-top:none!important}.mochaContentBorder{border-top:1px solid rgba(255,255,255,.25)!important;border-bottom:1px solid rgba(255,255,255,.25)!important}.mocha.isFocused .mochaTitlebar h3{color:var(--text-hover)}fieldset.settings legend{color:var(--text-hover)}.mochaContentWrapper{font-size:12px;overflow:auto;background:0 0!important}fieldset.settings{border:solid 1px rgba(255,255,255,.25)!important;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;padding:4px 4px 4px 10px}textarea:disabled{color:#545454;cursor:default;background-color:rgb(255,255,255,.05)!important;border:none!important}textarea{color:var(--text-hover)!important;cursor:default;background-color:rgb(0,0,0,.25)!important;border:none!important}#watched_folders_tab td,#watched_folders_tab th{padding:2px 4px;border:1px solid rgba(255,255,255,.25)!important}input[type=button i]:hover{background-color:var(--button-color-hover);padding:6px 15px;cursor:pointer;border:none;color:var(--button-text)}input[type=button i]{padding:6px 15px!important;background-color:var(--button-color);cursor:pointer;border:none;color:var(--button-text)}button{background-color:var(--button-color)!important;cursor:pointer;border:2px solid transparent;color:var(--button-text)}button:hover{background-color:var(--button-color-hover)!important;cursor:pointer;border:2px solid transparent;color:var(--button-text)}input[type=submit i]{padding:6px 15px!important;width:100%;margin-top:15px;background-color:var(--button-color)!important;border:none;color:var(--button-text);outline:0;text-transform:uppercase}input[type=submit i]:hover{padding:6px 15px!important;background-color:var(--button-color-hover)!important;width:100%;cursor:pointer;border:none;color:var(--button-text);outline:0;text-transform:uppercase}#downloadButton>img.mochaToolButton{display:none}#downloadButton:before{font-family:"Font Awesome 5 Free";font-size:24px;content:"\f0c1";font-weight:900;display:inline-block;width:24px;height:24px;margin-right:10px;color:var(--button-color);margin-top:5px}#downloadButton:hover:before{font-family:"Font Awesome 5 Free";font-size:24px;content:"\f0c1";font-weight:900;display:inline-block;width:24px;height:24px;margin-right:10px;color:var(--button-color-hover)}#uploadButton>img.mochaToolButton{display:none}#uploadButton:before{font-family:"Font Awesome 5 Free";font-size:24px;content:"\f067";font-weight:900;display:inline-block;width:24px;height:24px;margin-right:10px;color:var(--button-color)}#uploadButton:hover:before{font-family:"Font Awesome 5 Free";font-size:24px;content:"\f067";font-weight:900;display:inline-block;width:24px;height:24px;margin-right:10px;color:var(--button-color-hover)}#deleteButton>img.mochaToolButton{display:none}#deleteButton:before{font-family:"Font Awesome 5 Free";font-size:24px;content:"\f068";font-weight:900;display:inline-block;width:24px;height:24px;margin-right:10px;color:var(--button-color)}#deleteButton:hover:before{font-family:"Font Awesome 5 Free";font-size:24px;content:"\f068";font-weight:900;display:inline-block;width:24px;height:24px;margin-right:10px;color:var(--button-color-hover)}#resumeButton>img.mochaToolButton{display:none}#resumeButton:before{font-family:"Font Awesome 5 Free";font-size:24px;content:"\f04b";font-weight:900;display:inline-block;width:24px;height:24px;margin-right:10px;color:var(--button-color)}#resumeButton:hover:before{font-family:"Font Awesome 5 Free";font-size:24px;content:"\f04b";font-weight:900;display:inline-block;width:24px;height:24px;margin-right:10px;color:var(--button-color-hover)}#pauseButton>img.mochaToolButton{display:none}#pauseButton:before{font-family:"Font Awesome 5 Free";font-size:24px;content:"\f04c";font-weight:900;display:inline-block;width:24px;height:24px;margin-right:10px;color:var(--button-color)}#pauseButton:hover:before{font-family:"Font Awesome 5 Free";font-size:24px;content:"\f04c";font-weight:900;display:inline-block;width:24px;height:24px;margin-right:10px;color:var(--button-color-hover)}#topPrioButton>img.mochaToolButton{display:none}#topPrioButton:before{font-family:"Font Awesome 5 Free";font-size:24px;content:"\f102";font-weight:900;display:inline-block;width:24px;height:24px;margin-right:10px;color:var(--button-color)}#topPrioButton:hover:before{font-family:"Font Awesome 5 Free";font-size:24px;content:"\f102";font-weight:900;display:inline-block;width:24px;height:24px;margin-right:10px;color:var(--button-color-hover)}#increasePrioButton>img.mochaToolButton{display:none}#increasePrioButton:before{font-family:"Font Awesome 5 Free";font-size:24px;content:"\f106";font-weight:900;display:inline-block;width:24px;height:24px;margin-right:10px;color:var(--button-color)}#increasePrioButton:hover:before{font-family:"Font Awesome 5 Free";font-size:24px;content:"\f106";font-weight:900;display:inline-block;width:24px;height:24px;margin-right:10px;color:var(--button-color-hover)}#decreasePrioButton>img.mochaToolButton{display:none}#decreasePrioButton:before{font-family:"Font Awesome 5 Free";font-size:24px;content:"\f107";font-weight:900;display:inline-block;width:24px;height:24px;margin-right:10px;color:var(--button-color)}#decreasePrioButton:hover:before{font-family:"Font Awesome 5 Free";font-size:24px;content:"\f107";font-weight:900;display:inline-block;width:24px;height:24px;margin-right:10px;color:var(--button-color-hover)}#bottomPrioButton>img.mochaToolButton{display:none}#bottomPrioButton:before{font-family:"Font Awesome 5 Free";font-size:24px;content:"\f103";font-weight:900;display:inline-block;width:24px;height:24px;margin-right:10px;color:var(--button-color)}#bottomPrioButton:hover:before{font-family:"Font Awesome 5 Free";font-size:24px;content:"\f103";font-weight:900;display:inline-block;width:24px;height:24px;margin-right:10px;color:var(--button-color-hover)}#preferencesButton>img.mochaToolButton{display:none}#preferencesButton:before{font-family:"Font Awesome 5 Free";font-size:24px;content:"\f013";font-weight:900;display:inline-block;width:24px;height:24px;margin-right:10px;color:var(--button-color)}#preferencesButton:hover:before{font-family:"Font Awesome 5 Free";font-size:24px;content:"\f013";font-weight:900;display:inline-block;width:24px;height:24px;margin-right:10px;color:var(--button-color-hover)}#desktopNavbar li ul li a{position:relative;min-width:120px;font-weight:400;padding:5px 10px 1px 1px}.MyMenuIcon{margin-left:0}#uploadLink>img.MyMenuIcon{display:none}#uploadLink:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f067";font-weight:900;display:inline-block;margin-right:5px;color:var(--button-color);padding-left:5px}#downloadLink>img.MyMenuIcon{display:none}#downloadLink:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f0c1";font-weight:900;display:inline-block;margin-right:5px;color:var(--button-color);padding-left:5px}#logoutLink>img.MyMenuIcon{display:none}#logoutLink:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f2f5";font-weight:900;display:inline-block;margin-right:5px;color:var(--button-color);padding-left:5px}#shutdownLink>img.MyMenuIcon{display:none}#shutdownLink:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f00d";font-weight:900;display:inline-block;margin-right:5px;color:var(--button-color);padding-left:5px}#resumeAllLink>img.MyMenuIcon{display:none}#resumeAllLink:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f04b";font-weight:900;display:inline-block;margin-right:5px;color:var(--button-color);padding-left:5px}#pauseAllLink>img.MyMenuIcon{display:none}#pauseAllLink:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f04c";font-weight:900;display:inline-block;margin-right:5px;color:var(--button-color);padding-left:5px}#resumeLink>img.MyMenuIcon{display:none}#resumeLink:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f04b";font-weight:900;display:inline-block;margin-right:5px;color:var(--button-color);padding-left:5px}#pauseLink>img.MyMenuIcon{display:none}#pauseLink:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f04c";font-weight:900;display:inline-block;margin-right:5px;color:var(--button-color);padding-left:5px}#deleteLink>img.MyMenuIcon{display:none}#deleteLink:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f068";font-weight:900;display:inline-block;margin-right:5px;color:var(--button-color);padding-left:5px}#topPrioLink>img.MyMenuIcon{display:none}#topPrioLink:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f102";font-weight:900;display:inline-block;margin-right:5px;color:var(--button-color);padding-left:5px}#increasePrioLink>img.MyMenuIcon{display:none}#increasePrioLink:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f106";font-weight:900;display:inline-block;margin-right:5px;color:var(--button-color);padding-left:5px}#decreasePrioLink>img.MyMenuIcon{display:none}#decreasePrioLink:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f107";font-weight:900;display:inline-block;margin-right:5px;color:var(--button-color);padding-left:5px}#bottomPrioLink>img.MyMenuIcon{display:none}#bottomPrioLink:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f103";font-weight:900;display:inline-block;margin-right:5px;color:var(--button-color);padding-left:5px}#recheckLink>img.MyMenuIcon{display:none}#recheckLink:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f002";font-weight:900;display:inline-block;margin-right:5px;color:var(--button-color);padding-left:5px}#showTopToolbarLink>img.MyMenuIcon{display:none}#showTopToolbarLink:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f00c";font-weight:900;display:inline-block;margin-right:5px;color:var(--button-color);padding-left:5px}#showTopToolbarLink:active:focus:visited:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f00c";font-weight:900;display:inline-block;margin-right:5px;color:#fff;opacity:0}#showStatusBarLink>img.MyMenuIcon{display:none}#showStatusBarLink:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f00c";font-weight:900;display:inline-block;margin-right:5px;color:var(--button-color);padding-left:5px}#showStatusBarLink:active:focus:visited:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f00c";font-weight:900;display:inline-block;margin-right:5px;color:#fff;opacity:0}#speedInBrowserTitleBarLink>img.MyMenuIcon{display:none}#speedInBrowserTitleBarLink:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f00c";font-weight:900;display:inline-block;margin-right:5px;color:var(--button-color);padding-left:5px}#speedInBrowserTitleBarLink:active:focus:visited:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f00c";font-weight:900;display:inline-block;margin-right:5px;color:#fff;opacity:0}#showSearchEngineLink>img.MyMenuIcon{display:none}#showSearchEngineLink:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f00c";font-weight:900;display:inline-block;margin-right:5px;color:var(--button-color);padding-left:5px}#showRssReaderLink>img.MyMenuIcon{display:none}#showRssReaderLink:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f00c";font-weight:900;display:inline-block;margin-right:5px;color:var(--button-color);padding-left:5px}#showSearchEngineLink:active:focus:visited:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f00c";font-weight:900;display:inline-block;margin-right:5px;color:#fff;opacity:0}#showRssReaderLink:active:focus:visited:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f00c";font-weight:900;display:inline-block;margin-right:5px;color:#fff;opacity:0}#StatisticsLink>img.MyMenuIcon{display:none}#StatisticsLink:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f080";font-weight:900;display:inline-block;margin-right:5px;color:var(--button-color);padding-left:5px}#StatisticsLink:active:focus:visited:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f080";font-weight:900;display:inline-block;margin-right:5px;color:#fff;opacity:0}#preferencesLink>img.MyMenuIcon{display:none}#preferencesLink:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f013";font-weight:900;display:inline-block;margin-right:5px;color:var(--button-color);padding-left:5px}#docsLink>img.MyMenuIcon{display:none}#docsLink:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f013";font-weight:900;display:inline-block;margin-right:5px;color:var(--button-color);padding-left:5px}#bugLink>img.MyMenuIcon{display:none}#bugLink:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f09d";font-weight:900;display:inline-block;margin-right:5px;color:var(--button-color);padding-left:5px}#aboutLink>img.MyMenuIcon{display:none}#aboutLink:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f05a";font-weight:900;display:inline-block;margin-right:5px;color:var(--button-color);padding-left:5px}ul.filterList a{display:inline}#all_filter>a img{display:none}#all_filter:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f0b0";font-weight:900;display:inline-block;margin-right:5px;color:var(--button-color);padding-left:5px}#downloading_filter>a img{display:none}#downloading_filter:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f063";font-weight:900;display:inline-block;margin-right:5px;color:var(--button-color);padding-left:5px}#seeding_filter>a img{display:none}#seeding_filter:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f062";font-weight:900;display:inline-block;margin-right:5px;color:var(--button-color);padding-left:5px}#completed_filter>a img{display:none}#completed_filter:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f00c";font-weight:900;display:inline-block;margin-right:5px;color:var(--button-color);padding-left:5px}#resumed_filter>a img{display:none}#resumed_filter:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f04b";font-weight:900;display:inline-block;margin-right:5px;color:var(--button-color);padding-left:5px}#paused_filter>a img{display:none}#paused_filter:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f04c";font-weight:900;display:inline-block;margin-right:5px;color:var(--button-color);padding-left:5px}#active_filter>a img{display:none}#active_filter:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f0b0";font-weight:900;display:inline-block;margin-right:5px;color:var(--button-color);padding-left:5px}#inactive_filter>a img{display:none}#inactive_filter:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f0b0";font-weight:900;display:inline-block;margin-right:5px;color:var(--button-color);padding-left:5px}#stalled_filter>a img{display:none}#stalled_filter:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f0b0";font-weight:900;display:inline-block;margin-right:5px;color:var(--button-color);padding-left:5px}#stalled_uploading_filter>a img{display:none}#stalled_uploading_filter:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f093";font-weight:900;display:inline-block!important;margin-right:5px;color:var(--button-color);padding-left:5px}#stalled_downloading_filter>a img{display:none}#stalled_downloading_filter:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f019";font-weight:900;display:inline-block!important;margin-right:5px;color:var(--button-color);padding-left:5px}img[src="icons/inode-directory.svg"]{background:url(https://theme-park.dev/Resources/qbittorrent/folder-open-solid.svg);background-size:contain;background-repeat:no-repeat;background-origin:content-box;filter:invert(79%) sepia(20%) saturate(0%) hue-rotate(135deg) brightness(87%) contrast(108%)}img[src="icons/network-server.svg"]{background:url(https://theme-park.dev/Resources/qbittorrent/network-wired-solid.svg);background-size:contain;background-repeat:no-repeat;background-origin:content-box;filter:invert(79%) sepia(20%) saturate(0%) hue-rotate(135deg) brightness(87%) contrast(108%)}img[src="icons/mail-folder-inbox.svg"]{background:url(https://theme-park.dev/Resources/qbittorrent/inbox-solid.svg);background-size:contain;background-repeat:no-repeat;background-origin:content-box;filter:invert(79%) sepia(20%) saturate(0%) hue-rotate(135deg) brightness(87%) contrast(108%)}#searchPattern{width:300px;line-height:2em;padding:1px 5px 1px 2em;filter:invert(79%) sepia(20%) saturate(0%) hue-rotate(135deg) brightness(87%) contrast(108%);background-repeat:no-repeat;background-size:1.5em;background-position:left}#errored_filter>a img{display:none}#errored_filter:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f06a";font-weight:900;display:inline-block;margin-right:5px;color:var(--button-color);padding-left:5px}.filterTitle img{display:none}.filterTitle:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f0d7";font-weight:900;display:inline-block;margin-right:5px;color:var(--button-color);padding-left:5px}#categoriesFilterMenu>li img{display:none}.contextMenu li>#CreateCategory:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f06a";font-weight:900;display:inline-block;margin-right:5px;color:var(--button-color);padding-left:5px}img[src="icons/application-x-mswinurl.svg"],img[src="icons/checking.svg"],img[src="icons/collapse.svg"],img[src="icons/completed.svg"],img[src="icons/configure.svg"],img[src="icons/dialog-information.svg"],img[src="icons/document-edit-verify.svg"],img[src="icons/document-edit.svg"],img[src="icons/document-import.svg"],img[src="icons/document-new.svg"],img[src="icons/document-properties.svg"],img[src="icons/document-save.svg"],img[src="icons/download.svg"],img[src="icons/edit-clear-history.svg"],img[src="icons/edit-clear.svg"],img[src="icons/edit-copy.svg"],img[src="icons/edit-cut.svg"],img[src="icons/edit-find-user.svg"],img[src="icons/edit-find.svg"],img[src="icons/edit-paste.svg"],img[src="icons/edit-rename.svg"],img[src="icons/expand.svg"],img[src="icons/folder-documents.svg"],img[src="icons/folder-download.svg"],img[src="icons/folder-new.svg"],img[src="icons/folder-remote.svg"],img[src="icons/gear.svg"],img[src="icons/go-bottom.svg"],img[src="icons/go-down.svg"],img[src="icons/go-top.svg"],img[src="icons/go-up.svg"],img[src="icons/help-about.svg"],img[src="icons/help-contents.svg"],img[src="icons/insert-link.svg"],img[src="icons/list-add.svg"],img[src="icons/mail-mark-read.svg"],img[src="icons/media-playback-pause.svg"],img[src="icons/media-playback-start.svg"],img[src="icons/media-seek-forward.svg"],img[src="icons/network-wired.svg"],img[src="icons/office-chart-line.svg"],img[src="icons/preferences-desktop.svg"],img[src="icons/preferences-other.svg"],img[src="icons/preferences-system-network.svg"],img[src="icons/preferences-web-browser-cookies.svg"],img[src="icons/rss-config.svg"],img[src="icons/services.svg"],img[src="icons/speedometer.svg"],img[src="icons/stalledDL.svg"],img[src="icons/stalledUP.svg"],img[src="icons/tab-close.svg"],img[src="icons/task-ongoing.svg"],img[src="icons/text-plain.svg"],img[src="icons/user-group-delete.svg"],img[src="icons/user-group-new.svg"],img[src="icons/view-calendar-journal.svg"],img[src="icons/view-categories.svg"],img[src="icons/view-filter.svg"],img[src="icons/view-preview.svg"],img[src="icons/view-statistics.svg"],img[src="icons/wallet-open.svg"],img[src="icons/webui.svg"]{filter:invert(100%) sepia(0%) saturate(1%) hue-rotate(289deg) brightness(106%) contrast(101%)}#contextCategoryList,.contextMenu{box-shadow:0 8px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}#torrentsFilterInput{width:160px;padding-left:2em;background-image:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/qbittorrent/search-solid.png);background-repeat:no-repeat;background-size:1em;background-position:left}.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}#alternativeSpeedLimits td img{display:none}#alternativeSpeedLimits:before{font-family:"Font Awesome 5 Free";font-size:14px;content:"\f00c";font-weight:900;display:inline-block;margin-right:5px;color:var(--button-color);padding-left:5px} diff --git a/CSS/themes/radarr/radarr-base.css b/CSS/themes/radarr/radarr-base.css index 359ef864..78f4bc81 100644 --- a/CSS/themes/radarr/radarr-base.css +++ b/CSS/themes/radarr/radarr-base.css @@ -1,1092 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ - -body { - background: var(--main-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: var(--text); -} - -/* Froms */ - -[class*="FormInputHelpText-helpText-"] { - color: var(--text); -} - -[class*="FormInputGroup-inputUnit-"] { - color: var(--text) !important; -} - -/* LINKS */ -[class*="Link-to-"] { - color: var(--text); -} - -[class*="Link-to-"]:hover { - color: var(--text-hover); - text-decoration: none; -} - -a { - color: var(--link-color); -} - -a:hover { - color: var(--link-color-hover); -} - -[class*="TableRowCell-cell-"] [class*="Link-to-"] { - color: var(--link-color) !important; -} - -[class*="TableRowCell-cell-"] [class*="Link-to-"]:hover { - color: var(--link-color-hover) !important; -} - -/* Buttons */ - -[class*="Button-default-"] { - color: var(--button-text); - background-color: var(--button-color); - border-color: transparent; -} - -[class*="Button-default-"]:hover { - border-color: transparent; - background-color: var(--button-color-hover) !important; - color: var(--button-text-hover); -} - -[class*="Button-primary-"] { - border-color: transparent; - background-color: var(--button-color); - color: var(--button-text); -} - -[class*="Button-primary-"]:hover { - border-color: transparent; - background-color: var(--button-color-hover) !important; - color: var(--button-text-hover); -} - -[class*="Button-success-"] { - border-color: var(--button-color); - background-color: var(--button-color); - color: var(--button-text); -} - -[class*="Button-success-"]:hover { - border-color: var(--button-color-hover); - background-color: var(--button-color-hover); - color: var(--button-text-hover); -} - -/* LOADING PAGE */ -[class*="ErrorPage-page-"], -[class*="ErrorPage-version-"], -[class*="LoadingMessage-loadingMessage-"] { - color: var(--text); -} - -[class*="LoadingIndicator-ripple-"] { - border: 2px solid #fff; -} - -/* MODAL */ -[class*="ModalHeader-modalHeader-"] { - 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; - color: var(--text-hover); - border-bottom: 1px solid rgb(var(--accent-color)); -} - -[class*="ModalContent-modalContent-"] { - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: var(--text); -} - -[class*="ModalFooter-modalFooter-"] { - 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; - color: #fff; - border-top: 1px solid rgb(var(--accent-color)); -} - -[class*="ModalContent-closeButton-"]:hover { - color: #fff; -} - -/* INPUT */ -[class*="TagInput-internalInput-"] { - background-color: transparent; - color: #fff; -} - -[class*="SelectInput-select-"] { - background-color: rgba(0, 0, 0, 0.25) !important; -} - -[class*="SelectInput-select-"]:active, -[class*="SelectInput-select-"]:focus { - background: #1e1e1e !important; -} - -[class*="AutoSuggestInput-suggestionsList-"], -[class*="AutoSuggestInput-suggestionsContainerOpen-"], -[class*="AutoSuggestInput-suggestionsContainer-"] { - background-color: #323232 !important; - color: white; - border: none !important; -} - -[class*="AutoSuggestInput-suggestionHighlighted-"] { - background-color: hsla(0, 0%, 100%, .08); -} - -[class*="CheckInput-primaryIsChecked-"] { - border-color: rgb(var(--accent-color)) !important; - background-color: rgb(var(--accent-color)) !important; - color: var(--label-text-color) !important; -} - -[class*="CheckInput-input-"][class*="CheckInput-isNotChecked-"] { - background: #fff; -} - -/* HEADER */ - -[class*="PageHeader-header-"] { - background-color: rgba(0, 0, 0, .35); -} - -/* SEARCH DROPDOWN HEADER */ - -[class*="PageHeader-donate-"] { - color: #c4273c !important; -} - -/* RADARR SPECIFIC */ -[class*="MovieSearchInput-sectionTitle-"] { - color: #fff; -} - -[class*="MovieSearchInput-containerOpen-"] [class*="MovieSearchInput-movieContainer-"] { - border: none !important; - 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 !important; - box-shadow: 0 0 10px 1px transparent !important; -} - -[class*="MovieSearchInput-highlighted-"] { - background-color: hsla(0, 0%, 100%, .08); -} - -[class*="MovieSearchInput-movieContainer-"]::-webkit-scrollbar-thumb { - background-color: rgba(255, 255, 255, 0.25); -} - -/* SIDE MENU */ -[class*="PageSidebar-sidebarContainer-"] { - background-color: rgba(0, 0, 0, .25); -} - -[class*="PageSidebar-sidebar-"] { - background-color: transparent; -} - -[class*="PageSidebarItem-link-"]:hover { - color: rgb(var(--accent-color)); - text-decoration: none; -} - -[class*="PageSidebarItem-isActiveLink-"], -[class*="PageSidebarItem-isActiveLink-"]:hover, -[class*="PageSidebarItem-link-"]:focus { - color: rgb(var(--accent-color)) !important; -} - -[class*="PageSidebarItem-isActiveParentLink-"] { - background-color: rgba(0, 0, 0, 0.15); -} - -@media only screen and (max-width: 768px) { - [class*="PageSidebar-sidebarContainer-"] { - 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; - } -} - -[class*="PageSidebarItem-isActiveItem-"] { - border-left: 3px solid rgb(var(--accent-color)); -} - -/* MOVIES PAGE */ -/* RADARR SPECIFIC */ -[class*="MovieIndexPoster-controls-"] { - background-color: rgb(var(--accent-color)) !important; -} - -[class*="MovieTitlesTableContent-blankpad-"], -[class*="ExtraFileTableContent-blankpad-"], -[class*="MovieHistoryTableContent-blankpad-"] { - color: var(--text); -} - -/* OVERVIEW PAGE */ - -[class*="MovieIndexOverviews-container-"], -[class*="MovieIndexOverviews-container-"]:hover { - background-color: transparent !important; -} - -[class*="MovieIndexOverview-container-"]:hover [class*="MovieIndexOverview-content-"] { - background-color: transparent; -} - -[class*="AddListMovieOverview-container-"]:hover [class*="AddListMovieOverview-content-"] { - background-color: rgba(255, 255, 255, 0.08); -} - -[class*="AddListMoviePoster-title-"] { - background-color: rgba(255, 255, 255, 0.08); -} - -[class*="MovieIndexOverview-content-"]:hover { - background-color: hsla(0, 0%, 100%, .08) !important; -} - -[class*="MovieIndexOverview-link-"]:hover { - text-decoration: none; -} - -[class*="ProgressBar-container-"] { - background-color: rgba(0, 0, 0, 0.25); -} - -[class*=".ProgressBar-purple-"] { - background-color: rgb(var(--accent-color)); -} - -/* MOVIE PAGE */ -[class*="MovieDetailsSeason-season-"], -[class*="MovieDetailsSeason-collapseButtonContainer-"] { - border: none !important; - background-color: rgba(0, 0, 0, .25) !important; -} - -[class*="MovieDetailsSeason-actionButton-"], -[class*="MovieDetailsSeason-collapseButtonIcon-"] { - color: var(--text) !important; -} - -.fa-search:hover { - color: var(--text-hover) !important; -} - -[class*="Icon-default-"]:hover:not([class*="Label-large-"] [class*="Icon-default-"], [class*="PathInput-fileBrowserButton-"]svg) { - color: var(--text-hover); -} - -[class*="MonitorToggleButton-toggleButton-"] { - color: #dadada; -} - - -[class*="ProtocolLabel-torrent-"] { - border-color: #00853d !important; - background-color: #00853d !important; - color: #fff !important; -} - -[class*="ProtocolLabel-usenet-"] { - border-color: #17b1d9 !important; - background-color: #17b1d9 !important; - color: #fff !important; -} - -[class*="MovieDetailsSeason-seasonNumber-"] { - color: #fff; -} - -[class*="MovieDetailsSeason-collapseButtonContainer-"] { - border: none !important; - background-color: rgba(0, 0, 0, .25) !important; -} - -[class*="MovieFileEditorTable-container-"] { - border: 1px solid transparent; - background-color: rgba(0, 0, 0, 0.25); -} - -[class*="ExtraFileTable-container-"] { - border: 1px solid transparent; - background-color: rgba(0, 0, 0, .25); -} - -[class*="Popover-title-"], -[class*="SeasonInfo-title-"], -[class*="Popover-body-"], -[class*="Tooltip-body-"] { - 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; -} - -[class*="Tooltip-tooltipContainer-"] { - color: #fff; -} - -[class*="Tooltip-bottom-"][class*="Tooltip-default-"] { - border-bottom-color: var(--text); -} - -[class*="Tooltip-right-"][class*="Tooltip-default-"] { - border-right-color: var(--text); -} - -[class*="EpisodeTitleLink-link-"]:hover { - color: #fff; - text-decoration: none; -} - -[class*="IconButton-button-"] { - color: var(--text); -} - -[class*="Label-default-"] [class*="IconButton-button-"], -[class*="Label-small-"] [class*="IconButton-button-"]:hover { - color: var(--label-text-color); -} - -[class*="IconButton-button-"]:hover { - background-color: transparent; - color: var(--text-hover); -} - -[class*="Table-tableContainer-"] [class*="IconButton-button-"]:hover { - background-color: transparent; - color: var(--text-hover); -} - -[class*="Label-default-"] { - border-color: rgb(var(--accent-color)); - background-color: rgb(var(--accent-color)); - color: var(--label-text-color); -} - -[class*="Label-info-"] { - border-color: rgb(var(--accent-color)); - background-color: rgb(var(--accent-color)); - color: var(--label-text-color); -} - -[class*="PageSidebarItem-status-"][class*="Label-info-"] { - border-color: var(--queue-color); - background-color: var(--queue-color); - color: var(--label-text-color); -} - -[class*="MovieDetails-selectedTab-"] { - border-bottom: 4px solid rgb(var(--accent-color)); -} - -[class*="MovieDetails-tabList-"] { - color: var(--text-hover); -} - -/* Table options*/ -[class*="TableOptionsColumn-column-"] { - background: rgba(0, 0, 0, .25); - color: var(--text-hover); - border: none; -} - -[class*="TableHeaderCell-headerCell-"] { - color: var(--text-hover); -} - -[class*="Table-table-"] { - color: var(--text); -} - -[class*="TableRow-row-"]:hover { - background-color: hsla(0, 0%, 100%, .08); - color: var(--text-hover); -} - -[class*="TableRowCell-cell-"] { - border-top: 1px solid rgb(255 255 255 / 25%); -} - -/* TOP MENU SERIES */ -[class*="PageToolbar-toolbar-"] { - background-color: rgba(0, 0, 0, .25); - color: var(--text); -} - -[class*="PageToolbarButton-label-"] { - color: var(--text); -} - -[class*="PageToolbarButton-toolbarButton-"][class*="PageToolbarButton-isDisabled-"] { - opacity: .5; - color: var(--text); -} - -[class*="PageToolbarButton-toolbarButton-"][class*="PageToolbarButton-isDisabled-"]:hover, -[class*="PageToolbarButton-isDisabled-"]:hover { - color: var(--text) !important; -} - -[class*="PageToolbarButton-label-"] { - color: var(--text); -} - -[class*="PageToolbarButton-toolbarButton-"]:hover { - color: rgb(var(--accent-color)); -} - -[class*="MenuButton-menuButton-"]:hover { - color: rgb(var(--accent-color)); -} - -/* POSTERS */ -[class*="MovieIndexPoster-title-"], -[class*="MovieIndexPoster-nextAiring-"], -[class*="MovieIndexPosterInfo-info-"], -[class*="MovieIndexPosterInfo-info-"], -[class*="MovieCreditPoster-title-"] { - background-color: rgba(255, 255, 255, 0.08); - color: var(--text-hover); -} - -/* LIBRARY TOP HEADER DROPDOWN */ -[class*="MenuItem-menuItem-"], -[class*="MenuContent-menuContent-"] { - 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; - color: var(--text); -} - -[class*="MenuContent-scroller-"] { - box-shadow: black 0 0 5px 0px; -} - -[class*="MenuItem-menuItem-"]:hover, -[class*="MenuItem-menuItem-"]:focus { - background: hsla(0, 0%, 100%, .08) !important; - color: var(--text-hover); - text-decoration: none; -} - -[class*="MenuItemSeparator-separator-"] { - background-color: hsla(0, 0%, 100%, .08) !important; -} - -/* ALPHABET JUMP BAR */ -[class*="PageJumpBar-jumpBar-"] { - color: #FFF; -} - -/* MINI RIGHT SCROLL BAR */ -[class*="OverlayScroller-thumb-"], -[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb { - background-color: hsla(0, 0%, 100%, .08) !important; -} - -[class*="OverlayScroller-thumb-"]:hover, -[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb:hover { - background-color: rgba(255, 255, 255, 0.25) !important; -} - -/* ADD NEW */ - -[class*="EnhancedSelectInput-options-"] { - border: 1px solid rgba(255, 255, 255, 0.2); - border-radius: 4px; - 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; - color: var(--text); -} - -[class*="EnhancedSelectInputOption-isSelected-"], -[class*="EnhancedSelectInputOption-isSelected-"]:hover { - background-color: rgba(255, 255, 255, 0.20) !important; - color: var(--text-hover); -} - -[class*="EnhancedSelectInputOption-option-"]:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -[class*="HintedSelectInputOption-hintText-"] { - color: var(--text); -} - -/* SEARCH BAR */ -[class*="Input-input-"], -[class*="AddNewMovie-searchIconContainer-"], -[class*="CheckInput-isIndeterminate-"] { - border: none; - background-color: rgba(255, 255, 255, 0.08); - color: #fff; -} - -[class*="MovieSearchInput-container-"] [class*="Input-input-"] { - background: transparent; - border-bottom: solid 1px #fff; -} - -[class*="MovieSearchInput-container-"] [class*="Input-input-"]:focus { - border-bottom: none; - background: transparent; -} - -[class*="MovieSearchResult-alternateTitle-"] { - color: #fff; - font-size: 12px; -} - -[class*="AddNewMovieSearchResult-year-"] { - color: #fff !important; -} - -[class*="Input-input-"]:focus { - outline: 0; - border-color: #fff; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.25); -} - -[class*="TagInput-input-"][class*="TagInput-isFocused-"] { - outline: 0; - border-color: #fff; - box-shadow: none; -} - -/* TEXT COLOR */ - -[class*="PageContentBody-innerContentBody-"], -[class*="PageContentBody-contentBody-"], -.react-tabs__tab-panel .react-tabs__tab-panel--selected>div { - color: var(--text); -} - -/* SEARCH RESULTS */ -[class*="AddNewMovieSearchResult-searchResult-"], -[class*="AddNewMovieSearchResult-underlay-"] { - background-color: transparent !important; -} - -[class*="AddNewMovieSearchResult-searchResult-"]:hover, -[class*="AddNewMovieSearchResult-underlay-"]:hover { - background-color: hsla(0, 0%, 100%, .08) !important; -} - -[class*="AddNewmovieModalContent-year-"] { - color: #fff; -} - -[class*="RootFolderSelectInputSelectedValue-movieFolder-"], -[class*="RootFolderSelectInputSelectedValue-freeSpace-"] { - color: #fff; -} - -[class*="RootFolderSelectInputOption-freeSpace-"], -[class*="RootFolderSelectInputOption-movieFolder-"] { - color: var(--text-muted); -} - -/* MOVE THIS */ -input::-webkit-input-placeholder { - color: var(--text); -} - -input:focus::-webkit-input-placeholder { - color: var(--text-hover); -} - -/* Firefox < 19 */ -input:-moz-placeholder { - color: var(--text); -} - -input:focus:-moz-placeholder { - color: var(--text-hover); -} - -/* Firefox > 19 */ -input::-moz-placeholder { - color: var(--text); -} - -input:focus::-moz-placeholder { - color: var(--text-hover); -} - -/* Internet Explorer 10 */ -input:-ms-input-placeholder { - color: var(--text); -} - -input:focus:-ms-input-placeholder { - color: var(--text-hover); -} - -/* IMPORT */ - -[class*="FieldSet-legend-"] { - color: var(--text-hover); - border-bottom: 1px solid rgb(var(--accent-color)); -} - -[class*="VirtualTableRow-row-"]:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -/* Drop down menu/button*/ -[class*="ImportMovieSelectMovie-button-"] { - border: none !important; - background-color: rgba(0, 0, 0, 0.25) !important; -} - -[class*="ImportMovieSelectMovie-content-"], -[class*="ImportMovieSelectMovie-searchIconContainer-"] { - border: none; - 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; -} - -[class*="ImportMovieSearchResult-movie-"]:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -[class*="ImportMovieTitle-year-"] { - color: var(--text-muted); -} - -/* DISCOVER */ -[class*="DiscoverMovieOverview-link-"] { - color: var(--text); -} - -[class*="DiscoverMovieOverview-link-"]:hover { - color: var(--text-hover); - text-decoration: none; -} - -[class*="DiscoverMoviePoster-title-"], -[class*="DiscoverMoviePosterInfo-info-"] { - background-color: rgba(255, 255, 255, 0.08); - color: var(--text-hover); -} - -/*Title*/ -[class*="AddListMovieOverview-link-"] { - color: var(--text); -} - -[class*="AddListMovieOverview-link-"]:hover { - color: #fff; -} - -[class*="AddListMovieOverview-content-"]:hover { - background-color: hsla(0, 0%, 100%, .08) !important; -} - -[class*="PageJumpBarItem-jumpBarItem-"]:hover { - color: #fff; - background: hsla(0, 0%, 100%, .08); -} - -/*Posters*/ -[class*="AddListMoviePoster-title-"] { - background-color: rgba(255, 255, 255, 0.08); - color: #fff; -} - -/* MASS EDITOR */ -/* FOOTER */ -[class*="PageContentFooter-contentFooter-"] { - border: none; - background-color: rgba(0, 0, 0, .25); - color: #FFF; -} - -/* CALENDAR */ -[class*="CalendarEvent-downloaded-"] { - background: rgb(var(--calendar-available) / .7) !important; - border-left-color: transparent !important; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-downloaded-"]:hover { - background: rgb(var(--calendar-available) / .5) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-missing-"] { - background: rgb(var(--calendar-missing) / .7) !important; - border-left-color: transparent !important; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-missing-"]:hover { - background: rgba(var(--calendar-missing) / .5) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-unreleased-"] { - background: rgb(var(--calendar-unaired) / .7) !important; - border-left-color: transparent !important; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-unreleased-"]:hover { - background: rgb(var(--calendar-unaired) / .5) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-unmonitored-"] { - background: rgb(var(--calendar-unmonitored) / .7) !important; - border-left-color: transparent !important; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-unmonitored-"]:hover { - background: rgb(var(--calendar-unmonitored) / .5) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-downloading-"] { - background: rgb(var(--calendar-downloading) / .7) !important; - border-left-color: transparent !important; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-downloading-"]:hover { - background: rgb(var(--calendar-downloading) / .5) !important; - border-left-color: transparent !important; -} - -[class*="DayOfWeek-dayOfWeek-"] { - background-color: hsla(0, 0%, 100%, .08); -} - -[class*="CalendarDay-dayOfMonth-"] { - border-bottom: 1px solid hsla(0, 0%, 100%, .08); - background-color: rgba(0, 0, 0, .25); -} - -[class*="CalendarDay-isToday-"] { - background-color: hsla(0, 0%, 100%, .08) !important; -} - -[class*="CalendarDay-day-"], -[class*="CalendarDays-days-"] { - -webkit-box-flex: 1; - -webkit-flex: 1 0 14.28%; - flex: 1 0 14.28%; - overflow: hidden; - min-height: 70px; - border-bottom: 1px solid hsla(0, 0%, 100%, .08); - border-left: 1px solid hsla(0, 0%, 100%, .08); - border-right: 1px solid hsla(0, 0%, 100%, .08); -} - -[class*="CalendarEvent-movieTitle-"], -[class*="CalendarEvent-movieInfo-"], -[class*="CalendarEvent-episodeInfo-"], -[class*="CalendarEvent-airTime-"] { - color: #fff !important; -} - -[class*="CalendarEvent-event-"] { - border-bottom: 1px solid transparent; -} - -[class*="CalendarEventGroup-eventGroup-"] { - border-bottom: 1px solid hsla(0, 0%, 100%, .08) !important; -} - -[class*="CalendarEventGroup-movieTitle-"] { - color: #fff !important; -} - -[class*="CalendarEventGroup-airTime-"] { - color: var(--text); -} - -[class*="CalendarEventGroup-episodeInfo-"] { - color: var(--text); -} - -/* calendar agenda */ -[class*="AgendaEvent-event-"]:hover { - background-color: hsla(0, 0%, 100%, .08) !important; -} - -/* SETTINGS */ -[class*="Settings-link-"] { - color: var(--text-hover); - border-bottom: 1px solid rgb(var(--accent-color)); -} - -[class*="Settings-summary-"] { - color: var(--text); -} - -[class*="FormLabel-large-"] { - color: var(--text-hover); -} - -[class*="FormLabel-isAdvanced-"] { - color: #ff902b; -} - -/* MEDIA MANAGEMENT - FILE NAME TOKENS */ -[class*="NamingOption-small-"] { - border: 1px solid transparent; -} - -[class*="NamingOption-token-"] { - background-color: rgba(255, 255, 255, 0.15); -} - -[class*="NamingOption-token-"] { - background-color: rgba(255, 255, 255, 0.15); -} - -[class*="NamingOption-example-"] { - background-color: rgba(255, 255, 255, 0.25); -} - -[class*="NamingOption-option-"] { - border: 1px solid transparent; -} - -[class*="NamingOption-option-"]:hover [class*="NamingOption-token-"] { - background-color: rgba(255, 255, 2550, 0.25); -} - -[class*="NamingOption-option-"]:hover [class*="NamingOption-example-"] { - background-color: rgba(255, 255, 2550, 0.35); -} - -/* PROFILES */ -[class*="Card-card-"], -[class*="QualityProfiles-addQualityProfile-"] { - background-color: rgba(0, 0, 0, .45); - box-shadow: 0 0 10px 1px #000000; - color: var(--text); -} - -[class*="Card-card-"]:hover { - color: var(--text-hover); -} - -[class*="QualityProfiles-center-"], -[class*="LanguageProfiles-center-"], -[class*="ReleaseProfiles-center-"] { - background-color: transparent; - border: none; -} - -[class*="QualityProfileItem-qualityProfileItem-"], -[class*="QualityProfileItemGroup-qualityProfileItemGroup-"], -[class*="LanguageProfileItem-languageProfileItem-"] { - border: none; - background-color: rgba(0, 0, 0, .25); - color: #FFF; -} - -[class*="QualityProfileItemGroup-qualityProfileItemGroup-"][class*="QualityProfileItemGroup-editGroups-"] { - background: rgba(0, 0, 0, 0.25); -} - -[class*="KeyValueListInputItem-keyInput-"], -[class*="KeyValueListInputItem-valueInput-"] { - border: none; - background: transparent; - color: white; -} - -[class*="QualityProfileFormatItem-qualityProfileFormatItem-"] { - border: 1px solid transparent; - background: rgba(0, 0, 0, .25); -} - -[class*="QualityDefinitions-sizeLimitHelpText-"] { - color: var(--text); -} - -/* PROFILES */ -[class*="Indexers-center-"] { - background-color: transparent; - border: none; -} - -/* DOWNLOAD CLIENTS */ -[class*="DownloadClients-center-"] { - background-color: transparent; - border: none; -} - -/* CONNECTIONS */ -[class*="Notifications-center-"] { - background-color: transparent; - border: none; -} - -/* LISTS */ -[class*="ImportLists-center-"] { - background-color: transparent; - border: none; -} - -/* LOG */ -[class*="Alert-info-"] { - border-color: transparent; - background-color: rgba(0, 0, 0, 0.25); - color: #FFC107; -} - -/* INDEXER */ -[class*="Restrictions-center-"] { - border: 1px solid transparent; - background-color: transparent; -} - -/* LISTS */ -[class*="NetImports-center-"] { - border: 1px solid transparent; - background-color: transparent; -} - -/* CUSTOM FORMAT */ -[class*="CustomFormats-center-"], -[class*="EditCustomFormatModalContent-center-"] { - border: 1px solid transparent; - background-color: transparent; -} - -/* Login Page */ - -.panel-body { - background-color: rgba(0, 0, 0, 0.25); - color: var(--text); -} - -.panel-header { - background-color: rgba(0, 0, 0, 0.45); -} - -.forgot-password { - color: var(--text) !important; -} - -input[type=email], -input[type=password] { - border: none; - background-color: rgba(255, 255, 255, 0.08); - color: #FFF; -} - -.button { - border-color: var(--button-color); - 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; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.25); -} - -/* Custom filter */ -[class*="FilterBuilderRow-filterRow-"]:hover { - background-color: transparent; -} - -[class*="CustomFilter-customFilter-"]:hover { - background-color: hsla(0, 0%, 100%, .08); -} - -[class*="SelectMovieModalContent-path-"] { - color: var(--text); -} \ No newline at end of file +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)}[class*=FormInputHelpText-helpText-]{color:var(--text)}[class*=FormInputGroup-inputUnit-]{color:var(--text)!important}[class*=Link-to-]{color:var(--text)}[class*=Link-to-]:hover{color:var(--text-hover);text-decoration:none}a{color:var(--link-color)}a:hover{color:var(--link-color-hover)}[class*=TableRowCell-cell-] [class*=Link-to-]{color:var(--link-color)!important}[class*=TableRowCell-cell-] [class*=Link-to-]:hover{color:var(--link-color-hover)!important}[class*=Button-default-]{color:var(--button-text);background-color:var(--button-color);border-color:transparent}[class*=Button-default-]:hover{border-color:transparent;background-color:var(--button-color-hover)!important;color:var(--button-text-hover)}[class*=Button-primary-]{border-color:transparent;background-color:var(--button-color);color:var(--button-text)}[class*=Button-primary-]:hover{border-color:transparent;background-color:var(--button-color-hover)!important;color:var(--button-text-hover)}[class*=Button-success-]{border-color:var(--button-color);background-color:var(--button-color);color:var(--button-text)}[class*=Button-success-]:hover{border-color:var(--button-color-hover);background-color:var(--button-color-hover);color:var(--button-text-hover)}[class*=ErrorPage-page-],[class*=ErrorPage-version-],[class*=LoadingMessage-loadingMessage-]{color:var(--text)}[class*=LoadingIndicator-ripple-]{border:2px solid #fff}[class*=ModalHeader-modalHeader-]{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;color:var(--text-hover);border-bottom:1px solid rgb(var(--accent-color))}[class*=ModalContent-modalContent-]{background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;color:var(--text)}[class*=ModalFooter-modalFooter-]{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;color:#fff;border-top:1px solid rgb(var(--accent-color))}[class*=ModalContent-closeButton-]:hover{color:#fff}[class*=TagInput-internalInput-]{background-color:transparent;color:#fff}[class*=SelectInput-select-]{background-color:rgba(0,0,0,.25)!important}[class*=SelectInput-select-]:active,[class*=SelectInput-select-]:focus{background:#1e1e1e!important}[class*=AutoSuggestInput-suggestionsContainer-],[class*=AutoSuggestInput-suggestionsContainerOpen-],[class*=AutoSuggestInput-suggestionsList-]{background-color:#323232!important;color:#fff;border:none!important}[class*=AutoSuggestInput-suggestionHighlighted-]{background-color:hsla(0,0%,100%,.08)}[class*=CheckInput-primaryIsChecked-]{border-color:rgb(var(--accent-color))!important;background-color:rgb(var(--accent-color))!important;color:var(--label-text-color)!important}[class*=CheckInput-input-][class*=CheckInput-isNotChecked-]{background:#fff}[class*=PageHeader-header-]{background-color:rgba(0,0,0,.35)}[class*=PageHeader-donate-]{color:#c4273c!important}[class*=MovieSearchInput-sectionTitle-]{color:#fff}[class*=MovieSearchInput-containerOpen-] [class*=MovieSearchInput-movieContainer-]{border:none!important;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!important;box-shadow:0 0 10px 1px transparent!important}[class*=MovieSearchInput-highlighted-]{background-color:hsla(0,0%,100%,.08)}[class*=MovieSearchInput-movieContainer-]::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.25)}[class*=PageSidebar-sidebarContainer-]{background-color:rgba(0,0,0,.25)}[class*=PageSidebar-sidebar-]{background-color:transparent}[class*=PageSidebarItem-link-]:hover{color:rgb(var(--accent-color));text-decoration:none}[class*=PageSidebarItem-isActiveLink-],[class*=PageSidebarItem-isActiveLink-]:hover,[class*=PageSidebarItem-link-]:focus{color:rgb(var(--accent-color))!important}[class*=PageSidebarItem-isActiveParentLink-]{background-color:rgba(0,0,0,.15)}@media only screen and (max-width:768px){[class*=PageSidebar-sidebarContainer-]{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}}[class*=PageSidebarItem-isActiveItem-]{border-left:3px solid rgb(var(--accent-color))}[class*=MovieIndexPoster-controls-]{background-color:rgb(var(--accent-color))!important}[class*=ExtraFileTableContent-blankpad-],[class*=MovieHistoryTableContent-blankpad-],[class*=MovieTitlesTableContent-blankpad-]{color:var(--text)}[class*=MovieIndexOverviews-container-],[class*=MovieIndexOverviews-container-]:hover{background-color:transparent!important}[class*=MovieIndexOverview-container-]:hover [class*=MovieIndexOverview-content-]{background-color:transparent}[class*=AddListMovieOverview-container-]:hover [class*=AddListMovieOverview-content-]{background-color:rgba(255,255,255,.08)}[class*=AddListMoviePoster-title-]{background-color:rgba(255,255,255,.08)}[class*=MovieIndexOverview-content-]:hover{background-color:hsla(0,0%,100%,.08)!important}[class*=MovieIndexOverview-link-]:hover{text-decoration:none}[class*=ProgressBar-container-]{background-color:rgba(0,0,0,.25)}[class*=".ProgressBar-purple-"]{background-color:rgb(var(--accent-color))}[class*=MovieDetailsSeason-collapseButtonContainer-],[class*=MovieDetailsSeason-season-]{border:none!important;background-color:rgba(0,0,0,.25)!important}[class*=MovieDetailsSeason-actionButton-],[class*=MovieDetailsSeason-collapseButtonIcon-]{color:var(--text)!important}.fa-search:hover{color:var(--text-hover)!important}[class*=Icon-default-]:hover:not([class*=Label-large-] [class*=Icon-default-],[class*=PathInput-fileBrowserButton-]svg){color:var(--text-hover)}[class*=MonitorToggleButton-toggleButton-]{color:#dadada}[class*=ProtocolLabel-torrent-]{border-color:#00853d!important;background-color:#00853d!important;color:#fff!important}[class*=ProtocolLabel-usenet-]{border-color:#17b1d9!important;background-color:#17b1d9!important;color:#fff!important}[class*=MovieDetailsSeason-seasonNumber-]{color:#fff}[class*=MovieDetailsSeason-collapseButtonContainer-]{border:none!important;background-color:rgba(0,0,0,.25)!important}[class*=MovieFileEditorTable-container-]{border:1px solid transparent;background-color:rgba(0,0,0,.25)}[class*=ExtraFileTable-container-]{border:1px solid transparent;background-color:rgba(0,0,0,.25)}[class*=Popover-body-],[class*=Popover-title-],[class*=SeasonInfo-title-],[class*=Tooltip-body-]{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}[class*=Tooltip-tooltipContainer-]{color:#fff}[class*=Tooltip-bottom-][class*=Tooltip-default-]{border-bottom-color:var(--text)}[class*=Tooltip-right-][class*=Tooltip-default-]{border-right-color:var(--text)}[class*=EpisodeTitleLink-link-]:hover{color:#fff;text-decoration:none}[class*=IconButton-button-]{color:var(--text)}[class*=Label-default-] [class*=IconButton-button-],[class*=Label-small-] [class*=IconButton-button-]:hover{color:var(--label-text-color)}[class*=IconButton-button-]:hover{background-color:transparent;color:var(--text-hover)}[class*=Table-tableContainer-] [class*=IconButton-button-]:hover{background-color:transparent;color:var(--text-hover)}[class*=Label-default-]{border-color:rgb(var(--accent-color));background-color:rgb(var(--accent-color));color:var(--label-text-color)}[class*=Label-info-]{border-color:rgb(var(--accent-color));background-color:rgb(var(--accent-color));color:var(--label-text-color)}[class*=PageSidebarItem-status-][class*=Label-info-]{border-color:var(--queue-color);background-color:var(--queue-color);color:var(--label-text-color)}[class*=MovieDetails-selectedTab-]{border-bottom:4px solid rgb(var(--accent-color))}[class*=MovieDetails-tabList-]{color:var(--text-hover)}[class*=TableOptionsColumn-column-]{background:rgba(0,0,0,.25);color:var(--text-hover);border:none}[class*=TableHeaderCell-headerCell-]{color:var(--text-hover)}[class*=Table-table-]{color:var(--text)}[class*=TableRow-row-]:hover{background-color:hsla(0,0%,100%,.08);color:var(--text-hover)}[class*=TableRowCell-cell-]{border-top:1px solid rgb(255 255 255 / 25%)}[class*=PageToolbar-toolbar-]{background-color:rgba(0,0,0,.25);color:var(--text)}[class*=PageToolbarButton-label-]{color:var(--text)}[class*=PageToolbarButton-toolbarButton-][class*=PageToolbarButton-isDisabled-]{opacity:.5;color:var(--text)}[class*=PageToolbarButton-isDisabled-]:hover,[class*=PageToolbarButton-toolbarButton-][class*=PageToolbarButton-isDisabled-]:hover{color:var(--text)!important}[class*=PageToolbarButton-label-]{color:var(--text)}[class*=PageToolbarButton-toolbarButton-]:hover{color:rgb(var(--accent-color))}[class*=MenuButton-menuButton-]:hover{color:rgb(var(--accent-color))}[class*=MovieCreditPoster-title-],[class*=MovieIndexPoster-nextAiring-],[class*=MovieIndexPoster-title-],[class*=MovieIndexPosterInfo-info-]{background-color:rgba(255,255,255,.08);color:var(--text-hover)}[class*=MenuContent-menuContent-],[class*=MenuItem-menuItem-]{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;color:var(--text)}[class*=MenuContent-scroller-]{box-shadow:#000 0 0 5px 0}[class*=MenuItem-menuItem-]:focus,[class*=MenuItem-menuItem-]:hover{background:hsla(0,0%,100%,.08)!important;color:var(--text-hover);text-decoration:none}[class*=MenuItemSeparator-separator-]{background-color:hsla(0,0%,100%,.08)!important}[class*=PageJumpBar-jumpBar-]{color:#fff}[class*=OverlayScroller-thumb-],[class*=Scroller-scroller-]::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.08)!important}[class*=OverlayScroller-thumb-]:hover,[class*=Scroller-scroller-]::-webkit-scrollbar-thumb:hover{background-color:rgba(255,255,255,.25)!important}[class*=EnhancedSelectInput-options-]{border:1px solid rgba(255,255,255,.2);border-radius:4px;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;color:var(--text)}[class*=EnhancedSelectInputOption-isSelected-],[class*=EnhancedSelectInputOption-isSelected-]:hover{background-color:rgba(255,255,255,.2)!important;color:var(--text-hover)}[class*=EnhancedSelectInputOption-option-]:hover{background-color:rgba(255,255,255,.08)}[class*=HintedSelectInputOption-hintText-]{color:var(--text)}[class*=AddNewMovie-searchIconContainer-],[class*=CheckInput-isIndeterminate-],[class*=Input-input-]{border:none;background-color:rgba(255,255,255,.08);color:#fff}[class*=MovieSearchInput-container-] [class*=Input-input-]{background:0 0;border-bottom:solid 1px #fff}[class*=MovieSearchInput-container-] [class*=Input-input-]:focus{border-bottom:none;background:0 0}[class*=MovieSearchResult-alternateTitle-]{color:#fff;font-size:12px}[class*=AddNewMovieSearchResult-year-]{color:#fff!important}[class*=Input-input-]:focus{outline:0;border-color:#fff;box-shadow:none;background-color:rgba(255,255,255,.25)}[class*=TagInput-input-][class*=TagInput-isFocused-]{outline:0;border-color:#fff;box-shadow:none}.react-tabs__tab-panel .react-tabs__tab-panel--selected>div,[class*=PageContentBody-contentBody-],[class*=PageContentBody-innerContentBody-]{color:var(--text)}[class*=AddNewMovieSearchResult-searchResult-],[class*=AddNewMovieSearchResult-underlay-]{background-color:transparent!important}[class*=AddNewMovieSearchResult-searchResult-]:hover,[class*=AddNewMovieSearchResult-underlay-]:hover{background-color:hsla(0,0%,100%,.08)!important}[class*=AddNewmovieModalContent-year-]{color:#fff}[class*=RootFolderSelectInputSelectedValue-freeSpace-],[class*=RootFolderSelectInputSelectedValue-movieFolder-]{color:#fff}[class*=RootFolderSelectInputOption-freeSpace-],[class*=RootFolderSelectInputOption-movieFolder-]{color:var(--text-muted)}input::-webkit-input-placeholder{color:var(--text)}input:focus::-webkit-input-placeholder{color:var(--text-hover)}input:-moz-placeholder{color:var(--text)}input:focus:-moz-placeholder{color:var(--text-hover)}input::-moz-placeholder{color:var(--text)}input:focus::-moz-placeholder{color:var(--text-hover)}input:-ms-input-placeholder{color:var(--text)}input:focus:-ms-input-placeholder{color:var(--text-hover)}[class*=FieldSet-legend-]{color:var(--text-hover);border-bottom:1px solid rgb(var(--accent-color))}[class*=VirtualTableRow-row-]:hover{background-color:rgba(255,255,255,.08)}[class*=ImportMovieSelectMovie-button-]{border:none!important;background-color:rgba(0,0,0,.25)!important}[class*=ImportMovieSelectMovie-content-],[class*=ImportMovieSelectMovie-searchIconContainer-]{border:none;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}[class*=ImportMovieSearchResult-movie-]:hover{background-color:rgba(255,255,255,.08)}[class*=ImportMovieTitle-year-]{color:var(--text-muted)}[class*=DiscoverMovieOverview-link-]{color:var(--text)}[class*=DiscoverMovieOverview-link-]:hover{color:var(--text-hover);text-decoration:none}[class*=DiscoverMoviePoster-title-],[class*=DiscoverMoviePosterInfo-info-]{background-color:rgba(255,255,255,.08);color:var(--text-hover)}[class*=AddListMovieOverview-link-]{color:var(--text)}[class*=AddListMovieOverview-link-]:hover{color:#fff}[class*=AddListMovieOverview-content-]:hover{background-color:hsla(0,0%,100%,.08)!important}[class*=PageJumpBarItem-jumpBarItem-]:hover{color:#fff;background:hsla(0,0%,100%,.08)}[class*=AddListMoviePoster-title-]{background-color:rgba(255,255,255,.08);color:#fff}[class*=PageContentFooter-contentFooter-]{border:none;background-color:rgba(0,0,0,.25);color:#fff}[class*=CalendarEvent-downloaded-]{background:rgb(var(--calendar-available) / .7)!important;border-left-color:transparent!important}[class*=Calendar-calendar-] [class*=CalendarEvent-downloaded-]:hover{background:rgb(var(--calendar-available) / .5)!important;border-left-color:transparent!important}[class*=CalendarEvent-missing-]{background:rgb(var(--calendar-missing) / .7)!important;border-left-color:transparent!important}[class*=Calendar-calendar-] [class*=CalendarEvent-missing-]:hover{background:rgba(var(--calendar-missing) / .5)!important;border-left-color:transparent!important}[class*=CalendarEvent-unreleased-]{background:rgb(var(--calendar-unaired) / .7)!important;border-left-color:transparent!important}[class*=Calendar-calendar-] [class*=CalendarEvent-unreleased-]:hover{background:rgb(var(--calendar-unaired) / .5)!important;border-left-color:transparent!important}[class*=CalendarEvent-unmonitored-]{background:rgb(var(--calendar-unmonitored) / .7)!important;border-left-color:transparent!important}[class*=Calendar-calendar-] [class*=CalendarEvent-unmonitored-]:hover{background:rgb(var(--calendar-unmonitored) / .5)!important;border-left-color:transparent!important}[class*=CalendarEvent-downloading-]{background:rgb(var(--calendar-downloading) / .7)!important;border-left-color:transparent!important}[class*=Calendar-calendar-] [class*=CalendarEvent-downloading-]:hover{background:rgb(var(--calendar-downloading) / .5)!important;border-left-color:transparent!important}[class*=DayOfWeek-dayOfWeek-]{background-color:hsla(0,0%,100%,.08)}[class*=CalendarDay-dayOfMonth-]{border-bottom:1px solid hsla(0,0%,100%,.08);background-color:rgba(0,0,0,.25)}[class*=CalendarDay-isToday-]{background-color:hsla(0,0%,100%,.08)!important}[class*=CalendarDay-day-],[class*=CalendarDays-days-]{-webkit-box-flex:1;-webkit-flex:1 0 14.28%;flex:1 0 14.28%;overflow:hidden;min-height:70px;border-bottom:1px solid hsla(0,0%,100%,.08);border-left:1px solid hsla(0,0%,100%,.08);border-right:1px solid hsla(0,0%,100%,.08)}[class*=CalendarEvent-airTime-],[class*=CalendarEvent-episodeInfo-],[class*=CalendarEvent-movieInfo-],[class*=CalendarEvent-movieTitle-]{color:#fff!important}[class*=CalendarEvent-event-]{border-bottom:1px solid transparent}[class*=CalendarEventGroup-eventGroup-]{border-bottom:1px solid hsla(0,0%,100%,.08)!important}[class*=CalendarEventGroup-movieTitle-]{color:#fff!important}[class*=CalendarEventGroup-airTime-]{color:var(--text)}[class*=CalendarEventGroup-episodeInfo-]{color:var(--text)}[class*=AgendaEvent-event-]:hover{background-color:hsla(0,0%,100%,.08)!important}[class*=Settings-link-]{color:var(--text-hover);border-bottom:1px solid rgb(var(--accent-color))}[class*=Settings-summary-]{color:var(--text)}[class*=FormLabel-large-]{color:var(--text-hover)}[class*=FormLabel-isAdvanced-]{color:#ff902b}[class*=NamingOption-small-]{border:1px solid transparent}[class*=NamingOption-token-]{background-color:rgba(255,255,255,.15)}[class*=NamingOption-token-]{background-color:rgba(255,255,255,.15)}[class*=NamingOption-example-]{background-color:rgba(255,255,255,.25)}[class*=NamingOption-option-]{border:1px solid transparent}[class*=NamingOption-option-]:hover [class*=NamingOption-token-]{background-color:rgba(255,255,2550,.25)}[class*=NamingOption-option-]:hover [class*=NamingOption-example-]{background-color:rgba(255,255,2550,.35)}[class*=Card-card-],[class*=QualityProfiles-addQualityProfile-]{background-color:rgba(0,0,0,.45);box-shadow:0 0 10px 1px #000;color:var(--text)}[class*=Card-card-]:hover{color:var(--text-hover)}[class*=LanguageProfiles-center-],[class*=QualityProfiles-center-],[class*=ReleaseProfiles-center-]{background-color:transparent;border:none}[class*=LanguageProfileItem-languageProfileItem-],[class*=QualityProfileItem-qualityProfileItem-],[class*=QualityProfileItemGroup-qualityProfileItemGroup-]{border:none;background-color:rgba(0,0,0,.25);color:#fff}[class*=QualityProfileItemGroup-qualityProfileItemGroup-][class*=QualityProfileItemGroup-editGroups-]{background:rgba(0,0,0,.25)}[class*=KeyValueListInputItem-keyInput-],[class*=KeyValueListInputItem-valueInput-]{border:none;background:0 0;color:#fff}[class*=QualityProfileFormatItem-qualityProfileFormatItem-]{border:1px solid transparent;background:rgba(0,0,0,.25)}[class*=QualityDefinitions-sizeLimitHelpText-]{color:var(--text)}[class*=Indexers-center-]{background-color:transparent;border:none}[class*=DownloadClients-center-]{background-color:transparent;border:none}[class*=Notifications-center-]{background-color:transparent;border:none}[class*=ImportLists-center-]{background-color:transparent;border:none}[class*=Alert-info-]{border-color:transparent;background-color:rgba(0,0,0,.25);color:#ffc107}[class*=Restrictions-center-]{border:1px solid transparent;background-color:transparent}[class*=NetImports-center-]{border:1px solid transparent;background-color:transparent}[class*=CustomFormats-center-],[class*=EditCustomFormatModalContent-center-]{border:1px solid transparent;background-color:transparent}.panel-body{background-color:rgba(0,0,0,.25);color:var(--text)}.panel-header{background-color:rgba(0,0,0,.45)}.forgot-password{color:var(--text)!important}input[type=email],input[type=password]{border:none;background-color:rgba(255,255,255,.08);color:#fff}.button{border-color:var(--button-color);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;box-shadow:none;background-color:rgba(255,255,255,.25)}[class*=FilterBuilderRow-filterRow-]:hover{background-color:transparent}[class*=CustomFilter-customFilter-]:hover{background-color:hsla(0,0%,100%,.08)}[class*=SelectMovieModalContent-path-]{color:var(--text)} diff --git a/CSS/themes/readarr/readarr-base.css b/CSS/themes/readarr/readarr-base.css index 49eca35a..c61a2120 100644 --- a/CSS/themes/readarr/readarr-base.css +++ b/CSS/themes/readarr/readarr-base.css @@ -1,1195 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ - -body { - background: var(--main-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: var(--text); -} - -/* Froms */ - -[class*="FormInputHelpText-helpText-"] { - color: var(--text); -} - -[class*="FormInputGroup-inputUnit-"] { - color: var(--text) !important; -} - -/* LINKS */ -[class*="Link-to-"] { - color: var(--text); -} - -[class*="Link-to-"]:hover { - color: var(--text-hover); - text-decoration: none; -} - -a { - color: var(--link-color); -} - -a:hover { - color: var(--link-color-hover); -} - -[class*="TableRowCell-cell-"] [class*="Link-to-"] { - color: var(--link-color) !important; -} - -[class*="TableRowCell-cell-"] [class*="Link-to-"]:hover { - color: var(--link-color-hover) !important; -} - -/* Buttons */ - -[class*="Button-default-"] { - color: var(--button-text); - background-color: var(--button-color); - border-color: transparent; -} - -[class*="Button-default-"]:hover { - border-color: transparent; - background-color: var(--button-color-hover) !important; - color: var(--button-text-hover); -} - -[class*="Button-primary-"] { - border-color: transparent; - background-color: var(--button-color); - color: var(--button-text); -} - -[class*="Button-primary-"]:hover { - border-color: transparent; - background-color: var(--button-color-hover) !important; - color: var(--button-text-hover); -} - -[class*="Button-success-"] { - border-color: var(--button-color); - background-color: var(--button-color); - color: var(--button-text); -} - -[class*="Button-success-"]:hover { - border-color: var(--button-color-hover); - background-color: var(--button-color-hover); - color: var(--button-text-hover); -} - -/* LOADING PAGE */ -[class*="ErrorPage-page-"], -[class*="ErrorPage-version-"], -[class*="LoadingMessage-loadingMessage-"] { - color: var(--text); -} - -[class*="LoadingIndicator-ripple-"] { - border: 2px solid #fff; -} - -/* MODAL */ -[class*="ModalHeader-modalHeader-"] { - 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; - color: var(--text-hover); - border-bottom: 1px solid rgb(var(--accent-color)); -} - -[class*="Modal-large-"], -[class*="Modal-modal-"], -[class*="ModalContent-modalContent-"] { - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: var(--text); -} - -[class*="ModalFooter-modalFooter-"] { - 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; - color: #fff; - border-top: 1px solid rgb(var(--accent-color)); -} - -[class*="ModalContent-closeButton-"]:hover { - color: #fff; -} - -/* INPUT */ -[class*="TagInput-internalInput-"] { - background-color: transparent; - color: #fff; -} - -[class*="SelectInput-select-"] { - background-color: rgba(0, 0, 0, 0.25) !important; -} - -[class*="SelectInput-select-"]:active, -[class*="SelectInput-select-"]:focus { - background: #1e1e1e !important; -} - -[class*="AutoSuggestInput-suggestionsList-"], -[class*="AutoSuggestInput-suggestionsContainerOpen-"], -[class*="AutoSuggestInput-suggestionsContainer-"] { - background-color: #323232 !important; - color: white; - border: none !important; -} - -[class*="AutoSuggestInput-suggestionHighlighted-"] { - background-color: hsla(0, 0%, 100%, .08); -} - -[class*="CheckInput-primaryIsChecked-"] { - border-color: rgb(var(--accent-color)) !important; - background-color: rgb(var(--accent-color)) !important; - color: var(--label-text-color) !important; -} - -[class*="CheckInput-input-"][class*="CheckInput-isNotChecked-"] { - background: #fff; -} - -/* HEADER */ - -[class*="PageHeader-header-"] { - background-color: rgba(0, 0, 0, .35); -} - -/* SEARCH DROPDOWN HEADER */ - -[class*="PageHeader-donate-"] { - color: #c4273c !important; -} - -/* LIDARR SPECIFIC */ -[class*="AuthorSearchInput-sectionTitle-"] { - color: #fff; -} - -[class*="AuthorSearchInput-containerOpen-"] [class*="AuthorSearchInput-authorContainer-"] { - border: none !important; - 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 !important; - box-shadow: 0 0 10px 1px transparent !important; -} - -[class*="AuthorSearchInput-highlighted-"] { - background-color: hsla(0, 0%, 100%, .08) -} - -[class*"=AuthorSearchInput-authorContainer-"]::-webkit-scrollbar-thumb, -[class*="ImportAuthorSelectAuthor-results-"]::-webkit-scrollbar-thumb { - background-color: rgba(255, 255, 255, 0.25); -} - -/* MINI RIGHT SCROLL BAR */ -[class*="OverlayScroller-thumb-"], -[class*="ImportAuthorSelectAuthor-results-"]::-webkit-scrollbar-thumb, -[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb { - background-color: hsla(0, 0%, 100%, .08) !important; -} - -[class*="OverlayScroller-thumb-"]:hover, -[class*="ImportAuthorSelectAuthor-results-"]::-webkit-scrollbar-thumb:hover, -[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb:hover { - background-color: rgba(255, 255, 255, 0.25) !important; -} - -/* ADD NEW */ -[class*="EnhancedSelectInput-options-"] { - border: 1px solid rgba(255, 255, 255, 0.2); - border-radius: 4px; - 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; - color: var(--text); -} - -[class*="EnhancedSelectInputOption-isSelected-"], -[class*="EnhancedSelectInputOption-isSelected-"]:hover { - background-color: rgba(255, 255, 255, 0.20) !important; - color: var(--text-hover); -} - -[class*="EnhancedSelectInputOption-option-"]:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -[class*="HintedSelectInputOption-hintText-"], -[class*="RootFolderSelectInputOption-freeSpace-"] { - color: var(--text); -} - -/* SIDE MENU */ -[class*="PageSidebar-sidebarContainer-"] { - background-color: rgba(0, 0, 0, .25); -} - -[class*="PageSidebar-sidebar-"] { - background-color: transparent; -} - -[class*="PageSidebarItem-link-"]:hover { - color: rgb(var(--accent-color)); - text-decoration: none; -} - -[class*="PageSidebarItem-isActiveLink-"], -[class*="PageSidebarItem-isActiveLink-"]:hover, -[class*="PageSidebarItem-link-"]:focus { - color: rgb(var(--accent-color)) !important; -} - -[class*="PageSidebarItem-isActiveParentLink-"] { - background-color: rgba(0, 0, 0, 0.15); -} - -@media only screen and (max-width: 768px) { - [class*="PageSidebar-sidebarContainer-"] { - 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; - } -} - -[class*="PageSidebarItem-isActiveItem-"] { - border-left: 3px solid rgb(var(--accent-color)); -} - -/* LIBRARY PAGE */ -/* LIDARR SPECIFIC */ -[class*="AuthorIndexPoster-controls-"] { - background-color: rgb(var(--accent-color)) !important; -} - -/* OVERVIEW PAGE */ - -/* OVERVIEW PAGE */ -[class*="AuthorIndexOverview-container-"], -[class*="AuthorIndexOverview-container-"]:hover { - background-color: transparent !important; -} - -[class*="AuthorIndexOverview-container-"]:hover [class*="AuthorIndexOverview-content-"] { - background-color: transparent; -} - -[class*="AuthorIndexOverview-content-"]:hover { - background-color: hsla(0, 0%, 100%, .08) !important; -} - -[class*="AuthorIndexOverview-link-"]:hover { - text-decoration: none; -} - -[class*="ProgressBar-container-"] { - background-color: rgba(0, 0, 0, 0.25); -} - -[class*=".ProgressBar-purple-"] { - background-color: rgb(var(--accent-color)); -} - - -/*ARTIST PAGE*/ -[class*="AuthorDetailsSeason-albumType-"], -[class*="AuthorDetailsSeason-collapseButtonContainer-"] { - border: none !important; - background-color: rgba(0, 0, 0, .25) !important; -} - -[class*="AuthorDetailsSeason-header-"], -[class*="AuthorDetailsSeason-albumCount-"], -[class*="AuthorDetails-metadataMessage-"], -[class*="AuthorDetailsSeason-albumCount-"] { - color: #fff; -} - -.fa-search:hover { - color: var(--text-hover) !important; -} - -[class*="Label-default-"] { - border-color: rgb(var(--accent-color)); - background-color: rgb(var(--accent-color)); - color: var(--label-text-color); -} - -[class*="Icon-default-"]:hover:not([class*="Label-large-"] [class*="Icon-default-"], [class*="PathInput-fileBrowserButton-"]svg) { - color: var(--text-hover); -} - -[class*="MonitorToggleButton-toggleButton-"] { - color: #dadada; -} - -[class*="ProtocolLabel-torrent-"] { - border-color: #00853d !important; - background-color: #00853d !important; - color: #fff !important; -} - -[class*="ProtocolLabel-usenet-"] { - border-color: #17b1d9 !important; - background-color: #17b1d9 !important; - color: #fff !important; -} - -/*ARTIST ALBUM PAGE*/ -[class*="AlbumDetailsMedium-mediumNumber-"] { - color: #fff; -} - -[class*="AlbumDetailsMedium-medium-"] { - border: none; - background-color: rgba(0, 0, 0, .25); -} - -[class*="ExtraFileTable-container-"] { - border: 1px solid transparent; - background-color: rgba(0, 0, 0, .25); -} - -[class*="AlbumDetails-selectedTab-"] { - border-bottom: 4px solid rgb(var(--accent-color)); -} - -[class*="AlbumDetailsMedium-collapseButtonContainer-"] { - border: none; - background-color: rgba(0, 0, 0, .25); -} - -[class*="AuthorIndexProgressBar-progress-"] { - background-color: hsla(0, 0%, 100%, .08); -} - -[class*="AuthorIndexBanner-title-"], -[class*="AuthorIndexBannerInfo-info-"] { - background-color: rgba(0, 0, 0, .25); - color: #fff; -} - -[class*="Popover-title-"], -[class*="SeasonInfo-title-"], -[class*="Popover-body-"], -[class*="Tooltip-body-"] { - 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; -} - -[class*="Tooltip-tooltipContainer-"] { - color: #fff; -} - -[class*="Tooltip-bottom-"][class*="Tooltip-default-"] { - border-bottom-color: var(--text); -} - -[class*="Tooltip-right-"][class*="Tooltip-default-"] { - border-right-color: var(--text); -} - -[class*="EpisodeTitleLink-link-"]:hover { - color: #ffffff; - text-decoration: none; -} - -[class*="IconButton-button-"] { - color: var(--text); -} - -[class*="Label-default-"] [class*="IconButton-button-"], -[class*="Label-small-"] [class*="IconButton-button-"]:hover { - color: var(--label-text-color); -} - -[class*="IconButton-button-"]:hover { - background-color: transparent; - color: var(--label-text-color); -} - -[class*="AuthorDetailsHeader-monitorToggleButton-"]:hover, -[class*="AuthorDetails-authorNavigationButton-"]:hover, -[class*="AuthorDetails-authorUpButton-"]:hover, -[class*="BookDetailsHeader-monitorToggleButton-1F9Pp"]:hover, -[class*="BookDetails-bookUpButton-"]:hover, -[class*="BookDetails-bookNavigationButton-"]:hover { - color: var(--text-hover); -} - -[class*="Table-tableContainer-"] [class*="IconButton-button-"]:hover { - background-color: transparent; - color: var(--text-hover); -} - -[class*="Label-info-"] { - border-color: rgb(var(--accent-color)); - background-color: rgb(var(--accent-color)); - color: #fff; -} - -[class*="PageSidebarItem-status-"][class*="Label-info-"] { - border-color: var(--queue-color); - background-color: var(--queue-color); - color: #fff; -} - -/* Table options*/ -[class*="TableOptionsColumn-column-"] { - background: rgba(0, 0, 0, .25); - color: var(--text-hover); - border: none; -} - -[class*="TableHeaderCell-headerCell-"] { - color: var(--text-hover); -} - -[class*="Table-table-"] { - color: var(--text); -} - -[class*="TableRow-row-"]:hover { - background-color: hsla(0, 0%, 100%, .08); - color: var(--text-hover); -} - -[class*="TableRowCell-cell-"] { - border-top: 1px solid rgb(255 255 255 / 25%); -} - -/* TOP MENU SERIES */ -[class*="PageToolbar-toolbar-"] { - background-color: rgba(0, 0, 0, .25); - color: var(--text); -} - -[class*="PageToolbarButton-label-"] { - color: var(--text); -} - -[class*="PageToolbarButton-toolbarButton-"][class*="PageToolbarButton-isDisabled-"] { - opacity: .5; - color: var(--text); -} - -[class*="PageToolbarButton-toolbarButton-"][class*="PageToolbarButton-isDisabled-"]:hover, -[class*="PageToolbarButton-isDisabled-"]:hover { - color: var(--text) !important; -} - -[class*="PageToolbarButton-label-"] { - color: var(--text); -} - -[class*="PageToolbarButton-toolbarButton-"]:hover { - color: rgb(var(--accent-color)); -} - -[class*="MenuButton-menuButton-"]:hover { - color: rgb(var(--accent-color)); -} - -/* POSTERS */ -[class*="AuthorIndexPoster-title-"], -[class*="AuthorIndexPosterInfo-info-"] { - background-color: rgba(255, 255, 255, 0.08); - color: var(--text-hover); -} - - -/* TOP HEADER DROPDOWN */ -[class*="MenuItem-menuItem-"], -[class*="MenuContent-menuContent-"] { - 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; - color: var(--text); -} - -[class*="MenuContent-scroller-"] { - box-shadow: black 0 0 5px 0px; -} - -[class*="MenuItem-menuItem-"]:hover, -[class*="MenuItem-menuItem-"]:focus { - background: hsla(0, 0%, 100%, .08) !important; - color: var(--text-hover); - text-decoration: none; -} - -[class*="MenuItemSeparator-separator-"] { - background-color: hsla(0, 0%, 100%, .08) !important; -} - -/* ALPHABET JUMP BAR */ -[class*="PageJumpBar-jumpBar-"] { - color: #FFF; -} - -/* SEARCH BAR */ -[class*="Input-input-"], -[class*="AddNewItem-searchIconContainer-"], -[class*="CheckInput-isIndeterminate-"] { - border: none; - background-color: rgba(255, 255, 255, 0.08); - color: #fff; -} - -[class*="AuthorSearchInput-input-"][class*="Input-input-"] { - background: transparent; - border-bottom: solid 1px #fff; -} - -[class*="AuthorSearchInput-input-"][class*="Input-input-"]:focus { - border-bottom: none; - background: transparent; -} - -[class*="AuthorSearchResult-alternateTitle-"] { - color: #ffffff; - font-size: 12px; -} - -[class*="Input-input-"]:focus { - outline: 0; - border-color: #fff; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.25); -} - -[class*="TagInput-input-"][class*="TagInput-isFocused-"] { - outline: 0; - border-color: #fff; - box-shadow: none; -} - -/* TEXT COLOR */ - -[class*="PageContentBody-innerContentBody-"] { - color: var(--text); -} - -/* SEARCH RESULTS */ -[class*="AddNewAuthorSearchResult-year-"] { - color: #fff; -} - -[class*="AddNewAuthorSearchResult-searchResult-"], -[class*="AddNewAuthorSearchResult-underlay-"], -[class*="AddNewAlbumSearchResult-underlay-"] { - background-color: transparent; -} - -[class*="AddNewAuthorSearchResult-searchResult-"]:hover, -[class*="AddNewAuthorSearchResult-underlay-"]:hover, -[class*="AddNewAlbumSearchResult-underlay-"]:hover { - background-color: hsla(0, 0%, 100%, .08); - color: inherit; - text-decoration: none; -} - -[class*="RootFolderSelectInputSelectedValue-freeSpace-"] { - color: #fff; -} - -[class*="RootFolderSelectInputOption-freeSpace-"] { - color: var(--text-muted); -} - -/* IMPORT ARTIST */ -[class*="ImportAuthorSelectAuthor-content-"], -[class*="ImportAuthorSelectAuthor-searchIconContainer-"] { - 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; - border: 1px solid transparent; -} - -[class*="ImportAuthorName-disambiguation-"] { - color: var(--text-muted); -} - -[class*="ImportAuthorSearchResult-author-"]:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -/* MOVE THIS */ -input::-webkit-input-placeholder { - color: var(--text); -} - -input:focus::-webkit-input-placeholder { - color: var(--text-hover); -} - -/* Firefox < 19 */ -input:-moz-placeholder { - color: var(--text); -} - -input:focus:-moz-placeholder { - color: var(--text-hover); -} - -/* Firefox > 19 */ -input::-moz-placeholder { - color: var(--text); -} - -input:focus::-moz-placeholder { - color: var(--text-hover); -} - -/* Internet Explorer 10 */ -input:-ms-input-placeholder { - color: var(--text); -} - -input:focus:-ms-input-placeholder { - color: var(--text-hover); -} - -/* IMPORT */ -/* Text color */ -[class*="ImportAuthorSelectFolder-header-"] { - color: #FFF; -} - -[class*="ExpandingFileDetails-fileDetails-"] { - border: 1px solid rgb(255 255 255 / .1); - background-color: rgb(255 255 255 / 8%); -} - -/* IMPORT NEW ARTIST */ -/* Drop down menu/button*/ -[class*="ImportAuthorSelectAuthor-button-"] { - border: none; - background-color: rgba(0, 0, 0, 0.25) !important; - color: #fff; -} - - -/* IMPORT */ - -[class*="FieldSet-legend-"] { - color: var(--text-hover); - border-bottom: 1px solid rgb(var(--accent-color)); -} - -[class*="VirtualTableRow-row-"]:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -/*Title*/ - -[class*="PageJumpBarItem-jumpBarItem-"]:hover { - color: #fff; - background: hsla(0, 0%, 100%, .08); -} - -/*Posters*/ - - -/* MASS EDITOR */ - -/* FOOTER */ -[class*="PageContentFooter-contentFooter-"] { - border: none; - background-color: rgba(0, 0, 0, .25); - color: #FFF; -} - -/* CALENDAR */ -[class*="CalendarEvent-downloaded-"] { - background: rgb(var(--calendar-available) / .7) !important; - border-left-color: transparent !important; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-downloaded-"]:hover { - background: rgb(var(--calendar-available) / .5) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-missing-"] { - background: rgb(var(--calendar-missing) / .7) !important; - border-left-color: transparent !important; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-missing-"]:hover { - background: rgba(var(--calendar-missing) / .5) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-unreleased-"] { - background: rgb(var(--calendar-unaired) / .7) !important; - border-left-color: transparent !important; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-unreleased-"]:hover { - background: rgb(var(--calendar-unaired) / .5) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-unmonitored-"] { - background: rgb(var(--calendar-unmonitored) / .7) !important; - border-left-color: transparent !important; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-unmonitored-"]:hover { - background: rgb(var(--calendar-unmonitored) / .5) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-downloading-"] { - background: rgb(var(--calendar-downloading) / .7) !important; - border-left-color: transparent !important; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-downloading-"]:hover { - background: rgb(var(--calendar-downloading) / .5) !important; - border-left-color: transparent !important; -} - -[class*="DayOfWeek-dayOfWeek-"] { - background-color: hsla(0, 0%, 100%, .08); -} - -[class*="CalendarDay-dayOfMonth-"] { - border-bottom: 1px solid hsla(0, 0%, 100%, .08); - background-color: rgba(0, 0, 0, .25); -} - -[class*="CalendarDay-isToday-"] { - background-color: hsla(0, 0%, 100%, .08) !important; -} - -[class*="CalendarDay-day-"], -[class*="CalendarDays-days-"] { - -webkit-box-flex: 1; - -webkit-flex: 1 0 14.28%; - flex: 1 0 14.28%; - overflow: hidden; - min-height: 70px; - border-bottom: 1px solid hsla(0, 0%, 100%, .08); - border-left: 1px solid hsla(0, 0%, 100%, .08); - border-right: 1px solid hsla(0, 0%, 100%, .08); -} - -[class*="CalendarEvent-event-"] { - border-bottom: 1px solid transparent; -} - -[class*="CalendarEventGroup-eventGroup-"] { - border-bottom: 1px solid hsla(0, 0%, 100%, .08) !important; -} - -/* calendar agenda */ -[class*="AgendaEvent-event-"]:hover { - background-color: hsla(0, 0%, 100%, .08) !important; -} - -/* SETTINGS */ -[class*="Settings-link-"] { - color: var(--text-hover); - border-bottom: 1px solid rgb(var(--accent-color)); -} - -[class*="Settings-summary-"] { - color: var(--text); -} - -[class*="FormLabel-large-"] { - color: var(--text-hover); -} - -[class*="FormLabel-isAdvanced-"] { - color: #ff902b; -} - -/* MEDIA MANAGEMENT - FILE NAME TOKENS */ -[class*="NamingOption-small-"] { - border: 1px solid transparent; -} - -[class*="NamingOption-token-"] { - background-color: rgba(255, 255, 255, 0.15); -} - -[class*="NamingOption-token-"] { - background-color: rgba(255, 255, 255, 0.15); -} - -[class*="NamingOption-example-"] { - background-color: rgba(255, 255, 255, 0.25); -} - -[class*="NamingOption-option-"] { - border: 1px solid transparent; -} - -[class*="NamingOption-option-"]:hover [class*="NamingOption-token-"] { - background-color: rgba(255, 255, 2550, 0.25); -} - -[class*="NamingOption-option-"]:hover [class*="NamingOption-example-"] { - background-color: rgba(255, 255, 2550, 0.35); -} - -/* PROFILES */ -[class*="Card-card-"], -[class*="QualityProfiles-addQualityProfile-"] { - background-color: rgba(0, 0, 0, .45); - box-shadow: 0 0 10px 1px #000000; - color: var(--text); -} - -[class*="Card-card-"]:hover { - color: var(--text-hover); -} - -[class*="QualityProfiles-center-"], -[class*="LanguageProfiles-center-"], -[class*="ReleaseProfiles-center-"] { - background-color: transparent; - border: none; -} - -[class*="QualityProfileItem-qualityProfileItem-"], -[class*="QualityProfileItemGroup-qualityProfileItemGroup-"], -[class*="LanguageProfileItem-languageProfileItem-"] { - border: none; - background-color: rgba(0, 0, 0, .25); - color: #FFF; -} - -[class*="QualityProfileItemGroup-qualityProfileItemGroup-"][class*="QualityProfileItemGroup-editGroups-"] { - background: rgba(0, 0, 0, 0.25); -} - -[class*="KeyValueListInputItem-keyInput-"], -[class*="KeyValueListInputItem-valueInput-"] { - border: none; - background: transparent; - color: white; -} - -[class*="QualityProfileFormatItem-qualityProfileFormatItem-"] { - border: 1px solid transparent; - background: rgba(0, 0, 0, .25); -} - -[class*="QualityDefinitions-sizeLimitHelpText-"] { - color: var(--text); -} - -/* PROFILES */ -[class*="Indexers-center-"] { - background-color: transparent; - border: none; -} - -[class*="Card-card-"], -[class*="QualityProfiles-addQualityProfile-"] { - background-color: rgba(0, 0, 0, .45); - box-shadow: 0 0 10px 1px #000000; - color: var(--text); -} - -[class*="QualityProfiles-center-"], -[class*="LanguageProfiles-center-"], -[class*="MetadataProfiles-center-"], -[class*="RootFolders-center-"] { - background-color: transparent; - border: none; -} - -[class*="RootFolders-center-"] { - border: 1px solid transparent; -} - -[class*="Indexers-center-"], -[class*="Restrictions-center-"], -[class*="DownloadClients-center-"], -[class*="ImportLists-center-"], -[class*="Notifications-center-"] { - display: inline-block; - padding: 15px 20px 15px; - border-radius: 4px; -} - -/* DOWNLOAD CLIENTS */ -[class*="DownloadClients-center-"] { - background-color: transparent; - border: none; -} - -/* CONNECTIONS */ -[class*="Notifications-center-"] { - background-color: transparent; - border: none; -} - -/* LISTS */ -[class*="ImportLists-center-"] { - background-color: transparent; - border: none; -} - -/* LOG */ -[class*="Alert-info-"] { - border-color: transparent; - background-color: rgba(0, 0, 0, 0.25); - color: #FFC107; -} - -/* INDEXER */ -[class*="Restrictions-center-"] { - border: 1px solid transparent; - background-color: transparent; -} - -/* LISTS */ -[class*="NetImports-center-"] { - border: 1px solid transparent; - background-color: transparent; -} - -/* CUSTOM FORMAT */ -[class*="CustomFormats-center-"], -[class*="EditCustomFormatModalContent-center-"] { - border: 1px solid transparent; - background-color: transparent; -} - -/* Login Page */ - -.panel-body { - background-color: rgba(0, 0, 0, 0.25); - color: var(--text); -} - -.panel-header { - background-color: rgba(0, 0, 0, 0.45); -} - -.forgot-password { - color: var(--text) !important; -} - -input[type=email], -input[type=password] { - border: none; - background-color: rgba(255, 255, 255, 0.08); - color: #FFF; -} - -.button { - border-color: var(--button-color); - 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; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.25); -} - -/* Custom filter */ -[class*="FilterBuilderRow-filterRow-"]:hover { - background-color: transparent; -} - -[class*="CustomFilter-customFilter-"]:hover { - background-color: hsla(0, 0%, 100%, .08); -} - -/* Readarr */ - -/* Library */ - -[class*="AuthorIndexPoster-link-"], -[class*="AuthorIndexPoster-title-"] { - background-color: rgba(255, 255, 255, 0.08); -} - -/* Add New*/ -[class*="AddNewAuthorSearchResult-underlay-"], -[class*="AddNewBookSearchResult-underlay-"] { - background-color: transparent; -} - -[class*="AddNewAuthorSearchResult-underlay-"]:hover, -[class*="AddNewBookSearchResult-underlay-"]:hover { - background-color: hsla(0, 0%, 100%, .08); - color: inherit; - text-decoration: none; -} - -/*Author Page*/ -[class*="AuthorDetails-tab-"] { - color: #FFF; -} - -[class*="AuthorIndexBanner-title-"] { - background-color: hsla(0, 0%, 100%, .08); -} - -[class*="AuthorIndexOverview-container-"]:hover [class*="AuthorIndexOverview-content-"] { - background-color: hsla(0, 0%, 100%, .08); -} - -/*Books Tab*/ -[class*="AuthorDetailsSeason-bookType-"] { - border: none; - background-color: rgba(0, 0, 0, .25); -} - -[class*="AuthorDetailsSeason-books-"] { - border-top: 1px solid rgb(255 255 255 / 50%); -} - -[class*="AuthorDetails-tabList-"] { - border-bottom: 1px solid rgb(255 255 255 / 50%); - color: var(--text-hover); -} - -[class*="BookDetails-selectedTab-"] { - border-bottom: 4px solid rgb(var(--accent-color)); -} - -[class*="BookshelfBook-book-"] { - border: 1px solid transparent; - background-color: rgba(0, 0, 0, .25) !important; - ; -} - -[class*="BookshelfBook-missingWanted-"] { - background-color: #f05050; - color: #fff; -} - -/*Series Tab*/ -[class*="AuthorDetailsSeries-bookType-"] { - border: none; - background-color: rgba(0, 0, 0, .25); -} - -[class*="AuthorDetailsSeries-collapseButtonContainer-"] { - border: none; - background-color: rgba(0, 0, 0, .25); -} - -[class*="AuthorDetailsSeries-bookTypeLabel-"] { - color: #FFF; -} - -[class*="AuthorDetailsSeries-bookCount-"] { - color: #FFF; -} - -/*Search Tab*/ - -[class*="AuthorDetails-selectedTab-"] { - border-bottom: 4px solid rgb(var(--accent-color)); -} - -[class*="AuthorDetails-metadataMessage-"] { - color: var(--text); -} - -[class*="AuthorDetails-metadataMessage-"] [class*="Link-to-"] { - color: rgb(var(--accent-color)); -} - -[class*="AuthorDetails-metadataMessage-"] [class*="Link-to-"]:hover { - color: var(--accent-color-hover); -} - -/*Specific Book Page*/ -[class*="BookDetails-tab-"] { - color: #FFF; -} \ No newline at end of file +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)}[class*=FormInputHelpText-helpText-]{color:var(--text)}[class*=FormInputGroup-inputUnit-]{color:var(--text)!important}[class*=Link-to-]{color:var(--text)}[class*=Link-to-]:hover{color:var(--text-hover);text-decoration:none}a{color:var(--link-color)}a:hover{color:var(--link-color-hover)}[class*=TableRowCell-cell-] [class*=Link-to-]{color:var(--link-color)!important}[class*=TableRowCell-cell-] [class*=Link-to-]:hover{color:var(--link-color-hover)!important}[class*=Button-default-]{color:var(--button-text);background-color:var(--button-color);border-color:transparent}[class*=Button-default-]:hover{border-color:transparent;background-color:var(--button-color-hover)!important;color:var(--button-text-hover)}[class*=Button-primary-]{border-color:transparent;background-color:var(--button-color);color:var(--button-text)}[class*=Button-primary-]:hover{border-color:transparent;background-color:var(--button-color-hover)!important;color:var(--button-text-hover)}[class*=Button-success-]{border-color:var(--button-color);background-color:var(--button-color);color:var(--button-text)}[class*=Button-success-]:hover{border-color:var(--button-color-hover);background-color:var(--button-color-hover);color:var(--button-text-hover)}[class*=ErrorPage-page-],[class*=ErrorPage-version-],[class*=LoadingMessage-loadingMessage-]{color:var(--text)}[class*=LoadingIndicator-ripple-]{border:2px solid #fff}[class*=ModalHeader-modalHeader-]{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;color:var(--text-hover);border-bottom:1px solid rgb(var(--accent-color))}[class*=Modal-large-],[class*=Modal-modal-],[class*=ModalContent-modalContent-]{background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;color:var(--text)}[class*=ModalFooter-modalFooter-]{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;color:#fff;border-top:1px solid rgb(var(--accent-color))}[class*=ModalContent-closeButton-]:hover{color:#fff}[class*=TagInput-internalInput-]{background-color:transparent;color:#fff}[class*=SelectInput-select-]{background-color:rgba(0,0,0,.25)!important}[class*=SelectInput-select-]:active,[class*=SelectInput-select-]:focus{background:#1e1e1e!important}[class*=AutoSuggestInput-suggestionsContainer-],[class*=AutoSuggestInput-suggestionsContainerOpen-],[class*=AutoSuggestInput-suggestionsList-]{background-color:#323232!important;color:#fff;border:none!important}[class*=AutoSuggestInput-suggestionHighlighted-]{background-color:hsla(0,0%,100%,.08)}[class*=CheckInput-primaryIsChecked-]{border-color:rgb(var(--accent-color))!important;background-color:rgb(var(--accent-color))!important;color:var(--label-text-color)!important}[class*=CheckInput-input-][class*=CheckInput-isNotChecked-]{background:#fff}[class*=PageHeader-header-]{background-color:rgba(0,0,0,.35)}[class*=PageHeader-donate-]{color:#c4273c!important}[class*=AuthorSearchInput-sectionTitle-]{color:#fff}[class*=AuthorSearchInput-containerOpen-] [class*=AuthorSearchInput-authorContainer-]{border:none!important;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!important;box-shadow:0 0 10px 1px transparent!important}[class*=AuthorSearchInput-highlighted-]{background-color:hsla(0,0%,100%,.08)}[class*"=AuthorSearchInput-authorContainer-"]::-webkit-scrollbar-thumb,[class*=ImportAuthorSelectAuthor-results-]::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.25)}[class*=ImportAuthorSelectAuthor-results-]::-webkit-scrollbar-thumb,[class*=OverlayScroller-thumb-],[class*=Scroller-scroller-]::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.08)!important}[class*=ImportAuthorSelectAuthor-results-]::-webkit-scrollbar-thumb:hover,[class*=OverlayScroller-thumb-]:hover,[class*=Scroller-scroller-]::-webkit-scrollbar-thumb:hover{background-color:rgba(255,255,255,.25)!important}[class*=EnhancedSelectInput-options-]{border:1px solid rgba(255,255,255,.2);border-radius:4px;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;color:var(--text)}[class*=EnhancedSelectInputOption-isSelected-],[class*=EnhancedSelectInputOption-isSelected-]:hover{background-color:rgba(255,255,255,.2)!important;color:var(--text-hover)}[class*=EnhancedSelectInputOption-option-]:hover{background-color:rgba(255,255,255,.08)}[class*=HintedSelectInputOption-hintText-],[class*=RootFolderSelectInputOption-freeSpace-]{color:var(--text)}[class*=PageSidebar-sidebarContainer-]{background-color:rgba(0,0,0,.25)}[class*=PageSidebar-sidebar-]{background-color:transparent}[class*=PageSidebarItem-link-]:hover{color:rgb(var(--accent-color));text-decoration:none}[class*=PageSidebarItem-isActiveLink-],[class*=PageSidebarItem-isActiveLink-]:hover,[class*=PageSidebarItem-link-]:focus{color:rgb(var(--accent-color))!important}[class*=PageSidebarItem-isActiveParentLink-]{background-color:rgba(0,0,0,.15)}@media only screen and (max-width:768px){[class*=PageSidebar-sidebarContainer-]{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}}[class*=PageSidebarItem-isActiveItem-]{border-left:3px solid rgb(var(--accent-color))}[class*=AuthorIndexPoster-controls-]{background-color:rgb(var(--accent-color))!important}[class*=AuthorIndexOverview-container-],[class*=AuthorIndexOverview-container-]:hover{background-color:transparent!important}[class*=AuthorIndexOverview-container-]:hover [class*=AuthorIndexOverview-content-]{background-color:transparent}[class*=AuthorIndexOverview-content-]:hover{background-color:hsla(0,0%,100%,.08)!important}[class*=AuthorIndexOverview-link-]:hover{text-decoration:none}[class*=ProgressBar-container-]{background-color:rgba(0,0,0,.25)}[class*=".ProgressBar-purple-"]{background-color:rgb(var(--accent-color))}[class*=AuthorDetailsSeason-albumType-],[class*=AuthorDetailsSeason-collapseButtonContainer-]{border:none!important;background-color:rgba(0,0,0,.25)!important}[class*=AuthorDetails-metadataMessage-],[class*=AuthorDetailsSeason-albumCount-],[class*=AuthorDetailsSeason-header-]{color:#fff}.fa-search:hover{color:var(--text-hover)!important}[class*=Label-default-]{border-color:rgb(var(--accent-color));background-color:rgb(var(--accent-color));color:var(--label-text-color)}[class*=Icon-default-]:hover:not([class*=Label-large-] [class*=Icon-default-],[class*=PathInput-fileBrowserButton-]svg){color:var(--text-hover)}[class*=MonitorToggleButton-toggleButton-]{color:#dadada}[class*=ProtocolLabel-torrent-]{border-color:#00853d!important;background-color:#00853d!important;color:#fff!important}[class*=ProtocolLabel-usenet-]{border-color:#17b1d9!important;background-color:#17b1d9!important;color:#fff!important}[class*=AlbumDetailsMedium-mediumNumber-]{color:#fff}[class*=AlbumDetailsMedium-medium-]{border:none;background-color:rgba(0,0,0,.25)}[class*=ExtraFileTable-container-]{border:1px solid transparent;background-color:rgba(0,0,0,.25)}[class*=AlbumDetails-selectedTab-]{border-bottom:4px solid rgb(var(--accent-color))}[class*=AlbumDetailsMedium-collapseButtonContainer-]{border:none;background-color:rgba(0,0,0,.25)}[class*=AuthorIndexProgressBar-progress-]{background-color:hsla(0,0%,100%,.08)}[class*=AuthorIndexBanner-title-],[class*=AuthorIndexBannerInfo-info-]{background-color:rgba(0,0,0,.25);color:#fff}[class*=Popover-body-],[class*=Popover-title-],[class*=SeasonInfo-title-],[class*=Tooltip-body-]{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}[class*=Tooltip-tooltipContainer-]{color:#fff}[class*=Tooltip-bottom-][class*=Tooltip-default-]{border-bottom-color:var(--text)}[class*=Tooltip-right-][class*=Tooltip-default-]{border-right-color:var(--text)}[class*=EpisodeTitleLink-link-]:hover{color:#fff;text-decoration:none}[class*=IconButton-button-]{color:var(--text)}[class*=Label-default-] [class*=IconButton-button-],[class*=Label-small-] [class*=IconButton-button-]:hover{color:var(--label-text-color)}[class*=IconButton-button-]:hover{background-color:transparent;color:var(--label-text-color)}[class*=AuthorDetails-authorNavigationButton-]:hover,[class*=AuthorDetails-authorUpButton-]:hover,[class*=AuthorDetailsHeader-monitorToggleButton-]:hover,[class*=BookDetails-bookNavigationButton-]:hover,[class*=BookDetails-bookUpButton-]:hover,[class*=BookDetailsHeader-monitorToggleButton-1F9Pp]:hover{color:var(--text-hover)}[class*=Table-tableContainer-] [class*=IconButton-button-]:hover{background-color:transparent;color:var(--text-hover)}[class*=Label-info-]{border-color:rgb(var(--accent-color));background-color:rgb(var(--accent-color));color:#fff}[class*=PageSidebarItem-status-][class*=Label-info-]{border-color:var(--queue-color);background-color:var(--queue-color);color:#fff}[class*=TableOptionsColumn-column-]{background:rgba(0,0,0,.25);color:var(--text-hover);border:none}[class*=TableHeaderCell-headerCell-]{color:var(--text-hover)}[class*=Table-table-]{color:var(--text)}[class*=TableRow-row-]:hover{background-color:hsla(0,0%,100%,.08);color:var(--text-hover)}[class*=TableRowCell-cell-]{border-top:1px solid rgb(255 255 255 / 25%)}[class*=PageToolbar-toolbar-]{background-color:rgba(0,0,0,.25);color:var(--text)}[class*=PageToolbarButton-label-]{color:var(--text)}[class*=PageToolbarButton-toolbarButton-][class*=PageToolbarButton-isDisabled-]{opacity:.5;color:var(--text)}[class*=PageToolbarButton-isDisabled-]:hover,[class*=PageToolbarButton-toolbarButton-][class*=PageToolbarButton-isDisabled-]:hover{color:var(--text)!important}[class*=PageToolbarButton-label-]{color:var(--text)}[class*=PageToolbarButton-toolbarButton-]:hover{color:rgb(var(--accent-color))}[class*=MenuButton-menuButton-]:hover{color:rgb(var(--accent-color))}[class*=AuthorIndexPoster-title-],[class*=AuthorIndexPosterInfo-info-]{background-color:rgba(255,255,255,.08);color:var(--text-hover)}[class*=MenuContent-menuContent-],[class*=MenuItem-menuItem-]{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;color:var(--text)}[class*=MenuContent-scroller-]{box-shadow:#000 0 0 5px 0}[class*=MenuItem-menuItem-]:focus,[class*=MenuItem-menuItem-]:hover{background:hsla(0,0%,100%,.08)!important;color:var(--text-hover);text-decoration:none}[class*=MenuItemSeparator-separator-]{background-color:hsla(0,0%,100%,.08)!important}[class*=PageJumpBar-jumpBar-]{color:#fff}[class*=AddNewItem-searchIconContainer-],[class*=CheckInput-isIndeterminate-],[class*=Input-input-]{border:none;background-color:rgba(255,255,255,.08);color:#fff}[class*=AuthorSearchInput-input-][class*=Input-input-]{background:0 0;border-bottom:solid 1px #fff}[class*=AuthorSearchInput-input-][class*=Input-input-]:focus{border-bottom:none;background:0 0}[class*=AuthorSearchResult-alternateTitle-]{color:#fff;font-size:12px}[class*=Input-input-]:focus{outline:0;border-color:#fff;box-shadow:none;background-color:rgba(255,255,255,.25)}[class*=TagInput-input-][class*=TagInput-isFocused-]{outline:0;border-color:#fff;box-shadow:none}[class*=PageContentBody-innerContentBody-]{color:var(--text)}[class*=AddNewAuthorSearchResult-year-]{color:#fff}[class*=AddNewAlbumSearchResult-underlay-],[class*=AddNewAuthorSearchResult-searchResult-],[class*=AddNewAuthorSearchResult-underlay-]{background-color:transparent}[class*=AddNewAlbumSearchResult-underlay-]:hover,[class*=AddNewAuthorSearchResult-searchResult-]:hover,[class*=AddNewAuthorSearchResult-underlay-]:hover{background-color:hsla(0,0%,100%,.08);color:inherit;text-decoration:none}[class*=RootFolderSelectInputSelectedValue-freeSpace-]{color:#fff}[class*=RootFolderSelectInputOption-freeSpace-]{color:var(--text-muted)}[class*=ImportAuthorSelectAuthor-content-],[class*=ImportAuthorSelectAuthor-searchIconContainer-]{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;border:1px solid transparent}[class*=ImportAuthorName-disambiguation-]{color:var(--text-muted)}[class*=ImportAuthorSearchResult-author-]:hover{background-color:rgba(255,255,255,.08)}input::-webkit-input-placeholder{color:var(--text)}input:focus::-webkit-input-placeholder{color:var(--text-hover)}input:-moz-placeholder{color:var(--text)}input:focus:-moz-placeholder{color:var(--text-hover)}input::-moz-placeholder{color:var(--text)}input:focus::-moz-placeholder{color:var(--text-hover)}input:-ms-input-placeholder{color:var(--text)}input:focus:-ms-input-placeholder{color:var(--text-hover)}[class*=ImportAuthorSelectFolder-header-]{color:#fff}[class*=ExpandingFileDetails-fileDetails-]{border:1px solid rgb(255 255 255 / .1);background-color:rgb(255 255 255 / 8%)}[class*=ImportAuthorSelectAuthor-button-]{border:none;background-color:rgba(0,0,0,.25)!important;color:#fff}[class*=FieldSet-legend-]{color:var(--text-hover);border-bottom:1px solid rgb(var(--accent-color))}[class*=VirtualTableRow-row-]:hover{background-color:rgba(255,255,255,.08)}[class*=PageJumpBarItem-jumpBarItem-]:hover{color:#fff;background:hsla(0,0%,100%,.08)}[class*=PageContentFooter-contentFooter-]{border:none;background-color:rgba(0,0,0,.25);color:#fff}[class*=CalendarEvent-downloaded-]{background:rgb(var(--calendar-available) / .7)!important;border-left-color:transparent!important}[class*=Calendar-calendar-] [class*=CalendarEvent-downloaded-]:hover{background:rgb(var(--calendar-available) / .5)!important;border-left-color:transparent!important}[class*=CalendarEvent-missing-]{background:rgb(var(--calendar-missing) / .7)!important;border-left-color:transparent!important}[class*=Calendar-calendar-] [class*=CalendarEvent-missing-]:hover{background:rgba(var(--calendar-missing) / .5)!important;border-left-color:transparent!important}[class*=CalendarEvent-unreleased-]{background:rgb(var(--calendar-unaired) / .7)!important;border-left-color:transparent!important}[class*=Calendar-calendar-] [class*=CalendarEvent-unreleased-]:hover{background:rgb(var(--calendar-unaired) / .5)!important;border-left-color:transparent!important}[class*=CalendarEvent-unmonitored-]{background:rgb(var(--calendar-unmonitored) / .7)!important;border-left-color:transparent!important}[class*=Calendar-calendar-] [class*=CalendarEvent-unmonitored-]:hover{background:rgb(var(--calendar-unmonitored) / .5)!important;border-left-color:transparent!important}[class*=CalendarEvent-downloading-]{background:rgb(var(--calendar-downloading) / .7)!important;border-left-color:transparent!important}[class*=Calendar-calendar-] [class*=CalendarEvent-downloading-]:hover{background:rgb(var(--calendar-downloading) / .5)!important;border-left-color:transparent!important}[class*=DayOfWeek-dayOfWeek-]{background-color:hsla(0,0%,100%,.08)}[class*=CalendarDay-dayOfMonth-]{border-bottom:1px solid hsla(0,0%,100%,.08);background-color:rgba(0,0,0,.25)}[class*=CalendarDay-isToday-]{background-color:hsla(0,0%,100%,.08)!important}[class*=CalendarDay-day-],[class*=CalendarDays-days-]{-webkit-box-flex:1;-webkit-flex:1 0 14.28%;flex:1 0 14.28%;overflow:hidden;min-height:70px;border-bottom:1px solid hsla(0,0%,100%,.08);border-left:1px solid hsla(0,0%,100%,.08);border-right:1px solid hsla(0,0%,100%,.08)}[class*=CalendarEvent-event-]{border-bottom:1px solid transparent}[class*=CalendarEventGroup-eventGroup-]{border-bottom:1px solid hsla(0,0%,100%,.08)!important}[class*=AgendaEvent-event-]:hover{background-color:hsla(0,0%,100%,.08)!important}[class*=Settings-link-]{color:var(--text-hover);border-bottom:1px solid rgb(var(--accent-color))}[class*=Settings-summary-]{color:var(--text)}[class*=FormLabel-large-]{color:var(--text-hover)}[class*=FormLabel-isAdvanced-]{color:#ff902b}[class*=NamingOption-small-]{border:1px solid transparent}[class*=NamingOption-token-]{background-color:rgba(255,255,255,.15)}[class*=NamingOption-token-]{background-color:rgba(255,255,255,.15)}[class*=NamingOption-example-]{background-color:rgba(255,255,255,.25)}[class*=NamingOption-option-]{border:1px solid transparent}[class*=NamingOption-option-]:hover [class*=NamingOption-token-]{background-color:rgba(255,255,2550,.25)}[class*=NamingOption-option-]:hover [class*=NamingOption-example-]{background-color:rgba(255,255,2550,.35)}[class*=Card-card-],[class*=QualityProfiles-addQualityProfile-]{background-color:rgba(0,0,0,.45);box-shadow:0 0 10px 1px #000;color:var(--text)}[class*=Card-card-]:hover{color:var(--text-hover)}[class*=LanguageProfiles-center-],[class*=QualityProfiles-center-],[class*=ReleaseProfiles-center-]{background-color:transparent;border:none}[class*=LanguageProfileItem-languageProfileItem-],[class*=QualityProfileItem-qualityProfileItem-],[class*=QualityProfileItemGroup-qualityProfileItemGroup-]{border:none;background-color:rgba(0,0,0,.25);color:#fff}[class*=QualityProfileItemGroup-qualityProfileItemGroup-][class*=QualityProfileItemGroup-editGroups-]{background:rgba(0,0,0,.25)}[class*=KeyValueListInputItem-keyInput-],[class*=KeyValueListInputItem-valueInput-]{border:none;background:0 0;color:#fff}[class*=QualityProfileFormatItem-qualityProfileFormatItem-]{border:1px solid transparent;background:rgba(0,0,0,.25)}[class*=QualityDefinitions-sizeLimitHelpText-]{color:var(--text)}[class*=Indexers-center-]{background-color:transparent;border:none}[class*=Card-card-],[class*=QualityProfiles-addQualityProfile-]{background-color:rgba(0,0,0,.45);box-shadow:0 0 10px 1px #000;color:var(--text)}[class*=LanguageProfiles-center-],[class*=MetadataProfiles-center-],[class*=QualityProfiles-center-],[class*=RootFolders-center-]{background-color:transparent;border:none}[class*=RootFolders-center-]{border:1px solid transparent}[class*=DownloadClients-center-],[class*=ImportLists-center-],[class*=Indexers-center-],[class*=Notifications-center-],[class*=Restrictions-center-]{display:inline-block;padding:15px 20px 15px;border-radius:4px}[class*=DownloadClients-center-]{background-color:transparent;border:none}[class*=Notifications-center-]{background-color:transparent;border:none}[class*=ImportLists-center-]{background-color:transparent;border:none}[class*=Alert-info-]{border-color:transparent;background-color:rgba(0,0,0,.25);color:#ffc107}[class*=Restrictions-center-]{border:1px solid transparent;background-color:transparent}[class*=NetImports-center-]{border:1px solid transparent;background-color:transparent}[class*=CustomFormats-center-],[class*=EditCustomFormatModalContent-center-]{border:1px solid transparent;background-color:transparent}.panel-body{background-color:rgba(0,0,0,.25);color:var(--text)}.panel-header{background-color:rgba(0,0,0,.45)}.forgot-password{color:var(--text)!important}input[type=email],input[type=password]{border:none;background-color:rgba(255,255,255,.08);color:#fff}.button{border-color:var(--button-color);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;box-shadow:none;background-color:rgba(255,255,255,.25)}[class*=FilterBuilderRow-filterRow-]:hover{background-color:transparent}[class*=CustomFilter-customFilter-]:hover{background-color:hsla(0,0%,100%,.08)}[class*=AuthorIndexPoster-link-],[class*=AuthorIndexPoster-title-]{background-color:rgba(255,255,255,.08)}[class*=AddNewAuthorSearchResult-underlay-],[class*=AddNewBookSearchResult-underlay-]{background-color:transparent}[class*=AddNewAuthorSearchResult-underlay-]:hover,[class*=AddNewBookSearchResult-underlay-]:hover{background-color:hsla(0,0%,100%,.08);color:inherit;text-decoration:none}[class*=AuthorDetails-tab-]{color:#fff}[class*=AuthorIndexBanner-title-]{background-color:hsla(0,0%,100%,.08)}[class*=AuthorIndexOverview-container-]:hover [class*=AuthorIndexOverview-content-]{background-color:hsla(0,0%,100%,.08)}[class*=AuthorDetailsSeason-bookType-]{border:none;background-color:rgba(0,0,0,.25)}[class*=AuthorDetailsSeason-books-]{border-top:1px solid rgb(255 255 255 / 50%)}[class*=AuthorDetails-tabList-]{border-bottom:1px solid rgb(255 255 255 / 50%);color:var(--text-hover)}[class*=BookDetails-selectedTab-]{border-bottom:4px solid rgb(var(--accent-color))}[class*=BookshelfBook-book-]{border:1px solid transparent;background-color:rgba(0,0,0,.25)!important}[class*=BookshelfBook-missingWanted-]{background-color:#f05050;color:#fff}[class*=AuthorDetailsSeries-bookType-]{border:none;background-color:rgba(0,0,0,.25)}[class*=AuthorDetailsSeries-collapseButtonContainer-]{border:none;background-color:rgba(0,0,0,.25)}[class*=AuthorDetailsSeries-bookTypeLabel-]{color:#fff}[class*=AuthorDetailsSeries-bookCount-]{color:#fff}[class*=AuthorDetails-selectedTab-]{border-bottom:4px solid rgb(var(--accent-color))}[class*=AuthorDetails-metadataMessage-]{color:var(--text)}[class*=AuthorDetails-metadataMessage-] [class*=Link-to-]{color:rgb(var(--accent-color))}[class*=AuthorDetails-metadataMessage-] [class*=Link-to-]:hover{color:var(--accent-color-hover)}[class*=BookDetails-tab-]{color:#fff} diff --git a/CSS/themes/requestrr/requestrr-base.css b/CSS/themes/requestrr/requestrr-base.css index 9603a658..e87b3f9e 100644 --- a/CSS/themes/requestrr/requestrr-base.css +++ b/CSS/themes/requestrr/requestrr-base.css @@ -1,401 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ - - -body { - color: var(--text-color); - 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; -} - -.bg-default { - 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; -} - -.h1, -.h2, -.h3, -.h4, -.h5, -.h6, -h1, -h2, -h3, -h4, -h5, -h6 { - color: var(--text-color); -} - -.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 { - 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 { - 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; - } -} - -@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); - } -} - -@media (max-width: 767.98px) { - .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 { - color: white !important; -} - -.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; -} - -.bg-gradient-default { - background: none !important; -} - -.card-profile-image img, -.shadow { - box-shadow: 0 0 2rem 0 rgba(0, 0, 0, .15) !important; -} - -.bg-white, -.footer { - background-color: rgba(0, 0, 0, 0.25) !important; -} - -.footer { - padding-left: 15px; -} - -/* Logo */ - -#sidenav-main>div>a::before { - content: ""; - background: url('../static/media/requestrr.1e4722c9.svg') no-repeat; - background-size: 200px; - width: 200px; - 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) { - #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] { - background-color: rgba(255, 255, 255, 0.1); - opacity: 1; - border: 1px solid transparent; - color: gray; -} - -.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 { - 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: #000000; - background-color: rgba(0, 0, 0, 0.2); -} - -.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; -} - -::-moz-placeholder { - /* Firefox 19+ */ - 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 */ -.custom-checkbox .custom-control-input:checked~.custom-control-label:before { - background-color: var(--accent-color); - border-color: var(--accent-color); -} - -.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 { - color: #fff; - background-color: var(--button-color-hover); - border-color: var(--button-color-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 { - color: #fff; - background-color: rgba(0, 0, 0, 0.26); - border-color: transparent; -} - -.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 { - color: #fff; - background-color: var(--button-color); - border-color: var(--button-color); -} - -.btn-info, -.btn-info:hover { - color: #fff; - background-color: var(--button-color-hover); - border-color: var(--button-color-hover); -} - -/* Login page*/ - -.bg-gradient-info { - 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; -} - -@media (min-width: 1200px) { - .separator-skew { - height: 70px; - display: none; - } -} - -#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 { - 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; -} - -/* 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; -} \ No newline at end of file +body{color:var(--text-color);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}.bg-default{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}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:var(--text-color)}.form-control-label,.text-muted{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{color:#fff}.navbar-light .navbar-nav .nav-link{color:var(--text-color)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:var(--text-color-faded);background:rgba(255,255,255,.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,.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,.1),0 15px 35px rgba(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}}#sidenav-main>div>div>ul.mb-md-3.navbar-nav>li:nth-child(3)>a>i{color:#fff!important}.card-profile-image img,.navbar-vertical,.shadow{box-shadow:none!important}.fade{-webkit-transition:opacity .15s linear;transition:opacity .15s linear;background:rgba(0,0,0,.15)!important}.bg-secondary{background-color:rgba(0,0,0,0)!important}.bg-gradient-default{background:0 0!important}.card-profile-image img,.shadow{box-shadow:0 0 2rem 0 rgba(0,0,0,.15)!important}.bg-white,.footer{background-color:rgba(0,0,0,.25)!important}.footer{padding-left:15px}#sidenav-main>div>a::before{content:"";background:url('../static/media/requestrr.1e4722c9.svg') no-repeat;background-size:200px;width:200px;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){#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}}.form-control:disabled,.form-control[readonly]{background-color:rgba(255,255,255,.1);opacity:1;border:1px solid transparent;color:gray}.form-control-alternative,.has-danger .form-control{background:rgba(0,0,0,.25);background-color:rgba(0,0,0,.25)}.form-control-alternative:focus{background:rgba(0,0,0,.5)}.form-control:focus{color:#fff}.has-success .form-control{background-color:rgba(0,0,0,.5)}.form-control{color:var(--text-color);border:1px solid transparent}.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:#000}.react-dropdown-select.dropdown div[role=list] span:focus,.react-dropdown-select.dropdown div[role=list] span:hover{color:#000;background-color:rgba(0,0,0,.2)}.react-dropdown-select.dropdown{color:var(--text-color);background-color:rgba(0,0,0,.25)}::-webkit-input-placeholder{color:var(--text-color)!important}::-webkit-input-placeholder:focus{color:#00f!important}::-moz-placeholder{color:var(--text-color)!important}:-ms-input-placeholder{color:var(--text-color)!important}:-moz-placeholder{color:var(--text-color)!important}.custom-checkbox .custom-control-input:checked~.custom-control-label:before{background-color:var(--accent-color);border-color:var(--accent-color)}.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{color:#fff;background-color:var(--button-color-hover);border-color:var(--button-color-hover)}.btn-default,.btn-default:hover{color:#fff;background-color:rgba(255,255,255,.25);border-color:transparent}.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,.26);border-color:transparent}.btn-default.disabled,.btn-default:disabled{color:#fff;background-color:rgba(255,255,255,.15);border-color:transparent;opacity:.5}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:var(--button-color);border-color:var(--button-color)}.btn-info,.btn-info:hover{color:#fff;background-color:var(--button-color-hover);border-color:var(--button-color-hover)}.bg-gradient-info{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}@media (min-width:1200px){.separator-skew{height:70px;display:none}}#root>div>div.mt--8.pb-5.container>div>div>div{background:rgba(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{background:rgba(0,0,0,.25)!important;border:10px solid transparent}.input-group-text{color:var(--text-color);background-color:rgba(0,0,0,.25);border:1px solid transparent!important}.input-group-prepend{margin-right:0}#root>div>div.header.bg-gradient-info.py-7.py-lg-8>div.separator.separator-bottom.separator-skew.zindex-100>svg>polygon{display:none}@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} diff --git a/CSS/themes/resilio-sync/resilio-base.css b/CSS/themes/resilio-sync/resilio-base.css index d0c99dcc..d1786cb5 100644 --- a/CSS/themes/resilio-sync/resilio-base.css +++ b/CSS/themes/resilio-sync/resilio-base.css @@ -1,766 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ - -@import url(https://use.fontawesome.com/releases/v5.15.1/css/all.css); - -body, -.tableScrollContainer, -.settings-tabs-wrapper .settings-tabs-container { - 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; -} - -a { - color: var(--link-color); -} - -a:hover { - color: #fff; -} - -* { - outline: none !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) - } -} - -::-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; -} - -/* TEXT */ -body, -#onboarding-dark #page-main, -p, -h1, -h2, -h3, -h4, -h5, -h6, -#choose-product-dialog .choose-title h1, -label.control-label, -.emptyMessage, -.bt-navbar #choose-share-type-menu .container-fluid .menu-item h2, -.bt-navbar .choose-dropdown-menu .container-fluid .menu-item h2, -UL.jqueryFileTree A, -.settings-tabs-wrapper .settings-tabs-container, -.bt-checkbox label, -.bt-radio label, -.settings-tabs-wrapper .settings-tabs-buttons .left-nav-button, -#licenses-tab #unlicensed-container h1, -#licenses-tab #unlicensed-container .unlicensed-text, -#support-tab #page-menu .support-content>a h5, -#support-tab #page-menu .support-content>button h5, -#support-tab #page-menu .support-content>a p, -.modal-header .transfer-path .labelContainer .secondaryLine, -.transfer-table .transfer-row .nameLabel, -.dropdown-menu li a { - color: var(--text); -} - -/* ACCENTS */ -#choose-product-dialog .product-container .product:hover { - border-color: var(--accent-color); -} - -.text-success { - color: #4CAF50; -} - -#historyContainer .table-filter-panel .filter-item.active, -.resizableTableContainer .table-filter-panel .filter-item.active, -.tableContainerWithFilterPanel .table-filter-panel .filter-item.active { - color: var(--accent-color) -} - -/* NAVBAR */ -.bt-navbar { - background-color: rgb(0 0 0 / 25%); -} - -.bt-navbar .btn.dropdown-toggle { - background-color: rgb(255 255 255 / 8%); -} - -.bt-navbar .btn.dropdown-toggle:hover { - background-color: rgb(255 255 255 / 16%); -} - -.bt-navbar .btn.btn-tab.active, -.bt-navbar .btn.btn-tab:active { - background-color: rgb(0 0 0 / 25%); - border-bottom-color: var(--accent-color); -} - -.bt-navbar .btn:hover { - background-color: rgb(255 255 255 / 8%) !important; -} - -.bt-navbar .btn#try-pro-button { - background-color: rgb(0 0 0 / 50%); - color: var(--button-text); -} - -.bt-navbar .btn#try-pro-button:hover { - background-color: rgb(255 255 255 / 8%); -} - -.bt-navbar .btn.btn-tab { - background: transparent; -} - -/* SIDE MENU */ -/* DROPDOWN MENU */ -.bt-navbar #choose-share-type-menu, -.bt-navbar .choose-dropdown-menu { - 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 { - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - border: 1px solid #ccc; - border: 1px solid rgba(0, 0, 0, .15); - border-radius: 2px; - -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); - box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -} - -.dropdown-menu { - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - border: 1px solid 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); -} - -.dropdown-menu li a:focus, -.dropdown-menu li a:hover { - background-color: rgb(255 255 255 / 8%); - color: var(--text-hover); -} - -.sync-level .add-folder-mode .option-text { - color: var(--text-hover); -} - -.sync-level .add-folder-mode .option-description { - color: var(--text); - white-space: normal; -} - -.sync-level .add-folder-mode li.selected a { - background-color: rgb(0 0 0 / 25%); -} - -.sync-level .add-folder-mode li:not(.selected) a:focus, -.sync-level .add-folder-mode li:not(.selected) a:hover { - background-color: rgb(255 255 255 / .08); -} - -.sync-level .add-folder-mode .btn-group { - background-color: transparent !important; -} - -button.selectpicker.btn-default { - border-color: #ccc0 !important; - color: var(--text) !important; - background-color: rgb(0 0 0 / 25%) !important; -} - -.btn-group.open .dropdown-toggle { - -webkit-box-shadow: none !important; - box-shadow: none !important; - border: none; - background: rgb(0 0 0 / 50%) !important; -} - -.animating { - background-color: transparent !important; -} - -/* ICONS */ -.mycon.mycon-folder-rw, -.mycon.mycon-folder-owner, -.mycon.mycon-folder-encrypted, -.mycon.mycon-file, -.mycon.mycon-plus { - background-image: none !important; -} - -.mycon.mycon-folder-rw:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f07b"; - font-weight: bold; - width: 24px; - height: 24px; - margin-left: 5px; - color: var(--text); - font-style: normal; -} - -.mycon.mycon-folder-owner:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f65e"; - font-weight: bold; - width: 24px; - height: 24px; - margin-left: 5px; - color: var(--text); - font-style: normal; -} - -.mycon.mycon-folder-encrypted:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f023"; - font-weight: bold; - width: 24px; - height: 24px; - margin-left: 5px; - color: var(--text); - font-style: normal; -} - -.mycon.mycon-file:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f064"; - font-weight: bold; - width: 24px; - height: 24px; - margin-left: 5px; - color: var(--text); - font-style: normal; -} - -.mycon.mycon-plus:before { - font-family: "Font Awesome 5 Free"; - font-size: 24px; - content: "\f0c1"; - font-weight: bold; - width: 24px; - height: 24px; - margin-left: 5px; - color: var(--text); - font-style: normal; -} - -.bt-navbar #choose-share-type-menu .container-fluid .menu-item:focus, -.bt-navbar #choose-share-type-menu .container-fluid .menu-item:hover, -.bt-navbar .choose-dropdown-menu .container-fluid .menu-item:focus, -.bt-navbar .choose-dropdown-menu .container-fluid .menu-item:hover { - background-color: rgb(255 255 255 / 8%); - -} - -.bt-navbar #choose-share-type-menu .container-fluid .menu-item .menu-item-description:hover, -.bt-navbar .choose-dropdown-menu .container-fluid .menu-item .menu-item-description:hover { - margin-left: 6px; - padding-top: 4px; - color: var(--text-hover); -} - -.bt-navbar #choose-share-type-menu .arrow, -.bt-navbar .choose-dropdown-menu .arrow { - 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; -} - -.popout-parent { - 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; -} - -.context-menu li a:focus, -.context-menu li a:hover { - background-color: rgb(255 255 255 / 8%); -} - -.context-notification .context-notification-inner { - 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; -} - -#general-settings #languagedrop { - background-color: rgb(0 0 0 / 25%); - border: transparent; -} - -.popout-anchor.popout-open { - color: var(--text-hover); -} - -/* MODALS */ -.modal-header, -.modal-footer { - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: var(--text); -} - -.modal-content, -.modal-body, -.modal-body .fileTreeContainer, -.modal-page { - color: var(--text); - 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-body .horizontal-separator .horizontal-separator-text { - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: var(--text); -} - -#choose-product-dialog .product-container .product { - background-color: rgb(255 255 255 / 0.08); - border: 1px solid transparent; -} - -.modal-header .close:hover { - background: rgb(255 255 255 / 8%); -} - -ul.jqueryFileTree a.active, -ul.jqueryFileTree a:hover { - background-color: rgb(255 255 255 / 8%); - color: var(--text-hover); -} - -.modal-filter:before, -.modal-input:before { - background: -owg-linear-gradient(left, transparent, transparent); - background: transparent !important; - background: -moz-linear-gradient(left, transparent, transparent); - background: -o-linear-gradient(left, transparent, transparent); - background: linear-gradient(left, transparent, transparent); -} - -.nav-tabs.nav-sub-tabs { - background-color: transparent; - border-bottom-color: rgb(255 255 255 / .1); -} - -#file-sharing-content .shareOptionsContainer .shareOption:hover, -#sharing-content .shareOptionsContainer .shareOption:hover, -.sharing-dialog-content .shareOptionsContainer .shareOption:hover { - background-color: rgb(255 255 255 / 8%); - color: var(--text-hover); -} - -#sharing-content .nav-tabs.nav-sub-tabs>li { - 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; -} - -#sharing-content .nav-tabs.nav-sub-tabs>li>a { - border: 1px solid #cacaca; - color: #606060; - background: white; -} - -#sharing-content .nav-tabs.nav-sub-tabs>li.active a, -.nav-tabs.nav-sub-tabs>li.active a:focus, -.nav-tabs.nav-sub-tabs>li.active a:hover { - background: var(--button-color-hover) !important; - border: 1px solid var(--button-color-hover); - color: var(--button-text) -} - -.activity-filter.open, -.main-filter.open, -.modal-filter.open, -.modal-input.open { - 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; -} - -.modal-header .transfer-path .labelContainer { - border-left: 1px solid rgb(255 255 255 / .1); -} - -.modal-filter .btn, -.modal-input .btn { - background: transparent; -} - -.modal-filter .btn:hover, -.modal-input .btn:focus, -.modal-filter animating { - background: rgb(255 255 255 / .08) !important; -} - -/* PAGES */ -#archive-onboarding.fixed .tutorial-background, -#onboarding-dark.fixed .tutorial-background, -#syncall-tutorial.fixed .tutorial-background { - 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); -} - -#historyContainer .table-filter-panel, -.resizableTableContainer .table-filter-panel, -.tableContainerWithFilterPanel .table-filter-panel { - background-color: rgb(0 0 0 / 25%); - border-bottom: 1px solid rgb(255 255 255 / 10%); -} - -.section-header { - border-bottom: 1px solid rgb(255 255 255 / .1); -} - -/* FOOTER */ -#sync-core-state { - background-color: rgb(0 0 0 / 50%); - border-top: 1px solid rgb(255 255 255 / 10%); -} - -#statusPanel { - 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; -} - -.status-panel-shown #statusPanel { - border-top: 1px solid rgb(255 255 255 / 20%); -} - -#statusPanel .nav-pills a.tab-button .header, -#statusPanel .nav-pills a.tab-button .value, -#statusPanel .nav-pills a.tab-button span[class$=-speed-label] { - color: var(--text); -} - -#statusPanel .nav-pills li { - border-bottom: 1px solid rgb(255 255 255 / .1); -} - -#statusPanel .nav-pills a.tab-button:focus, -#statusPanel .nav-pills a.tab-button:hover, -#statusPanel .nav-pills .active>a { - background-color: rgb(255 255 255 / 8%); -} - -#statusPanel .tab-content { - background-color: transparent; -} - -#statusPanel .chart-wrapper { - background-color: rgb(0 0 0 / 25%); - border-right: 1px solid rgba(255, 255, 255, .1); -} - -.resizableTableContainer .tableHeaderContainer { - border-bottom: 1px solid rgba(255, 255, 255, .1); - 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; -} - -#statusPanel .chart-c3 .c3-tooltip { - background-color: #000; - opacity: .7; - border-radius: 4px; - box-shadow: none; -} - -.c3-grid line { - stroke: var(--text); -} - -.c3 text { - fill: var(--text); -} - - -/* SETTINGS */ -.settings-tabs-wrapper .settings-tabs-buttons .left-nav-button.active { - background-color: rgb(0 0 0 / 25%); - color: var(--accent-color); -} - -.settings-tabs-wrapper .settings-tabs-buttons .left-nav-button:hover:not(.active) { - background-color: rgb(255 255 255 / 8%); -} - -.settings-tabs-wrapper .settings-tabs-buttons .left-nav-button:hover:not(.active) .txt-button { - color: var(--text-hover); -} - -#support-tab #page-menu .support-content>a, -#support-tab #page-menu .support-content>button { - background-color: transparent; -} - -#support-tab #page-menu .support-content>a:hover h5, -#support-tab #page-menu .support-content>a:hover p, -#support-tab #page-menu .support-content>button:hover h5, -#support-tab #page-menu .support-content>button:hover p { - color: var(--text-hover); -} - -.settings-tabs-wrapper .settings-tabs-buttons { - border-right: 1px solid rgb(255 255 255 / 10%); - background: rgb(0 0 0 / 25%); -} - -/* IDENTITY */ -#my-devices .my-devices .single-my-device:hover:not(.disabled) { - background-color: rgb(255 255 255 / 8%); -} - -#my-devices .my-devices .link-device-block #device-to-qr .device-link { - color: var(--accent-color); -} - -#my-devices .my-devices .link-device-block #device-to-qr:hover:not(:disabled) .device-link-text { - text-decoration: underline; - color: var(--text-hover); -} - -#my-devices .my-devices .info-button:hover { - background-color: var(--button-color-hover); - color: var(--button-text); -} - -/* BUTTONS */ -.btn, -#support-tab #page-feedback-form .back-button { - border-color: var(--button-color); - background: var(--button-color); - color: var(--button-text); - margin-right: 5px; - box-shadow: none; - border: transparent; - border-radius: 2px; -} - -.btn:hover, -.btn:focus, -.btn:active, -.btn-primary:not(:disabled):not(.disabled):active, -.btn-primary:not(:disabled):not(.disabled).active, -#support-tab #page-feedback-form .back-button:hover { - border-color: var(--button-color-hover); - color: var(--text-hover); - background-color: var(--button-color-hover); - box-shadow: none !important; -} - -.transfer-table .transfer-row .optionsColumn .options-button { - background-color: transparent; - color: var(--button-text); -} - -.transfer-table .transfer-row .optionsColumn .options-button.active, -.transfer-table .transfer-row .optionsColumn .options-button:hover { - background-color: rgb(255 255 255 / 8%); -} - -/* FORMS */ -.form-control { - color: var(--text) !important; - background-color: rgba(0, 0, 0, .25) !important; - border: 1px solid transparent !important; - box-shadow: none !important; - transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -} - -.form-control:focus { - background-color: rgba(0, 0, 0, .5) !important; - color: var(--text-hover) !important; -} - -/* TABLE */ -#advanced-settings-dialog .verticalScrollContainer tr:active, -#advanced-settings-dialog .verticalScrollContainer tr:focus, -#advanced-settings-dialog .verticalScrollContainer tr:hover { - background-color: rgb(255 255 255 / 8%); - color: var(--text-hover); -} - -.table-hover>tbody>tr.active, -.table-hover>tbody>tr:hover:not(.no-hover) { - background-color: rgb(255 255 255 / 8%); - color: var(--text-hover); -} - -.table>thead>tr>th { - vertical-align: bottom; - border-bottom: 1px solid rgb(255 255 255 / 10%); - -} - -.table.table-bordered-header thead tr th { - background-color: #fff; - border-right: 1px solid rgb(255 255 255 / 0.1) !important; -} - -.tableScrollContainer .table thead tr th { - 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; -} - -/* PLACEHOLDER TEXT */ -::placeholder { - color: var(--text) !important; - opacity: .5 !important; -} - -:-moz-placeholder { - color: var(--text) !important; - opacity: .5 !important; -} - -:-ms-input-placeholder { - color: var(--text) !important; - opacity: .5 !important; -} - -::-webkit-input-placeholder { - color: var(--text) !important; - opacity: .5; -} \ No newline at end of file +@import url(https://use.fontawesome.com/releases/v5.15.1/css/all.css);.settings-tabs-wrapper .settings-tabs-container,.tableScrollContainer,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}a{color:var(--link-color)}a:hover{color:#fff}*{outline:0!important}@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}#choose-product-dialog .choose-title h1,#licenses-tab #unlicensed-container .unlicensed-text,#licenses-tab #unlicensed-container h1,#onboarding-dark #page-main,#support-tab #page-menu .support-content>a h5,#support-tab #page-menu .support-content>a p,#support-tab #page-menu .support-content>button h5,.bt-checkbox label,.bt-navbar #choose-share-type-menu .container-fluid .menu-item h2,.bt-navbar .choose-dropdown-menu .container-fluid .menu-item h2,.bt-radio label,.dropdown-menu li a,.emptyMessage,.modal-header .transfer-path .labelContainer .secondaryLine,.settings-tabs-wrapper .settings-tabs-buttons .left-nav-button,.settings-tabs-wrapper .settings-tabs-container,.transfer-table .transfer-row .nameLabel,UL.jqueryFileTree A,body,h1,h2,h3,h4,h5,h6,label.control-label,p{color:var(--text)}#choose-product-dialog .product-container .product:hover{border-color:var(--accent-color)}.text-success{color:#4caf50}#historyContainer .table-filter-panel .filter-item.active,.resizableTableContainer .table-filter-panel .filter-item.active,.tableContainerWithFilterPanel .table-filter-panel .filter-item.active{color:var(--accent-color)}.bt-navbar{background-color:rgb(0 0 0 / 25%)}.bt-navbar .btn.dropdown-toggle{background-color:rgb(255 255 255 / 8%)}.bt-navbar .btn.dropdown-toggle:hover{background-color:rgb(255 255 255 / 16%)}.bt-navbar .btn.btn-tab.active,.bt-navbar .btn.btn-tab:active{background-color:rgb(0 0 0 / 25%);border-bottom-color:var(--accent-color)}.bt-navbar .btn:hover{background-color:rgb(255 255 255 / 8%)!important}.bt-navbar .btn#try-pro-button{background-color:rgb(0 0 0 / 50%);color:var(--button-text)}.bt-navbar .btn#try-pro-button:hover{background-color:rgb(255 255 255 / 8%)}.bt-navbar .btn.btn-tab{background:0 0}.bt-navbar #choose-share-type-menu,.bt-navbar .choose-dropdown-menu{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{background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:2px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu{background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;border:1px solid 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)}.dropdown-menu li a:focus,.dropdown-menu li a:hover{background-color:rgb(255 255 255 / 8%);color:var(--text-hover)}.sync-level .add-folder-mode .option-text{color:var(--text-hover)}.sync-level .add-folder-mode .option-description{color:var(--text);white-space:normal}.sync-level .add-folder-mode li.selected a{background-color:rgb(0 0 0 / 25%)}.sync-level .add-folder-mode li:not(.selected) a:focus,.sync-level .add-folder-mode li:not(.selected) a:hover{background-color:rgb(255 255 255 / .08)}.sync-level .add-folder-mode .btn-group{background-color:transparent!important}button.selectpicker.btn-default{border-color:#ccc0!important;color:var(--text)!important;background-color:rgb(0 0 0 / 25%)!important}.btn-group.open .dropdown-toggle{-webkit-box-shadow:none!important;box-shadow:none!important;border:none;background:rgb(0 0 0 / 50%)!important}.animating{background-color:transparent!important}.mycon.mycon-file,.mycon.mycon-folder-encrypted,.mycon.mycon-folder-owner,.mycon.mycon-folder-rw,.mycon.mycon-plus{background-image:none!important}.mycon.mycon-folder-rw:before{font-family:"Font Awesome 5 Free";font-size:24px;content:"\f07b";font-weight:700;width:24px;height:24px;margin-left:5px;color:var(--text);font-style:normal}.mycon.mycon-folder-owner:before{font-family:"Font Awesome 5 Free";font-size:24px;content:"\f65e";font-weight:700;width:24px;height:24px;margin-left:5px;color:var(--text);font-style:normal}.mycon.mycon-folder-encrypted:before{font-family:"Font Awesome 5 Free";font-size:24px;content:"\f023";font-weight:700;width:24px;height:24px;margin-left:5px;color:var(--text);font-style:normal}.mycon.mycon-file:before{font-family:"Font Awesome 5 Free";font-size:24px;content:"\f064";font-weight:700;width:24px;height:24px;margin-left:5px;color:var(--text);font-style:normal}.mycon.mycon-plus:before{font-family:"Font Awesome 5 Free";font-size:24px;content:"\f0c1";font-weight:700;width:24px;height:24px;margin-left:5px;color:var(--text);font-style:normal}.bt-navbar #choose-share-type-menu .container-fluid .menu-item:focus,.bt-navbar #choose-share-type-menu .container-fluid .menu-item:hover,.bt-navbar .choose-dropdown-menu .container-fluid .menu-item:focus,.bt-navbar .choose-dropdown-menu .container-fluid .menu-item:hover{background-color:rgb(255 255 255 / 8%)}.bt-navbar #choose-share-type-menu .container-fluid .menu-item .menu-item-description:hover,.bt-navbar .choose-dropdown-menu .container-fluid .menu-item .menu-item-description:hover{margin-left:6px;padding-top:4px;color:var(--text-hover)}.bt-navbar #choose-share-type-menu .arrow,.bt-navbar .choose-dropdown-menu .arrow{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}.popout-parent{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}.context-menu li a:focus,.context-menu li a:hover{background-color:rgb(255 255 255 / 8%)}.context-notification .context-notification-inner{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}#general-settings #languagedrop{background-color:rgb(0 0 0 / 25%);border:transparent}.popout-anchor.popout-open{color:var(--text-hover)}.modal-footer,.modal-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;color:var(--text)}.modal-body,.modal-body .fileTreeContainer,.modal-content,.modal-page{color:var(--text);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-body .horizontal-separator .horizontal-separator-text{background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;color:var(--text)}#choose-product-dialog .product-container .product{background-color:rgb(255 255 255 / .08);border:1px solid transparent}.modal-header .close:hover{background:rgb(255 255 255 / 8%)}ul.jqueryFileTree a.active,ul.jqueryFileTree a:hover{background-color:rgb(255 255 255 / 8%);color:var(--text-hover)}.modal-filter:before,.modal-input:before{background:-owg-linear-gradient(left,transparent,transparent);background:0 0!important;background:-moz-linear-gradient(left,transparent,transparent);background:-o-linear-gradient(left,transparent,transparent);background:linear-gradient(left,transparent,transparent)}.nav-tabs.nav-sub-tabs{background-color:transparent;border-bottom-color:rgb(255 255 255 / .1)}#file-sharing-content .shareOptionsContainer .shareOption:hover,#sharing-content .shareOptionsContainer .shareOption:hover,.sharing-dialog-content .shareOptionsContainer .shareOption:hover{background-color:rgb(255 255 255 / 8%);color:var(--text-hover)}#sharing-content .nav-tabs.nav-sub-tabs>li{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}#sharing-content .nav-tabs.nav-sub-tabs>li>a{border:1px solid #cacaca;color:#606060;background:#fff}#sharing-content .nav-tabs.nav-sub-tabs>li.active a,.nav-tabs.nav-sub-tabs>li.active a:focus,.nav-tabs.nav-sub-tabs>li.active a:hover{background:var(--button-color-hover)!important;border:1px solid var(--button-color-hover);color:var(--button-text)}.activity-filter.open,.main-filter.open,.modal-filter.open,.modal-input.open{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}.modal-header .transfer-path .labelContainer{border-left:1px solid rgb(255 255 255 / .1)}.modal-filter .btn,.modal-input .btn{background:0 0}.modal-filter .btn:hover,.modal-filter animating,.modal-input .btn:focus{background:rgb(255 255 255 / .08)!important}#archive-onboarding.fixed .tutorial-background,#onboarding-dark.fixed .tutorial-background,#syncall-tutorial.fixed .tutorial-background{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)}#historyContainer .table-filter-panel,.resizableTableContainer .table-filter-panel,.tableContainerWithFilterPanel .table-filter-panel{background-color:rgb(0 0 0 / 25%);border-bottom:1px solid rgb(255 255 255 / 10%)}.section-header{border-bottom:1px solid rgb(255 255 255 / .1)}#sync-core-state{background-color:rgb(0 0 0 / 50%);border-top:1px solid rgb(255 255 255 / 10%)}#statusPanel{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}.status-panel-shown #statusPanel{border-top:1px solid rgb(255 255 255 / 20%)}#statusPanel .nav-pills a.tab-button .header,#statusPanel .nav-pills a.tab-button .value,#statusPanel .nav-pills a.tab-button span[class$=-speed-label]{color:var(--text)}#statusPanel .nav-pills li{border-bottom:1px solid rgb(255 255 255 / .1)}#statusPanel .nav-pills .active>a,#statusPanel .nav-pills a.tab-button:focus,#statusPanel .nav-pills a.tab-button:hover{background-color:rgb(255 255 255 / 8%)}#statusPanel .tab-content{background-color:transparent}#statusPanel .chart-wrapper{background-color:rgb(0 0 0 / 25%);border-right:1px solid rgba(255,255,255,.1)}.resizableTableContainer .tableHeaderContainer{border-bottom:1px solid rgba(255,255,255,.1);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}#statusPanel .chart-c3 .c3-tooltip{background-color:#000;opacity:.7;border-radius:4px;box-shadow:none}.c3-grid line{stroke:var(--text)}.c3 text{fill:var(--text)}.settings-tabs-wrapper .settings-tabs-buttons .left-nav-button.active{background-color:rgb(0 0 0 / 25%);color:var(--accent-color)}.settings-tabs-wrapper .settings-tabs-buttons .left-nav-button:hover:not(.active){background-color:rgb(255 255 255 / 8%)}.settings-tabs-wrapper .settings-tabs-buttons .left-nav-button:hover:not(.active) .txt-button{color:var(--text-hover)}#support-tab #page-menu .support-content>a,#support-tab #page-menu .support-content>button{background-color:transparent}#support-tab #page-menu .support-content>a:hover h5,#support-tab #page-menu .support-content>a:hover p,#support-tab #page-menu .support-content>button:hover h5,#support-tab #page-menu .support-content>button:hover p{color:var(--text-hover)}.settings-tabs-wrapper .settings-tabs-buttons{border-right:1px solid rgb(255 255 255 / 10%);background:rgb(0 0 0 / 25%)}#my-devices .my-devices .single-my-device:hover:not(.disabled){background-color:rgb(255 255 255 / 8%)}#my-devices .my-devices .link-device-block #device-to-qr .device-link{color:var(--accent-color)}#my-devices .my-devices .link-device-block #device-to-qr:hover:not(:disabled) .device-link-text{text-decoration:underline;color:var(--text-hover)}#my-devices .my-devices .info-button:hover{background-color:var(--button-color-hover);color:var(--button-text)}#support-tab #page-feedback-form .back-button,.btn{border-color:var(--button-color);background:var(--button-color);color:var(--button-text);margin-right:5px;box-shadow:none;border:transparent;border-radius:2px}#support-tab #page-feedback-form .back-button:hover,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.btn:active,.btn:focus,.btn:hover{border-color:var(--button-color-hover);color:var(--text-hover);background-color:var(--button-color-hover);box-shadow:none!important}.transfer-table .transfer-row .optionsColumn .options-button{background-color:transparent;color:var(--button-text)}.transfer-table .transfer-row .optionsColumn .options-button.active,.transfer-table .transfer-row .optionsColumn .options-button:hover{background-color:rgb(255 255 255 / 8%)}.form-control{color:var(--text)!important;background-color:rgba(0,0,0,.25)!important;border:1px solid transparent!important;box-shadow:none!important;transition:background-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control:focus{background-color:rgba(0,0,0,.5)!important;color:var(--text-hover)!important}#advanced-settings-dialog .verticalScrollContainer tr:active,#advanced-settings-dialog .verticalScrollContainer tr:focus,#advanced-settings-dialog .verticalScrollContainer tr:hover{background-color:rgb(255 255 255 / 8%);color:var(--text-hover)}.table-hover>tbody>tr.active,.table-hover>tbody>tr:hover:not(.no-hover){background-color:rgb(255 255 255 / 8%);color:var(--text-hover)}.table>thead>tr>th{vertical-align:bottom;border-bottom:1px solid rgb(255 255 255 / 10%)}.table.table-bordered-header thead tr th{background-color:#fff;border-right:1px solid rgb(255 255 255 / .1)!important}.tableScrollContainer .table thead tr th{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}::placeholder{color:var(--text)!important;opacity:.5!important}:-moz-placeholder{color:var(--text)!important;opacity:.5!important}:-ms-input-placeholder{color:var(--text)!important;opacity:.5!important}::-webkit-input-placeholder{color:var(--text)!important;opacity:.5} diff --git a/CSS/themes/rutorrent/rutorrent-base.css b/CSS/themes/rutorrent/rutorrent-base.css index 3ae3b47f..68c7332c 100644 --- a/CSS/themes/rutorrent/rutorrent-base.css +++ b/CSS/themes/rutorrent/rutorrent-base.css @@ -1,1785 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ -/* Based on https://github.com/themightykitten/ruTorrent-MaterialDesign */ -@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) -} - -hr { - background-color: rgba(255, 255, 255, 0.08); - height: 1px; - border-width: 0; - 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#msg { - background: rgba(0, 0, 0, 0.25); - border-top: 1px solid #3330; - border-bottom: 1px solid #0000; - font-size: 11px; - font-weight: 700; - text-shadow: 0 -3px 0 #0000; -} - -div#sc { - border: 1px solid #333; - background-color: #181818 -} - -div#sc li.se_act div { - background-color: #333; - color: #888 -} - -div#lng { - background-color: #181818; - border: 1px solid #333 -} - -.rmenuitem { - color: var(--text-hover) !important; -} - -iframe { - border-width: 0px !important; - border: none !important; -} - -ul.CMenu { - opacity: .98; - border: 1px solid transparent; - border-right: 1px solid transparent; - 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; - 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); -} - -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: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.dis { - color: rgb(var(--accent-color)) -} - -ul.CMenu li a.dis:hover { - color: var(--text-hover) -} - -ul.CMenu li hr { - background-color: rgba(255, 255, 255, .08); - height: 1px; - border-width: 0; - border-bottom: 1px solid rgba(255, 255, 255, .08); - padding: 0; - margin: 0; - width: 100%; -} - -ul.CMenu li a.exp { - background: transparent; -} - -ul.CMenu li a.exp:hover { - background: rgba(255, 255, 255, .08); - ; -} - -ul.CMenu li a.sel { - color: #ffffff; - background: rgba(0, 0, 0, 0.15); -} - -ul.CMenu li ul li a.sel { - color: #178FD1 -} - -ul.CMenu li a:hover { - background-color: rgba(255, 255, 255, 0.08) !important; - color: var(--text-hover); - text-shadow: 0 -1px 0 #000; -} - -ul.CMenu li:hover ul li a { - background-color: transparent; - 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 ul li a.dis { - color: #fff -} - -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 -} - -.stable-body td { - border-bottom: 1px solid #ff000000 !important; -} - -.stable-body tr.odd td { - background: #2A2A2A !important -} - -#tdetails { - overflow: hidden -} - -#StatusBar { - border-top: 1px solid #292828 !important; - background: #1E1E1E; - margin-top: -2px -} - -#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 a { - margin: 4px 5px 0 5px -} - -#mnu_logoff.top-menu-item { - margin-left: 15px; -} - -div#t a:hover { - background: none -} - -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: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: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: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: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: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: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: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: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: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: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: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: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: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: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; - background-position: right; - border: 1px solid #1f1f1f; - padding-right: 15px !important; -} - -.stg_con { - background-color: transparent -} - -.stg_con fieldset { - border: none; - border-top: 1px solid rgb(var(--accent-color)); - border-radius: 0 -} - -.stg_con td input { - padding: 1px 4px -} - -#st_ao_h, -#st_throttle_h { - height: 360px !important -} - -a { - color: #fff; - font-family: 'Roboto' -} - -.flot-text { - color: #fff !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#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.sel span { - color: #AACF27 -} - -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 -} - -#-_-_-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; - 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 -} - -.catpanelcont { - margin: 15px 2px; - transition: all .3s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0 -} - -#-_-_-all-_-_- { - background-position: 4px -175px -} - -#-_-_-dls-_-_- { - background-position: 4px 2px -} - -#-_-_-com-_-_- { - background-position: 4px -15px -} - -#-_-_-act-_-_- { - background-position: 4px -159px -} - -#-_-_-iac-_-_- { - background-position: 4px -31px -} - -#-_-_-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.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) -} - -.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_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#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#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 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 { - font-family: 'Roboto' -} - -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#modalbg { - background-color: #181818 -} - -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); -} - -.dlg-window { - background-color: #222; - box-shadow: 0 19px 38px rgba(0, 0, 0, 0.60) -} - -*>fieldset { - border: 1px solid rgba(255, 255, 255, 0.08); - 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: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 -} - -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; - line-height: 11px; - background: rgba(0, 0, 0, 0.25); - white-space: pre; - overflow: scroll; - height: 198px; - width: 580px; - cursor: text; -} - -fieldset { - background-color: transparent; - font-family: 'Roboto' -} - -legend { - color: #999; - text-transform: uppercase; - font-weight: 500; - font-size: 1em -} - -td.disabled, -label.disabled, -span.disabled, -div.disabled { - color: #b9b9b9 -} - -disabled { - opacity: 50% -} - -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 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.focus { - color: var(--text-hover); - background: none -} - -input.disabled { - background-color: #181818; - color: #333; - border: 1px solid #333 -} - -legend { - color: var(--text-hover); -} - -select.cols { - border: 1px solid #333 -} - -div#dragmask { - border: 1px dotted #333 -} - -div#tdetails { - padding: 0; - margin: 0; - background-color: transparent; - color: #fff; - border-top-right-radius: 0px; - border-top-left-radius: 0px; -} - -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#RSSList { - border: none !important; - background-color: rgba(0, 0, 0, 0.25) !important; - overflow: hidden; - display: block; - -moz-user-select: none; - -moz-user-focus: normal; - -moz-user-input: enabled; -} - -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; -} - -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 -} - -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; - color: var(--text); - border-top: 1px solid transparent; - border-right: 1px solid transparent; - border-left: 1px solid transparent; - border-bottom: 1px solid transparent; - border: none; -} - -#stg_c { - font-weight: 300 !important -} - -.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 -} - -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#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-header { - background: rgba(0, 0, 0, 0.25); - border-bottom: 1px solid #3330; - 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 -} - -#addtorrent hr:last-of-type { - margin-bottom: 15px -} - -#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:first-of-type, -#addtorrent label:nth-of-type(2) { - margin-top: 10px -} - -#addtorrenturl { - margin-top: 15px -} - -Input.TextboxLarge { - border: none -} - -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 -} - -tr#rrow td * { - margin-top: -2px -} - -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 -} - -.meter-value-start-color { - background-color: #E05400 -} - -.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-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 -} - -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); -} - -#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 td { - background: none -} - -#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_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 -} - -#stup_speed { - color: #AACF27 -} - -#stdown_speed { - color: #178FD1 -} - -#stup_total, -#stdown_total { - color: #fff -} - -span#ds, -span#dl { - color: #178FD1 -} - -span#ra { - color: #F70000 -} - -span#us, -span#ul { - color: #AACF27 -} - -span.det { - color: #fff -} - -.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_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_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_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_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_Rar, -.Icon_Zip { - background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/archive.zip) no-repeat scroll left center !important -} - - - - - - -@font-face { - font-family: 'Ubuntu'; - font-style: normal; - font-weight: 400; - 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; -} - -.meter-value { - float: left; - border: 1px inset transparent !important; - border-bottom: none !important; - 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); -} - - - - -@font-face { - font-family: 'Ubuntu'; - font-style: normal; - font-weight: 400; - src: local('Ubuntu'), url(https://themes.googleusercontent.com/static/fonts/ubuntu/v5/_xyN3apAT_yRRDeqB3sPRg.woff) format('woff'); -} - -.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; -} - -/* #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; -} - - - -.lf li input.TextboxFocus { - background-color: transparent; - color: #009DDD -} - -.cCell { - color: #333; -} - -.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; -} - -div#dlgEditRules, -div#dlgEditRatioRules { - width: 600px; -} - -.lfc_rru, -.lfc_rur { - width: 250px; -} - -.lf_rru, -.lf_rur { - border: none; - border-radius: 2px; - background-color: #2D2D2D; -} - -#exratio_buttons1 input.Button { - margin: 0px 3px; -} - -#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"); -} - -.shieven { - background: #191919; -} - -.shiodd { - background: #333333; -} - -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#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#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#linkproxy:hover { - background: transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/proxyh.png) no-repeat; -} - -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#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#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; -} - -#maillayout #letterform table tr td { - background: #181818 -} - -#maillayout #replyform table tr td { - background: #181818 -} - -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); -} - -#userlist, -#chatselect, -#chatarea, -#chatselect option { - border: none !important; - background-color: #6F6F6F !important; - border-radius: 2px !important; - color: #fff !important -} - -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); -} - -.noty_alert, -.noty_success { - color: #000000; - text-shadow: 0 -1px 0 #ffffff -} - -.retrackers { - width: 100%; - height: 110px; - border: 1px solid transparent !important; - font-size: 11px; - font-family: Tahoma, Arial, Helvetica, sans-serif; - cursor: text; - background: rgba(0, 0, 0, 0.25) !important; - color: #fff !important; - outline: none !important; -} - - -#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.TextboxNormal, -#dlgEditRules .lf_rur li input.TextboxNormal { - background-color: rgb(255 255 255 / .08) !important; - color: #FFF; -} - -.autodl-listbox { - border: 1px solid rgb(255 255 255 / 8%); - background-color: transparent; -} - -#autodl-filters { - width: 800px !important; -} - -div#dlgEditRules-header, -#dlgEditRatioRules-header, -div#dlgEditRules div.dlg-header { - background: rgba(0, 0, 0, 0.25) !important; -} \ No newline at end of file +@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}body,html{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{background-color:rgba(255,255,255,.08);height:1px;border-width:0;border-bottom:1px solid rgba(255,255,255,.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#msg{background:rgba(0,0,0,.25);border-top:1px solid #3330;border-bottom:1px solid #0000;font-size:11px;font-weight:700;text-shadow:0 -3px 0 #0000}div#sc{border:1px solid #333;background-color:#181818}div#sc li.se_act div{background-color:#333;color:#888}div#lng{background-color:#181818;border:1px solid #333}.rmenuitem{color:var(--text-hover)!important}iframe{border-width:0!important;border:none!important}ul.CMenu{opacity:.98;border:1px solid transparent;border-right:1px solid transparent;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;padding:0;border-radius:5px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.6);box-shadow:0 0 10px rgba(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.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 a{color:var(--text);background:0 0}ul.CMenu li a.dis{color:rgb(var(--accent-color))}ul.CMenu li a.dis:hover{color:var(--text-hover)}ul.CMenu li hr{background-color:rgba(255,255,255,.08);height:1px;border-width:0;border-bottom:1px solid rgba(255,255,255,.08);padding:0;margin:0;width:100%}ul.CMenu li a.exp{background:0 0}ul.CMenu li a.exp:hover{background:rgba(255,255,255,.08)}ul.CMenu li a.sel{color:#fff;background:rgba(0,0,0,.15)}ul.CMenu li ul li a.sel{color:#178fd1}ul.CMenu li a:hover{background-color:rgba(255,255,255,.08)!important;color:var(--text-hover);text-shadow:0 -1px 0 #000}ul.CMenu li:hover ul li a{background-color:transparent;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 ul li a.dis{color:#fff}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,.08)!important}.stable-body td{border-bottom:1px solid #ff000000!important}.stable-body tr.odd td{background:#2a2a2a!important}#tdetails{overflow:hidden}#StatusBar{border-top:1px solid #292828!important;background:#1e1e1e;margin-top:-2px}#sel{border:1px dotted #555}div#t{background-color:rgba(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}#mnu_logoff.top-menu-item{margin-left:15px}div#t a:hover{background:0 0}div#t div.TB_Separator{border:none;background:0 0;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: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: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: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: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: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: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: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: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: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: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: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: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: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: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;background-position:right;border:1px solid #1f1f1f;padding-right:15px!important}.stg_con{background-color:transparent}.stg_con fieldset{border:none;border-top:1px solid rgb(var(--accent-color));border-radius:0}.stg_con td input{padding:1px 4px}#st_ao_h,#st_throttle_h{height:360px!important}a{color:#fff;font-family:Roboto}.flot-text{color:#fff!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#CatList{border:none;background-color:rgba(0,0,0,.25);border-right:1px solid transparent;border-left:none}div#CatList ul li span{color:var(--text)}div#CatList ul li.sel span{color:#aacf27}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}#-_-_-act-_-_-,#-_-_-all-_-_-,#-_-_-com-_-_-,#-_-_-dls-_-_-,#-_-_-err-_-_-,#-_-_-iac-_-_-{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;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}.catpanelcont{margin:15px 2px;transition:all .3s cubic-bezier(.68, -.55, .27, 1.55) 0}#-_-_-all-_-_-{background-position:4px -175px}#-_-_-dls-_-_-{background-position:4px 2px}#-_-_-com-_-_-{background-position:4px -15px}#-_-_-act-_-_-{background-position:4px -159px}#-_-_-iac-_-_-{background-position:4px -31px}#-_-_-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.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)}.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_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#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:0 0;font-family:Roboto}div#lcont{background:rgba(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 tr{background:rgba(0,0,0,.45);font-family:Roboto;color:var(--text)}div#gcont table tr td{background:rgba(0,0,0,.15)}div#gcont table{font-family:Roboto}div.graph_tab{color:#fff;border-color:transparent;background-color:rgba(0,0,0,.25)}div.table_tab{background-color:rgba(0,0,0,.45);font-family:Roboto}div#modalbg{background-color:#181818}div#List{margin-right:6px;border:none;background-color:rgba(0,0,0,.25)}div#FileList,div#PeerList,div#Speed,div#TrackerList{background-color:rgba(0,0,0,.25)}.dlg-window{background-color:#222;box-shadow:0 19px 38px rgba(0,0,0,.6)}*>fieldset{border:1px solid rgba(255,255,255,.08);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: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}div.dlg-header{background-color:rgba(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;line-height:11px;background:rgba(0,0,0,.25);white-space:pre;overflow:scroll;height:198px;width:580px;cursor:text}fieldset{background-color:transparent;font-family:Roboto}legend{color:#999;text-transform:uppercase;font-weight:500;font-size:1em}div.disabled,label.disabled,span.disabled,td.disabled{color:#b9b9b9}disabled{opacity:50%}div#stg .lm{margin:5px 0 5px 5px;padding:10px 5px 0;background:0 0;border:none}.lm li,.lm li div.toggle,.lm li.first,.lm li.last{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:hover{color:var(--text-hover);transition:all .5s}.lm li a.focus{color:var(--text-hover);background:0 0}input.disabled{background-color:#181818;color:#333;border:1px solid #333}legend{color:var(--text-hover)}select.cols{border:1px solid #333}div#dragmask{border:1px dotted #333}div#tdetails{padding:0;margin:0;background-color:transparent;color:#fff;border-top-right-radius:0;border-top-left-radius:0}div#tdcont{background:0 0;border:none;padding:0}div#HDivider{background:rgba(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,.25)!important;overflow:hidden;display:block;-moz-user-select:none;-moz-user-focus:normal;-moz-user-input:enabled}div#HDivider:hover,div#VDivider:hover{background:rgba(255,255,255,.08)}div#tcreate textarea#trackers{color:#fff;border:none!important;background:rgba(0,0,0,.25);border-radius:2px;cursor:text}input[type=password],input[type=text],select{color:#fff;border:none;background:rgba(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:0}input[type=file][disabled],input[type=password][disabled],input[type=text][disabled],select[disabled]{color:#fff;border:none;background:rgba(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}#FS_downlink,#hostcookies,#lookat,#message{color:#fff;border:none!important;background:rgba(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:focus,input.Button:hover{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,.45);border:none;color:#606060;height:24px;text-shadow:none}ul#tabbar li a{background:0 0;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:0 0}ul#tabbar li.selected a{background:0 0;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:0 0;border:none;color:#038ba9;height:21px;padding:4px;text-shadow:none}.tabbar li a{background:0 0;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:0 0;border:none}.tabbar li.selected a{background:0 0;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;color:var(--text);border-top:1px solid transparent;border-right:1px solid transparent;border-left:1px solid transparent;border-bottom:1px solid transparent;border:none}#stg_c{font-weight:300!important}.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}div#yesnoDlg div.dlg-header{background:rgba(0,0,0,.25);text-shadow:0 -1px 0 #000}div#stg-header{background:rgba(0,0,0,.25);text-shadow:0 -1px 0 #000;color:var(--text-hover)}div#dlgHelp div.dlg-header,div#dlgHelp-header{background:rgba(0,0,0,.25);text-shadow:0 -1px 0 #000}div#tadd{margin:5px;height:300px!important;width:450px!important}div#tadd-header{background:rgba(0,0,0,.25);border-bottom:1px solid #3330;text-shadow:0 -1px 0 #000}#addtorrent br:last-of-type,#addtorrent br:nth-last-of-type(2),#addtorrent label:last-of-type,#addtorrenturl br,#addtorrenturl label:nth-of-type(2){display:none!important}#addtorrent hr:last-of-type{margin-bottom:15px}#tadd_label,#tadd_label_select{margin:5px 0 5px 25px}#addtorrent label,#addtorrent span,#tadd_label,#tadd_label_select{clear:both;float:left}#addtorrent label:nth-of-type(2),#addtorrent span:first-of-type{margin-top:10px}#addtorrenturl{margin-top:15px}Input.TextboxLarge{border:none}div.tab{background-color:rgba(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}tr#rrow td *{margin-top:-2px}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}.meter-value-start-color{background-color:#e05400}.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-thumb:hover{min-height:50px;border:3px solid transparent;border-radius:8px;background-color:hsla(0,0%,100%,.5);background-clip:padding-box}input#add_button,input#add_url,input#clear_log{margin-top:2px}div#lcont div.std{background:rgba(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,.08)}#StatusBar{border-top:1px solid transparent;background:rgba(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 td{background:0 0}#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_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}#stup_speed{color:#aacf27}#stdown_speed{color:#178fd1}#stdown_total,#stup_total{color:#fff}span#dl,span#ds{color:#178fd1}span#ra{color:#f70000}span#ul,span#us{color:#aacf27}span.det{color:#fff}.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_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_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_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_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_Rar,.Icon_Zip{background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/archive.zip) no-repeat scroll left center!important}@font-face{font-family:Ubuntu;font-style:normal;font-weight:400;src:local('Ubuntu'),url(https://themes.googleusercontent.com/static/fonts/ubuntu/v5/_xyN3apAT_yRRDeqB3sPRg.woff) format('woff')}.stable{border:1px solid;border-color:#333 #181818 #181818 #333}.stable td{padding:2px}.stable-head{color:var(--text-hover);background:rgba(0,0,0,.45);border:none;text-shadow:0 1px 0 transparent;font-family:Ubuntu}div#tdcont .stable-head{border:none}div#tdcont .stable{border:none}.stable-head table tr{background:0 0;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 red;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:0 1px 0 transparent;color:var(--text)}.stable-body td{border-bottom:1px solid #333}.stable-body td div{font-family:Ubuntu,Verdana,Arial,Helvetica,sans-serif;height:16px!important}.stable-body tr.odd td{background:#333}.stable-body tr.even td{background:#191919}.stable-body tr{height:22px}.stable-body{background:0 0}.stable-body tr.selected td{background:rgba(255,255,255,.25);color:var(--text-hover);text-shadow:0 -1px 0 transparent}div.stable-body table tbody tr.even td{background:rgba(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 0 -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 #09f}.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,.7);border:1px solid #09f}.gecko .stable-move-header{background:rgba(128,128,128,.7);-moz-opacity:0.7}.ie .stable-move-header{background:rgba(128,128,128,.7)}.webkit .stable-move-header{background:rgba(128,128,128,.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 0 -37px;height:17px;line-height:17px;border-bottom:1px solid #333}.stable-scrollpos:nth-child(2n+1){background:#181818 url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/headers.png) repeat-x 0 -64px}.meter-value{float:left;border:1px inset transparent!important;border-bottom:none!important;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:0;height:0;overflow:visible;left:40%;font-size:11px;font-family:Ubuntu;z-index:1;text-shadow:0 0 2px transparent;color:var(--label-text-color)}@font-face{font-family:Ubuntu;font-style:normal;font-weight:400;src:local('Ubuntu'),url(https://themes.googleusercontent.com/static/fonts/ubuntu/v5/_xyN3apAT_yRRDeqB3sPRg.woff) format('woff')}.console,.exconsole,.starterConsole,.tskconsole{background:#333}#tsk_btns input.Button{margin:0 3px}#tsk_btns .scplay{display:none}.cCell{color:#000}#meter-disk-value,#qmeter-band-value,#qmeter-disk-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 0 -138px}#meter-band-text,#meter-disk-text,#qmeter-disk-text{color:#fff;text-shadow:0 0 2px #000;position:relative;text-align:left;float:left;width:0;height:0;overflow:visible;left:40%;font-size:11px;font-family:Ubuntu;z-index:1}#meter-band-holder,#meter-disk-holder,#qmeter-disk-holder{width:100px;height:16px;line-height:16px;border-right:none;padding-left:25px;margin-left:0;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:0;color:#fff;text-shadow:0 0 2px #000;font-size:11px;font-family:Ubuntu}#meter-cpu-holder{width:100px;height:16px;line-height:16px;border-right:none;margin-left:0;padding-left:25px;background:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/status_icons.png) no-repeat 3px -320px}div.graph_tab{color:#fff;border-color:transparent}div#tcreate div.dlg-header{background:rgba(0,0,0,.25);border-bottom:1px solid transparent;text-shadow:0 -1px 0 #000;background-image:none!important}div#dlgAddRSS{background-color:#222;border-top:1px solid transparent;border-right:1px solid transparent;border-left:1px solid transparent;border-bottom:1px solid transparent}div#dlgAddRSS div.dlg-header,div#dlgAddRSS-header{background:rgba(0,0,0,.25);border-bottom:1px solid transparent;text-shadow:0 -1px 0 #000;background-image:none!important}.lf li input.TextboxFocus{background-color:transparent;color:#009ddd}.cCell{color:#333}.Cell0{background-color:#fffdf0;border:1px dotted #888}.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}#dlgEditRatioRules-header,div#dlgEditRules div.dlg-header,div#dlgEditRules-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 #333;text-shadow:0 -1px 0 #000}div#dlgEditRatioRules,div#dlgEditRules{width:600px}.lfc_rru,.lfc_rur{width:250px}.lf_rru,.lf_rur{border:none;border-radius:2px;background-color:#2d2d2d}#exratio_buttons1 input.Button{margin:0 3px}#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")}.shieven{background:#191919}.shiodd{background:#333}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#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#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#linkproxy:hover{background:transparent url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/proxyh.png) no-repeat}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#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#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}#maillayout #letterform table tr td{background:#181818}#maillayout #replyform table tr td{background:#181818}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)}#chatarea,#chatselect,#chatselect option,#userlist{border:none!important;background-color:#6f6f6f!important;border-radius:2px!important;color:#fff!important}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)}.noty_alert,.noty_success{color:#000;text-shadow:0 -1px 0 #fff}.retrackers{width:100%;height:110px;border:1px solid transparent!important;font-size:11px;font-family:Tahoma,Arial,Helvetica,sans-serif;cursor:text;background:rgba(0,0,0,.25)!important;color:#fff!important;outline:0!important}#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.TextboxNormal,#dlgEditRules .lf_rur li input.TextboxNormal{background-color:rgb(255 255 255 / .08)!important;color:#fff}.autodl-listbox{border:1px solid rgb(255 255 255 / 8%);background-color:transparent}#autodl-filters{width:800px!important}#dlgEditRatioRules-header,div#dlgEditRules div.dlg-header,div#dlgEditRules-header{background:rgba(0,0,0,.25)!important} diff --git a/CSS/themes/sabnzbd/sabnzbd-base.css b/CSS/themes/sabnzbd/sabnzbd-base.css index 12ede295..9319958f 100644 --- a/CSS/themes/sabnzbd/sabnzbd-base.css +++ b/CSS/themes/sabnzbd/sabnzbd-base.css @@ -1,1097 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ - -body { - background: var(--main-bg-color) !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; - font-family: Open Sans Bold, Helvetica Neue, Helvetica, Arial, sans-serif !important; - font-size: 1.4em !important; - color: var(--text); -} - -h1, -h2, -h3, -h4, -h5, -h6, -label:not(.btn), -legend { - color: var(--text-hover) !important; -} - -p { - color: var(--text); -} - -a { - color: var(--link-color); -} - -a:active, -a:hover, -a:focus { - color: var(--link-color-hover); -} - -#modal-options .modal-header a { - color: var(--link-color) !important; -} - -#modal-options .modal-header a:hover { - color: var(--link-color-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; -} - -/* navbar */ -.nav-tabs, -hr { - border-bottom: 1px solid rgb(var(--accent-color)); -} - -#modal-options #options-status hr { - border-top: 1px solid rgb(var(--accent-color)); -} - -.navbar-inverse { - background-color: rgba(0, 0, 0, .25); - border-color: transparent !important; -} - -.navbar-nav>li>a { - color: rgb(var(--accent-color)) !important; - opacity: 1; -} - -.navbar-nav>li>a:hover, -.main-menu-link:hover a { - opacity: 1; - color: var(--accent-color-hover) !important; -} - -.main-menu-link .icon-bar { - display: block; - width: 16px; - height: 3px; - border-radius: 1px !important; - background-color: var(--link-color); - margin-top: 3px; -} - -.main-menu-link:hover .icon-bar { - background-color: var(--link-color-hover); -} - -/* .navbar-btn { - background: var(--button-color) !important; - border-color: transparent !important; -} */ - -.navbar-inverse .navbar-nav>.open>a, -.navbar-inverse .navbar-nav>.open>a:hover, -.navbar-inverse .navbar-nav>.open>a:focus { - background-color: hsla(0, 0%, 100%, .08); -} - -.ui-slider-horizontal, -.ui-slider-range-min { - background: rgb(var(--accent-color)) !important; -} - -.ui-slider .ui-slider-handle { - background-color: rgb(var(--accent-color)); - border: 1px solid black; -} - -.main-content { - background-color: rgba(0, 0, 0, 0.15); - border: none; -} - -.dropdown-menu, -#feedback-slider { - 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-hover); -} - -.dropdown-menu>li>a:hover, -.dropdown-menu>li>a:focus { - color: var(--text-hover); - background-color: rgba(255, 255, 255, 0.08); -} - -.dropdown-header { - color: var(--text-hover); -} - -.menu-options .form-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; -} - -.main-notification-box { - 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; -} - -.form-control:focus { - border-color: var(--text-hover); - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 255, 255, 0.6); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 255, 255, 0.6); -} - -.caret { - border-top-color: white !important; -} - -svg.peity polygon { - fill: var(--button-color) !important; -} - -svg.peity polyline { - stroke: var(--button-color) !important; -} - -/* BUTTONS */ -.form-signin .btn { - background: var(--button-color) !important; - outline: none !important; -} - -.text-center a { - color: var(--text-hover); -} - -.btn-default { - color: var(--button-text); - background: var(--button-color); - border-color: var(--button-color); - outline: none !important; -} - -.btn-default:focus, -.btn-default.focus { - color: var(--button-text-hover); - background: var(--button-color-hover); - border-color: var(--button-color-hover); -} - -.btn-default:hover { - color: var(--button-text-hover); - background: var(--button-color-hover); - border-color: var(--button-color-hover); -} - -.btn-default:active:hover, -.btn-default.active:hover, -.open>.dropdown-toggle.btn-default:hover, -.btn-default:active:focus, -.btn-default.active:focus, -.open>.dropdown-toggle.btn-default:focus, -.btn-default:active.focus, -.btn-default.active.focus, -.open>.dropdown-toggle.btn-default.focus { - color: var(--button-text-hover); - background: var(--button-color-hover); - border-color: var(--button-color-hover); -} - -.btn-default:active, -.btn-default.active, -.open>.dropdown-toggle.btn-default { - color: var(--button-text-hover) !important; - background: var(--button-color-hover) !important; - border-color: var(--button-color-hover) !important; -} - -.btn-group>.btn:hover, -.btn-group-vertical>.btn:hover, -.btn-group>.btn:focus, -.btn-group-vertical>.btn:focus, -.btn-group>.btn:active, -.btn-group-vertical>.btn:active, -.btn-group>.btn.active, -.btn-group-vertical>.btn.active { - z-index: 0; -} - -.btn-default:active:hover, -.btn-default.active:hover, -.open>.dropdown-toggle.btn-default:hover, -.btn-default:active:focus, -.btn-default.active:focus, -.open>.dropdown-toggle.btn-default:focus, -.btn-default:active.focus, -.btn-default.active.focus, -.open>.dropdown-toggle.btn-default.focus { - color: var(--button-text-hover); - background-color: var(--button-color-hover); - border-color: var(--button-color-hover); -} - -.btn-default:active, -.btn-default.active, -.open>.dropdown-toggle.btn-default { - color: var(--button-text-hover) !important; - background-color: var(--button-color-hover) !important; - border-color: var(--button-color-hover) !important; -} - -/* buttons settings */ -.btn-default.sabnzbd_restart { - color: var(--button-text); - background-color: #a94442; - border-color: transparent; -} - -.btn-default.sabnzbd_restart:hover { - color: var(--button-text-hover); - background-color: #d93935; - border-color: transparent; -} - -.btn-default.saveButton { - color: var(--button-text); - background-color: #3c763d; - border-color: transparent; -} - -.btn-default.saveButton:hover, -.btn-default.saveButton:focus, -.btn-default.saveButton:active { - color: #fff !important; - background-color: #42a543 !important; - border-color: transparent !important; -} - -/* buttons categories */ -.btn-default.delCat { - color: var(--button-text); - background-color: #a94442; - border-color: #2d2c2c; -} - -.btn-default.delCat:hover { - color: var(--button-text-hover); - background-color: #d93935; - border-color: transparent; -} - -.btn-default.fileBrowser { - color: var(--button-text); - background-color: var(--button-color); - border-color: transparent; -} - -.btn-default.fileBrowser:hover, -.btn-default.fileBrowser:focus, -.btn-default.fileBrowser:active { - color: #fff !important; - background-color: var(--button-color-hover) !important; - border-color: transparent !important; -} - -/* Button Switches*/ -.btn-default.restoreDefaults { - color: var(--button-text); - background-color: #a94442; - border-color: transparent; -} - -.btn-default.restoreDefaults:hover, -.btn-default.restoreDefaults:focus { - color: var(--button-text-hover); - background-color: #d93935; - border-color: transparent; -} - -/*Button Sorting*/ -.btn-default.clearBtn { - color: #fff !important; - background-color: #a94442; - border-color: transparent; -} - -.btn-default.clearBtn:hover { - color: #fff !important; - background-color: #d93935; - border-color: none; -} - -.btn-default.patternKey { - color: #fff !important; - background-color: var(--button-color); - border-color: transparent; -} - -.btn-default.patternKey:hover { - color: #fff !important; - background-color: var(--button-color-hover); - border-color: transparent; -} - -input[type="button"], -input[type="submit"] { - color: #fff !important; - background: var(--button-color); - border: 1px solid #00000000 -} - -input[type="button"]:hover, -input[type="submit"]:hover, -input[type="button"]:active, -input[type="submit"]:active, -input[type="button"]:focus, -input[type="submit"]:focus { - color: #fff !important; - background-color: var(--button-color-hover) !important; - border: 1px solid #00000000 -} - -/* file button */ -.btn-default.btn-file { - color: var(--text-hover); - background-color: var(--button-color); - border-color: transparent; -} - -.btn-default.btn-file:hover, -.btn-default.btn-file:active, -.btn-default.btn-file:focus { - color: #fff !important; - background-color: var(--button-color-hover) !important; - border-color: transparent !important; -} - -/* History */ -.caret { - border-top-color: white !important; -} - -.table-striped>tbody>tr:nth-of-type(odd) { - background-color: rgba(0, 0, 0, 0.25); -} - -tbody.no-downloads tr td { - border-bottom: 1px solid #1f1f1f !important; -} - -tbody>tr>td:last-child { - border-right: 1px solid transparent !important; -} - -tr td { - border-top: 1px solid transparent !important; -} - -tbody>tr>td:first-child { - border-left: 1px solid transparent !important; -} - -table { - background-color: rgba(0, 0, 0, 0.25) !important -} - -table:hover { - background-color: rgba(0, 0, 0, 0.25) !important; -} - -.table-hover>tbody>tr:hover { - background-color: rgba(255, 255, 255, 0.07) !important; - color: var(--text-hover); -} - -tbody>tr:last-child td { - border-bottom: 1px solid transparent !important; -} - -.history-table, -tr td.status, -.history-table, -tr td.history-completedon, -.history-table, -tr td.row-extra-text, -.history-table tr td.status, -.history-table tr td.history-completedon, -.history-table tr td.row-extra-text { - color: var(--text); - border-top: none !important; -} - -.table-messages .table-messages-remove { - border-bottom: 1px solid transparent !important; - background: rgba(255, 255, 255, 0.25); -} - -.progress { - background-color: transparent !important; - box-shadow: none !important; - -webkit-box-shadow: none !important; -} - -.progress-bar strong { - color: hsla(0, 0%, 100%, .7) !important; -} - -.progress-bar+span { - color: hsla(0, 0%, 100%, .7) !important; -} - -.progress-bar-info, -.progress-bar { - background-color: var(--button-color) !important; -} - -.glyphicon-compressed:before { - color: #888; -} - -.direct-unpack span { - color: #888; -} - -.processing-download>div { - background-color: #888; -} - - -.multioperations-selector { - border: 1px solid transparent !important; - background-color: rgba(0, 0, 0, 0.25) !important; -} - -#history-options .hover-button { - color: rgb(var(--accent-color)); -} - -#history-tab .table>tbody>tr:nth-of-type(2n+1), -.table-striped>tbody>tr:nth-of-type(2n+1) { - background-color: rgba(255, 255, 255, 0.05); -} - -.pagination>li>a, -.pagination>li>span, -.pagination>li>span:hover { - color: var(--button-text); - background-color: var(--button-color); - border: 1px solid var(--button-color); -} - -.pagination>li>a, -.pagination>li>span { - color: var(--button-text); - background-color: var(--button-color); - border: 1px solid var(--button-color); -} - -.pagination>li>a:hover, -.pagination>li>span:hover, -.pagination>li>a:focus, -.pagination>li>span:focus { - color: var(--button-text-hover); - background-color: var(--button-color-hover); - border: 1px solid var(--button-color-hover); -} - -.pagination li.active a, -.pagination li.active span, -.pagination li.active a:hover, -.pagination li.active span:hover { - color: var(--button-text-hover); - background-color: var(--button-color-hover); - border: 1px solid var(--button-color-hover); -} - -.pagination>.disabled>span, -.pagination>.disabled>span:hover, -.pagination>.disabled>span:focus, -.pagination>.disabled>a, -.pagination>.disabled>a:hover, -.pagination>.disabled>a:focus { - color: var(--text-muted); - background-color: rgba(0, 0, 0, .25); - border: 1px solid transparent; -} - - -.search-box input { - border: transparent; -} - -.form-control { - color: white; - background-color: #1b1a1a; -} - -/*Tabbed sorting */ - -.history-queue-swicher .nav-tabs>li>a, -.history-queue-swicher .nav-tabs>li.active>a { - border-bottom: 1px solid transparent; - border: 1px solid transparent; - color: #fff !important; -} - -.history-queue-swicher .nav { - border-bottom: 1px solid transparent; -} - -.nav-tabs>li.active>a, -.nav-tabs>li.active>a:hover, -.nav-tabs>li.active>a:focus { - color: #555; - background-color: rgba(255, 255, 255, 0.15); -} - -.nav>li>a:hover, -.nav>li>a:focus { - text-decoration: none; - background-color: rgba(255, 255, 255, 0.08); -} - -.badge { - color: var(--label-text-color); - background-color: rgb(var(--accent-color)); -} - -/*Settings*/ -.navbar-default { - 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: none; -} - -.navbar-default .navbar-nav>li>a { - color: var(--text) !important; -} - -.navbar-default .navbar-nav>.open>a { - background-color: hsla(0, 0%, 0%, .15); -} - -.navbar-default .navbar-nav>li>a:hover, -.navbar-logo:hover { - background-color: transparent !important; -} - -.navbar-default .navbar-nav>li>a:hover { - background-color: hsla(0, 0%, 100%, .08) !important; - color: var(--text-hover) !important; -} - -.navbar-default .navbar-nav>li>a.active { - background-color: hsla(0, 0%, 0%, .15) !important; - color: rgb(var(--accent-color)) !important; -} - -#content { - color: var(--text-hover); -} - -.colmask { - border: none; - background-color: rgba(0, 0, 0, .25); -} - -.padTable:not(.ui-sortable) { - background: var(--main-bg-color) !important; -} - -table { - border-color: transparent !important; -} - -.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: none !important; -} - -.section, -#addFeed, -#addFeedContent { - border-bottom: 1px solid transparent; -} - -.alt, -.infoTableSeperator.alt { - background-color: rgba(0, 0, 0, .25); -} - -.info-container { - color: var(--text-hover); -} - -.col2 table { - background-color: transparent !important; -} - -.col2 table:hover { - background-color: transparent !important; -} - -/*General Settings*/ -.Key tr:nth-child(odd), -.tab-pane tr:nth-child(odd), -.even { - background-color: transparent; -} - -.path { - color: var(--text-hover); -} - -.col2 h3 { - background: transparent; -} - -.form-control.advanced-button.config-hover { - color: var(--text-hover); - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.25); - border-radius: 3px !important; -} - -.form-control.advanced-button.config-hover:hover { - color: var(--text-hover); - background-color: rgba(255, 255, 255, 0.3); - border-color: rgba(255, 255, 255, 0.3); - border-radius: 3px !important; -} - -.form-control::-moz-placeholder { - color: var(--text-muted) !important; - opacity: 1 -} - -.form-control:-ms-input-placeholder { - color: var(--text-muted) !important; -} - -.form-control::-webkit-input-placeholder { - color: var(--text-muted) !important; -} - -.col2 p, -.col2-cats { - color: var(--text-hover); -} - -/*Input*/ -input[type="text"], -input[type="email"], -input[type="url"], -input[type="number"], -input[type="password"], -input[type="date"], -textarea, -select { - border: none; - background-color: rgba(0, 0, 0, 0.15); - border-radius: 3px !important; - color: var(--text-hover) !important; - outline: none; -} - -input[type="text"]:focus, -input[type="email"]:focus, -input[type="url"]:focus, -input[type="number"]:focus, -input[type="password"]:focus, -input[type="date"]:focus, -textarea:focus, -select:focus { - border: none; - background-color: rgb(25, 26, 28); - border-radius: 3px !important; - outline: none; -} - -textarea:hover, -input[type="date"]:hover, -input[type="datetime"]:hover, -input[type="datetime-local"]:hover, -input[type="email"]:hover, -input[type="month"]:hover, -input[type="number"]:hover, -input[type="password"]:hover, -input[type="search"]:hover, -input[type="tel"]:hover, -input[type="text"]:hover, -input[type="time"]:hover, -input[type="url"]:hover, -input[type="week"]:hover, -textarea:focus, -input[type="date"]:focus, -input[type="datetime"]:focus, -input[type="datetime-local"]:focus, -input[type="email"]:focus, -input[type="month"]:focus, -input[type="number"]:focus, -input[type="password"]:focus, -input[type="search"]:focus, -input[type="tel"]:focus, -input[type="text"]:focus, -input[type="time"]:focus, -input[type="url"]:focus, -input[type="week"]:focus { - background-color: rgba(255, 255, 255, 0.1); - border: none; - -webkit-box-shadow: none !important; - box-shadow: none !important; -} - -input[type="date"] { - background: transparent; - color: white; -} - -input[type="date"]::-webkit-calendar-picker-indicator { - filter: invert(100%); -} - -/*Servers*/ - -.server-disabled { - background: repeating-linear-gradient(-55deg, - #444444, - #444444 10px, - #333 10px, - #333 20px) center center/cover no-repeat fixed; - color: var(--text-muted); -} - -.server-disabled p, -.server-disabled label, -.server-disabled h3 { - color: var(--text-muted) !important; -} - -.server-disabled button { - background: #363636; - border-color: #363636; - color: var(--text-muted); -} - -.server-disabled button:hover { - background: #464646; - border-color: #464646; - color: var(--text-muted); -} - -.section .server-disabled { - background-color: rgba(255, 255, 255, 0); -} - -.Servers .ct-label { - color: white; -} - -.Servers .ct-series-a .ct-point { - stroke: #337ab7; - stroke-width: 4px; -} - -.Servers .ct-series-a .ct-line { - stroke: var(--text-hover); -} - -.Servers .ct-series-a .ct-area { - fill: var(--text-hover); -} - -/*Categories*/ -.Categories form:first-of-type tr:last-of-type { - background-color: transparent; -} - -.catTable { - background-color: transparent !important; -} - -.catTable:hover { - background-color: transparent !important; -} - -.Categories form.sorting-row:nth-child(2n-1) tr { - background-color: transparent; -} - -input[disabled], -select[disabled] { - background-color: #1f1f1f; - opacity: .5; -} - -input[disabled]:hover, -select[disabled]:hover { - background-color: #1f1f1f; - opacity: .5; -} - - -/*Folder modal*/ -.list-group-item { - background-color: rgba(0, 0, 0, 0.25); - border: none; -} - -.example { - background-color: rgba(255, 255, 255, 0.15); -} - -/*modal*/ -.modal-content { - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; -} - -.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; -} - -.modal-body>.nav-tabs>li>a { - color: var(--text) !important; - opacity: 1 !important; - border: transparent; -} - -.modal-body>.nav-tabs>li.active>a, -.modal-body>.nav-tabs>li.active>a:hover, -.modal-body>.nav-tabs>li.active>a:focus { - color: rgb(var(--accent-color)) !important; - background-color: hsla(0, 0%, 100%, .08) !important; - border: transparent; - border-bottom-color: transparent; - cursor: default; -} - -.modal-body>.nav-tabs>li>a:hover { - border-color: transparent !important; -} - -.modal-body>.nav>li>a:hover, -.modal-body>.nav>li>a:focus { - background-color: hsla(0, 0%, 100%, .08) !important; - color: var(--text-hover) !important; -} - -.modal-body>.tab-content>.active { - 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; -} - -#modal-options .tab-content h4 { - color: white; -} - -#modal-options .options-switch label, -#modal-options #options-orphans .process-all-orphaned { - color: white; -} - -a.list-group-item, -button.list-group-item { - color: var(--text-hover); -} - -a.list-group-item:hover, -button.list-group-item:hover, -a.list-group-item:focus, -button.list-group-item:focus { - text-decoration: none; - color: var(--text-hover); - background-color: rgba(255, 255, 255, 0.08); -} - -.form-control { - border: transparent; -} - -.fade.in { - background: rgba(0, 0, 0, 0.6); -} - -.fade { - -webkit-transition: none; - -o-transition: none; - transition: none; -} - -.form-control[disabled], -.form-control[readonly], -fieldset[disabled] .form-control { - background-color: #919191; - opacity: 1; -} - -/* Scheduling */ -.time { - color: var(--text-hover); -} - -/* Wizard */ - -.container { - border: 1px solid rgba(255, 255, 255, 0); - background-color: rgb(255 255 255 / 0); -} - -.container #inner { - background-color: transparent; -} - -.language:hover { - background-color: rgb(255 255 255 / 10%); -} - -.container .quoteBlock { - background-color: rgb(0 0 0 / 25%); -} - -#content a, -#content a:hover, -#content a:active, -#content a:visited, -#serverResponse { - color: #eee; -} - -/* interface configuration */ -#modal-options .table-server-connections th { - border-left: none; -} - -#modal-options .table-server-connections th:last-child { - border-right: none; -} - -.main-helplink { - display: block; - position: static; - float: right; - color: rgb(var(--accent-color)) !important; - padding: 0px; - font-size: 1.2em; -} \ No newline at end of file +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;font-family:Open Sans Bold,Helvetica Neue,Helvetica,Arial,sans-serif!important;font-size:1.4em!important;color:var(--text)}h1,h2,h3,h4,h5,h6,label:not(.btn),legend{color:var(--text-hover)!important}p{color:var(--text)}a{color:var(--link-color)}a:active,a:focus,a:hover{color:var(--link-color-hover)}#modal-options .modal-header a{color:var(--link-color)!important}#modal-options .modal-header a:hover{color:var(--link-color-hover)!important}@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}.nav-tabs,hr{border-bottom:1px solid rgb(var(--accent-color))}#modal-options #options-status hr{border-top:1px solid rgb(var(--accent-color))}.navbar-inverse{background-color:rgba(0,0,0,.25);border-color:transparent!important}.navbar-nav>li>a{color:rgb(var(--accent-color))!important;opacity:1}.main-menu-link:hover a,.navbar-nav>li>a:hover{opacity:1;color:var(--accent-color-hover)!important}.main-menu-link .icon-bar{display:block;width:16px;height:3px;border-radius:1px!important;background-color:var(--link-color);margin-top:3px}.main-menu-link:hover .icon-bar{background-color:var(--link-color-hover)}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{background-color:hsla(0,0%,100%,.08)}.ui-slider-horizontal,.ui-slider-range-min{background:rgb(var(--accent-color))!important}.ui-slider .ui-slider-handle{background-color:rgb(var(--accent-color));border:1px solid #000}.main-content{background-color:rgba(0,0,0,.15);border:none}#feedback-slider,.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-hover)}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:var(--text-hover);background-color:rgba(255,255,255,.08)}.dropdown-header{color:var(--text-hover)}.menu-options .form-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}.main-notification-box{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}.form-control:focus{border-color:var(--text-hover);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,255,255,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,255,255,.6)}.caret{border-top-color:#fff!important}svg.peity polygon{fill:var(--button-color)!important}svg.peity polyline{stroke:var(--button-color)!important}.form-signin .btn{background:var(--button-color)!important;outline:0!important}.text-center a{color:var(--text-hover)}.btn-default{color:var(--button-text);background:var(--button-color);border-color:var(--button-color);outline:0!important}.btn-default.focus,.btn-default:focus{color:var(--button-text-hover);background:var(--button-color-hover);border-color:var(--button-color-hover)}.btn-default:hover{color:var(--button-text-hover);background:var(--button-color-hover);border-color:var(--button-color-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:var(--button-text-hover);background:var(--button-color-hover);border-color:var(--button-color-hover)}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:var(--button-text-hover)!important;background:var(--button-color-hover)!important;border-color:var(--button-color-hover)!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{z-index:0}.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:var(--button-text-hover);background-color:var(--button-color-hover);border-color:var(--button-color-hover)}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:var(--button-text-hover)!important;background-color:var(--button-color-hover)!important;border-color:var(--button-color-hover)!important}.btn-default.sabnzbd_restart{color:var(--button-text);background-color:#a94442;border-color:transparent}.btn-default.sabnzbd_restart:hover{color:var(--button-text-hover);background-color:#d93935;border-color:transparent}.btn-default.saveButton{color:var(--button-text);background-color:#3c763d;border-color:transparent}.btn-default.saveButton:active,.btn-default.saveButton:focus,.btn-default.saveButton:hover{color:#fff!important;background-color:#42a543!important;border-color:transparent!important}.btn-default.delCat{color:var(--button-text);background-color:#a94442;border-color:#2d2c2c}.btn-default.delCat:hover{color:var(--button-text-hover);background-color:#d93935;border-color:transparent}.btn-default.fileBrowser{color:var(--button-text);background-color:var(--button-color);border-color:transparent}.btn-default.fileBrowser:active,.btn-default.fileBrowser:focus,.btn-default.fileBrowser:hover{color:#fff!important;background-color:var(--button-color-hover)!important;border-color:transparent!important}.btn-default.restoreDefaults{color:var(--button-text);background-color:#a94442;border-color:transparent}.btn-default.restoreDefaults:focus,.btn-default.restoreDefaults:hover{color:var(--button-text-hover);background-color:#d93935;border-color:transparent}.btn-default.clearBtn{color:#fff!important;background-color:#a94442;border-color:transparent}.btn-default.clearBtn:hover{color:#fff!important;background-color:#d93935;border-color:none}.btn-default.patternKey{color:#fff!important;background-color:var(--button-color);border-color:transparent}.btn-default.patternKey:hover{color:#fff!important;background-color:var(--button-color-hover);border-color:transparent}input[type=button],input[type=submit]{color:#fff!important;background:var(--button-color);border:1px solid #00000000}input[type=button]:active,input[type=button]:focus,input[type=button]:hover,input[type=submit]:active,input[type=submit]:focus,input[type=submit]:hover{color:#fff!important;background-color:var(--button-color-hover)!important;border:1px solid #00000000}.btn-default.btn-file{color:var(--text-hover);background-color:var(--button-color);border-color:transparent}.btn-default.btn-file:active,.btn-default.btn-file:focus,.btn-default.btn-file:hover{color:#fff!important;background-color:var(--button-color-hover)!important;border-color:transparent!important}.caret{border-top-color:#fff!important}.table-striped>tbody>tr:nth-of-type(odd){background-color:rgba(0,0,0,.25)}tbody.no-downloads tr td{border-bottom:1px solid #1f1f1f!important}tbody>tr>td:last-child{border-right:1px solid transparent!important}tr td{border-top:1px solid transparent!important}tbody>tr>td:first-child{border-left:1px solid transparent!important}table{background-color:rgba(0,0,0,.25)!important}table:hover{background-color:rgba(0,0,0,.25)!important}.table-hover>tbody>tr:hover{background-color:rgba(255,255,255,.07)!important;color:var(--text-hover)}tbody>tr:last-child td{border-bottom:1px solid transparent!important}.history-table,.history-table tr td.history-completedon,.history-table tr td.row-extra-text,.history-table tr td.status,tr td.history-completedon,tr td.row-extra-text,tr td.status{color:var(--text);border-top:none!important}.table-messages .table-messages-remove{border-bottom:1px solid transparent!important;background:rgba(255,255,255,.25)}.progress{background-color:transparent!important;box-shadow:none!important;-webkit-box-shadow:none!important}.progress-bar strong{color:hsla(0,0%,100%,.7)!important}.progress-bar+span{color:hsla(0,0%,100%,.7)!important}.progress-bar,.progress-bar-info{background-color:var(--button-color)!important}.glyphicon-compressed:before{color:#888}.direct-unpack span{color:#888}.processing-download>div{background-color:#888}.multioperations-selector{border:1px solid transparent!important;background-color:rgba(0,0,0,.25)!important}#history-options .hover-button{color:rgb(var(--accent-color))}#history-tab .table>tbody>tr:nth-of-type(2n+1),.table-striped>tbody>tr:nth-of-type(2n+1){background-color:rgba(255,255,255,.05)}.pagination>li>a,.pagination>li>span,.pagination>li>span:hover{color:var(--button-text);background-color:var(--button-color);border:1px solid var(--button-color)}.pagination>li>a,.pagination>li>span{color:var(--button-text);background-color:var(--button-color);border:1px solid var(--button-color)}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:var(--button-text-hover);background-color:var(--button-color-hover);border:1px solid var(--button-color-hover)}.pagination li.active a,.pagination li.active a:hover,.pagination li.active span,.pagination li.active span:hover{color:var(--button-text-hover);background-color:var(--button-color-hover);border:1px solid var(--button-color-hover)}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:var(--text-muted);background-color:rgba(0,0,0,.25);border:1px solid transparent}.search-box input{border:transparent}.form-control{color:#fff;background-color:#1b1a1a}.history-queue-swicher .nav-tabs>li.active>a,.history-queue-swicher .nav-tabs>li>a{border-bottom:1px solid transparent;border:1px solid transparent;color:#fff!important}.history-queue-swicher .nav{border-bottom:1px solid transparent}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;background-color:rgba(255,255,255,.15)}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:rgba(255,255,255,.08)}.badge{color:var(--label-text-color);background-color:rgb(var(--accent-color))}.navbar-default{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:none}.navbar-default .navbar-nav>li>a{color:var(--text)!important}.navbar-default .navbar-nav>.open>a{background-color:hsla(0,0%,0%,.15)}.navbar-default .navbar-nav>li>a:hover,.navbar-logo:hover{background-color:transparent!important}.navbar-default .navbar-nav>li>a:hover{background-color:hsla(0,0%,100%,.08)!important;color:var(--text-hover)!important}.navbar-default .navbar-nav>li>a.active{background-color:hsla(0,0%,0%,.15)!important;color:rgb(var(--accent-color))!important}#content{color:var(--text-hover)}.colmask{border:none;background-color:rgba(0,0,0,.25)}.padTable:not(.ui-sortable){background:var(--main-bg-color)!important}table{border-color:transparent!important}.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:none!important}#addFeed,#addFeedContent,.section{border-bottom:1px solid transparent}.alt,.infoTableSeperator.alt{background-color:rgba(0,0,0,.25)}.info-container{color:var(--text-hover)}.col2 table{background-color:transparent!important}.col2 table:hover{background-color:transparent!important}.Key tr:nth-child(odd),.even,.tab-pane tr:nth-child(odd){background-color:transparent}.path{color:var(--text-hover)}.col2 h3{background:0 0}.form-control.advanced-button.config-hover{color:var(--text-hover);background-color:rgba(255,255,255,.25);border-color:rgba(255,255,255,.25);border-radius:3px!important}.form-control.advanced-button.config-hover:hover{color:var(--text-hover);background-color:rgba(255,255,255,.3);border-color:rgba(255,255,255,.3);border-radius:3px!important}.form-control::-moz-placeholder{color:var(--text-muted)!important;opacity:1}.form-control:-ms-input-placeholder{color:var(--text-muted)!important}.form-control::-webkit-input-placeholder{color:var(--text-muted)!important}.col2 p,.col2-cats{color:var(--text-hover)}input[type=date],input[type=email],input[type=number],input[type=password],input[type=text],input[type=url],select,textarea{border:none;background-color:rgba(0,0,0,.15);border-radius:3px!important;color:var(--text-hover)!important;outline:0}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border:none;background-color:#191a1c;border-radius:3px!important;outline:0}input[type=date]:focus,input[type=date]:hover,input[type=datetime-local]:focus,input[type=datetime-local]:hover,input[type=datetime]:focus,input[type=datetime]:hover,input[type=email]:focus,input[type=email]:hover,input[type=month]:focus,input[type=month]:hover,input[type=number]:focus,input[type=number]:hover,input[type=password]:focus,input[type=password]:hover,input[type=search]:focus,input[type=search]:hover,input[type=tel]:focus,input[type=tel]:hover,input[type=text]:focus,input[type=text]:hover,input[type=time]:focus,input[type=time]:hover,input[type=url]:focus,input[type=url]:hover,input[type=week]:focus,input[type=week]:hover,textarea:focus,textarea:hover{background-color:rgba(255,255,255,.1);border:none;-webkit-box-shadow:none!important;box-shadow:none!important}input[type=date]{background:0 0;color:#fff}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(100%)}.server-disabled{background:repeating-linear-gradient(-55deg,#444,#444 10px,#333 10px,#333 20px) center center/cover no-repeat fixed;color:var(--text-muted)}.server-disabled h3,.server-disabled label,.server-disabled p{color:var(--text-muted)!important}.server-disabled button{background:#363636;border-color:#363636;color:var(--text-muted)}.server-disabled button:hover{background:#464646;border-color:#464646;color:var(--text-muted)}.section .server-disabled{background-color:rgba(255,255,255,0)}.Servers .ct-label{color:#fff}.Servers .ct-series-a .ct-point{stroke:#337ab7;stroke-width:4px}.Servers .ct-series-a .ct-line{stroke:var(--text-hover)}.Servers .ct-series-a .ct-area{fill:var(--text-hover)}.Categories form:first-of-type tr:last-of-type{background-color:transparent}.catTable{background-color:transparent!important}.catTable:hover{background-color:transparent!important}.Categories form.sorting-row:nth-child(2n-1) tr{background-color:transparent}input[disabled],select[disabled]{background-color:#1f1f1f;opacity:.5}input[disabled]:hover,select[disabled]:hover{background-color:#1f1f1f;opacity:.5}.list-group-item{background-color:rgba(0,0,0,.25);border:none}.example{background-color:rgba(255,255,255,.15)}.modal-content{background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover}.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}.modal-body>.nav-tabs>li>a{color:var(--text)!important;opacity:1!important;border:transparent}.modal-body>.nav-tabs>li.active>a,.modal-body>.nav-tabs>li.active>a:focus,.modal-body>.nav-tabs>li.active>a:hover{color:rgb(var(--accent-color))!important;background-color:hsla(0,0%,100%,.08)!important;border:transparent;border-bottom-color:transparent;cursor:default}.modal-body>.nav-tabs>li>a:hover{border-color:transparent!important}.modal-body>.nav>li>a:focus,.modal-body>.nav>li>a:hover{background-color:hsla(0,0%,100%,.08)!important;color:var(--text-hover)!important}.modal-body>.tab-content>.active{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}#modal-options .tab-content h4{color:#fff}#modal-options #options-orphans .process-all-orphaned,#modal-options .options-switch label{color:#fff}a.list-group-item,button.list-group-item{color:var(--text-hover)}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{text-decoration:none;color:var(--text-hover);background-color:rgba(255,255,255,.08)}.form-control{border:transparent}.fade.in{background:rgba(0,0,0,.6)}.fade{-webkit-transition:none;-o-transition:none;transition:none}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#919191;opacity:1}.time{color:var(--text-hover)}.container{border:1px solid rgba(255,255,255,0);background-color:rgb(255 255 255 / 0)}.container #inner{background-color:transparent}.language:hover{background-color:rgb(255 255 255 / 10%)}.container .quoteBlock{background-color:rgb(0 0 0 / 25%)}#content a,#content a:active,#content a:hover,#content a:visited,#serverResponse{color:#eee}#modal-options .table-server-connections th{border-left:none}#modal-options .table-server-connections th:last-child{border-right:none}.main-helplink{display:block;position:static;float:right;color:rgb(var(--accent-color))!important;padding:0;font-size:1.2em} diff --git a/CSS/themes/sonarr/sonarr-base.css b/CSS/themes/sonarr/sonarr-base.css index 6706ed9d..fe9d9135 100644 --- a/CSS/themes/sonarr/sonarr-base.css +++ b/CSS/themes/sonarr/sonarr-base.css @@ -1,1073 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ - -body { - background: var(--main-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: var(--text); -} - -/* Froms */ - -[class*="FormInputHelpText-helpText-"] { - color: var(--text); -} - -[class*="FormInputGroup-inputUnit-"] { - color: var(--text) !important; -} - -/* LINKS */ -[class*="Link-to-"] { - color: var(--text); -} - -[class*="Link-to-"]:hover { - color: var(--text-hover); - text-decoration: none; -} - -a { - color: var(--link-color); -} - -a:hover { - color: var(--link-color-hover); -} - -[class*="TableRowCell-cell-"] [class*="Link-to-"], -[class*="EpisodeTitleLink-link-"] { - color: var(--link-color) !important; -} - -[class*="TableRowCell-cell-"] [class*="Link-to-"]:hover, -[class*="EpisodeTitleLink-link-"]:hover { - color: var(--link-color-hover) !important; -} - -/* Buttons */ - -[class*="Button-default-"] { - color: var(--button-text); - background-color: var(--button-color); - border-color: transparent; -} - -[class*="Button-default-"]:hover { - border-color: transparent; - background-color: var(--button-color-hover) !important; - color: var(--button-text-hover); -} - -[class*="Button-primary-"] { - border-color: transparent; - background-color: var(--button-color); - color: var(--button-text); -} - -[class*="Button-primary-"]:hover { - border-color: transparent; - background-color: var(--button-color-hover) !important; - color: var(--button-text-hover); -} - -[class*="Button-success-"] { - border-color: var(--button-color); - background-color: var(--button-color); - color: var(--button-text); -} - -[class*="Button-success-"]:hover { - border-color: var(--button-color-hover); - background-color: var(--button-color-hover); - color: var(--button-text-hover); -} - -/* LOADING PAGE */ -[class*="ErrorPage-page-"], -[class*="ErrorPage-version-"], -[class*="LoadingMessage-loadingMessage-"] { - color: var(--text); -} - -[class*="LoadingIndicator-ripple-"] { - border: 2px solid #fff; -} - -/* MODAL */ -[class*="ModalHeader-modalHeader-"] { - 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; - color: var(--text-hover); - border-bottom: 1px solid rgb(var(--accent-color)); -} - -[class*="ModalContent-modalContent-"] { - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: var(--text); -} - -[class*="ModalFooter-modalFooter-"] { - 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; - color: #fff; - border-top: 1px solid rgb(var(--accent-color)); -} - -[class*="ModalContent-closeButton-"]:hover { - color: var(--text-hover); -} - -/* SONARR SPECIFIC */ -/* NOTE calendar modal popup */ -[class*="EpisodeSummary-infoTitle-"], -[class*="EpisodeDetailsModalContent-tab-"], -[class*="DescriptionListItemTitle-title-"] { - color: #fff; -} - -/* INPUT */ -[class*="TagInput-internalInput-"] { - background-color: transparent; - color: #fff; -} - -[class*="SelectInput-select-"] { - background-color: rgba(0, 0, 0, 0.25) !important; -} - -[class*="SelectInput-select-"]:active, -[class*="SelectInput-select-"]:focus { - background: #1e1e1e !important; -} - -[class*="AutoSuggestInput-suggestionsList-"], -[class*="AutoSuggestInput-suggestionsContainerOpen-"], -[class*="AutoSuggestInput-suggestionsContainer-"] { - background-color: #323232 !important; - color: white; - border: none !important; -} - -[class*="AutoSuggestInput-suggestionHighlighted-"] { - background-color: hsla(0, 0%, 100%, .08); -} - -[class*="CheckInput-primaryIsChecked-"] { - border-color: rgb(var(--accent-color)) !important; - background-color: rgb(var(--accent-color)) !important; - color: var(--label-text-color) !important; -} - -[class*="CheckInput-input-"][class*="CheckInput-isNotChecked-"] { - background: #fff; -} - -/* HEADER */ - -[class*="PageHeader-header-"] { - background-color: rgba(0, 0, 0, .35); -} - -/* SEARCH DROPDOWN HEADER */ - -[class*="PageHeader-donate-"] { - color: #c4273c !important; -} - -/* SONARR SPECIFIC */ -[class*="SeriesSearchInput-sectionTitle-"] { - color: #fff; -} - -[class*="SeriesSearchInput-containerOpen-"] [class*="SeriesSearchInput-seriesContainer-"] { - border: none !important; - 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 !important; - box-shadow: 0 0 10px 1px transparent !important; -} - -[class*="SeriesSearchInput-highlighted-"] { - background-color: hsla(0, 0%, 100%, .08); -} - -[class*="SeriesSearchInput-seriesContainer-"]::-webkit-scrollbar-thumb { - background-color: rgba(255, 255, 255, 0.25) !important; -} - -[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb { - background-color: hsla(0, 0%, 100%, .08); -} - -[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -/* SIDE MENU */ -[class*="PageSidebar-sidebarContainer-"] { - background-color: rgba(0, 0, 0, .25); -} - -[class*="PageSidebar-sidebar-"] { - background-color: transparent; -} - -[class*="PageSidebarItem-link-"]:hover { - color: rgb(var(--accent-color)); - text-decoration: none; -} - -[class*="PageSidebarItem-isActiveLink-"], -[class*="PageSidebarItem-isActiveLink-"]:hover, -[class*="PageSidebarItem-link-"]:focus { - color: rgb(var(--accent-color)) !important; -} - -[class*="PageSidebarItem-isActiveParentLink-"] { - background-color: rgba(0, 0, 0, 0.15); -} - -@media only screen and (max-width: 768px) { - [class*="PageSidebar-sidebarContainer-"] { - background: var(--main-bg-color) !important; - } -} - -[class*="PageSidebarItem-isActiveItem-"] { - border-left: 3px solid rgb(var(--accent-color)); -} - -/* SERIES PAGE */ -/* SONARR SPECIFIC */ -[class*="SeriesIndexPoster-controls-"] { - background-color: rgb(var(--accent-color)) !important; -} - -/* OVERVIEW PAGE */ - -[class*="SeriesIndexOverviews-container-"], -[class*="SeriesIndexOverviews-container-"]:hover { - background-color: transparent !important; -} - -[clas*="SeriesIndexOverview-container-"]:hover [class*="SeriesIndexOverview-content-"] { - background-color: transparent; -} - -[class*="SeriesIndexOverview-content-"]:hover { - background-color: hsla(0, 0%, 100%, .08) !important; -} - -[class*="SeriesIndexOverview-link-"]:hover { - text-decoration: none; -} - -[class*="ProgressBar-container-"] { - background-color: rgba(0, 0, 0, 0.25); -} - - -[class*=".ProgressBar-purple-"] { - background-color: rgb(var(--accent-color)); -} - -/* SHOW PAGE */ -[class*="SeriesDetailsSeason-season-"], -[class*="SeriesDetailsSeason-collapseButtonContainer-"] { - border: none !important; - background-color: rgba(0, 0, 0, .25) !important; -} - -[class*="SeriesDetailsSeason-episodes-"] { - border-top: 1px solid rgb(255 255 255 / 50%); -} - -[class*="SeriesDetailsSeason-actionButton-"], -[class*="SeriesDetailsSeason-collapseButtonIcon-"] { - color: var(--text) !important; -} - -[class*="SeriesDetailsSeason-actionButton-"]:hover, -[class*="SeriesDetailsSeason-collapseButtonIcon-"]:hover { - color: var(--text-hover) !important; -} - -[class*="SeriesDetailsSeason-sizeOnDisk-"] { - color: var(--text-muted); -} - -[class*="SeriesDetails-contentContainer-"] { - color: var(--text); -} - -.fa-search:hover { - color: var(--text-hover) !important; -} - -[class*="Icon-default-"]:hover:not([class*="Label-large-"] [class*="Icon-default-"], [class*="PathInput-fileBrowserButton-"]svg) { - color: var(--text-hover); -} - -[class*="MonitorToggleButton-toggleButton-"] { - color: #dadada; -} - -[class*="ProtocolLabel-torrent-"] { - border-color: #00853d !important; - background-color: #00853d !important; - color: #fff !important; -} - -[class*="ProtocolLabel-usenet-"] { - border-color: #17b1d9 !important; - background-color: #17b1d9 !important; - color: #fff !important; -} - -[class*="SeriesDetailsSeason-seasonNumber-"] { - color: #fff; -} - -[class*="SeriesDetailsSeason-collapseButtonContainer-"] { - border: none !important; - background-color: rgba(0, 0, 0, .25) !important; -} - -[class*="Popover-title-"], -[class*="SeasonInfo-title-"], -[class*="Popover-body-"], -[class*="Tooltip-bod-"] { - 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; -} - -[class*="Tooltip-tooltipContainer-"] { - color: #fff; -} - -[class*="Tooltip-tooltip-"][class*=Tooltip-inverse-] { - 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 5px 10px rgba(0, 0, 0, 0.2); -} - -[class*="Tooltip-bottom-"][class*="Tooltip-inverse-"] { - border-bottom-color: #fff; -} - -[class*="Tooltip-bottom-"][class*="Tooltip-default-"] { - border-bottom-color: #fff !important; -} - -[class*="Tooltip-right-"][class*="Tooltip-default-"] { - border-right-color: #fff !important; -} - -[class*="EpisodeTitleLink-link-"]:hover { - color: var(--link-color-hover); -} - -[class*="IconButton-button-"] { - color: var(--text); -} - -[class*="IconButton-button-"]:hover, -[class*="Label-small-"] [class*="IconButton-button-"] { - background-color: transparent; - color: var(--label-text-color); -} - -[class*="SeriesIndexPoster-action-"] .fa-search:hover { - background-color: transparent; - color: var(--label-text-color) !important; -} - -[class*="SeriesDetailsSeason-left-"] [class*="IconButton-button-"]:hover, -[class*="SeriesDetails-seriesNavigationButton-"]:hover, -[class*="SeriesDetails-monitorToggleButton-"]:hover { - color: var(--text-hover); -} - -[class*="Table-tableContainer-"] [class*="IconButton-button-"]:hover { - background-color: transparent; - color: var(--text-hover); -} - -[class*="Label-default-"] { - border-color: rgb(var(--accent-color)); - background-color: rgb(var(--accent-color)); - color: var(--label-text-color); -} - -[class*="Label-info-"] { - border-color: rgb(var(--accent-color)); - background-color: rgb(var(--accent-color)); - color: var(--label-text-color); -} - -[class*="PageSidebarItem-status-"] [class*="Label-info-"] { - border-color: var(--queue-color); - background-color: var(--queue-color); - color: var(--label-text-color); -} - -[class*="Label-success-"] { - border-color: #27c24c; - background-color: #27c24c; - color: var(--label-text-color); -} - -/* Table options*/ -[class*="TableOptionsColumn-column-"] { - background: rgba(0, 0, 0, .25); - color: var(--text-hover); - border: none; -} - -[class*="TableHeaderCell-headerCell-"] { - color: var(--text-hover); -} - -[class*="Table-table-"] { - color: var(--text); -} - -[class*="TableRow-row-"]:hover { - background-color: hsla(0, 0%, 100%, .08); - color: var(--text-hover); -} - -[class*="TableRowCell-cell-"] { - border-top: 1px solid rgb(255 255 255 / 25%); -} - -/* TOP MENU SERIES */ -[class*="PageToolbar-toolbar-"] { - background-color: rgba(0, 0, 0, .25); - color: var(--text); -} - -[class*="PageToolbarButton-toolbarButton-"][class*="PageToolbarButton-isDisabled-"] { - opacity: .5; - color: var(--text); -} - -[class*="PageToolbarButton-toolbarButton-"][class*="PageToolbarButton-isDisabled-"]:hover, -[class*="PageToolbarButton-isDisabled-"]:hover { - color: var(--text) !important; -} - -[class*="PageToolbarButton-label-"] { - color: var(--text); -} - -[class*="PageToolbarButton-toolbarButton-"]:hover { - color: rgb(var(--accent-color)); -} - -[class*="MenuButton-menuButton-"]:hover { - color: rgb(var(--accent-color)); -} - -/* POSTERS */ -[class*="SeriesIndexPoster-title-"], -[class*="SeriesIndexPoster-nextAiring-"], -[class*="SeriesIndexPosterInfo-info-"] { - background-color: rgba(255, 255, 255, 0.08); - color: var(--text-hover); -} - -/* SERIES TOP HEADER DROPDOWN */ -[class*="MenuItem-menuItem-"], -[class*="MenuContent-menuContent-"] { - 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; - color: var(--text); -} - -[class*="MenuContent-scroller-"] { - box-shadow: black 0 0 5px 0px; -} - -[class*="MenuItem-menuItem-"]:hover, -[class*="MenuItem-menuItem-"]:focus { - background: hsla(0, 0%, 100%, .08) !important; - color: var(--text-hover); - text-decoration: none; -} - -[class*="MenuItemSeparator-separator-"] { - background-color: hsla(0, 0%, 100%, .08) !important; -} - -/* ALPHABET JUMP BAR */ -[class*="PageJumpBar-jumpBar-"] { - color: #FFF; -} - -/* MINI RIGHT SCROLL BAR */ -[class*="OverlayScroller-thumb-"], -[class*="ImportSeriesSelectSeries-results-"]::-webkit-scrollbar-thumb { - background-color: hsla(0, 0%, 100%, .08) !important; -} - -[class*="OverlayScroller-thumb-"]:hover, -[class*="ImportSeriesSelectSeries-results-"]::-webkit-scrollbar-thumb:hover { - background-color: rgba(255, 255, 255, 0.25) !important; -} - -/* ADD NEW */ -[class*="EnhancedSelectInput-options-"] { - border: 1px solid rgba(255, 255, 255, 0.2); - border-radius: 4px; - 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; - color: var(--text); -} - -[class*="EnhancedSelectInputOption-isSelected-"], -[class*="EnhancedSelectInputOption-isSelected-"]:hover { - background-color: rgba(255, 255, 255, 0.20) !important; - color: var(--text-hover); -} - -[class*="EnhancedSelectInputOption-option-"]:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -[class*="HintedSelectInputOption-hintText-"], -[class*="RootFolderSelectInputOption-freeSpace-"] { - color: var(--text); -} - -/* SEARCH BAR */ -[class*="Input-input-"], -[class*="AddNewSeries-searchIconContainer-"], -[class*="CheckInput-isIndeterminate-"] { - border: none; - background-color: rgba(255, 255, 255, 0.08); - color: #fff; -} - -[class*="SeriesSearchInput-container-"] [class*="Input-input-"] { - background: transparent; - border-bottom: solid 1px #fff; -} - -[class*="SeriesSearchInput-container-"] [class*="Input-input-"]:focus { - border-bottom: none; - background: transparent; -} - -[class*="SeriesSearchResult-alternateTitle-"] { - color: #ffffff; - font-size: 12px; -} - -[class*="Input-input-"]:focus { - outline: 0; - border-color: #fff; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.25); -} - -[class*="TagInput-input-"][class*="TagInput-isFocused-"] { - outline: 0; - border-color: #fff; - box-shadow: none; -} - -/* MOVE THIS */ -input::-webkit-input-placeholder { - color: var(--text); -} - -input:focus::-webkit-input-placeholder { - color: var(--text-hover); -} - -/* Firefox < 19 */ -input:-moz-placeholder { - color: var(--text); -} - -input:focus:-moz-placeholder { - color: var(--text-hover); -} - -/* Firefox > 19 */ -input::-moz-placeholder { - color: var(--text); -} - -input:focus::-moz-placeholder { - color: var(--text-hover); -} - -/* Internet Explorer 10 */ -input:-ms-input-placeholder { - color: var(--text); -} - -input:focus:-ms-input-placeholder { - color: var(--text-hover); -} - -/* TEXT COLOR */ -[class*="PageContentBody-innerContentBody-"] { - color: var(--text); -} - -/* SEARCH RESULTS */ -[class*="AddNewSeriesSearchResult-underlay-"] { - background-color: transparent !important; -} - -[class*="AddNewSeriesSearchResult-underlay-"]:hover { - background-color: hsla(0, 0%, 100%, .08) !important; -} - -[class*="AddNewSeriesSearchResult-year-"] { - color: #fff; -} - -[class*="RootFolderSelectInputSelectedValue-seriesFolder-"], -[class*="RootFolderSelectInputSelectedValue-freeSpace-"] { - color: #fff; -} - -[class*="RootFolderSelectInputOption-freeSpace-"], -[class*="RootFolderSelectInputOption-seriesFolder-"] { - color: var(--text-muted); -} - -/* IMPORT */ - -[class*="FieldSet-legend-"] { - color: var(--text-hover); - border-bottom: 1px solid rgb(var(--accent-color)); -} - -[class*="VirtualTableRow-row-"]:hover { - background-color: hsla(0, 0%, 100%, .08); -} - -/* Drop down menu/button*/ -[class*="ImportSeriesSelectSeries-button-"] { - border: none !important; - background-color: rgba(0, 0, 0, .25) !important; -} - -[class*="ImportSeriesSearchResult-series-"]:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -[class*="ImportSeriesSelectSeries-content-"], -[class*="ImportSeriesSelectSeries-searchIconContainer-"] { - border: none; - 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; -} - -[class*="ImportSeriesTitle-year-"] { - color: var(--text-muted); -} - -/* MASS EDITOR */ -/* FOOTER */ -[class*="PageContentFooter-contentFooter-"] { - border: none; - background-color: rgba(0, 0, 0, .25); - color: #FFF; -} - -/* SEASON PASS */ - -[class*="SeasonPassSeason-season-"] { - border: none; - background-color: rgba(0, 0, 0, .25) !important; -} - -[class*="SeasonPassSeason-allEpisodes-"] { - background-color: #5cb85c; -} - -/* CALENDAR */ -[class*="CalendarEvent-downloaded-"] { - background: rgb(var(--calendar-tv-available) / .7) !important; - border-left-color: transparent !important; - color: #fff; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-downloaded-"]:hover { - background: rgb(var(--calendar-tv-available) / .5) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-missing-"] { - background: rgb(var(--calendar-tv-missing) / .7) !important; - border-left-color: transparent !important; - color: #fff; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-missing-"]:hover { - background: rgb(var(--calendar-tv-missing) / .5) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-unaired-"] { - background: rgb(var(--calendar-tv-unaired) / .7) !important; - border-left-color: transparent !important; - color: #fff; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-unaired-"]:hover { - background: rgb(var(--calendar-tv-unaired) / .5) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-unmonitored-"] { - background: rgb(var(--calendar-tv-unmonitored) / .7) !important; - border-left-color: transparent !important; - color: #fff; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-unmonitored-"]:hover { - background: rgb(var(--calendar-tv-unmonitored) / .5) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-onAir-"] { - background: rgb(var(--calendar-tv-on-air) / .7) !important; - border-left-color: transparent !important; - color: #fff; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-onAir-"]:hover { - background: rgb(var(--calendar-tv-on-air) / .5) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-downloading-"] { - background: rgb(var(--calendar-tv-downloading) / .7) !important; - border-left-color: transparent !important; - color: #fff; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-downloading-"]:hover { - background: rgb(var(--calendar-tv-downloading) / .5) !important; - border-left-color: transparent !important; -} - -[class*="DayOfWeek-dayOfWeek-"] { - background-color: hsla(0, 0%, 100%, .08); - color: #fff; -} - -[class*="CalendarDay-dayOfMonth-"] { - border-bottom: 1px solid hsla(0, 0%, 100%, .08); - background-color: rgba(0, 0, 0, .25); -} - -[class*="CalendarDay-isToday-"] { - background-color: hsla(0, 0%, 100%, .08) !important; -} - -[class*="CalendarDay-day-"], -[class*="CalendarDays-days-"] { - -webkit-box-flex: 1; - -webkit-flex: 1 0 14.28%; - flex: 1 0 14.28%; - overflow: hidden; - min-height: 70px; - border-bottom: 1px solid hsla(0, 0%, 100%, .08); - border-left: 1px solid hsla(0, 0%, 100%, .08); - border-right: 1px solid hsla(0, 0%, 100%, .08); -} - -[class*="CalendarEvent-seriesTitle-"], -[class*="CalendarEvent-episodeInfo-"], -[class*="CalendarEvent-airTime-"], -[class*="Legend-legend-"] [class*="LegendItem-legendItem-"] { - color: #ffffff !important; -} - -[class*="CalendarEvent-event-"] { - border-bottom: 1px solid transparent; -} - -[class*="CalendarEventGroup-eventGroup-"] { - border-bottom: 1px solid hsla(0, 0%, 100%, .08) !important; -} - -[class*="CalendarEventGroup-seriesTitle-"] { - color: #ffffff !important; -} - -[class*="CalendarEventGroup-airTime-"] { - color: var(--text); -} - -[class*="CalendarEventGroup-episodeInfo-"] { - color: var(--text); -} - -/* calendar agenda */ -[class*="AgendaEvent-event-"]:hover { - background-color: hsla(0, 0%, 100%, .08) !important; -} - -/*QUEUE PAGE */ -/* Manual Import*/ -[class*="SelectEpisodeModalContent-path-"] { - color: var(--text); -} - -/* SETTINGS */ -[class*="Settings-link-"] { - color: var(--text-hover); - border-bottom: 1px solid rgb(var(--accent-color)); -} - -[class*="Settings-summary"] { - color: var(--text); -} - -[class*="FormLabel-large-"] { - color: var(--text-hover); -} - -[class*="FormLabel-isAdvanced-"] { - color: #ff902b; -} - -/* MEDIA MANAGEMENT - FILE NAME TOKENS */ -[class*="NamingOption-option-"] { - border: 1px solid transparent; -} - -[class*="NamingOption-token-"] { - background-color: rgba(255, 255, 255, 0.15); -} - -[class*="NamingOption-example-"] { - background-color: rgba(255, 255, 255, 0.25); -} - -[class*="NamingOption-option-"]:hover [class*="NamingOption-token-"] { - background-color: rgba(255, 255, 2550, 0.25); -} - -[class*="NamingOption-option-"]:hover [class*="NamingOption-example-"] { - background-color: rgba(255, 255, 2550, 0.35); -} - -/* PROFILES */ -[class*="Card-card-"], -[class*="QualityProfiles-addQualityProfile-"] { - background-color: rgba(0, 0, 0, .45); - box-shadow: 0 0 10px 1px #000000; - color: var(--text); -} - -[class*="Card-card-"]:hover { - color: var(--text-hover); -} - -[class*="QualityProfiles-center-"], -[class*="LanguageProfiles-center-"], -[class*="ReleaseProfiles-center-"] { - background-color: transparent; - border: none; -} - -[class*="QualityProfileItem-qualityProfileItem-"], -[class*="QualityProfileItemGroup-qualityProfileItemGroup-"], -[class*="LanguageProfileItem-languageProfileItem-"] { - border: none; - background-color: rgba(0, 0, 0, .25); - color: #FFF; -} - -[class*="QualityProfileItemGroup-qualityProfileItemGroup-"][class*="QualityProfileItemGroup-editGroups-"] { - background: rgba(0, 0, 0, 0.25); -} - -[class*="KeyValueListInputItem-keyInput-"], -[class*="KeyValueListInputItem-valueInput-"] { - border: none; - background: transparent; - color: white; -} - -[class*="QualityDefinitions-sizeLimitHelpText-"] { - color: var(--text); -} - -/* PROFILES */ -[class*="Indexers-center-"] { - background-color: transparent; - border: none; -} - -/* INDEXERS */ - -/* DOWNLOAD CLIENTS */ -[class*="DownloadClients-center-"] { - background-color: transparent; - border: none; -} - -/*INPORT LISTS */ -[class*="ImportLists-center-"] { - background-color: transparent; - border: none; -} - -/* CONNECTIONS */ -[class*="Notifications-center-"] { - background-color: transparent; - border: none; -} - -/* LOG */ -[class*="Alert-info-"] { - border-color: transparent; - background-color: rgba(0, 0, 0, 0.25); - color: #FFC107; -} - -/* Login Page */ - -.panel-body { - background-color: rgba(0, 0, 0, 0.25); - color: var(--text); -} - -.panel-header { - background-color: rgba(0, 0, 0, 0.45); -} - -.forgot-password { - color: var(--text) !important; -} - -input[type=email], -input[type=password] { - border: none; - background-color: rgba(255, 255, 255, 0.08); - color: #FFF; -} - -.button { - border-color: var(--button-color); - 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; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.25); -} - -/* Custom filter */ -[class*="FilterBuilderRow-filterRow-"]:hover { - background-color: transparent; -} - -[class*="CustomFilter-customFilter-"]:hover { - background-color: hsla(0, 0%, 100%, .08); -} - -/* Scene information */ -[class*="ReleaseSceneIndicator-levelNone-"] { - border-color: var(--text); - color: var(--text); - opacity: 1; -} - -[class*="ReleaseSceneIndicator-levelMapped-"] { - border-color: var(--text); - color: var(--text); -} \ No newline at end of file +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)}[class*=FormInputHelpText-helpText-]{color:var(--text)}[class*=FormInputGroup-inputUnit-]{color:var(--text)!important}[class*=Link-to-]{color:var(--text)}[class*=Link-to-]:hover{color:var(--text-hover);text-decoration:none}a{color:var(--link-color)}a:hover{color:var(--link-color-hover)}[class*=EpisodeTitleLink-link-],[class*=TableRowCell-cell-] [class*=Link-to-]{color:var(--link-color)!important}[class*=EpisodeTitleLink-link-]:hover,[class*=TableRowCell-cell-] [class*=Link-to-]:hover{color:var(--link-color-hover)!important}[class*=Button-default-]{color:var(--button-text);background-color:var(--button-color);border-color:transparent}[class*=Button-default-]:hover{border-color:transparent;background-color:var(--button-color-hover)!important;color:var(--button-text-hover)}[class*=Button-primary-]{border-color:transparent;background-color:var(--button-color);color:var(--button-text)}[class*=Button-primary-]:hover{border-color:transparent;background-color:var(--button-color-hover)!important;color:var(--button-text-hover)}[class*=Button-success-]{border-color:var(--button-color);background-color:var(--button-color);color:var(--button-text)}[class*=Button-success-]:hover{border-color:var(--button-color-hover);background-color:var(--button-color-hover);color:var(--button-text-hover)}[class*=ErrorPage-page-],[class*=ErrorPage-version-],[class*=LoadingMessage-loadingMessage-]{color:var(--text)}[class*=LoadingIndicator-ripple-]{border:2px solid #fff}[class*=ModalHeader-modalHeader-]{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;color:var(--text-hover);border-bottom:1px solid rgb(var(--accent-color))}[class*=ModalContent-modalContent-]{background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;color:var(--text)}[class*=ModalFooter-modalFooter-]{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;color:#fff;border-top:1px solid rgb(var(--accent-color))}[class*=ModalContent-closeButton-]:hover{color:var(--text-hover)}[class*=DescriptionListItemTitle-title-],[class*=EpisodeDetailsModalContent-tab-],[class*=EpisodeSummary-infoTitle-]{color:#fff}[class*=TagInput-internalInput-]{background-color:transparent;color:#fff}[class*=SelectInput-select-]{background-color:rgba(0,0,0,.25)!important}[class*=SelectInput-select-]:active,[class*=SelectInput-select-]:focus{background:#1e1e1e!important}[class*=AutoSuggestInput-suggestionsContainer-],[class*=AutoSuggestInput-suggestionsContainerOpen-],[class*=AutoSuggestInput-suggestionsList-]{background-color:#323232!important;color:#fff;border:none!important}[class*=AutoSuggestInput-suggestionHighlighted-]{background-color:hsla(0,0%,100%,.08)}[class*=CheckInput-primaryIsChecked-]{border-color:rgb(var(--accent-color))!important;background-color:rgb(var(--accent-color))!important;color:var(--label-text-color)!important}[class*=CheckInput-input-][class*=CheckInput-isNotChecked-]{background:#fff}[class*=PageHeader-header-]{background-color:rgba(0,0,0,.35)}[class*=PageHeader-donate-]{color:#c4273c!important}[class*=SeriesSearchInput-sectionTitle-]{color:#fff}[class*=SeriesSearchInput-containerOpen-] [class*=SeriesSearchInput-seriesContainer-]{border:none!important;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!important;box-shadow:0 0 10px 1px transparent!important}[class*=SeriesSearchInput-highlighted-]{background-color:hsla(0,0%,100%,.08)}[class*=SeriesSearchInput-seriesContainer-]::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.25)!important}[class*=Scroller-scroller-]::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.08)}[class*=Scroller-scroller-]::-webkit-scrollbar-thumb:hover{background-color:rgba(255,255,255,.25)}[class*=PageSidebar-sidebarContainer-]{background-color:rgba(0,0,0,.25)}[class*=PageSidebar-sidebar-]{background-color:transparent}[class*=PageSidebarItem-link-]:hover{color:rgb(var(--accent-color));text-decoration:none}[class*=PageSidebarItem-isActiveLink-],[class*=PageSidebarItem-isActiveLink-]:hover,[class*=PageSidebarItem-link-]:focus{color:rgb(var(--accent-color))!important}[class*=PageSidebarItem-isActiveParentLink-]{background-color:rgba(0,0,0,.15)}@media only screen and (max-width:768px){[class*=PageSidebar-sidebarContainer-]{background:var(--main-bg-color)!important}}[class*=PageSidebarItem-isActiveItem-]{border-left:3px solid rgb(var(--accent-color))}[class*=SeriesIndexPoster-controls-]{background-color:rgb(var(--accent-color))!important}[class*=SeriesIndexOverviews-container-],[class*=SeriesIndexOverviews-container-]:hover{background-color:transparent!important}[clas*=SeriesIndexOverview-container-]:hover [class*=SeriesIndexOverview-content-]{background-color:transparent}[class*=SeriesIndexOverview-content-]:hover{background-color:hsla(0,0%,100%,.08)!important}[class*=SeriesIndexOverview-link-]:hover{text-decoration:none}[class*=ProgressBar-container-]{background-color:rgba(0,0,0,.25)}[class*=".ProgressBar-purple-"]{background-color:rgb(var(--accent-color))}[class*=SeriesDetailsSeason-collapseButtonContainer-],[class*=SeriesDetailsSeason-season-]{border:none!important;background-color:rgba(0,0,0,.25)!important}[class*=SeriesDetailsSeason-episodes-]{border-top:1px solid rgb(255 255 255 / 50%)}[class*=SeriesDetailsSeason-actionButton-],[class*=SeriesDetailsSeason-collapseButtonIcon-]{color:var(--text)!important}[class*=SeriesDetailsSeason-actionButton-]:hover,[class*=SeriesDetailsSeason-collapseButtonIcon-]:hover{color:var(--text-hover)!important}[class*=SeriesDetailsSeason-sizeOnDisk-]{color:var(--text-muted)}[class*=SeriesDetails-contentContainer-]{color:var(--text)}.fa-search:hover{color:var(--text-hover)!important}[class*=Icon-default-]:hover:not([class*=Label-large-] [class*=Icon-default-],[class*=PathInput-fileBrowserButton-]svg){color:var(--text-hover)}[class*=MonitorToggleButton-toggleButton-]{color:#dadada}[class*=ProtocolLabel-torrent-]{border-color:#00853d!important;background-color:#00853d!important;color:#fff!important}[class*=ProtocolLabel-usenet-]{border-color:#17b1d9!important;background-color:#17b1d9!important;color:#fff!important}[class*=SeriesDetailsSeason-seasonNumber-]{color:#fff}[class*=SeriesDetailsSeason-collapseButtonContainer-]{border:none!important;background-color:rgba(0,0,0,.25)!important}[class*=Popover-body-],[class*=Popover-title-],[class*=SeasonInfo-title-],[class*=Tooltip-bod-]{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}[class*=Tooltip-tooltipContainer-]{color:#fff}[class*=Tooltip-tooltip-][class*=Tooltip-inverse-]{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 5px 10px rgba(0,0,0,.2)}[class*=Tooltip-bottom-][class*=Tooltip-inverse-]{border-bottom-color:#fff}[class*=Tooltip-bottom-][class*=Tooltip-default-]{border-bottom-color:#fff!important}[class*=Tooltip-right-][class*=Tooltip-default-]{border-right-color:#fff!important}[class*=EpisodeTitleLink-link-]:hover{color:var(--link-color-hover)}[class*=IconButton-button-]{color:var(--text)}[class*=IconButton-button-]:hover,[class*=Label-small-] [class*=IconButton-button-]{background-color:transparent;color:var(--label-text-color)}[class*=SeriesIndexPoster-action-] .fa-search:hover{background-color:transparent;color:var(--label-text-color)!important}[class*=SeriesDetails-monitorToggleButton-]:hover,[class*=SeriesDetails-seriesNavigationButton-]:hover,[class*=SeriesDetailsSeason-left-] [class*=IconButton-button-]:hover{color:var(--text-hover)}[class*=Table-tableContainer-] [class*=IconButton-button-]:hover{background-color:transparent;color:var(--text-hover)}[class*=Label-default-]{border-color:rgb(var(--accent-color));background-color:rgb(var(--accent-color));color:var(--label-text-color)}[class*=Label-info-]{border-color:rgb(var(--accent-color));background-color:rgb(var(--accent-color));color:var(--label-text-color)}[class*=PageSidebarItem-status-] [class*=Label-info-]{border-color:var(--queue-color);background-color:var(--queue-color);color:var(--label-text-color)}[class*=Label-success-]{border-color:#27c24c;background-color:#27c24c;color:var(--label-text-color)}[class*=TableOptionsColumn-column-]{background:rgba(0,0,0,.25);color:var(--text-hover);border:none}[class*=TableHeaderCell-headerCell-]{color:var(--text-hover)}[class*=Table-table-]{color:var(--text)}[class*=TableRow-row-]:hover{background-color:hsla(0,0%,100%,.08);color:var(--text-hover)}[class*=TableRowCell-cell-]{border-top:1px solid rgb(255 255 255 / 25%)}[class*=PageToolbar-toolbar-]{background-color:rgba(0,0,0,.25);color:var(--text)}[class*=PageToolbarButton-toolbarButton-][class*=PageToolbarButton-isDisabled-]{opacity:.5;color:var(--text)}[class*=PageToolbarButton-isDisabled-]:hover,[class*=PageToolbarButton-toolbarButton-][class*=PageToolbarButton-isDisabled-]:hover{color:var(--text)!important}[class*=PageToolbarButton-label-]{color:var(--text)}[class*=PageToolbarButton-toolbarButton-]:hover{color:rgb(var(--accent-color))}[class*=MenuButton-menuButton-]:hover{color:rgb(var(--accent-color))}[class*=SeriesIndexPoster-nextAiring-],[class*=SeriesIndexPoster-title-],[class*=SeriesIndexPosterInfo-info-]{background-color:rgba(255,255,255,.08);color:var(--text-hover)}[class*=MenuContent-menuContent-],[class*=MenuItem-menuItem-]{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;color:var(--text)}[class*=MenuContent-scroller-]{box-shadow:#000 0 0 5px 0}[class*=MenuItem-menuItem-]:focus,[class*=MenuItem-menuItem-]:hover{background:hsla(0,0%,100%,.08)!important;color:var(--text-hover);text-decoration:none}[class*=MenuItemSeparator-separator-]{background-color:hsla(0,0%,100%,.08)!important}[class*=PageJumpBar-jumpBar-]{color:#fff}[class*=ImportSeriesSelectSeries-results-]::-webkit-scrollbar-thumb,[class*=OverlayScroller-thumb-]{background-color:hsla(0,0%,100%,.08)!important}[class*=ImportSeriesSelectSeries-results-]::-webkit-scrollbar-thumb:hover,[class*=OverlayScroller-thumb-]:hover{background-color:rgba(255,255,255,.25)!important}[class*=EnhancedSelectInput-options-]{border:1px solid rgba(255,255,255,.2);border-radius:4px;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;color:var(--text)}[class*=EnhancedSelectInputOption-isSelected-],[class*=EnhancedSelectInputOption-isSelected-]:hover{background-color:rgba(255,255,255,.2)!important;color:var(--text-hover)}[class*=EnhancedSelectInputOption-option-]:hover{background-color:rgba(255,255,255,.08)}[class*=HintedSelectInputOption-hintText-],[class*=RootFolderSelectInputOption-freeSpace-]{color:var(--text)}[class*=AddNewSeries-searchIconContainer-],[class*=CheckInput-isIndeterminate-],[class*=Input-input-]{border:none;background-color:rgba(255,255,255,.08);color:#fff}[class*=SeriesSearchInput-container-] [class*=Input-input-]{background:0 0;border-bottom:solid 1px #fff}[class*=SeriesSearchInput-container-] [class*=Input-input-]:focus{border-bottom:none;background:0 0}[class*=SeriesSearchResult-alternateTitle-]{color:#fff;font-size:12px}[class*=Input-input-]:focus{outline:0;border-color:#fff;box-shadow:none;background-color:rgba(255,255,255,.25)}[class*=TagInput-input-][class*=TagInput-isFocused-]{outline:0;border-color:#fff;box-shadow:none}input::-webkit-input-placeholder{color:var(--text)}input:focus::-webkit-input-placeholder{color:var(--text-hover)}input:-moz-placeholder{color:var(--text)}input:focus:-moz-placeholder{color:var(--text-hover)}input::-moz-placeholder{color:var(--text)}input:focus::-moz-placeholder{color:var(--text-hover)}input:-ms-input-placeholder{color:var(--text)}input:focus:-ms-input-placeholder{color:var(--text-hover)}[class*=PageContentBody-innerContentBody-]{color:var(--text)}[class*=AddNewSeriesSearchResult-underlay-]{background-color:transparent!important}[class*=AddNewSeriesSearchResult-underlay-]:hover{background-color:hsla(0,0%,100%,.08)!important}[class*=AddNewSeriesSearchResult-year-]{color:#fff}[class*=RootFolderSelectInputSelectedValue-freeSpace-],[class*=RootFolderSelectInputSelectedValue-seriesFolder-]{color:#fff}[class*=RootFolderSelectInputOption-freeSpace-],[class*=RootFolderSelectInputOption-seriesFolder-]{color:var(--text-muted)}[class*=FieldSet-legend-]{color:var(--text-hover);border-bottom:1px solid rgb(var(--accent-color))}[class*=VirtualTableRow-row-]:hover{background-color:hsla(0,0%,100%,.08)}[class*=ImportSeriesSelectSeries-button-]{border:none!important;background-color:rgba(0,0,0,.25)!important}[class*=ImportSeriesSearchResult-series-]:hover{background-color:rgba(255,255,255,.08)}[class*=ImportSeriesSelectSeries-content-],[class*=ImportSeriesSelectSeries-searchIconContainer-]{border:none;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}[class*=ImportSeriesTitle-year-]{color:var(--text-muted)}[class*=PageContentFooter-contentFooter-]{border:none;background-color:rgba(0,0,0,.25);color:#fff}[class*=SeasonPassSeason-season-]{border:none;background-color:rgba(0,0,0,.25)!important}[class*=SeasonPassSeason-allEpisodes-]{background-color:#5cb85c}[class*=CalendarEvent-downloaded-]{background:rgb(var(--calendar-tv-available) / .7)!important;border-left-color:transparent!important;color:#fff}[class*=Calendar-calendar-] [class*=CalendarEvent-downloaded-]:hover{background:rgb(var(--calendar-tv-available) / .5)!important;border-left-color:transparent!important}[class*=CalendarEvent-missing-]{background:rgb(var(--calendar-tv-missing) / .7)!important;border-left-color:transparent!important;color:#fff}[class*=Calendar-calendar-] [class*=CalendarEvent-missing-]:hover{background:rgb(var(--calendar-tv-missing) / .5)!important;border-left-color:transparent!important}[class*=CalendarEvent-unaired-]{background:rgb(var(--calendar-tv-unaired) / .7)!important;border-left-color:transparent!important;color:#fff}[class*=Calendar-calendar-] [class*=CalendarEvent-unaired-]:hover{background:rgb(var(--calendar-tv-unaired) / .5)!important;border-left-color:transparent!important}[class*=CalendarEvent-unmonitored-]{background:rgb(var(--calendar-tv-unmonitored) / .7)!important;border-left-color:transparent!important;color:#fff}[class*=Calendar-calendar-] [class*=CalendarEvent-unmonitored-]:hover{background:rgb(var(--calendar-tv-unmonitored) / .5)!important;border-left-color:transparent!important}[class*=CalendarEvent-onAir-]{background:rgb(var(--calendar-tv-on-air) / .7)!important;border-left-color:transparent!important;color:#fff}[class*=Calendar-calendar-] [class*=CalendarEvent-onAir-]:hover{background:rgb(var(--calendar-tv-on-air) / .5)!important;border-left-color:transparent!important}[class*=CalendarEvent-downloading-]{background:rgb(var(--calendar-tv-downloading) / .7)!important;border-left-color:transparent!important;color:#fff}[class*=Calendar-calendar-] [class*=CalendarEvent-downloading-]:hover{background:rgb(var(--calendar-tv-downloading) / .5)!important;border-left-color:transparent!important}[class*=DayOfWeek-dayOfWeek-]{background-color:hsla(0,0%,100%,.08);color:#fff}[class*=CalendarDay-dayOfMonth-]{border-bottom:1px solid hsla(0,0%,100%,.08);background-color:rgba(0,0,0,.25)}[class*=CalendarDay-isToday-]{background-color:hsla(0,0%,100%,.08)!important}[class*=CalendarDay-day-],[class*=CalendarDays-days-]{-webkit-box-flex:1;-webkit-flex:1 0 14.28%;flex:1 0 14.28%;overflow:hidden;min-height:70px;border-bottom:1px solid hsla(0,0%,100%,.08);border-left:1px solid hsla(0,0%,100%,.08);border-right:1px solid hsla(0,0%,100%,.08)}[class*=CalendarEvent-airTime-],[class*=CalendarEvent-episodeInfo-],[class*=CalendarEvent-seriesTitle-],[class*=Legend-legend-] [class*=LegendItem-legendItem-]{color:#fff!important}[class*=CalendarEvent-event-]{border-bottom:1px solid transparent}[class*=CalendarEventGroup-eventGroup-]{border-bottom:1px solid hsla(0,0%,100%,.08)!important}[class*=CalendarEventGroup-seriesTitle-]{color:#fff!important}[class*=CalendarEventGroup-airTime-]{color:var(--text)}[class*=CalendarEventGroup-episodeInfo-]{color:var(--text)}[class*=AgendaEvent-event-]:hover{background-color:hsla(0,0%,100%,.08)!important}[class*=SelectEpisodeModalContent-path-]{color:var(--text)}[class*=Settings-link-]{color:var(--text-hover);border-bottom:1px solid rgb(var(--accent-color))}[class*=Settings-summary]{color:var(--text)}[class*=FormLabel-large-]{color:var(--text-hover)}[class*=FormLabel-isAdvanced-]{color:#ff902b}[class*=NamingOption-option-]{border:1px solid transparent}[class*=NamingOption-token-]{background-color:rgba(255,255,255,.15)}[class*=NamingOption-example-]{background-color:rgba(255,255,255,.25)}[class*=NamingOption-option-]:hover [class*=NamingOption-token-]{background-color:rgba(255,255,2550,.25)}[class*=NamingOption-option-]:hover [class*=NamingOption-example-]{background-color:rgba(255,255,2550,.35)}[class*=Card-card-],[class*=QualityProfiles-addQualityProfile-]{background-color:rgba(0,0,0,.45);box-shadow:0 0 10px 1px #000;color:var(--text)}[class*=Card-card-]:hover{color:var(--text-hover)}[class*=LanguageProfiles-center-],[class*=QualityProfiles-center-],[class*=ReleaseProfiles-center-]{background-color:transparent;border:none}[class*=LanguageProfileItem-languageProfileItem-],[class*=QualityProfileItem-qualityProfileItem-],[class*=QualityProfileItemGroup-qualityProfileItemGroup-]{border:none;background-color:rgba(0,0,0,.25);color:#fff}[class*=QualityProfileItemGroup-qualityProfileItemGroup-][class*=QualityProfileItemGroup-editGroups-]{background:rgba(0,0,0,.25)}[class*=KeyValueListInputItem-keyInput-],[class*=KeyValueListInputItem-valueInput-]{border:none;background:0 0;color:#fff}[class*=QualityDefinitions-sizeLimitHelpText-]{color:var(--text)}[class*=Indexers-center-]{background-color:transparent;border:none}[class*=DownloadClients-center-]{background-color:transparent;border:none}[class*=ImportLists-center-]{background-color:transparent;border:none}[class*=Notifications-center-]{background-color:transparent;border:none}[class*=Alert-info-]{border-color:transparent;background-color:rgba(0,0,0,.25);color:#ffc107}.panel-body{background-color:rgba(0,0,0,.25);color:var(--text)}.panel-header{background-color:rgba(0,0,0,.45)}.forgot-password{color:var(--text)!important}input[type=email],input[type=password]{border:none;background-color:rgba(255,255,255,.08);color:#fff}.button{border-color:var(--button-color);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;box-shadow:none;background-color:rgba(255,255,255,.25)}[class*=FilterBuilderRow-filterRow-]:hover{background-color:transparent}[class*=CustomFilter-customFilter-]:hover{background-color:hsla(0,0%,100%,.08)}[class*=ReleaseSceneIndicator-levelNone-]{border-color:var(--text);color:var(--text);opacity:1}[class*=ReleaseSceneIndicator-levelMapped-]{border-color:var(--text);color:var(--text)} diff --git a/CSS/themes/synclounge/synclounge-base.css b/CSS/themes/synclounge/synclounge-base.css index 7982d8a4..8fe2200a 100644 --- a/CSS/themes/synclounge/synclounge-base.css +++ b/CSS/themes/synclounge/synclounge-base.css @@ -1,173 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ - -main { - background: var(--main-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; -} - -h4 { - color: #ffffff; -} - -.v-toolbar { - background: transparent !important; - box-shadow: none; -} - -.v-toolbar__content, -.v-toolbar__extension { - background-color: rgba(0, 0, 0, 0.6) !important; -} - -p a { - color: var(--accent-color) !important; -} - -.application .theme--dark.v-card, -.theme--dark .v-card .primary--text { - color: var(--accent-color) !important; -} - -.application .theme--dark.v-card, -.theme--dark .v-card .accent--text { - color: var(--accent-color) !important; -} - -.application .theme--dark.v-card, -.theme--dark .v-card .primary { - color: var(--accent-color) !important; -} - -.flex.xs12 a { - color: var(--accent-color); -} - -.v-list__tile { - color: #fff !important; -} - -.v-stepper__step__step .primary { - background-color: var(--default-button-color) !important; - border-color: var(--default-button-color) !important; -} - -.primary { - background-color: var(--default-button-color) !important; - border-color: var(--default-button-color) !important; -} - -.v-input__control .v-input__slot .primary--text input, -.primary--text textarea { - caret-color: var(--accent-color) !important; -} - -.v-input input:active, -.v-input input:focus, -.v-input textarea:active, -.v-input textarea:focus .primary--text input, -.primary--text textarea { - caret-color: var(--accent-color) !important; -} - - -.application .theme--dark.v-btn:not(.v-btn--icon):not(.v-btn--flat), -.theme--dark .v-btn:not(.v-btn--icon):not(.v-btn--flat) { - background-color: var(--default-button-color) !important; -} - -.v-btn__content { - color: #fff; -} - -.v-btn--active:before, -.v-btn:focus:before, -.v-btn:hover:before { - background-color: white; -} - -.application .theme--dark.v-card, -.theme--dark .v-card { - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; -} - -.flex.md3 .application .theme--dark.v-card, -.theme--dark .v-card { - background: rgba(255, 255, 255, 0.10) !important; - color: #fff; -} - -.theme--dark.v-expansion-panels .v-expansion-panel { - background-color: transparent; - color: #fff; -} - -.theme--dark.v-text-field--solo>.v-input__control>.v-input__slot { - background: rgb(0 0 0 / 0.50); -} - -.flex.md3 .application .theme--dark.v-list, -.theme--dark .v-list { - background: rgba(255, 255, 255, 0.10) !important; -} - -flex xs12 .flex.md3 .application .theme--dark.v-list, -.theme--dark .v-list { - background: inherit !important; -} - -.v-navigation-drawer { - background: var(--main-bg-color) !important; - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; -} - -/*popup modal */ -.v-dialog { - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; -} - -.menuable__content__active { - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; -} \ No newline at end of file +main{background:var(--main-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover}h4{color:#fff}.v-toolbar{background:0 0!important;box-shadow:none}.v-toolbar__content,.v-toolbar__extension{background-color:rgba(0,0,0,.6)!important}p a{color:var(--accent-color)!important}.application .theme--dark.v-card,.theme--dark .v-card .primary--text{color:var(--accent-color)!important}.application .theme--dark.v-card,.theme--dark .v-card .accent--text{color:var(--accent-color)!important}.application .theme--dark.v-card,.theme--dark .v-card .primary{color:var(--accent-color)!important}.flex.xs12 a{color:var(--accent-color)}.v-list__tile{color:#fff!important}.v-stepper__step__step .primary{background-color:var(--default-button-color)!important;border-color:var(--default-button-color)!important}.primary{background-color:var(--default-button-color)!important;border-color:var(--default-button-color)!important}.primary--text textarea,.v-input__control .v-input__slot .primary--text input{caret-color:var(--accent-color)!important}.primary--text textarea,.v-input input:active,.v-input input:focus,.v-input textarea:active,.v-input textarea:focus .primary--text input{caret-color:var(--accent-color)!important}.application .theme--dark.v-btn:not(.v-btn--icon):not(.v-btn--flat),.theme--dark .v-btn:not(.v-btn--icon):not(.v-btn--flat){background-color:var(--default-button-color)!important}.v-btn__content{color:#fff}.v-btn--active:before,.v-btn:focus:before,.v-btn:hover:before{background-color:#fff}.application .theme--dark.v-card,.theme--dark .v-card{background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover}.flex.md3 .application .theme--dark.v-card,.theme--dark .v-card{background:rgba(255,255,255,.1)!important;color:#fff}.theme--dark.v-expansion-panels .v-expansion-panel{background-color:transparent;color:#fff}.theme--dark.v-text-field--solo>.v-input__control>.v-input__slot{background:rgb(0 0 0 / .5)}.flex.md3 .application .theme--dark.v-list,.theme--dark .v-list{background:rgba(255,255,255,.1)!important}.theme--dark .v-list,flex xs12 .flex.md3 .application .theme--dark.v-list{background:inherit!important}.v-navigation-drawer{background:var(--main-bg-color)!important;background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover}.v-dialog{background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover}.menuable__content__active{background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover} diff --git a/CSS/themes/tautulli/tautulli-base.css b/CSS/themes/tautulli/tautulli-base.css index 19302f10..6cac3550 100644 --- a/CSS/themes/tautulli/tautulli-base.css +++ b/CSS/themes/tautulli/tautulli-base.css @@ -1,858 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ -body { - background: var(--main-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: var(--text); -} - -/* Text */ - -p, -.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); -} - -.list-unstyled { - color: #fff; -} - -.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 { - 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; -} - -.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 { - 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-dark.active:hover { - background-color: var(--button-color-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 { - color: #999; -} - -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 { - 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); - } -} - -#login-methods .submenu { - background: transparent; -} - -.login-container .remember-group { - color: #eee; -} - -#login-methods>li.open>div { - color: rgb(var(--accent-color)); -} - -/* Buttons */ -.btn-bright { - color: #fff; - 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 { - 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 { - 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 { - 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 { - background-color: var(--button-color); - border-color: var(--button-color); -} - -/* Accents */ -.badge { - 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 { - 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))); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--accent-color-hover)), to(rgb(var(--accent-color)))); - background-image: -webkit-linear-gradient(top, var(--accent-color-hover, rgb(var(--accent-color)))); - background-image: -o-linear-gradient(top, var(--accent-color-hover, rgb(var(--accent-color)))); - 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 { - background-color: var(--button-color-hover); - border-color: var(--button-color-hover); - color: var(--button-text-hover); -} - -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 { - color: var(--text-hover); -} - -.user-info-nav>.active>a { - color: rgb(var(--accent-color)); -} - -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 { - 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)); -} - -.user-info-nav a:hover { - color: var(--accent-color-hover) -} - -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 { - -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 { - -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 { - color: rgb(var(--accent-color)); -} - -.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 +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)}.news-date,.news-title,p{color:var(--text)}#tautulli-news .accordion li.open .link i.fa,#tautulli-news .open .news-date,#tautulli-news .open .news-title,.config-scheduler-table th,.dashboard-activity-info-time,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.header-bar span,.help-block,.padded-header h1,.summary-content-details-tag strong,h1 .small,h1 small,h2,h2 .small,h2 small,h3,h3 .small,h3 small,h4,h4 .small,h4 small,h5,h5 .small,h5 small,h6,h6 .small,h6 small,strong{color:var(--text-hover)}.list-unstyled{color:#fff}.small-muted,.text-muted{color:var(--text-muted)}.news-body a,a,a.no-highlight{color:var(--link-color)}.dashboard-activity-metadata-title a:hover,.dashboard-activity-metadata-user a:hover,a.no-highlight:hover,a:hover{color:var(--link-color-hover)}#mobile-device-config-modal span.notifier_id,#newsletter-config-modal span.newsletter_id,#notifier-config-modal span.notifier_id,#plexpy-mobile-devices-table .friendly_name,#plexpy-newsletters-table .friendly_name,#plexpy-notifiers-table .friendly_name{color:#fff}.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:focus,.nav>li.active>a:hover{color:#f9be03;background-color:rgba(0,0,0,.25)}.nav>li>a{color:var(--text)}.nav>li>a:focus,.nav>li>a:hover{background-color:rgba(255,255,255,.08);color:var(--text-hover)}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:rgba(255,255,255,.08);color:rgb(var(--accent-color))}.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:focus,.dropdown-menu>li>a:hover{background-color:rgba(255,255,255,.08);color:var(--text-hover)}.dropdown-menu .divider{background-color:rgba(255,255,255,.08)}.react-selectize.bootstrap3.root-node .react-selectize-control,select{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-activity-background,.dashboard-activity-poster-container,.dashboard-stats-background{background-color:rgba(0,0,0,.25)}.dashboard-activity-progress-bar{background-color:rgba(0,0,0,.25)}.dashboard-activity-progress .buffer-bar{background-color:rgba(255,255,255,.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}.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:focus,.btn-dark:active,.open>.dropdown-toggle.btn-dark{color:var(--button-text-hover);background-color:var(--button-color-hover);border-color:var(--button-color-hover)}.btn-dark.focus:not(select),.btn-dark:active:focus:not(select),.btn-dark:focus:not(select),.btn.focus:not(select),.btn:focus:not(select){color:var(--button-text-hover);background-color:var(--button-color-hover)!important}.btn-dark.active:hover{background-color:var(--button-color-hover)}.btn-dark.inactive:hover{background-color:rgba(255,255,255,.08)}.btn-danger.btn-edit{background-color:rgba(255,255,255,.25)}.btn-form{background-color:var(--button-color)}.btn-form:hover{background-color:var(--button-color-hover)}.uneditable-input,input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea{background-color:rgba(0,0,0,.25)}.react-selectize.root-node .react-selectize-control,.selectize-control.form-control .selectize-input{background:rgba(0,0,0,.25)!important}div.form-control .selectize-input,select.form-control{background-color:rgba(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,.25)}textarea.form-control{background-color:rgba(0,0,0,.25)}.uneditable-input:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,textarea:focus{color:#fff;background:rgba(0,0,0,.25)}.form-control:focus{border-color:transparent;outline:0;-webkit-box-shadow:none;box-shadow:none}.table-card-header{background-color:rgba(0,0,0,.25);border-bottom:1px solid rgba(255,255,255,.25);border-top:1px solid #00000000}.table-card-back{background-color:rgba(0,0,0,.15)}table.display thead th{color:var(--text-hover);background-color:rgba(0,0,0,.25)}table.display thead tr:hover{background-color:rgba(0,0,0,.45)}.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,.45);border-top:1px solid transparent}.nav-settings>.active>a,.nav-settings>.active>a:focus,.nav-settings>.active>a:hover{background-color:rgba(0,0,0,.25)}.nav-settings>li>a:focus,.nav-settings>li>a:hover{color:var(--text-hover);background-color:rgba(255,255,255,.08)}.card{background-color:rgba(0,0,0,.25);border-top:1px solid #00000000}.card-sortable{border-bottom:1px solid rgba(255,255,255,.08)}.card-handle{color:#fff;background-color:rgba(0,0,0,.25)}.stacked-configs>li{background-color:rgba(0,0,0,.25)}.stacked-configs>li>span{color:#fff;border-left:2px solid rgba(0,0,0,.25);border-top:1px solid rgba(255,255,255,.08)}.stacked-configs>li>span:focus,.stacked-configs>li>span:hover{color:#fff;background-color:rgba(255,255,255,.08)}.stacked-configs>li>span>a.toggle-left,.stacked-configs>li>span>span.toggle-left{color:#999}.stacked-configs>li>span>span.active,span>a.active{color:#f9be03}.inline-pre{background-color:rgba(255,255,255,.25)}.summary-container .table-card-back,.summary-container .table-card-header{background:rgba(0,0,0,.45)}.summary-navbar{background-color:rgba(0,0,0,.25)}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{background-color:rgba(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:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{background-color:var(--button-color-hover);border:1px solid var(--button-color-hover);color:var(--button-text-hover)}.graphs-instance{background-color:rgba(0,0,0,.45)}.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,.08)}#newsletter-config-modal .nav-tabs>li>a,#notifier-config-modal .nav-tabs>li>a{color:var(--text)}#newsletter-config-modal .nav-tabs>li.active>a,#newsletter-config-modal .nav-tabs>li.active>a:focus,#newsletter-config-modal .nav-tabs>li.active>a:hover,#notifier-config-modal .nav-tabs>li.active>a,#notifier-config-modal .nav-tabs>li.active>a:focus,#notifier-config-modal .nav-tabs>li.active>a:hover{color:var(--text-hover);background:rgba(0,0,0,.45)}#newsletter-config-modal .nav-tabs>li.active>a,#newsletter-config-modal .nav-tabs>li.active>a:focus,#newsletter-config-modal .nav-tabs>li.active>a:hover,#notifier-config-modal .nav-tabs>li.active>a,#notifier-config-modal .nav-tabs>li.active>a:focus,#notifier-config-modal .nav-tabs>li.active>a:hover{border:1px solid #0000;border-bottom-color:transparent}#newsletter-config-modal .nav-tabs>li>a:hover,#notifier-config-modal .nav-tabs>li>a:hover{border-color:#0000;background:rgba(255,255,255,.08);color:var(--text-hover)}#newsletter-config-modal .nav-tabs,#notifier-config-modal .nav-tabs{border-bottom:1px solid rgba(255,255,255,.25)}.accordion{background:rgba(0,0,0,.25)}.accordion li .link{color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.accordion li .link:hover,.accordion li .link:hover i.fa{background:rgba(255,255,255,.08)}.submenu{background:rgba(0,0,0,.25)}.stream-info{background-color:rgba(0,0,0,.25)}.item-children-section-title{background-color:rgba(255,255,255,.08);border-bottom:1px solid #00000000;border-top:1px solid #00000000}.navbar-toggle:focus,.navbar-toggle:hover{background-color:rgba(255,255,255,.08)}.navbar-toggle{background-color:rgba(255,255,255,.08)}@media (max-width:768px){.navbar-collapse.in{box-shadow:0 15px 10px -10px rgba(0,0,0,.7)}}#login-methods .submenu{background:0 0}.login-container .remember-group{color:#eee}#login-methods>li.open>div{color:rgb(var(--accent-color))}.btn-bright{color:#fff;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)}#menu_link_show_advanced_settings.active,.btn-bright.active,.btn-bright:active,.open>.dropdown-toggle.btn-bright{color:#fff;background-color:var(--button-color-hover);box-shadow:inset 0 1px 0 var(--button-color-hover)}.btn-bright.active.focus,.btn-bright.active:focus,.btn-bright.active:hover,.btn-bright:active.focus,.btn-bright:active:focus,.btn-bright:active:hover,.open>.dropdown-toggle.btn-bright.focus,.open>.dropdown-toggle.btn-bright:focus,.open>.dropdown-toggle.btn-bright:hover{color:#fff;background-color:var(--button-color-hover);box-shadow:inset 0 1px 0 var(--button-color-hover)}.btn-dark.focus,.btn-dark:active:focus,.btn-dark:focus,.btn.focus,.btn:focus:not(#history-user):not(#graph-user):not(#sync-user){color:#fff;background-color:var(--button-color-hover)!important;opacity:.8}.btn-bright.disabled,.btn-bright.disabled.active,.btn-bright.disabled.focus,.btn-bright.disabled:active,.btn-bright.disabled:focus,.btn-bright.disabled:hover,.btn-bright[disabled],.btn-bright[disabled].active,.btn-bright[disabled].focus,.btn-bright[disabled]:active,.btn-bright[disabled]:focus,.btn-bright[disabled]:hover,fieldset[disabled] .btn-bright,fieldset[disabled] .btn-bright.active,fieldset[disabled] .btn-bright.focus,fieldset[disabled] .btn-bright:active,fieldset[disabled] .btn-bright:focus,fieldset[disabled] .btn-bright:hover{background-color:var(--button-color);border-color:var(--button-color)}.badge{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:focus,.nav>li.active>a:hover{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)));background-image:-webkit-gradient(linear,0 0,0 100%,from(var(--accent-color-hover)),to(rgb(var(--accent-color))));background-image:-webkit-linear-gradient(top,var(--accent-color-hover,rgb(var(--accent-color))));background-image:-o-linear-gradient(top,var(--accent-color-hover,rgb(var(--accent-color))));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>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{background-color:var(--button-color-hover);border-color:var(--button-color-hover);color:var(--button-text-hover)}a:focus,a:hover{color:var(--link-color-hover)}table.display td:hover a{color:var(--link-color-hover)}.summary-content-title h1,.summary-content-title h1 a,.user-overview-stats-instance h3,.user-player-instance-playcount h3{color:var(--text-hover)}.user-info-nav>.active>a{color:rgb(var(--accent-color))}a:hover .dashboard-recent-media-cover,a:hover .dashboard-recent-media-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))}.nav-settings>.active>a,.nav-settings>.active>a:focus,.nav-settings>.active>a:hover{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))}.user-info-nav a:hover{color:var(--accent-color-hover)}a:hover .dashboard-activity-cover,a:hover .dashboard-activity-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))}a:hover .dashboard-stats-circle,a:hover .dashboard-stats-cover,a:hover .dashboard-stats-poster,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))}.summary-poster-face-overlay,a .cover-face:hover,a .poster-face:hover,a .users-poster-face: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))}.submenu li{border-bottom:1px solid rgba(255,255,255,.08)}.stacked-configs>li>span>span.active,span>a.active{color:rgb(var(--accent-color))}.accordion li.open .link,.accordion li.open .link i.fa{color:rgb(var(--accent-color))}.news-body a:hover{color:var(--link-color-hover)} diff --git a/CSS/themes/thelounge/thelounge-base.css b/CSS/themes/thelounge/thelounge-base.css index 680d1209..1436f2f1 100644 --- a/CSS/themes/thelounge/thelounge-base.css +++ b/CSS/themes/thelounge/thelounge-base.css @@ -1,179 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ - -#chat .userlist .names { - background: rgba(0, 0, 0, 0.25); -} - -#chat .user-mode:before { - background: rgba(0, 0, 0, 0.25); -} - -@media (max-width: 768px) { - #chat .userlist .names { - box-shadow: 0 0 25px 0 rgba(0, 0, 0, .5); - background: var(--window-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - } -} - -@media (max-width: 768px) { - - #viewport.menu-dragging #sidebar, - #viewport.menu-open #sidebar { - box-shadow: 0 0 25px 0 rgba(0, 0, 0, .5); - background: rgba(0, 0, 0, 0.85); - } -} - -#chat .chan .notice .user, -#chat .notice .content, -#chat .notice .time { - color: var(--date-marker-color) !important; -} - -#form #nick { - background: var(--theme-accent); - color: #f3f3f3; -} - -#form { - background-color: rgba(0, 0, 0, 0.45); - border-color: #0086ff00; - color: var(--body-color); -} - -#sidebar .active, -#sidebar .active:hover { - background-color: rgba(0, 0, 0, 0.25); -} - -#chat .msg.motd .text, -code, -.irc-monospace { - background: rgba(0, 0, 0, 0.45); - color: #f3f3f3; -} - -#chat .content, -#windows #chat .header, -#chat .user-mode::before, -#chat .userlist { - border-color: rgba(255, 255, 255, 0.08); -} - -#chat .msg[data-type=motd] .text { - background: rgba(255, 255, 255, 0.08); -} - -/* Dropdown menu */ -#context-menu, -.textcomplete-menu { - background: var(--body-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - /* color: white !important; */ -} - -.context-menu-item, -.textcomplete-item { - color: var(--body-color); -} - -#chat .userlist .user.active, -.context-menu-item:focus, -.context-menu-item:hover, -.textcomplete-item:focus, -.textcomplete-item:hover, -.textcomplete-menu .active { - background-color: rgba(255, 255, 255, 0.08); - transition: none; - outline: 0; -} - -#chat.table.ignore-list td, -#chat table.ban-list td, -#chat table.ban-list th, -#chat table.channel-list td, -#chat table.channel-list th, -#chat table.ignore-list th, -#chat table.invite-list td, -#chat table.invite-list th { - padding: 5px; - vertical-align: top; - border-bottom: 1px solid rgba(255, 255, 255, 0.25); -} - -#chat .userlist .count { - background-color: rgba(0, 0, 0, 0.6); -} - -#footer button:hover, -#sidebar .chan:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -#settings .extra-help:before { - content: "\F059"; - color: var(--body-color); -} - -#windows .window h2 { - color: var(--body-color); -} - -#windows .window h2 { - border-bottom: 1px solid rgba(255, 255, 255, 0.25); -} - -.input:not(:disabled):focus, -.input:not(:disabled):hover { - border-color: #ffffff; -} - -.btn:active, -.btn:focus, -.input:focus { - outline: 0; - box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5); -} - -.btn { - color: inherit; -} - -.mentions-popup { - background: var(--body-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; -} - -#chat .toggle-content { - background: var(--highlight-bg-color); - -} \ No newline at end of file +#chat .userlist .names{background:rgba(0,0,0,.25)}#chat .user-mode:before{background:rgba(0,0,0,.25)}@media (max-width:768px){#chat .userlist .names{box-shadow:0 0 25px 0 rgba(0,0,0,.5);background:var(--window-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover}}@media (max-width:768px){#viewport.menu-dragging #sidebar,#viewport.menu-open #sidebar{box-shadow:0 0 25px 0 rgba(0,0,0,.5);background:rgba(0,0,0,.85)}}#chat .chan .notice .user,#chat .notice .content,#chat .notice .time{color:var(--date-marker-color)!important}#form #nick{background:var(--theme-accent);color:#f3f3f3}#form{background-color:rgba(0,0,0,.45);border-color:#0086ff00;color:var(--body-color)}#sidebar .active,#sidebar .active:hover{background-color:rgba(0,0,0,.25)}#chat .msg.motd .text,.irc-monospace,code{background:rgba(0,0,0,.45);color:#f3f3f3}#chat .content,#chat .user-mode::before,#chat .userlist,#windows #chat .header{border-color:rgba(255,255,255,.08)}#chat .msg[data-type=motd] .text{background:rgba(255,255,255,.08)}#context-menu,.textcomplete-menu{background:var(--body-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover}.context-menu-item,.textcomplete-item{color:var(--body-color)}#chat .userlist .user.active,.context-menu-item:focus,.context-menu-item:hover,.textcomplete-item:focus,.textcomplete-item:hover,.textcomplete-menu .active{background-color:rgba(255,255,255,.08);transition:none;outline:0}#chat table.ban-list td,#chat table.ban-list th,#chat table.channel-list td,#chat table.channel-list th,#chat table.ignore-list th,#chat table.invite-list td,#chat table.invite-list th,#chat.table.ignore-list td{padding:5px;vertical-align:top;border-bottom:1px solid rgba(255,255,255,.25)}#chat .userlist .count{background-color:rgba(0,0,0,.6)}#footer button:hover,#sidebar .chan:hover{background-color:rgba(255,255,255,.08)}#settings .extra-help:before{content:"\F059";color:var(--body-color)}#windows .window h2{color:var(--body-color)}#windows .window h2{border-bottom:1px solid rgba(255,255,255,.25)}.input:not(:disabled):focus,.input:not(:disabled):hover{border-color:#fff}.btn:active,.btn:focus,.input:focus{outline:0;box-shadow:0 0 0 3px rgba(255,255,255,.5)}.btn{color:inherit}.mentions-popup{background:var(--body-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover}#chat .toggle-content{background:var(--highlight-bg-color)} diff --git a/CSS/themes/transmission/transmission-base.css b/CSS/themes/transmission/transmission-base.css index 4fa02805..40491ef2 100644 --- a/CSS/themes/transmission/transmission-base.css +++ b/CSS/themes/transmission/transmission-base.css @@ -1,982 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ -@import url(https://use.fontawesome.com/releases/v5.0.7/css/all.css); - -* { - outline: none !important; -} - -a { - color: var(--link-color); -} - -a:hover { - color: var(--link-color-hover); -} - -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); -} - -/* 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; -} - -div#torrent_container { - 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#torrent_inspector #inspector_header #torrent_inspector_name, -.prefs-section .title { - color: var(--text-hover); -} - -/* Toolbar */ -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 { - font-family: "Font Awesome 5 Free"; - font-size: 33px; - content: "\f07c"; - font-weight: 900; - display: inline-block; - 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 { - font-family: "Font Awesome 5 Free"; - font-size: 33px; - content: "\f28d"; - font-weight: 900; - display: inline-block; - 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 { - font-family: "Font Awesome 5 Free"; - font-size: 33px; - content: "\f152"; - font-weight: 900; - display: inline-block; - 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 { - font-family: "Font Awesome 5 Free"; - font-size: 33px; - content: "\f04c"; - font-weight: 900; - display: inline-block; - 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 { - font-family: "Font Awesome 5 Free"; - font-size: 33px; - content: "\f101"; - font-weight: 900; - display: inline-block; - 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 { - font-family: "Font Awesome 5 Free"; - 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 { - font-family: "Font Awesome 5 Free"; - font-size: 33px; - content: "\f05a"; - font-weight: 900; - display: inline-block; - 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; - border: none; - border-radius: 2px; -} - -#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 { - 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-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 { - 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 { - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - border: 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 { - 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 { - background: none; - background-color: var(--button-color-hover); - border: 1px solid var(--button-color-hover); -} - -/* 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 { - height: 100%; - position: absolute; - top: 0px; - left: 0px; - background-image: none; - background-repeat: repeat-x; - border: 1px solid #888; - } */ - -.ui-widget-content { - border: 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; - color: var(--text); -} - -.ui-widget-header { - color: var(--text-hover) !important; -} - -.ui-widget .ui-widget { - box-shadow: none; -} - -.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 { - 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 { - 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 { - color: #dedede; - text-decoration: none; -} - -.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 { - 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 { - 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 { - font-family: "Font Awesome 5 Free"; - font-size: 10px; - content: "\f00d"; - font-weight: 900; - display: inline-block; - color: var(--text); -} - -/*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>* { - 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 { - 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 { - font-family: "Font Awesome 5 Free"; - 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 { - font-family: "Font Awesome 5 Free"; - font-size: 20px; - content: "\f05a"; - font-weight: 900; - display: inline-block; - 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 { - font-family: "Font Awesome 5 Free"; - 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 { - font-family: "Font Awesome 5 Free"; - font-size: 20px; - content: "\f0c0"; - font-weight: 900; - display: inline-block; - 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); -} - -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; - 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 { - font-family: "Font Awesome 5 Free"; - font-size: 20px; - content: "\f233"; - font-weight: 900; - display: inline-block; - 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); -} - -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; - 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 { - font-family: "Font Awesome 5 Free"; - font-size: 20px; - content: "\f0c5"; - font-weight: 900; - display: inline-block; - 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; - 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 { - font-family: "Font Awesome 5 Free"; - 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 { - font-family: "Font Awesome 5 Free"; - 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 { - font-family: "Font Awesome 5 Free"; - 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 { - font-family: "Font Awesome 5 Free"; - 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 { - font-family: "Font Awesome 5 Free"; - font-size: 30px; - content: "\f106"; - font-weight: 900; - display: inline-block; - color: var(--text); -} - -div#torrent_inspector li.inspector_tracker_entry.odd { - background-color: rgba(255, 255, 255, 0.1); -} - -/*Bottom Toolbar*/ -div.torrent_footer { - border-top: 1px solid transparent; - background-color: rgba(0, 0, 0, .25); - background-image: none; - height: 30px; -} - -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 { - font-family: "Font Awesome 5 Free"; - 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 { - font-family: "Font Awesome 5 Free"; - 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 { - font-family: "Font Awesome 5 Free"; - 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 { - font-family: "Font Awesome 5 Free"; - 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 { - font-family: "Font Awesome 5 Free"; - 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 { - font-family: "Font Awesome 5 Free"; - 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 { - font-family: "Font Awesome 5 Free"; - 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 { - font-family: "Font Awesome 5 Free"; - 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: #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 { - border: 1px solid transparent; - background: none; - background-color: rgba(255, 255, 255, 0.1); - color: var(--text-hover); - 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 +@import url(https://use.fontawesome.com/releases/v5.0.7/css/all.css);*{outline:0!important}a{color:var(--link-color)}a:hover{color:var(--link-color-hover)}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)}@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}div#torrent_container{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}.prefs-section .title,div#torrent_inspector #inspector_header #torrent_inspector_name{color:var(--text-hover)}div#toolbar{background:rgba(0,0,0,.25);background-image:none;border-bottom:1px solid transparent}div#toolbar>div#toolbar-separator{display:none}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;content:"\f07c";font-weight:900;display:inline-block;color:rgb(var(--accent-color));margin-right:5px}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;content:"\f28d";font-weight:900;display:inline-block;color:rgb(var(--accent-color));margin-left:5px}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;content:"\f152";font-weight:900;display:inline-block;color:rgb(var(--accent-color));margin-left:5px}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;content:"\f04c";font-weight:900;display:inline-block;color:rgb(var(--accent-color));margin-left:5px}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;content:"\f101";font-weight:900;display:inline-block;color:rgb(var(--accent-color));margin-left:5px}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;content:"\f28b";font-weight:900;display:inline-block;color:rgb(var(--accent-color))}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;content:"\f05a";font-weight:900;display:inline-block;color:rgb(var(--accent-color))}#statusbar{border-bottom:1px solid transparent;background-image:none;background-color:rgba(0,0,0,.25)}#statusbar #filter input#torrent_search{outline:0;border:none;border-radius:2px}#statusbar #filter input#torrent_search.blur{color:#999;outline:0;border:none;border-radius:2px}#statusbar #speed-info #speed-dn-icon{background:0 0}#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:0 0}#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,.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,.25)}ul.torrent_list li.torrent{border-bottom:1px solid rgba(204,204,204,.1);padding:4px 30px 5px 14px;color:var(--text);background-color:rgba(255,255,255,.08)}div.dialog_container div.dialog_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;border:none!important;opacity:1}div#upload_container div.dialog_window div.dialog_message label,div.dialog_container div.dialog_window h2.dialog_heading{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:0}div.dialog_container div.dialog_window div.dialog_message{color:#dedede}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:active,div.dialog_container div.dialog_window a:hover{background:0 0;background-color:var(--button-color-hover);border:1px solid var(--button-color-hover)}.ui-widget-content{border: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;color:var(--text)}.ui-widget-header{color:var(--text-hover)!important}.ui-widget .ui-widget{box-shadow:none}.ui-widget{-moz-box-shadow:0 3px 6px rgba(0,0,0,.7);-webkit-box-shadow:0 3px 6px rgba(0,0,0,.7);box-shadow:0 3px 6px rgba(0,0,0,.7)}#alt-speed-down,#alt-speed-up,#blocklist-update-button,#blocklist-url,#download-dir,#idle-seeding-limit,#peer-limit-global,#peer-limit-per-torrent,#peer-port,#seedRatioLimit,#speed-limit-down,#speed-limit-up{color:#000;outline:0}.ui-widget-header{border:1px solid transparent;background:0 0;color:#222;font-weight:700}.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:400;color:#dedede}.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{color:#dedede;text-decoration:none}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid transparent;background:rgba(0,0,0,.25);font-weight:400;color:#dedede}.ui-tabs .ui-tabs-nav li.ui-tabs-active{padding-bottom:0}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;content:"\f00d";font-weight:900;display:inline-block;color:var(--text)}div#torrent_inspector{border-left:1px solid transparent;-moz-box-shadow:0 3px 6px rgba(0,0,0,.7);-webkit-box-shadow:0 3px 6px rgba(0,0,0,.7);box-shadow:0 3px 6px rgba(0,0,0,.7)}div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>*{border-color:transparent;height:auto;background-color:rgba(0,0,0,.25)}div#torrent_inspector div.inspector_torrent_file_list_entry_name,div#torrent_inspector div.tracker_host,div#torrent_inspector ul.tier_list .tracker_activity,div#torrent_inspector ul.tier_list table{color:#dedede}div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info{background-image:none;background-color:rgba(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;content:"\f05a";font-weight:900;display:inline-block;color:var(--text)}div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info.selected,div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info:active{background-image:none;background-color:rgba(0,0,0,.25)}div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info.selected:hover:before,div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info:active{color:var(--text-hover)}div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info.selected:before,div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info:active{font-family:"Font Awesome 5 Free";font-size:20px;content:"\f05a";font-weight:900;display:inline-block;color:var(--text)}div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers{background-image:none;background-color:rgba(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;content:"\f0c0";font-weight:900;display:inline-block;color:var(--text)}div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers.selected,div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers:active{background-image:none;background-color:rgba(0,0,0,.25)}div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers.selected:hover:before,div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers:active{color:var(--text-hover)}div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers.selected:before,div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers:active{font-family:"Font Awesome 5 Free";font-size:20px;content:"\f0c0";font-weight:900;display:inline-block;color:var(--text)}div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers{background-image:none;background-color:rgba(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{font-family:"Font Awesome 5 Free";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.selected,div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers:active{background-image:none;background-color:rgba(0,0,0,.25)}div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers.selected:hover:before,div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers:active{color:var(--text-hover)}div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers.selected:before,div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers:active{font-family:"Font Awesome 5 Free";font-size:20px;content:"\f233";font-weight:900;display:inline-block;color:var(--text)}div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files{background-image:none;background-color:rgba(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{font-family:"Font Awesome 5 Free";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.selected,div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files:active{background-image:none;background-color:rgba(0,0,0,.25)}div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files.selected:hover:before,div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files:active{color:var(--text-hover)}div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files.selected:before,div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files:active{font-family:"Font Awesome 5 Free";font-size:20px;content:"\f0c5";font-weight:900;display:inline-block;color:var(--text)}tr.inspector_peer_entry.odd{background-color:rgba(255,255,255,.1)}div.file-priority-radiobox>*{border-color:transparent;width:auto}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.selected,div.file-priority-radiobox>div.low:active{background-color:transparent;background-image:none}div.file-priority-radiobox>div.low.selected:hover:before,div.file-priority-radiobox>div.low:active{color:var(--text-hover)}div.file-priority-radiobox>div.low.selectedbefore,div.file-priority-radiobox>div.low:active{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.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;content:"\f068";font-weight:900;display:inline-block;color:var(--text)}div.file-priority-radiobox>div.normal.selected,div.file-priority-radiobox>div.normal:active{background-color:transparent;background-image:none}div.file-priority-radiobox>div.normal.selected:hover:before,div.file-priority-radiobox>div.normal:active{color:var(--text-hover)}div.file-priority-radiobox>div.normal.selectedbefore,div.file-priority-radiobox>div.normal:active{font-family:"Font Awesome 5 Free";font-size:30px;content:"\f068";font-weight:900;display:inline-block;color:var(--text)}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;content:"\f106";font-weight:900;display:inline-block;color:var(--text)}div.file-priority-radiobox>div.high.selected,div.file-priority-radiobox>div.high:active{background-color:transparent;background-image:none}div.file-priority-radiobox>div.high.selected:hover:before,div.file-priority-radiobox>div.high:active{color:var(--text-hover)}div.file-priority-radiobox>div.high.selectedbefore,div.file-priority-radiobox>div.high:active{font-family:"Font Awesome 5 Free";font-size:30px;content:"\f106";font-weight:900;display:inline-block;color:var(--text)}div#torrent_inspector li.inspector_tracker_entry.odd{background-color:rgba(255,255,255,.1)}div.torrent_footer{border-top:1px solid transparent;background-color:rgba(0,0,0,.25);background-image:none;height:30px}div.torrent_footer>div{border:1px solid transparent}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;content:"\f013";font-weight:900;display:inline-block;color:var(--text)}div.torrent_footer #settings_menu.selected,div.torrent_footer #settings_menu:active{background-color:transparent;background-image:none}div.torrent_footer #settings_menu.selected:hover:before,div.torrent_footer #settings_menu:active{color:var(--text-hover)}div.torrent_footer #settings_menu.selected:before,div.torrent_footer #settings_menu:active{font-family:"Font Awesome 5 Free";font-size:20px;content:"\f013";font-weight:900;display:inline-block;color:var(--text)}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;content:"\f0ad";font-weight:900;display:inline-block;color:var(--text)}div.torrent_footer #prefs-button.selected,div.torrent_footer #prefs-button:active{background-color:transparent;background-image:none}div.torrent_footer #prefs-button.selected:hover:before,div.torrent_footer #prefs-button:active{color:var(--text-hover)}div.torrent_footer #prefs-button.selected:before,div.torrent_footer #prefs-button:active{font-family:"Font Awesome 5 Free";font-size:20px;content:"\f0ad";font-weight:900;display:inline-block;color:var(--text)}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;content:"\f3fd";font-weight:900;display:inline-block;color:var(--text)}div.torrent_footer #turtle-button.selected,div.torrent_footer #turtle-button:active{background-color:transparent;background-image:none}div.torrent_footer #turtle-button.selected:hover:before,div.torrent_footer #turtle-button:active{color:var(--text-hover)}div.torrent_footer #turtle-button.selected:before,div.torrent_footer #turtle-button:active{font-family:"Font Awesome 5 Free";font-size:20px;content:"\f3fd";font-weight:900;display:inline-block;color:#fff}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;content:"\f0ca";font-weight:900;display:inline-block;color:var(--text)}div.torrent_footer #compact-button.selected,div.torrent_footer #compact-button:active{background-color:transparent;background-image:none}div.torrent_footer #compact-button.selected:hover:before,div.torrent_footer #compact-button:active{color:var(--text-hover)}div.torrent_footer #compact-button.selected:before,div.torrent_footer #compact-button:active{font-family:"Font Awesome 5 Free";font-size:20px;content:"\f0ca";font-weight:900;display:inline-block;color:var(--text)}ul.torrent_list li.torrent div.torrent_name.paused,ul.torrent_list li.torrent.compact div.torrent_name{color:#dedede}.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover{border:1px solid transparent;background:0 0;background-color:rgba(255,255,255,.1);color:var(--text-hover);outline:0}.ui-icon,.ui-widget-content .ui-icon{background-image:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/transmission/icons.png)} diff --git a/CSS/themes/unraid/unraid-base.css b/CSS/themes/unraid/unraid-base.css index 02602489..b10ad61d 100644 --- a/CSS/themes/unraid/unraid-base.css +++ b/CSS/themes/unraid/unraid-base.css @@ -1,592 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ - -* { - outline: none; -} - -body { - color: var(--text); - 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; -} - -h1, -h2, -h3, -h4, -h5, -h6, -strong { - color: var(--text-hover); -} - -i.fa.fa-fw { - color: var(--text-hover) !important; -} - -a, -.blue-text, -a.static, -i.control { - color: var(--link-color); -} - -a:hover, -a.static:hover, -i.control:hover { - color: var(--link-color-hover); -} - -#template { - 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; -} - -#menu { - 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; -} - -#header .text-left { - border-right: solid medium rgb(var(--accent-color)); -} - -#header { - background-color: transparent; -} - -#header, -#header .text-right a { - color: var(--text) !important; -} - -#header .block { - background-color: rgb(0 0 0 / 20%); - border-radius: 0px 0px 0px 25px; -} - -#nav-block #nav-item:focus:after, -#nav-block #nav-item:hover:after, -#nav-block #nav-item.active:after { - background: var(--accent-color-hover); -} - -#nav-block #nav-item a:hover { - color: var(--text-hover); -} - -#nav-block #nav-item a { - color: var(--text); -} - -#nav-item.active a { - color: rgb(var(--accent-color)) !important; -} - -#nav-item.active a:hover { - color: rgb(var(--accent-color)) !important; -} - -textarea { - background: rgb(0 0 0 / 25%); -} - -/*DASHBOARD*/ -table.share_status.dashboard { - background-color: rgba(0, 0, 0, .15); - border: 1px solid rgba(255, 255, 255, .25); -} - -table.share_status.dashboard tr>td.next { - border-top: 1px solid rgba(255, 255, 255, .25); - color: var(--text-hover); -} - -span.outer.solid { - background-color: transparent; -} - -span.inner { - width: 137px !important; -} - -thead.sortable, -thead, -table.tablesorter thead tr th { - color: var(--text-hover); -} - -.sys, -.usage-disk, -.usage-bar { - background: rgba(0, 0, 0, .35); -} - -.usage-disk>span:first-child { - background-color: #4caf50 -} - -#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 { - color: var(--link-color-hover); -} - -.green-text, -.passed, -.green { - color: #4caf50; -} - -/*MAIN*/ -#title { - border-bottom: 1px solid rgba(255, 255, 255, .25); - background-color: rgba(0, 0, 0, .5); - color: var(--text-hover); -} - -table { - background-color: rgb(0 0 0 / 25%); -} - -table.disk_status thead tr:first-child td, -table tbody tr.tr_last, -table.share_status tbody tr:nth-child(even), -table.share_status thead tr:first-child td, -table.tablesorter thead tr th, -table.tablesorter tbody tr:nth-child(even), -table.tablesorter thead tr .tablesorter-headerAsc, -table.tablesorter thead tr .tablesorter-headerDesc { - background-color: rgba(0, 0, 0, .25); -} - -table.disk_status tbody tr:nth-child(even) { - background-color: rgba(0, 0, 0, .25); -} - -table.disk_status thead tr:last-child { - border-bottom: 1px solid rgb(160, 160, 160); -} - -table.tablesorter thead tr { - border-bottom: rgba(255, 255, 255, .25) 1px solid; -} - -table tbody tr.tr_last { - border-top: 1px solid rgba(255, 255, 255, .25); -} - -table.share_status tbody tr.warn { - color: #e68a00 !important; - background-color: #feefb3 !important; -} - -/*BUTTON*/ -input[type=button], -input[type=reset], -input[type=submit], -button, -button[type=button], -a.button, -.sweet-alert button, -#template button[type=button], -#template button { - color: var(--button-text); - text-shadow: var(--text-shadow) var(--text-shadow-color); - background: linear-gradient(90deg, var(--button-color) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 100% 100% no-repeat; - background: -webkit-gradient(linear, left top, right top, from(var(--button-color)), to(var(--button-color))) 0 0 no-repeat, -webkit-gradient(linear, left top, right top, from(var(--button-color)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 100% 100% no-repeat; - background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100%; - border: 1px solid transparent; -} - -input:hover[type=button], -input:hover[type=reset], -input:hover[type=submit], -button:hover, -button:hover[type=button], -a.button:hover, -.sweet-alert button:hover, -#template button[type=button]:hover, -#template button:hover { - color: var(--button-text-hover); - text-shadow: var(--text-shadow) var(--button-color-hover); - box-shadow: var(--box-shadow) var(--button-color-hover); - background-color: var(--button-color-hover); - background: -webkit-gradient(linear, left top, right top, from(var(--button-color-hover)), to(var(--button-color-hover))); - background: linear-gradient(90deg, var(--button-color-hover) 0, var(--button-color-hover)); -} - -.swal-button { - color: var(--button-text) !important; - text-shadow: var(--text-shadow) var(--text-shadow-color) !important; - background: linear-gradient(90deg, var(--button-color) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 100% 100% no-repeat !important; - background: -webkit-gradient(linear, left top, right top, from(var(--button-color)), to(var(--button-color))) 0 0 no-repeat, -webkit-gradient(linear, left top, right top, from(var(--button-color)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 100% 100% no-repeat !important; - background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100% !important; - border: 1px solid transparent !important; -} - -.swal-button:hover { - color: var(--button-text-hover) !important; - text-shadow: var(--text-shadow) var(--button-color-hover) !important; - box-shadow: var(--box-shadow) var(--button-color-hover) !important; - background-color: var(--button-color-hover) !important; - background: -webkit-gradient(linear, left top, right top, from(var(--button-color-hover)), to(var(--button-color-hover))) !important; - background: linear-gradient(90deg, var(--button-color-hover) 0, var(--button-color-hover)) !important; -} - -.switch-button-background.checked { - background-color: #4caf50 !important; -} - -.switch-button-label.on { - color: #4caf50 !important; -} - -/* BAR GAUGES */ -.usage-disk { - color: white; -} - -/* USERS */ -div.user-list { - border: 1px solid rgba(255, 255, 255, .15); - background-color: rgba(255, 255, 255, .05); -} - -/* SETTINGS */ -label.checkbox input:checked~.checkmark { - background: var(--button-color); -} - -.logLine { - background: transparent; -} - -.logLine.spacing { - color: var(--text); - 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; -} - -#sb-info-inner, -#sb-loading-inner, -div.sb-message { - color: var(--text); - background-color: transparent; -} - -#sb-title, -#sb-title-inner { - color: var(--text-hover); - background-color: transparent; -} - - -#sb-wrapper { - border: 1px rgba(0, 0, 0, 0) solid; - color: var(--text); - 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; -} - -#sb-loading, -#sb-body-inner, -iframe { - color: var(--text); - background: transparent !important; -} - -div.Panel i.PanelIcon { - color: var(--text-hover); -} - -/* PLUGINS */ -div.tab [type=radio]:checked+label, -div.tab [type=radio]+label:hover { - border: 1px solid var(--accent-color-hover); - color: var(--text-hover); -} - -div.tab [type=radio]+label { - border: 1px solid rgb(255 255 255 / 25%); - background-color: rgb(0 0 0 / 50%); - opacity: 0.5; -} - -/* FOOTER */ -#footer { - color: var(--text); - 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; -} - -/* CA */ -.ca_holderDocker { - 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; -} - -.selectedMenu { - color: rgb(var(--accent-color)) !important; -} - -.hoverMenu { - color: var(--link-color-hover) !important; -} - -.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; -} - -a.ca_appreadmore:hover { - color: var(--link-color-hover) !important; -} - -.ca_bottomLine .appIcons:hover, -.ca_bottomLine .unpinned:hover { - text-decoration: none; - color: var(--link-color-hover) !important; -} - -.tooltipster-sidetip.tooltipster-right .tooltipster-box { - border-left: 3px solid rgb(var(--accent-color)) !important; -} - -.tooltipster-sidetip.tooltipster-bottom .tooltipster-box { - border-top: 3px solid rgb(var(--accent-color)) !important; -} - -.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border { - border-top-color: rgb(var(--accent-color)) !important; -} - -.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border { - border-right-color: rgb(var(--accent-color)) !important; -} - -.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border, -.tooltipster-sidetip.tooltipster-top .tooltipster-box { - border-bottom-color: rgb(var(--accent-color)) !important; -} - -.appIconsPopUp:hover { - color: var(--accent-color-hover) !important; -} - -a.popUpLink:hover { - color: var(--accent-color-hover) !important; -} - -li.caMenuItem { - color: var(--link-color); -} - -li.caMenuItem:hover { - color: var(--link-color-hover); -} - -/* AZURE THEME*/ -div.frame, -div.tabs { - 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; -} - -/*DROPDOWN MENU*/ -.dropdown-menu { - background: var(--drop-down-menu-bg) !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; -} - -.dropdown-menu a { - color: var(--text) !important; -} - -.dropdown-menu .divider { - background-color: rgb(255 255 255 / 10%) !important; - border-bottom: 1px solid rgb(255 255 255 / 10%) !important; -} - -.dropdown-menu li>a:hover, -.dropdown-menu li>a:focus, -.dropdown-submenu:hover>a { - color: var(--text-hover) !important; - background: rgb(255 255 255 / 10%) !important; -} - -/*VM MANAGER*/ -div.shade-black { - background-color: rgb(0 0 0 / 15%) !important; -} - -::placeholder { - color: var(--text-muted) !important; -} - -:-ms-input-placeholder { - color: var(--text-muted) !important; -} - -::-webkit-input-placeholder { - color: var(--text-muted) !important; -} - -/* MODAL */ - -/* .sweet-alert { - background: var(--modal-bg-color) !important; -} */ - -.showSweetAlert:not([data-has-cancel-button="false"]), -.swal-overlay--show-modal .swal-modal { - 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; -} - -.sweet-alert h2, -.sweet-alert p, -.swal-title, -.swal-content, -.swal-content select { - color: var(--text) !important; -} - -/*HELP TEXT*/ - -blockquote { - border-top: 2px solid rgb(0 0 0 / 25%); - border-bottom: 2px solid rgb(0 0 0 / 25%); - color: var(--text); - background-color: rgb(0 0 0 / 10%); -} - -/* MY SERVERS */ -.UnraidUPC .--hasBanner-custom .UnraidUPC-dropdown { - background: var(--drop-down-menu-bg) !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; - --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 50%) !important; - -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow); - box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow); - color: var(--text) !important; -} - -#UnraidUPC .text-beta { - color: var(--text) !important; -} - -.UnraidUPC-dropdown a, -.UnraidUPC-dropdown button { - color: var(--text) !important; -} - -.UnraidUPC-dropdown .btn-emphasize, -.UnraidUPC-dropdown a:focus, -.UnraidUPC-dropdown a:hover, -.UnraidUPC-dropdown button:focus, -.UnraidUPC-dropdown button:hover { - background-image: -webkit-gradient(linear, left top, right top, from(var(--tw-gradient-stops))); - background-image: linear-gradient(90deg, var(--tw-gradient-stops)); - --tw-gradient-from: var(--accent-color-hover); - --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--accent-color)), rgba(226, 40, 40, 0); - --tw-gradient-to: var(--accent-color-hover); - --tw-text-opacity: 1; - color: rgba(255, 255, 255, var(--tw-text-opacity)); - outline: 0; -} - -unraid-authed::part(div[data-v-050c892a] > button) { - background: pink !important; -} - -/* Edit template*/ -#contDescription { - background: rgb(0 0 0 / 25%); - padding: 1%; - border-radius: 5px; -} - -dt { - color: var(--text-hover); -} \ No newline at end of file +*{outline:0}body{color:var(--text);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}h1,h2,h3,h4,h5,h6,strong{color:var(--text-hover)}i.fa.fa-fw{color:var(--text-hover)!important}.blue-text,a,a.static,i.control{color:var(--link-color)}a.static:hover,a:hover,i.control:hover{color:var(--link-color-hover)}#template{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}#menu{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}#header .text-left{border-right:solid medium rgb(var(--accent-color))}#header{background-color:transparent}#header,#header .text-right a{color:var(--text)!important}#header .block{background-color:rgb(0 0 0 / 20%);border-radius:0 0 0 25px}#nav-block #nav-item.active:after,#nav-block #nav-item:focus:after,#nav-block #nav-item:hover:after{background:var(--accent-color-hover)}#nav-block #nav-item a:hover{color:var(--text-hover)}#nav-block #nav-item a{color:var(--text)}#nav-item.active a{color:rgb(var(--accent-color))!important}#nav-item.active a:hover{color:rgb(var(--accent-color))!important}textarea{background:rgb(0 0 0 / 25%)}table.share_status.dashboard{background-color:rgba(0,0,0,.15);border:1px solid rgba(255,255,255,.25)}table.share_status.dashboard tr>td.next{border-top:1px solid rgba(255,255,255,.25);color:var(--text-hover)}span.outer.solid{background-color:transparent}span.inner{width:137px!important}table.tablesorter thead tr th,thead,thead.sortable{color:var(--text-hover)}.sys,.usage-bar,.usage-disk{background:rgba(0,0,0,.35)}.usage-disk>span:first-child{background-color:#4caf50}#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{color:var(--link-color-hover)}.green,.green-text,.passed{color:#4caf50}#title{border-bottom:1px solid rgba(255,255,255,.25);background-color:rgba(0,0,0,.5);color:var(--text-hover)}table{background-color:rgb(0 0 0 / 25%)}table tbody tr.tr_last,table.disk_status thead tr:first-child td,table.share_status tbody tr:nth-child(even),table.share_status thead tr:first-child td,table.tablesorter tbody tr:nth-child(even),table.tablesorter thead tr .tablesorter-headerAsc,table.tablesorter thead tr .tablesorter-headerDesc,table.tablesorter thead tr th{background-color:rgba(0,0,0,.25)}table.disk_status tbody tr:nth-child(even){background-color:rgba(0,0,0,.25)}table.disk_status thead tr:last-child{border-bottom:1px solid #a0a0a0}table.tablesorter thead tr{border-bottom:rgba(255,255,255,.25) 1px solid}table tbody tr.tr_last{border-top:1px solid rgba(255,255,255,.25)}table.share_status tbody tr.warn{color:#e68a00!important;background-color:#feefb3!important}#template button,#template button[type=button],.sweet-alert button,a.button,button,button[type=button],input[type=button],input[type=reset],input[type=submit]{color:var(--button-text);text-shadow:var(--text-shadow) var(--text-shadow-color);background:linear-gradient(90deg,var(--button-color) 0,var(--button-color)) 0 0 no-repeat,linear-gradient(90deg,var(--button-color) 0,var(--button-color)) 0 100% no-repeat,linear-gradient(0deg,var(--button-color) 0,var(--button-color)) 0 100% no-repeat,linear-gradient(0deg,var(--button-color) 0,var(--button-color)) 100% 100% no-repeat;background:-webkit-gradient(linear,left top,right top,from(var(--button-color)),to(var(--button-color))) 0 0 no-repeat,-webkit-gradient(linear,left top,right top,from(var(--button-color)),to(var(--button-color))) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(var(--button-color)),to(var(--button-color))) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(var(--button-color)),to(var(--button-color))) 100% 100% no-repeat;background-size:100% 2px,100% 2px,2px 100%,2px 100%;border:1px solid transparent}#template button:hover,#template button[type=button]:hover,.sweet-alert button:hover,a.button:hover,button:hover,button:hover[type=button],input:hover[type=button],input:hover[type=reset],input:hover[type=submit]{color:var(--button-text-hover);text-shadow:var(--text-shadow) var(--button-color-hover);box-shadow:var(--box-shadow) var(--button-color-hover);background-color:var(--button-color-hover);background:-webkit-gradient(linear,left top,right top,from(var(--button-color-hover)),to(var(--button-color-hover)));background:linear-gradient(90deg,var(--button-color-hover) 0,var(--button-color-hover))}.swal-button{color:var(--button-text)!important;text-shadow:var(--text-shadow) var(--text-shadow-color)!important;background:linear-gradient(90deg,var(--button-color) 0,var(--button-color)) 0 0 no-repeat,linear-gradient(90deg,var(--button-color) 0,var(--button-color)) 0 100% no-repeat,linear-gradient(0deg,var(--button-color) 0,var(--button-color)) 0 100% no-repeat,linear-gradient(0deg,var(--button-color) 0,var(--button-color)) 100% 100% no-repeat!important;background:-webkit-gradient(linear,left top,right top,from(var(--button-color)),to(var(--button-color))) 0 0 no-repeat,-webkit-gradient(linear,left top,right top,from(var(--button-color)),to(var(--button-color))) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(var(--button-color)),to(var(--button-color))) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(var(--button-color)),to(var(--button-color))) 100% 100% no-repeat!important;background-size:100% 2px,100% 2px,2px 100%,2px 100%!important;border:1px solid transparent!important}.swal-button:hover{color:var(--button-text-hover)!important;text-shadow:var(--text-shadow) var(--button-color-hover)!important;box-shadow:var(--box-shadow) var(--button-color-hover)!important;background-color:var(--button-color-hover)!important;background:-webkit-gradient(linear,left top,right top,from(var(--button-color-hover)),to(var(--button-color-hover)))!important;background:linear-gradient(90deg,var(--button-color-hover) 0,var(--button-color-hover))!important}.switch-button-background.checked{background-color:#4caf50!important}.switch-button-label.on{color:#4caf50!important}.usage-disk{color:#fff}div.user-list{border:1px solid rgba(255,255,255,.15);background-color:rgba(255,255,255,.05)}label.checkbox input:checked~.checkmark{background:var(--button-color)}.logLine{background:0 0}.logLine.spacing{color:var(--text);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}#sb-info-inner,#sb-loading-inner,div.sb-message{color:var(--text);background-color:transparent}#sb-title,#sb-title-inner{color:var(--text-hover);background-color:transparent}#sb-wrapper{border:1px transparent solid;color:var(--text);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}#sb-body-inner,#sb-loading,iframe{color:var(--text);background:0 0!important}div.Panel i.PanelIcon{color:var(--text-hover)}div.tab [type=radio]+label:hover,div.tab [type=radio]:checked+label{border:1px solid var(--accent-color-hover);color:var(--text-hover)}div.tab [type=radio]+label{border:1px solid rgb(255 255 255 / 25%);background-color:rgb(0 0 0 / 50%);opacity:.5}#footer{color:var(--text);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}.ca_holderDocker{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}.selectedMenu{color:rgb(var(--accent-color))!important}.hoverMenu{color:var(--link-color-hover)!important}.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}a.ca_appreadmore:hover{color:var(--link-color-hover)!important}.ca_bottomLine .appIcons:hover,.ca_bottomLine .unpinned:hover{text-decoration:none;color:var(--link-color-hover)!important}.tooltipster-sidetip.tooltipster-right .tooltipster-box{border-left:3px solid rgb(var(--accent-color))!important}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{border-top:3px solid rgb(var(--accent-color))!important}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:rgb(var(--accent-color))!important}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:rgb(var(--accent-color))!important}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border,.tooltipster-sidetip.tooltipster-top .tooltipster-box{border-bottom-color:rgb(var(--accent-color))!important}.appIconsPopUp:hover{color:var(--accent-color-hover)!important}a.popUpLink:hover{color:var(--accent-color-hover)!important}li.caMenuItem{color:var(--link-color)}li.caMenuItem:hover{color:var(--link-color-hover)}div.frame,div.tabs{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}.dropdown-menu{background:var(--drop-down-menu-bg)!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}.dropdown-menu a{color:var(--text)!important}.dropdown-menu .divider{background-color:rgb(255 255 255 / 10%)!important;border-bottom:1px solid rgb(255 255 255 / 10%)!important}.dropdown-menu li>a:focus,.dropdown-menu li>a:hover,.dropdown-submenu:hover>a{color:var(--text-hover)!important;background:rgb(255 255 255 / 10%)!important}div.shade-black{background-color:rgb(0 0 0 / 15%)!important}::placeholder{color:var(--text-muted)!important}:-ms-input-placeholder{color:var(--text-muted)!important}::-webkit-input-placeholder{color:var(--text-muted)!important}.showSweetAlert:not([data-has-cancel-button=false]),.swal-overlay--show-modal .swal-modal{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}.swal-content,.swal-content select,.swal-title,.sweet-alert h2,.sweet-alert p{color:var(--text)!important}blockquote{border-top:2px solid rgb(0 0 0 / 25%);border-bottom:2px solid rgb(0 0 0 / 25%);color:var(--text);background-color:rgb(0 0 0 / 10%)}.UnraidUPC .--hasBanner-custom .UnraidUPC-dropdown{background:var(--drop-down-menu-bg)!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;--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 50%)!important;-webkit-box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow);color:var(--text)!important}#UnraidUPC .text-beta{color:var(--text)!important}.UnraidUPC-dropdown a,.UnraidUPC-dropdown button{color:var(--text)!important}.UnraidUPC-dropdown .btn-emphasize,.UnraidUPC-dropdown a:focus,.UnraidUPC-dropdown a:hover,.UnraidUPC-dropdown button:focus,.UnraidUPC-dropdown button:hover{background-image:-webkit-gradient(linear,left top,right top,from(var(--tw-gradient-stops)));background-image:linear-gradient(90deg,var(--tw-gradient-stops));--tw-gradient-from:var(--accent-color-hover);--tw-gradient-stops:var(--tw-gradient-from),rgb(var(--accent-color)),rgba(226, 40, 40, 0);--tw-gradient-to:var(--accent-color-hover);--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity));outline:0}unraid-authed::part(div[data-v-050c892a]>button){background:pink!important}#contDescription{background:rgb(0 0 0 / 25%);padding:1%;border-radius:5px}dt{color:var(--text-hover)} diff --git a/CSS/themes/vuetorrent/vuetorrent-base.css b/CSS/themes/vuetorrent/vuetorrent-base.css index fc4d6b41..3dfefba5 100644 --- a/CSS/themes/vuetorrent/vuetorrent-base.css +++ b/CSS/themes/vuetorrent/vuetorrent-base.css @@ -1,492 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ - -/* MOBILE */ - -@media (max-width: 720px) { - - .modal__body, - .modal__content__wrapper, - .modal__header, - body, - .dark .torrents, - .torrents, - .action-bar { - background: #1b1b1b !important; - } -} - -body, -.background, -.theme--light.v-application, -.theme--dark.v-application, -.v-application .background { - color: var(--text); - 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; -} - -html { - color: var(--text); - background: #1f1f1f !important; -} - -/* SCROLL BAR */ -#app>div>nav>nav>div.v-navigation-drawer__content::-webkit-scrollbar-thumb { - background: rgba(255, 255, 255, .1); - border-radius: 20px -} - -#app>div>nav>nav>div.v-navigation-drawer__content::-webkit-scrollbar-thumb:hover { - background: rgba(255, 255, 255, .25); - border-radius: 20px -} - -/* TEXT */ -.h1, -.h2, -.h3, -.h4, -.h5, -.h6, -h1, -h2, -h3, -h4, -h5, -h6, -p, -.theme--dark.v-label, -.theme--light.v-label, -.theme--light.v-counter { - color: var(--text-hover); -} - -.v-application .grey--text { - color: var(--text-muted) !important; - caret-color: var(--text-muted) !important; -} - -.theme--light.v-tabs>.v-tabs-bar .v-tab--disabled, -.theme--light.v-tabs>.v-tabs-bar .v-tab:not(.v-tab--active), -.theme--light.v-tabs>.v-tabs-bar .v-tab:not(.v-tab--active)>.v-btn, -.theme--light.v-tabs>.v-tabs-bar .v-tab:not(.v-tab--active)>.v-icon, -.theme--dark.v-tabs>.v-tabs-bar .v-tab--disabled, -.theme--dark.v-tabs>.v-tabs-bar .v-tab:not(.v-tab--active), -.theme--dark.v-tabs>.v-tabs-bar .v-tab:not(.v-tab--active)>.v-btn, -.theme--dark.v-tabs>.v-tabs-bar .v-tab:not(.v-tab--active)>.v-icon { - color: var(--text); -} - -.theme--dark.v-subheader, -.theme--light.v-subheader { - color: var(--text-hover); -} - -.theme--light.v-input, -.theme--light.v-input input, -.theme--light.v-input textarea { - color: var(--text); -} - -/* CARDS */ -.theme--light.v-card, -.theme--dark.v-card { - background-color: rgba(0, 0, 0, .5); - color: var(--text); -} - -/* TOP NAVBAR */ -.theme--light.v-app-bar.v-toolbar.v-sheet, -.theme--dark.v-app-bar.v-toolbar.v-sheet { - color: var(--text) !important; -} - -.v-app-bar.v-app-bar--hide-shadow { - background-color: rgba(0, 0, 0, .25) !important; -} - -.v-app-bar.v-app-bar--is-scrolled { - background: var(--main-bg-color) !important; - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; -} - -.v-navigation-drawer__content .theme--dark.v-card, -.v-navigation-drawer__content .theme--light.v-card { - background: rgba(0, 0, 0, 0) !important; -} - -/* SIDE MENU */ -.v-application .primary { - background: rgba(0, 0, 0, .25) !important; - color: var(--text) !important; -} - -.v-application .secondary { - background-color: rgba(255, 255, 255, .15) !important; - border-color: rgba(255, 255, 255, .15) !important; - -} - -.theme--dark.v-navigation-drawer:not(.v-navigation-drawer--floating) .v-navigation-drawer__border, -.theme--light.v-navigation-drawer:not(.v-navigation-drawer--floating) .v-navigation-drawer__border { - background-color: rgba(0, 0, 0, .12); -} - -@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { - - .v-navigation-drawer--is-mobile:not(.v-navigation-drawer--close), - .v-navigation-drawer--temporary:not(.v-navigation-drawer--close), - .v-navigation-drawer--is-mobile:not(.v-navigation-drawer--close), - .v-navigation-drawer--temporary:not(.v-navigation-drawer--close) { - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - } -} - -/* slightly transparent fallback for Firefox (not supporting backdrop-filter) */ -@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) { - - .v-navigation-drawer--is-mobile:not(.v-navigation-drawer--close), - .v-navigation-drawer--temporary:not(.v-navigation-drawer--close), - .v-navigation-drawer--is-mobile:not(.v-navigation-drawer--close), - .v-navigation-drawer--temporary:not(.v-navigation-drawer--close) { - background-color: rgba(0, 0, 0, 0.9); - } -} - -.v-application .download--text { - color: rgb(var(--accent-color)) !important; - caret-color: rgb(var(--accent-color)) !important; -} - -.v-navigation-drawer__content .download--text { - color: var(--v-download-base) !important; - caret-color: var(--v-download-base) !important; -} - -/* MODAL */ -.v-dialog .theme--dark.v-card, -.v-dialog .theme--light.v-card, -.v-dialog .theme--light.v-tabs-items, -.v-dialog .theme--dark.v-tabs-items, -.v-dialog .theme--light.v-list, -.v-dialog .theme--dark.v-list { - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: var(--text); -} - -.v-application .primary--text { - color: var(--button-color) !important; - caret-color: var(--button-color) !important; -} - -.theme--light.v-tabs>.v-tabs-bar, -.theme--dark.v-tabs>.v-tabs-bar { - background-color: rgba(0, 0, 0, .15); -} - -.v-application .white, -.v-tab:before, -.v-tabs-slider { - background-color: rgb(var(--accent-color)) !important; - border-color: rbg(var(--accent-color)) !important; -} - -.theme--dark.v-icon.v-icon.v-icon--disabled, -.theme--light.v-icon.v-icon.v-icon--disabled { - color: rgba(255, 255, 255, .38) !important; -} - -.theme--dark.v-text-field--solo>.v-input__control>.v-input__slot, -.theme--light.v-text-field--solo>.v-input__control>.v-input__slot { - background: #1e1e1e; -} - -.v-input__icon svg, -.v-select__selection { - color: rgb(var(--accent-color)) !important; -} - -.v-application .accent { - background-color: var(--button-color) !important; - border-color: var(--button-color) !important; -} - -.theme--light.v-text-field>.v-input__control>.v-input__slot:before, -.theme--dark.v-text-field>.v-input__control>.v-input__slot:before { - border-color: rgb(255 255 255 / 42%); -} - -.theme--light.v-text-field:not(.v-input--has-state):hover>.v-input__control>.v-input__slot:before, -.theme--dark.v-text-field:not(.v-input--has-state):hover>.v-input__control>.v-input__slot:before { - border-color: rgba(255, 255, 255, .87); -} - -.theme--dark.v-list-item:not(.v-list-item--active):not(.v-list-item--disabled), -.theme--light.v-list-item:not(.v-list-item--active):not(.v-list-item--disabled) { - color: var(--text) !important; -} - -/* FORMS */ -.v-input__slot:hover fieldset, -.v-text-field--outlined fieldset { - border-color: rgba(255, 255, 255, .1) !important; -} - -/* DASHBOARD */ - -.theme--dark.v-card.sideborder.done, -.theme--light.v-card.sideborder.done { - background-color: #16573e40; - color: #FFF; -} - -.theme--dark.v-card.sideborder.downloading, -.theme--light.v-card.sideborder.downloading { - background-color: #5bb97440; - color: #FFF; -} - -.theme--dark.v-card.sideborder.fail, -.theme--light.v-card.sideborder.fail { - background-color: #f83e7040; - color: #FFF; -} - -.theme--dark.v-card.sideborder.paused, -.theme--light.v-card.sideborder.paused { - background-color: #9ca3af40; - color: #FFF; -} - -.theme--dark.v-card.sideborder.queued, -.theme--light.v-card.sideborder.queued { - background-color: #2e5eaa40; - color: #FFF; -} - -.theme--dark.v-card.sideborder.seeding, -.theme--light.v-card.sideborder.seeding { - background-color: #4ecde640; - color: #FFF; -} - -.theme--dark.v-card.sideborder.checking, -.theme--light.v-card.sideborder.checking { - background-color: #ff704340; - color: #FFF; -} - -.theme--dark.v-card.sideborder.stalled, -.theme--light.v-card.sideborder.stalled { - background-color: #4ade8040; - color: #FFF; -} - -.theme--dark.v-card.sideborder.metadata, -.theme--light.v-card.sideborder.metadata { - background-color: #7e57c240; - color: #FFF; -} - -.theme--dark.v-card.sideborder.moving, -.theme--light.v-card.sideborder.moving { - background-color: #ffaa2c40; - color: #FFF; -} - -.v-application .torrent-paused-color .caption, -.v-application .torrent-seeding-color .caption, -.v-application .torrent-done-color .caption { - color: #ccc !important; -} - -.v-application .torrent-paused-color { - 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 { - background-color: rgba(22, 87, 62, .7) !important; - border-color: rgba(22, 87, 62, .7) !important; -} - -.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 { - background-color: rgba(248, 62, 112, .7) !important; - border-color: rgba(248, 62, 112, .7) !important; -} - -.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 { - background-color: rgba(255, 112, 67, .7) !important; - border-color: rgba(255, 112, 67, .7) !important; -} - -.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 { - background-color: rgba(126, 87, 194, .7) !important; - border-color: rgba(126, 87, 194, .7) !important; -} - -.v-application .torrent-moving-color { - background-color: rgba(255, 170, 44, .7) !important; - border-color: rgba(255, 170, 44, .7) !important; -} - -.torrent-paused-color .v-chip.paused, -.torrent-seeding-color .v-chip.seeding, -.torrent-done-color .v-chip.downloading, -.torrent-done-color .v-chip.fail, -.torrent-done-color .v-chip.queued, -.torrent-done-color .v-chip.checking, -.torrent-done-color .v-chip.stalled, -.torrent-done-color .v-chip.metadata, -.torrent-done-color .v-chip.moving { - color: #fff !important; -} - -/* DROPDOWN */ -.v-menu__content .theme--dark.v-list-item:not(.v-list-item--active):not(.v-list-item--disabled), -.v-menu__content .theme--light.v-list-item:not(.v-list-item--active):not(.v-list-item--disabled) { - color: var(--text) !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; -} - -.theme--dark.v-icon, -.theme--light.v-icon { - color: rgb(var(--accent-color)) !important; -} - -.theme--light.v-divider, -.theme--dark.v-divider { - border-color: rgba(255, 255, 255, .2) !important; -} - -/* TABLE */ -.theme--dark.v-data-table, -.theme--light.v-data-table { - background-color: rgba(0, 0, 0, .65); - color: var(--text); -} - -.theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:hover:not(.v-data-table__expanded__content):not(.v-data-table__empty-wrapper), -.theme--dark.v-data-table>.v-data-table__wrapper>table>tbody>tr:hover:not(.v-data-table__expanded__content):not(.v-data-table__empty-wrapper) { - background: rgb(255 255 255 / 15%); -} - -.theme--dark.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>td:last-child, -.theme--dark.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>td:not(.v-data-table__mobile-row), -.theme--dark.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>th:last-child, -.theme--dark.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>th:not(.v-data-table__mobile-row), -.theme--dark.v-data-table>.v-data-table__wrapper>table>thead>tr:last-child>th, -.theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>td:last-child, -.theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>td:not(.v-data-table__mobile-row), -.theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>th:last-child, -.theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>th:not(.v-data-table__mobile-row), -.theme--light.v-data-table>.v-data-table__wrapper>table>thead>tr:last-child>th { - border-bottom: thin solid hsla(0, 0%, 100%, .12); -} - -.theme--light.v-data-table>.v-data-table__wrapper>table>thead>tr>th, -.theme--dark.v-data-table>.v-data-table__wrapper>table>thead>tr>th { - color: var(--text); -} - -.theme--light.v-data-table .v-data-table-header th.sortable.active, -.theme--light.v-data-table .v-data-table-header th.sortable.active .v-data-table-header__icon, -.theme--light.v-data-table .v-data-table-header th.sortable:hover, -.theme--dark.v-data-table .v-data-table-header th.sortable.active, -.theme--dark.v-data-table .v-data-table-header th.sortable.active .v-data-table-header__icon, -.theme--dark.v-data-table .v-data-table-header th.sortable:hover { - color: var(--text-hover); -} - -/* TOOLTIP */ -.apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title, -.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title { - background: rgba(0, 0, 0, 0.7); - border-bottom: 1px solid rgba(255, 255, 255, .1); -} - -.apexcharts-tooltip.apexcharts-theme-dark, -.apexcharts-tooltip.apexcharts-theme-light { - color: var(--text); - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - border: 1px solid rgba(255, 255, 255, .1); -} - -/* MOBILE */ - -.theme--dark.v-btn.v-btn--has-bg, -.theme--light.v-btn.v-btn--has-bg { - background-color: rgb(var(--accent-color)); -} - -.v-speed-dial__list .v-icon__svg { - fill: #fff; -} \ No newline at end of file +@media (max-width:720px){.action-bar,.dark .torrents,.modal__body,.modal__content__wrapper,.modal__header,.torrents,body{background:#1b1b1b!important}}.background,.theme--dark.v-application,.theme--light.v-application,.v-application .background,body{color:var(--text);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}html{color:var(--text);background:#1f1f1f!important}#app>div>nav>nav>div.v-navigation-drawer__content::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:20px}#app>div>nav>nav>div.v-navigation-drawer__content::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.25);border-radius:20px}.h1,.h2,.h3,.h4,.h5,.h6,.theme--dark.v-label,.theme--light.v-counter,.theme--light.v-label,h1,h2,h3,h4,h5,h6,p{color:var(--text-hover)}.v-application .grey--text{color:var(--text-muted)!important;caret-color:var(--text-muted)!important}.theme--dark.v-tabs>.v-tabs-bar .v-tab--disabled,.theme--dark.v-tabs>.v-tabs-bar .v-tab:not(.v-tab--active),.theme--dark.v-tabs>.v-tabs-bar .v-tab:not(.v-tab--active)>.v-btn,.theme--dark.v-tabs>.v-tabs-bar .v-tab:not(.v-tab--active)>.v-icon,.theme--light.v-tabs>.v-tabs-bar .v-tab--disabled,.theme--light.v-tabs>.v-tabs-bar .v-tab:not(.v-tab--active),.theme--light.v-tabs>.v-tabs-bar .v-tab:not(.v-tab--active)>.v-btn,.theme--light.v-tabs>.v-tabs-bar .v-tab:not(.v-tab--active)>.v-icon{color:var(--text)}.theme--dark.v-subheader,.theme--light.v-subheader{color:var(--text-hover)}.theme--light.v-input,.theme--light.v-input input,.theme--light.v-input textarea{color:var(--text)}.theme--dark.v-card,.theme--light.v-card{background-color:rgba(0,0,0,.5);color:var(--text)}.theme--dark.v-app-bar.v-toolbar.v-sheet,.theme--light.v-app-bar.v-toolbar.v-sheet{color:var(--text)!important}.v-app-bar.v-app-bar--hide-shadow{background-color:rgba(0,0,0,.25)!important}.v-app-bar.v-app-bar--is-scrolled{background:var(--main-bg-color)!important;background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover}.v-navigation-drawer__content .theme--dark.v-card,.v-navigation-drawer__content .theme--light.v-card{background:rgba(0,0,0,0)!important}.v-application .primary{background:rgba(0,0,0,.25)!important;color:var(--text)!important}.v-application .secondary{background-color:rgba(255,255,255,.15)!important;border-color:rgba(255,255,255,.15)!important}.theme--dark.v-navigation-drawer:not(.v-navigation-drawer--floating) .v-navigation-drawer__border,.theme--light.v-navigation-drawer:not(.v-navigation-drawer--floating) .v-navigation-drawer__border{background-color:rgba(0,0,0,.12)}@supports (-webkit-backdrop-filter:none) or (backdrop-filter:none){.v-navigation-drawer--is-mobile:not(.v-navigation-drawer--close),.v-navigation-drawer--temporary:not(.v-navigation-drawer--close){-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@supports not ((-webkit-backdrop-filter:none) or (backdrop-filter:none)){.v-navigation-drawer--is-mobile:not(.v-navigation-drawer--close),.v-navigation-drawer--temporary:not(.v-navigation-drawer--close){background-color:rgba(0,0,0,.9)}}.v-application .download--text{color:rgb(var(--accent-color))!important;caret-color:rgb(var(--accent-color))!important}.v-navigation-drawer__content .download--text{color:var(--v-download-base)!important;caret-color:var(--v-download-base)!important}.v-dialog .theme--dark.v-card,.v-dialog .theme--dark.v-list,.v-dialog .theme--dark.v-tabs-items,.v-dialog .theme--light.v-card,.v-dialog .theme--light.v-list,.v-dialog .theme--light.v-tabs-items{background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;color:var(--text)}.v-application .primary--text{color:var(--button-color)!important;caret-color:var(--button-color)!important}.theme--dark.v-tabs>.v-tabs-bar,.theme--light.v-tabs>.v-tabs-bar{background-color:rgba(0,0,0,.15)}.v-application .white,.v-tab:before,.v-tabs-slider{background-color:rgb(var(--accent-color))!important;border-color:rbg(var(--accent-color))!important}.theme--dark.v-icon.v-icon.v-icon--disabled,.theme--light.v-icon.v-icon.v-icon--disabled{color:rgba(255,255,255,.38)!important}.theme--dark.v-text-field--solo>.v-input__control>.v-input__slot,.theme--light.v-text-field--solo>.v-input__control>.v-input__slot{background:#1e1e1e}.v-input__icon svg,.v-select__selection{color:rgb(var(--accent-color))!important}.v-application .accent{background-color:var(--button-color)!important;border-color:var(--button-color)!important}.theme--dark.v-text-field>.v-input__control>.v-input__slot:before,.theme--light.v-text-field>.v-input__control>.v-input__slot:before{border-color:rgb(255 255 255 / 42%)}.theme--dark.v-text-field:not(.v-input--has-state):hover>.v-input__control>.v-input__slot:before,.theme--light.v-text-field:not(.v-input--has-state):hover>.v-input__control>.v-input__slot:before{border-color:rgba(255,255,255,.87)}.theme--dark.v-list-item:not(.v-list-item--active):not(.v-list-item--disabled),.theme--light.v-list-item:not(.v-list-item--active):not(.v-list-item--disabled){color:var(--text)!important}.v-input__slot:hover fieldset,.v-text-field--outlined fieldset{border-color:rgba(255,255,255,.1)!important}.theme--dark.v-card.sideborder.done,.theme--light.v-card.sideborder.done{background-color:#16573e40;color:#fff}.theme--dark.v-card.sideborder.downloading,.theme--light.v-card.sideborder.downloading{background-color:#5bb97440;color:#fff}.theme--dark.v-card.sideborder.fail,.theme--light.v-card.sideborder.fail{background-color:#f83e7040;color:#fff}.theme--dark.v-card.sideborder.paused,.theme--light.v-card.sideborder.paused{background-color:#9ca3af40;color:#fff}.theme--dark.v-card.sideborder.queued,.theme--light.v-card.sideborder.queued{background-color:#2e5eaa40;color:#fff}.theme--dark.v-card.sideborder.seeding,.theme--light.v-card.sideborder.seeding{background-color:#4ecde640;color:#fff}.theme--dark.v-card.sideborder.checking,.theme--light.v-card.sideborder.checking{background-color:#ff704340;color:#fff}.theme--dark.v-card.sideborder.stalled,.theme--light.v-card.sideborder.stalled{background-color:#4ade8040;color:#fff}.theme--dark.v-card.sideborder.metadata,.theme--light.v-card.sideborder.metadata{background-color:#7e57c240;color:#fff}.theme--dark.v-card.sideborder.moving,.theme--light.v-card.sideborder.moving{background-color:#ffaa2c40;color:#fff}.v-application .torrent-done-color .caption,.v-application .torrent-paused-color .caption,.v-application .torrent-seeding-color .caption{color:#ccc!important}.v-application .torrent-paused-color{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{background-color:rgba(22,87,62,.7)!important;border-color:rgba(22,87,62,.7)!important}.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{background-color:rgba(248,62,112,.7)!important;border-color:rgba(248,62,112,.7)!important}.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{background-color:rgba(255,112,67,.7)!important;border-color:rgba(255,112,67,.7)!important}.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{background-color:rgba(126,87,194,.7)!important;border-color:rgba(126,87,194,.7)!important}.v-application .torrent-moving-color{background-color:rgba(255,170,44,.7)!important;border-color:rgba(255,170,44,.7)!important}.torrent-done-color .v-chip.checking,.torrent-done-color .v-chip.downloading,.torrent-done-color .v-chip.fail,.torrent-done-color .v-chip.metadata,.torrent-done-color .v-chip.moving,.torrent-done-color .v-chip.queued,.torrent-done-color .v-chip.stalled,.torrent-paused-color .v-chip.paused,.torrent-seeding-color .v-chip.seeding{color:#fff!important}.v-menu__content .theme--dark.v-list-item:not(.v-list-item--active):not(.v-list-item--disabled),.v-menu__content .theme--light.v-list-item:not(.v-list-item--active):not(.v-list-item--disabled){color:var(--text)!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}.theme--dark.v-icon,.theme--light.v-icon{color:rgb(var(--accent-color))!important}.theme--dark.v-divider,.theme--light.v-divider{border-color:rgba(255,255,255,.2)!important}.theme--dark.v-data-table,.theme--light.v-data-table{background-color:rgba(0,0,0,.65);color:var(--text)}.theme--dark.v-data-table>.v-data-table__wrapper>table>tbody>tr:hover:not(.v-data-table__expanded__content):not(.v-data-table__empty-wrapper),.theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:hover:not(.v-data-table__expanded__content):not(.v-data-table__empty-wrapper){background:rgb(255 255 255 / 15%)}.theme--dark.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>td:last-child,.theme--dark.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>td:not(.v-data-table__mobile-row),.theme--dark.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>th:last-child,.theme--dark.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>th:not(.v-data-table__mobile-row),.theme--dark.v-data-table>.v-data-table__wrapper>table>thead>tr:last-child>th,.theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>td:last-child,.theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>td:not(.v-data-table__mobile-row),.theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>th:last-child,.theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>th:not(.v-data-table__mobile-row),.theme--light.v-data-table>.v-data-table__wrapper>table>thead>tr:last-child>th{border-bottom:thin solid hsla(0,0%,100%,.12)}.theme--dark.v-data-table>.v-data-table__wrapper>table>thead>tr>th,.theme--light.v-data-table>.v-data-table__wrapper>table>thead>tr>th{color:var(--text)}.theme--dark.v-data-table .v-data-table-header th.sortable.active,.theme--dark.v-data-table .v-data-table-header th.sortable.active .v-data-table-header__icon,.theme--dark.v-data-table .v-data-table-header th.sortable:hover,.theme--light.v-data-table .v-data-table-header th.sortable.active,.theme--light.v-data-table .v-data-table-header th.sortable.active .v-data-table-header__icon,.theme--light.v-data-table .v-data-table-header th.sortable:hover{color:var(--text-hover)}.apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title,.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title{background:rgba(0,0,0,.7);border-bottom:1px solid rgba(255,255,255,.1)}.apexcharts-tooltip.apexcharts-theme-dark,.apexcharts-tooltip.apexcharts-theme-light{color:var(--text);background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;border:1px solid rgba(255,255,255,.1)}.theme--dark.v-btn.v-btn--has-bg,.theme--light.v-btn.v-btn--has-bg{background-color:rgb(var(--accent-color))}.v-speed-dial__list .v-icon__svg{fill:#fff} diff --git a/CSS/themes/webtools/webtools-base.css b/CSS/themes/webtools/webtools-base.css index 62df0a16..df8ba9bf 100644 --- a/CSS/themes/webtools/webtools-base.css +++ b/CSS/themes/webtools/webtools-base.css @@ -1,392 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ - -body { - background: var(--main-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; -} - -a, -.language a { - color: var(--link-color); -} - -a:hover { - color: #fff; -} - -#content:before { - background: var(--main-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; -} - -* { - outline: none !important; -} - -/* TEXT */ -body, -.head .title, -.fm .sections .section { - color: var(--text); -} - -/* ACCENTS */ -webtools-loading .webtoolsLoading, -content-loading .contentLoading { - color: var(--accent-color); -} - -.uas .type.active { - background: var(--button-color); - box-shadow: none; -} - -.uas .type.active:hover { - background: var(--button-color-hover); - box-shadow: none; -} - -/* NAVBAR */ -.head { - background-color: rgb(0 0 0 / 0.25); - box-shadow: 0 0 0 0px rgb(0 0 0 / 0%); -} - -.vertical-center { - box-shadow: inset 0px 15px 15px -4px rgb(255 255 0 / 0%); -} - -/* SIDE MENU */ -.menu .toggle { - background: rgb(0 0 0 / .25); - color: var(--accent-color); -} - -.menu { - background-color: rgb(0 0 0 / 25%); - box-shadow: 0 0 0 0px rgba(0, 0, 0, 0); -} - -.menu .item { - background: rgb(255 255 255 / 8%); - color: var(--button-text); - box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .0); -} - -.menu .item:hover { - background: rgb(255 255 255 / .16); - color: var(--text-hover); -} - -.menu .item.active { - background: var(--accent-color); - color: var(--button-text); -} - -/* MODALS */ -.ngdialog.ngdialog-theme-default .ngdialog-content { - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: var(--text) !important; - border: #f0505000 5px solid; -} - -.fm .settings { - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: var(--text); - Border: 1px solid rgba(0, 0, 0, 0.2); -} - -/* PAGES */ -.sub .settings { - background: rgb(255 255 255 / 25%); -} - -label { - color: var(--button-text); -} - -.sub .rowShow, -.uas .repoContainer .repo, -.uas .typesMenu, -.uas .repoContainer .repo.installed, -.fm .sections .section, -.playlists .userContainer .fileContainer, -.playlists .playlistContainer { - background: rgb(255 255 255 / .08); - box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .0); - border: transparent; -} - -.uas .type:hover { - background: rgb(255 255 255 / 8%); - color: var(--text-hover); -} - -.sub .rowShow:hover, -.uas .repoContainer .repo:hover, -.fm .sections .section:hover { - background: rgb(255 255 255 / .16); - box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .0); -} - -.expanded:hover { - background: rgb(255 255 255 / .08) !important; - box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .0); -} - -.sub .rowShow .lineShow .contentShow .detail { - background: rgb(0 0 0 / 25%); - color: var(--text) !important; -} - -.sub .rowShow .lineShow .contentShow .detail .subItem .download:hover, -.sub .rowShow .lineShow .contentShow .detail .subHeader .selectActions div:hover { - color: var(--text-hover) !important; -} - -.sub .rowShow .lineShow .contentShow .detail .subItem.selected { - background: rgb(0 0 0 / 25%); -} - -.sub .rowShow .lineShow .contentShow .detail .subItem.checked { - background: rgba(255, 255, 255, 0.5); - color: var(--text-hover); -} - -.sub .rowShow .lineShow .contentShow .detail .subItem.selected.checked { - background: var(--accent-color); -} - -.sub .rowShow .lineShow .contentShow .tvshow { - background-color: rgb(255 255 255 / 8%); - color: var(--button-text); -} - -.sub .rowShow .lineShow .contentShow .tvshow:hover { - background-color: rgb(255 255 255 / 16%); - -} - -.sub .rowShow .lineShow .contentShow .loadmore { - background: var(--button-color); - border: solid 6px var(--button-color); - color: var(--button-text); -} - -.sub .rowShow .lineShow .contentShow .tvshowheader div { - background: var(--button-color); - color: var(--button-text); -} - -.sub .rowShow .lineShow .contentShow .tvshowheader div:hover { - background: var(--button-color-hover); - color: var(--button-text); - border: transparent; -} - -.sub .rowShow .lineShow .contentShow .loadmore:hover { - background: var(--button-color-hover); - color: var(--button-text); - border: solid 6px transparent; -} - -.logs .logDetails { - background-color: rgb(255 255 255 / 14%); -} - -.logs .search { - background-color: rgb(255 255 255 / 8%); -} - -.logs .logDetails table tr.danger { - background-color: rgb(244 67 54 / 50%) !important; - color: #fff; -} - -.uas .repoContainer .repo .details .row, -.uas .repoContainer .repo .details .row:nth-child(2n) { - background: rgb(0 0 0 / 25%); - color: var(--text); -} - -/* SETTINGS */ - -/* BUTTONS */ -.btn, -.sub .search .btnSearch, -.logs .logButton, -.uas .uasBtn, -.uas .repoContainer .repo .header .right .installUpdate, -.uas .typesMenu .search .btnSearch, -.btnInput, -.playlists .playlistBtn, -.language .languageActions .langBtn, -.fr .reset, -.logs .search .btnSearch, -.fm button { - border-color: var(--button-color); - background: var(--button-color); - color: var(--button-text); - margin-right: 5px; - box-shadow: none; - border: transparent; -} - -.btn:hover, -.btn:focus, -.btn:active, -.btn-primary:not(:disabled):not(.disabled):active, -.btn-primary:not(:disabled):not(.disabled).active, -.show>.btn-primary.dropdown-toggle, -.sub .search .btnSearch:hover, -.sub .search .btnSearch:focus, -.logs .logButton:hover, -.logs .logButton:focus, -.uas .uasBtn:hover, -.uas .uasBtn:focus, -.uas .repoContainer .repo .header .right .installUpdate:hover, -.uas .repoContainer .repo .header .right .installUpdate:focus, -.uas .typesMenu .search .btnSearch:focus, -.uas .typesMenu .search .btnSearch:hover, -.btnInput:hover, -.btnInput:focus, -.playlists .playlistBtn:hover, -.playlists .playlistBtn:focus, -.playlists .playlistBtn:not(.disabled):hover, -.language .languageActions .langBtn:hover, -.fr .reset:hover, -.logs .search .btnSearch:hover, -.logs .search .btnSearch:focus, -.fm button:hover, -.fm button:focus { - border-color: var(--button-color-hover); - color: var(--text-hover); - background-color: var(--button-color-hover); - box-shadow: none !important; -} - -.uas .repoContainer .repo .header .right .delete, -body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(2)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1), -body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(3)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1), -body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(4)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1), -body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(5)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1), -body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(6)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1), -body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(7)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1), -body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(8)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1), -body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(9)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1), -body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(10)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1), -body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(11)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1) { - background: #F44336; - color: var(--button-text); - border: #F44336; -} - -.uas .repoContainer .repo .header .right .delete:hover, -.uas .repoContainer .repo .header .right .delete:focus, -body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(2)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1):focus, -body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(2)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1):hover { - background: #ec2626; - color: var(--button-text); - border: #ec2626; -} - -.playlists .playlistBtn.disabled { - background: var(--button-color); - color: var(--button-text); - border: var(--button-color); - opacity: .5; -} - -.playlists .playlistBtn.disabled:hover { - background: var(--button-color); - color: var(--button-text); - border: var(--button-color); -} - -/* FORMS */ -.form-control, -.sub .search .searchInput, -.uas .manualInstall, -.uas .typesMenu .search .searchInput, -.logs .search .searchInput { - color: var(--text) !important; - background-color: rgba(0, 0, 0, .25) !important; - border: 1px solid transparent !important; - box-shadow: none !important; - transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -} - -.form-control:focus, -.sub .search .searchInput:focus, -.uas .manualInstall:focus, -.uas .typesMenu .search .searchInput:focus, -.logs .search .searchInput:focus { - background-color: rgba(0, 0, 0, .5) !important; - color: var(--text-hover) !important; -} - -/* TABLE */ -.info tr:nth-child(2n+1) { - background-color: rgb(255 255 255 / 0.08); -} - -.logs .logDetails table tr:nth-child(even) { - background-color: rgb(255 255 255 / 8%); -} - -/* PLACEHOLDER TEXT */ -::placeholder { - color: var(--text) !important; - opacity: .5 !important; -} - -:-moz-placeholder { - color: var(--text) !important; - opacity: .5 !important; -} - -:-ms-input-placeholder { - color: var(--text) !important; - opacity: .5 !important; -} - -::-webkit-input-placeholder { - color: var(--text) !important; - opacity: .5; -} \ No newline at end of file +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}.language a,a{color:var(--link-color)}a:hover{color:#fff}#content:before{background:var(--main-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover}*{outline:0!important}.fm .sections .section,.head .title,body{color:var(--text)}content-loading .contentLoading,webtools-loading .webtoolsLoading{color:var(--accent-color)}.uas .type.active{background:var(--button-color);box-shadow:none}.uas .type.active:hover{background:var(--button-color-hover);box-shadow:none}.head{background-color:rgb(0 0 0 / .25);box-shadow:0 0 0 0 rgb(0 0 0 / 0%)}.vertical-center{box-shadow:inset 0 15px 15px -4px rgb(255 255 0 / 0%)}.menu .toggle{background:rgb(0 0 0 / .25);color:var(--accent-color)}.menu{background-color:rgb(0 0 0 / 25%);box-shadow:0 0 0 0 transparent}.menu .item{background:rgb(255 255 255 / 8%);color:var(--button-text);box-shadow:1px 1px 1px 1px transparent}.menu .item:hover{background:rgb(255 255 255 / .16);color:var(--text-hover)}.menu .item.active{background:var(--accent-color);color:var(--button-text)}.ngdialog.ngdialog-theme-default .ngdialog-content{background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;color:var(--text)!important;border:#f0505000 5px solid}.fm .settings{background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;color:var(--text);Border:1px solid rgba(0,0,0,0.2)}.sub .settings{background:rgb(255 255 255 / 25%)}label{color:var(--button-text)}.fm .sections .section,.playlists .playlistContainer,.playlists .userContainer .fileContainer,.sub .rowShow,.uas .repoContainer .repo,.uas .repoContainer .repo.installed,.uas .typesMenu{background:rgb(255 255 255 / .08);box-shadow:1px 1px 2px 1px transparent;border:transparent}.uas .type:hover{background:rgb(255 255 255 / 8%);color:var(--text-hover)}.fm .sections .section:hover,.sub .rowShow:hover,.uas .repoContainer .repo:hover{background:rgb(255 255 255 / .16);box-shadow:1px 1px 2px 1px transparent}.expanded:hover{background:rgb(255 255 255 / .08)!important;box-shadow:1px 1px 2px 1px transparent}.sub .rowShow .lineShow .contentShow .detail{background:rgb(0 0 0 / 25%);color:var(--text)!important}.sub .rowShow .lineShow .contentShow .detail .subHeader .selectActions div:hover,.sub .rowShow .lineShow .contentShow .detail .subItem .download:hover{color:var(--text-hover)!important}.sub .rowShow .lineShow .contentShow .detail .subItem.selected{background:rgb(0 0 0 / 25%)}.sub .rowShow .lineShow .contentShow .detail .subItem.checked{background:rgba(255,255,255,.5);color:var(--text-hover)}.sub .rowShow .lineShow .contentShow .detail .subItem.selected.checked{background:var(--accent-color)}.sub .rowShow .lineShow .contentShow .tvshow{background-color:rgb(255 255 255 / 8%);color:var(--button-text)}.sub .rowShow .lineShow .contentShow .tvshow:hover{background-color:rgb(255 255 255 / 16%)}.sub .rowShow .lineShow .contentShow .loadmore{background:var(--button-color);border:solid 6px var(--button-color);color:var(--button-text)}.sub .rowShow .lineShow .contentShow .tvshowheader div{background:var(--button-color);color:var(--button-text)}.sub .rowShow .lineShow .contentShow .tvshowheader div:hover{background:var(--button-color-hover);color:var(--button-text);border:transparent}.sub .rowShow .lineShow .contentShow .loadmore:hover{background:var(--button-color-hover);color:var(--button-text);border:solid 6px transparent}.logs .logDetails{background-color:rgb(255 255 255 / 14%)}.logs .search{background-color:rgb(255 255 255 / 8%)}.logs .logDetails table tr.danger{background-color:rgb(244 67 54 / 50%)!important;color:#fff}.uas .repoContainer .repo .details .row,.uas .repoContainer .repo .details .row:nth-child(2n){background:rgb(0 0 0 / 25%);color:var(--text)}.btn,.btnInput,.fm button,.fr .reset,.language .languageActions .langBtn,.logs .logButton,.logs .search .btnSearch,.playlists .playlistBtn,.sub .search .btnSearch,.uas .repoContainer .repo .header .right .installUpdate,.uas .typesMenu .search .btnSearch,.uas .uasBtn{border-color:var(--button-color);background:var(--button-color);color:var(--button-text);margin-right:5px;box-shadow:none;border:transparent}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.btn:active,.btn:focus,.btn:hover,.btnInput:focus,.btnInput:hover,.fm button:focus,.fm button:hover,.fr .reset:hover,.language .languageActions .langBtn:hover,.logs .logButton:focus,.logs .logButton:hover,.logs .search .btnSearch:focus,.logs .search .btnSearch:hover,.playlists .playlistBtn:focus,.playlists .playlistBtn:hover,.playlists .playlistBtn:not(.disabled):hover,.show>.btn-primary.dropdown-toggle,.sub .search .btnSearch:focus,.sub .search .btnSearch:hover,.uas .repoContainer .repo .header .right .installUpdate:focus,.uas .repoContainer .repo .header .right .installUpdate:hover,.uas .typesMenu .search .btnSearch:focus,.uas .typesMenu .search .btnSearch:hover,.uas .uasBtn:focus,.uas .uasBtn:hover{border-color:var(--button-color-hover);color:var(--text-hover);background-color:var(--button-color-hover);box-shadow:none!important}.uas .repoContainer .repo .header .right .delete,body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(10)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1),body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(11)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1),body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(2)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1),body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(3)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1),body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(4)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1),body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(5)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1),body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(6)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1),body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(7)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1),body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(8)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1),body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(9)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1){background:#f44336;color:var(--button-text);border:#f44336}.uas .repoContainer .repo .header .right .delete:focus,.uas .repoContainer .repo .header .right .delete:hover,body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(2)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1):focus,body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(2)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1):hover{background:#ec2626;color:var(--button-text);border:#ec2626}.playlists .playlistBtn.disabled{background:var(--button-color);color:var(--button-text);border:var(--button-color);opacity:.5}.playlists .playlistBtn.disabled:hover{background:var(--button-color);color:var(--button-text);border:var(--button-color)}.form-control,.logs .search .searchInput,.sub .search .searchInput,.uas .manualInstall,.uas .typesMenu .search .searchInput{color:var(--text)!important;background-color:rgba(0,0,0,.25)!important;border:1px solid transparent!important;box-shadow:none!important;transition:background-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control:focus,.logs .search .searchInput:focus,.sub .search .searchInput:focus,.uas .manualInstall:focus,.uas .typesMenu .search .searchInput:focus{background-color:rgba(0,0,0,.5)!important;color:var(--text-hover)!important}.info tr:nth-child(2n+1){background-color:rgb(255 255 255 / .08)}.logs .logDetails table tr:nth-child(even){background-color:rgb(255 255 255 / 8%)}::placeholder{color:var(--text)!important;opacity:.5!important}:-moz-placeholder{color:var(--text)!important;opacity:.5!important}:-ms-input-placeholder{color:var(--text)!important;opacity:.5!important}::-webkit-input-placeholder{color:var(--text)!important;opacity:.5} diff --git a/CSS/themes/xbackbone/xbackbone-base.css b/CSS/themes/xbackbone/xbackbone-base.css index ee62b533..7cffbc88 100644 --- a/CSS/themes/xbackbone/xbackbone-base.css +++ b/CSS/themes/xbackbone/xbackbone-base.css @@ -1,361 +1 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ - -.bg-light { - 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; -} - -/* 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; -} - -/* TEXT */ -body, -.table, -.navbar-dark .navbar-nav .nav-link, -.dropdown-menu, -.dropdown-item { - color: var(--text); -} - -.navbar-dark .navbar-nav .nav-link:focus, -.navbar-dark .navbar-nav .nav-link:hover, -.navbar-dark .navbar-nav .show>.nav-link, -.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)); -} - -.text-muted { - color: var(--text-muted) !important; -} - -code { - font-size: .875em; - color: #d63384; - word-wrap: break-word; - background: rgb(0 0 0 / 50%); - padding: 2px 6px; - border-radius: 5px; -} - -/* LINKS */ -a { - color: var(--link-color); - text-decoration: underline; -} - -a:hover { - color: var(--link-color-hover); -} - -/* TOP NAV */ -.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 { - color: var(--accent-color-hover); -} - -/* DROPDOWN MENU */ -.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-item:focus, -.dropdown-item:hover { - color: var(--text-hover); - background-color: rgba(255, 255, 255, .1); -} - -.dropdown-item.disabled, -.dropdown-item:disabled { - color: var(--text-muted); - pointer-events: none; - background-color: transparent; -} - -.dropdown-divider { - border-top: 1px solid rgb(255 255 255 / 15%); -} - -/* TABLES */ -.table-hover>tbody>tr:hover, -.table>thead { - color: var(--text-hover); -} - -.table { - border-color: rgb(255 255 255 / 20%); -} - -.table>:not(:last-child)>:last-child>* { - border-bottom-color: rgb(255 255 255 / 50%); -} - -/* BUTTONS */ - -.btn-light { - color: var(--button-text); - background-color: rgba(255, 255, 255, .08); - border-color: rgba(255, 255, 255, .08); -} - -.btn-light:hover { - color: var(--button-text-hover); - background-color: rgba(255, 255, 255, .08); - border-color: rgba(255, 255, 255, .08); -} - -.btn-primary, -.btn-outline-dark, -.btn-outline-secondary { - color: var(--button-text); - background-color: var(--button-color); - border-color: var(--button-color); -} - -.btn-primary:hover, -.btn-outline-dark:hover, -.btn-outline-secondary:hover, -.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-outline-primary, -.btn-outline-info { - color: var(--button-color); - border-color: var(--button-color); -} - -.btn-outline-primary:hover, -.btn-outline-info:hover, -.btn-check:active+.btn-outline-primary, -.btn-check:checked+.btn-outline-primary, -.btn-outline-primary.active, -.btn-outline-primary.dropdown-toggle.show, -.btn-outline-primary:active, -.btn-check:active+.btn-outline-info, -.btn-check:checked+.btn-outline-info, -.btn-outline-info.active, -.btn-outline-info.dropdown-toggle.show, -.btn-outline-info:active { - color: var(--button-text-hover); - border-color: var(--button-color-hover); - background-color: var(--button-color-hover); -} - -.btn-check:focus+.btn-outline-primary, -.btn-outline-primary:focus, -.btn-check:focus+.btn-outline-info, -.btn-outline-info:focus, -.btn-check:active+.btn-outline-primary:focus, -.btn-check:checked+.btn-outline-primary:focus, -.btn-outline-primary.active:focus, -.btn-outline-primary.dropdown-toggle.show:focus, -.btn-outline-primary:active:focus, -.btn-check:active+.btn-outline-info:focus, -.btn-check:checked+.btn-outline-info:focus, -.btn-outline-info.active:focus, -.btn-outline-info.dropdown-toggle.show:focus, -.btn-outline-info:active:focus { - box-shadow: 0 0 0 0.25rem rgb(var(--accent-color), .5); -} - -/* FORMS */ -.form-control { - color: #fff; - background-color: rgba(0, 0, 0, .15); - border: 1px solid rgba(0, 0, 0, .15); -} - -.form-control:focus { - color: #fff; - background: #1f1f1f; - border-color: rgba(255, 255, 255, .15); - outline: 0; - box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0); -} - -textarea.form-control:focus { - color: #fff; - background: rgba(0, 0, 0, .35); - border-color: rgba(255, 255, 255, .15); - outline: 0; - box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 0%); -} - -.form-control:disabled, -.form-control[readonly] { - background-color: rgba(255, 255, 255, .15); - opacity: 1; -} - -.form-check-input:checked { - background-color: rgb(var(--accent-color)); - border-color: rgb(var(--accent-color)); -} - -.form-check-input:focus { - border-color: rgb(var(--accent-color)); - outline: 0; - box-shadow: 0 0 0 0.25rem rgb(var(--accent-color), .25); -} - -.dropzone { - border: 2px dashed rgb(255 255 255 / 30%); -} - -/* PAGINATION */ -.page-link { - color: var(--button-text); - background-color: var(--button-color); - border: 1px solid var(--button-color); -} - -.page-link:hover { - - color: var(--button-text-hover); - background-color: var(--button-color-hover); - border: 1px solid var(--button-color-hover); -} - -.page-link:focus { - color: var(--button-text-hover); - background-color: var(--button-color-hover); - box-shadow: 0 0 0 0.25rem rgb(var(--accent-color) / 25%); -} - -.page-item.disabled .page-link { - color: var(--text-muted); - pointer-events: none; - background-color: rgba(255, 255, 255, .08); - border-color: rgba(255, 255, 255, .08); -} - -/* CARDS */ -.card { - background-color: rgba(0, 0, 0, .25); -} - -.image-card:hover .overlay { - opacity: 1; - transition: opacity .3s ease-in-out; - -moz-transition: opacity .3s ease-in-out; - -webkit-transition: opacity .3s ease-in-out; - background: rgba(0, 0, 0, .5); - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); -} - -/* PLACEHOLDER TEXT */ -::placeholder { - color: var(--text) !important; - opacity: .5 !important; -} - -:-moz-placeholder { - color: var(--text) !important; - opacity: .5 !important; -} - -:-ms-input-placeholder { - color: var(--text) !important; - opacity: .5 !important; -} - -::-webkit-input-placeholder { - color: var(--text) !important; - opacity: .5; -} \ No newline at end of file +.bg-light{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}@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}.dropdown-item,.dropdown-menu,.navbar-dark .navbar-nav .nav-link,.table,body{color:var(--text)}.col-form-label,.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .show>.nav-link{color:var(--text-hover)}.navbar-dark .navbar-nav .nav-link.active{color:rgb(var(--accent-color))}.card-header{color:rgb(var(--accent-color))}.text-muted{color:var(--text-muted)!important}code{font-size:.875em;color:#d63384;word-wrap:break-word;background:rgb(0 0 0 / 50%);padding:2px 6px;border-radius:5px}a{color:var(--link-color);text-decoration:underline}a:hover{color:var(--link-color-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{color:var(--accent-color-hover)}.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-item:focus,.dropdown-item:hover{color:var(--text-hover);background-color:rgba(255,255,255,.1)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--text-muted);pointer-events:none;background-color:transparent}.dropdown-divider{border-top:1px solid rgb(255 255 255 / 15%)}.table-hover>tbody>tr:hover,.table>thead{color:var(--text-hover)}.table{border-color:rgb(255 255 255 / 20%)}.table>:not(:last-child)>:last-child>*{border-bottom-color:rgb(255 255 255 / 50%)}.btn-light{color:var(--button-text);background-color:rgba(255,255,255,.08);border-color:rgba(255,255,255,.08)}.btn-light:hover{color:var(--button-text-hover);background-color:rgba(255,255,255,.08);border-color:rgba(255,255,255,.08)}.btn-outline-dark,.btn-outline-secondary,.btn-primary{color:var(--button-text);background-color:var(--button-color);border-color:var(--button-color)}.btn-check:focus+.btn-primary,.btn-outline-dark:hover,.btn-outline-secondary:hover,.btn-primary:focus,.btn-primary:hover{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-check:focus+.btn-primary,.btn-primary.active:focus,.btn-primary:active:focus,.btn-primary:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(var(--accent-color),.5)}.btn-outline-info,.btn-outline-primary{color:var(--button-color);border-color:var(--button-color)}.btn-check:active+.btn-outline-info,.btn-check:active+.btn-outline-primary,.btn-check:checked+.btn-outline-info,.btn-check:checked+.btn-outline-primary,.btn-outline-info.active,.btn-outline-info.dropdown-toggle.show,.btn-outline-info:active,.btn-outline-info:hover,.btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show,.btn-outline-primary:active,.btn-outline-primary:hover{color:var(--button-text-hover);border-color:var(--button-color-hover);background-color:var(--button-color-hover)}.btn-check:active+.btn-outline-info:focus,.btn-check:active+.btn-outline-primary:focus,.btn-check:checked+.btn-outline-info:focus,.btn-check:checked+.btn-outline-primary:focus,.btn-check:focus+.btn-outline-info,.btn-check:focus+.btn-outline-primary,.btn-outline-info.active:focus,.btn-outline-info.dropdown-toggle.show:focus,.btn-outline-info:active:focus,.btn-outline-info:focus,.btn-outline-primary.active:focus,.btn-outline-primary.dropdown-toggle.show:focus,.btn-outline-primary:active:focus,.btn-outline-primary:focus{box-shadow:0 0 0 .25rem rgb(var(--accent-color),.5)}.form-control{color:#fff;background-color:rgba(0,0,0,.15);border:1px solid rgba(0,0,0,.15)}.form-control:focus{color:#fff;background:#1f1f1f;border-color:rgba(255,255,255,.15);outline:0;box-shadow:0 0 0 .25rem rgba(255,255,255,0)}textarea.form-control:focus{color:#fff;background:rgba(0,0,0,.35);border-color:rgba(255,255,255,.15);outline:0;box-shadow:0 0 0 .25rem rgb(255 255 255 / 0%)}.form-control:disabled,.form-control[readonly]{background-color:rgba(255,255,255,.15);opacity:1}.form-check-input:checked{background-color:rgb(var(--accent-color));border-color:rgb(var(--accent-color))}.form-check-input:focus{border-color:rgb(var(--accent-color));outline:0;box-shadow:0 0 0 .25rem rgb(var(--accent-color),.25)}.dropzone{border:2px dashed rgb(255 255 255 / 30%)}.page-link{color:var(--button-text);background-color:var(--button-color);border:1px solid var(--button-color)}.page-link:hover{color:var(--button-text-hover);background-color:var(--button-color-hover);border:1px solid var(--button-color-hover)}.page-link:focus{color:var(--button-text-hover);background-color:var(--button-color-hover);box-shadow:0 0 0 .25rem rgb(var(--accent-color) / 25%)}.page-item.disabled .page-link{color:var(--text-muted);pointer-events:none;background-color:rgba(255,255,255,.08);border-color:rgba(255,255,255,.08)}.card{background-color:rgba(0,0,0,.25)}.image-card:hover .overlay{opacity:1;transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}::placeholder{color:var(--text)!important;opacity:.5!important}:-moz-placeholder{color:var(--text)!important;opacity:.5!important}:-ms-input-placeholder{color:var(--text)!important;opacity:.5!important}::-webkit-input-placeholder{color:var(--text)!important;opacity:.5}