/* 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; color: white; } /* 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 */ .navbar-inverse { background-color: rgba(0, 0, 0, .25); border-color: transparent !important; } .navbar-btn { background: var(--nav-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: var(--settings-accent-color) !important; } .ui-slider .ui-slider-handle { background-color: var(--settings-accent-color); border: 1px solid black; } .main-content { background-color: rgba(0, 0, 0, 0.15); border: none; } .dropdown-menu { background: var(--modal-bg-color); } .dropdown-menu>li>a { color: #fff; } .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #ffffff; background-color: rgba(255, 255, 255, 0.08); } .dropdown-header { color: #fff; } .menu-options .form-control { background: var(--modal-bg-color); background-color: rgb(25, 26, 28); } .form-control:focus { border-color: #ffffff; -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(--nav-button-color) !important; } svg.peity polyline { stroke: var(--nav-button-color) !important; } /* BUTTONS */ .form-signin .btn { background: var(--default-button-color) !important; outline: none !important; } .text-center a { color: #ffffff; } .btn-default { color: #fff; background: var(--default-button-color); border-color: #00000000 !important; outline: none !important; } .btn-default:focus, .btn-default.focus { color: #fff; background: var(--default-button-color-hover); border-color: #00000000 !important; } .btn-default:hover { color: #fff; background: var(--default-button-color-hover); border-color: #00000000 !important; } .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: #fff; background: var(--default-button-color-active); border-color: #00000000 !important; } .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default { color: #fff; background: var(--default-button-color-active); border-color: #00000000 !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: #fff !important; background-color: var(--default-button-color-active); border-color: #00000000 !important; } .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default { color: #fff; background-color: var(--default-button-color-active) !important; border-color: #00000000 !important; } /* buttons settings */ .btn-default.sabnzbd_restart { color: #fff; background-color: #a94442; border-color: transparent; } .btn-default.sabnzbd_restart:hover { color: #fff; background-color: #d93935; border-color: transparent; } .btn-default.saveButton { color: #fff; 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: #fff; background-color: #a94442; border-color: #2d2c2c; } .btn-default.delCat:hover { color: #fff; background-color: #d93935; border-color: transparent; } .btn-default.fileBrowser { color: #fff; background-color: #337ab7; border-color: transparent; } .btn-default.fileBrowser:hover, .btn-default.fileBrowser:focus, .btn-default.fileBrowser:active { color: #fff !important; background-color: #458fce !important; border-color: transparent !important; } /* Button Switches*/ .btn-default.restoreDefaults { color: #fff; background-color: #a94442; border-color: transparent; } .btn-default.restoreDefaults:hover, .btn-default.restoreDefaults:focus { color: #fff; 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: #337ab7; border-color: transparent; } .btn-default.patternKey:hover { color: #fff !important; background-color: #458fce; border-color: transparent; } input[type="button"], input[type="submit"] { color: #fff !important; background: var(--default-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(--default-button-color-hover) !important; border: 1px solid #00000000 } /* file button */ .btn-default.btn-file { color: #fff; background-color: #337ab7; border-color: transparent; } .btn-default.btn-file:hover, .btn-default.btn-file:active, .btn-default.btn-file:focus { color: #fff !important; background-color: #458fce !important; border-color: transparent !important; } /* History */ .caret { border-top-color: white !important; } a, a:active, a:hover, a:focus { color: white; } .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 } 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: #fff; } .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 { background-color: var(--nav-button-color); } .multioperations-selector { border: 1px solid transparent !important; background-color: rgba(0, 0, 0, 0.25) !important; } #history-options .hover-button { color: white; } .pagination>li>a, .pagination>li>span, .pagination>li>span:hover { color: white; } .pagination>li>a, .pagination>li>span { background-color: rgba(0, 0, 0, 0.25) !important; border: none !important; } .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus { background-color: rgba(255, 255, 255, 0.25); border-color: transparent; } .pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus { color: white; background-color: rgba(0, 0, 0, .25); border-color: 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: #fff; background-color: rgba(0, 0, 0, 0.25); } /*Settings*/ .navbar-default { background: var(--main-bg-color); border: none; } .navbar-default .navbar-nav>li>a { color: #dddddd !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: white !important; } .navbar-default .navbar-nav>li>a.active { background-color: hsla(0,0%,0%,.15) !important; color: var(--settings-accent-color) !important; } #content { color: #fff; } .colmask { border: none; background-color: rgba(0, 0, 0, .25); } 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: transparent; } .section, #addFeed, #addFeedContent { border-bottom: 1px solid transparent; } .alt, .infoTableSeperator.alt { background-color: rgba(0, 0, 0, .25); } .info-container { color: #fff; } .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: #fff; } .col2 h3 { background: transparent; } .form-control.advanced-button.config-hover { color: #fff; 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: #fff; 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:#fff !important; opacity:1 } .form-control:-ms-input-placeholder { color:#fff !important; } .form-control::-webkit-input-placeholder { color:#fff !important; } .col2 p, .col2-cats { color: #fff; } /*Input*/ input[type="text"], input[type="email"], input[type="url"], input[type="number"], input[type="password"], textarea, select { border: none; background-color: rgba(255, 255, 255, 0.25); border-radius: 3px !important; color: #fff !important; outline: none; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="number"]:focus, input[type="password"]: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.25); border: none; -webkit-box-shadow: none !important; box-shadow: none !important; } /*Servers*/ .Servers .ct-label { color: white; } .Servers .ct-series-a .ct-point { stroke: #337ab7; stroke-width: 4px; } .Servers .ct-series-a .ct-line { stroke: #ffffff; } .Servers .ct-series-a .ct-area { fill: #ffffff; } /*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); } .modal-body { background: var(--modal-bg-color); } .modal-header { background: var(--modal-bg-color); } .modal-body>.nav-tabs>li>a { color: white !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: #555; background-color: hsla(0,0%,100%,.08); 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; } .modal-body>.tab-content>.active { background: var(--modal-bg-color) !important; } #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: #fff; } a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus { text-decoration: none; color: #fff; background-color: rgba(255, 255, 255, 0.08); } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #fff; border: 0; border-bottom: none; } .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: #fff; } label { color: #ffffff; } /* 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; }