|
|
@ -11,904 +11,13 @@ |
|
|
|
/* Made by @gilbN */ |
|
|
|
/* https://github.com/gilbN/theme.park */ |
|
|
|
|
|
|
|
body { |
|
|
|
background-color: #1f1f1f; |
|
|
|
} |
|
|
|
|
|
|
|
/* VERSION */ |
|
|
|
|
|
|
|
#footer-region::after { |
|
|
|
content: "\A theme.park V.2"; |
|
|
|
white-space: pre; |
|
|
|
} |
|
|
|
|
|
|
|
@media (max-width: 991px) { |
|
|
|
.toolbar .page-toolbar .x-toolbar-left-1 { |
|
|
|
display: block; |
|
|
|
} |
|
|
|
.toolbar .page-toolbar .btn-group { |
|
|
|
display: block; |
|
|
|
} |
|
|
|
.btn-group.btn-group-collapse > .btn { |
|
|
|
margin: 2px; |
|
|
|
display: block; |
|
|
|
float: none; |
|
|
|
border-radius: 4px!important; |
|
|
|
word-wrap: normal; |
|
|
|
white-space: normal; |
|
|
|
} |
|
|
|
} |
|
|
|
@media screen and (max-width: 767px) { |
|
|
|
.table-responsive { |
|
|
|
border: none; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.modal-content { |
|
|
|
background-color: #2d2d2d; |
|
|
|
} |
|
|
|
/* 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); |
|
|
|
} |
|
|
|
|
|
|
|
/* navbar and searchbar */ |
|
|
|
.navbar-nzbdrone li a { |
|
|
|
color: hsla(0,0%,100%,.7); |
|
|
|
} |
|
|
|
.navbar-nzbdrone li a:hover { |
|
|
|
background-color: hsla(0,0%,100%,.08); |
|
|
|
color: #ffffff; |
|
|
|
} |
|
|
|
.search .input-group .input-group-addon, .search .input-group input { |
|
|
|
background-color: rgba(0, 0, 0, .25) !important; |
|
|
|
color: #FFF; |
|
|
|
border-color: rgba(0, 0, 0, .25); |
|
|
|
height: 40px; |
|
|
|
} |
|
|
|
.search .input-group .input-group-addon, .search .input-group input:focus { |
|
|
|
color: #FFF; |
|
|
|
} |
|
|
|
.tt-suggestion.tt-cursor { |
|
|
|
background-color: #191a1c !important; |
|
|
|
color: #ffffff !important; |
|
|
|
} |
|
|
|
.search .tt-dropdown-menu { |
|
|
|
background-color: #1f1f1f; |
|
|
|
} |
|
|
|
.fa-search { |
|
|
|
color: white; |
|
|
|
} |
|
|
|
.input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn { |
|
|
|
height: 50px; |
|
|
|
} |
|
|
|
.navbar-inverse, .navbar-toggle { |
|
|
|
background-color: rgba(0, 0, 0, .25); |
|
|
|
border-color: rgba(0, 0, 0, .25); |
|
|
|
color: #FFF; |
|
|
|
} |
|
|
|
.navbar-nzbdrone .navbar-toggle:focus, .navbar-nzbdrone .navbar-toggle:hover { |
|
|
|
color: #FFF; |
|
|
|
background-color: hsla(0,0%,100%,.08); |
|
|
|
} |
|
|
|
@media (max-width: 767px) { |
|
|
|
.navbar-nzbdrone .navbar-collapse .navbar-nav li:focus, .navbar-nzbdrone .navbar-collapse .navbar-nav li:hover { |
|
|
|
background-color: hsla(0,0%,100%,.08); |
|
|
|
} |
|
|
|
} |
|
|
|
/* Form Stuff */ |
|
|
|
|
|
|
|
.form-control { |
|
|
|
color: #FFF; |
|
|
|
background-color: rgba(0, 0, 0, .25) !important; |
|
|
|
border: 1px solid rgba(0, 0, 0, .25); |
|
|
|
} |
|
|
|
|
|
|
|
.form-control:focus { |
|
|
|
background-color: #1f1f1f !important; |
|
|
|
border-color: rgba(0, 0, 0, 0.51); |
|
|
|
outline: 0; |
|
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.6); |
|
|
|
} |
|
|
|
|
|
|
|
.bootstrap-tagsinput { |
|
|
|
background-color: rgba(0, 0, 0, .25); |
|
|
|
border: 1px solid rgba(0, 0, 0, .25); |
|
|
|
color: #FFF; |
|
|
|
} |
|
|
|
.form-group i { |
|
|
|
color: #ffffff; |
|
|
|
} |
|
|
|
|
|
|
|
/* /Movies/Series/Season page */ |
|
|
|
.started #page { |
|
|
|
background-color: rgba(0, 0, 0, .25); |
|
|
|
color: White; |
|
|
|
box-shadow: none; |
|
|
|
max-width: 1280px; |
|
|
|
} |
|
|
|
.series-item a { |
|
|
|
color: #FFF; |
|
|
|
} |
|
|
|
.series-posters .series-posters-item, .movie-posters-item { |
|
|
|
background-color: rgba(0, 0, 0, .25) !important; |
|
|
|
color: #444; |
|
|
|
box-shadow: 0 0 10px 1px #000000 !important; |
|
|
|
} |
|
|
|
.movie-posters-item { |
|
|
|
min-height: 302px !important; |
|
|
|
} |
|
|
|
.backdrop .navbar-nzbdrone { |
|
|
|
background-color: #1f1f1f; |
|
|
|
opacity: 0.98; |
|
|
|
box-shadow: 0 0 10px 1px #000; |
|
|
|
border-radius: 3px; |
|
|
|
} |
|
|
|
|
|
|
|
.series-page-header, .movie-page-header { |
|
|
|
background-color: #1f1f1f; |
|
|
|
opacity: 0.98; |
|
|
|
box-shadow: 0 0 10px 1px #000; |
|
|
|
color: #ffffff; |
|
|
|
} |
|
|
|
.series-season, .movie-tabs-card { |
|
|
|
background-color: #1f1f1f; |
|
|
|
opacity: 0.98; |
|
|
|
box-shadow: 0 0 10px 1px #000; |
|
|
|
color: #ffffff; |
|
|
|
} |
|
|
|
.episode-title-cell { |
|
|
|
color: #ffffff; |
|
|
|
} |
|
|
|
a, .episode-title-cell { |
|
|
|
color: #FFFFFF !important; |
|
|
|
text-decoration: none; |
|
|
|
} |
|
|
|
th.sortable:hover, .table-hover > tbody > tr:hover { |
|
|
|
background-color: rgba(0, 0, 0, .25); |
|
|
|
color: #ffffff; |
|
|
|
} |
|
|
|
.progress.episode-progress .progressbar-back-text { |
|
|
|
color: #000 !important; |
|
|
|
} |
|
|
|
.text-warning { |
|
|
|
color: #ffffff; |
|
|
|
} |
|
|
|
|
|
|
|
/* SEARCH */ |
|
|
|
#add-series-screen .new-series .search-item, |
|
|
|
#add-movies-screen .new-movies .search-item { |
|
|
|
background-color: rgba(0, 0, 0, .25) !important; |
|
|
|
color: #FFFFFF !important; |
|
|
|
box-shadow: none; |
|
|
|
} |
|
|
|
div.form-group > label { |
|
|
|
font-weight: 500; |
|
|
|
} |
|
|
|
#add-series-screen .add-series-search > input.form-control.x-series-search, |
|
|
|
#add-movies-screen .add-movies-search > input.form-control.x-movies-search { |
|
|
|
background-color: rgba(0, 0, 0, .25) !important; |
|
|
|
color: #FFFFFF !important; |
|
|
|
border: none; |
|
|
|
box-shadow: none; |
|
|
|
} |
|
|
|
#add-series-screen .search-item select.form-control, |
|
|
|
#add-movies-screen .search-item select.form-control { |
|
|
|
background-color: #1f1f1f ; |
|
|
|
color: #FFFFFF; |
|
|
|
} |
|
|
|
.dropdown-menu>li>a { |
|
|
|
color: #ffffff; |
|
|
|
} |
|
|
|
.dropdown-menu>li>a:hover { |
|
|
|
color: #000; |
|
|
|
} |
|
|
|
|
|
|
|
.input-group.input-group-lg.add-series-search > .input-group-addon, |
|
|
|
.input-group.input-group-lg.add-movies-search > .input-group-addon { |
|
|
|
color: #FFFFFF; |
|
|
|
background-color: rgba(0, 0, 0, .25); |
|
|
|
border: 0px solid rgba(0, 0, 0, .25); |
|
|
|
} |
|
|
|
/* Add Movies */ |
|
|
|
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover { |
|
|
|
background-color: hsla(0,0%,100%,.08); |
|
|
|
border-color: #FFF; |
|
|
|
} |
|
|
|
.discoverable-list-item:hover { |
|
|
|
background-color: #1f1f1f; |
|
|
|
color: white; |
|
|
|
} |
|
|
|
.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-color: hsla(0,0%,100%,.08); |
|
|
|
} |
|
|
|
|
|
|
|
/* Add Series */ |
|
|
|
#add-series-screen .existing-series { |
|
|
|
background-color: rgba(0, 0, 0, 0); |
|
|
|
color: #fff; |
|
|
|
box-shadow: 0 0 10px 1px #000000; |
|
|
|
} |
|
|
|
|
|
|
|
/* Calendar page */ |
|
|
|
|
|
|
|
.calendar .success { |
|
|
|
border-color: rgba(25, 255, 0, .15); |
|
|
|
background-color: rgba(25, 255, 0, .15); |
|
|
|
color: #FFF; |
|
|
|
} |
|
|
|
.calendar .premiere { |
|
|
|
border-color: rgba(45, 66, 85, 100); |
|
|
|
background-color: rgba(45, 66, 85, 100); |
|
|
|
} |
|
|
|
.calendar .primary { |
|
|
|
border-color: rgba(0, 0, 0, .25); |
|
|
|
background-color: #d58512; |
|
|
|
} |
|
|
|
.calendar .danger { |
|
|
|
border-color: rgba(171, 0, 0, .50); |
|
|
|
background-color: rgba(171, 0, 0, .50); |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
.event .primary { |
|
|
|
border-color: rgba(0, 0, 0, .25); |
|
|
|
} |
|
|
|
/* upcoming panel */ |
|
|
|
.event h4, .date h4, .event .episode-title { |
|
|
|
color: #FFFFFF !important; |
|
|
|
} |
|
|
|
.event .episode-title { |
|
|
|
color: #f9be03 !important; |
|
|
|
} |
|
|
|
.event .episode-title:focus, .event .episode-title:hover { |
|
|
|
color: #f9be03; |
|
|
|
text-decoration: underline; |
|
|
|
background-color: transparent; |
|
|
|
} |
|
|
|
a:focus, a:hover { |
|
|
|
color: #ffffff; |
|
|
|
} |
|
|
|
.event p { |
|
|
|
color: #FFF; |
|
|
|
} |
|
|
|
.fc-title { |
|
|
|
color: #FFF; |
|
|
|
} |
|
|
|
/* calendar month */ |
|
|
|
|
|
|
|
.calendar th { |
|
|
|
background-color: hsla(0,0%,100%,.08); |
|
|
|
color: #FFFFFF; |
|
|
|
} |
|
|
|
.fc-day.fc-today.fc-state-highlight, |
|
|
|
.fc-day-number.fc-today.fc-state-highlight, |
|
|
|
.fc-day-top.fc-today.fc-state-highlight { |
|
|
|
background-color: hsla(0,0%,100%,.08); |
|
|
|
color: #f9be03; |
|
|
|
} |
|
|
|
|
|
|
|
/* Activity Page */ |
|
|
|
.popover.in { |
|
|
|
opacity: .9; |
|
|
|
} |
|
|
|
.popover { |
|
|
|
background-color: #000; |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
.popover > .popover-title { |
|
|
|
background-color: #000; |
|
|
|
color: #fff; |
|
|
|
border: none; |
|
|
|
} |
|
|
|
.popover.left > .arrow, |
|
|
|
.popover.left > .arrow:after { |
|
|
|
border-left-color: #000; |
|
|
|
} |
|
|
|
.popover.right > .arrow:after { |
|
|
|
border-right-color: #000; |
|
|
|
} |
|
|
|
|
|
|
|
.backgrid-paginator ul .active span { |
|
|
|
background-color: rgba(0, 0, 0, 0); |
|
|
|
} |
|
|
|
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { |
|
|
|
background-color: hsla(0,0%,100%,.08); |
|
|
|
} |
|
|
|
.nav>li>a:focus, .nav>li>a:hover { |
|
|
|
background-color: hsla(0,0%,100%,.08); |
|
|
|
} |
|
|
|
|
|
|
|
/* Season Pass */ |
|
|
|
.alert-info { |
|
|
|
background-color: rgba(255, 255, 255, 0.25); |
|
|
|
border-color: #ffffff; |
|
|
|
color: #ffffff; |
|
|
|
} |
|
|
|
/* alerts */ |
|
|
|
.alert-warning { |
|
|
|
background-color: rgba(0, 0, 0, 0.25); |
|
|
|
border-color: transparent; |
|
|
|
color: #f0ad4e; |
|
|
|
} |
|
|
|
.alert-danger, .manual-import-error { |
|
|
|
background-color: rgba(0, 0, 0, 0.25); |
|
|
|
border-color: transparent; |
|
|
|
color: #d9534f; |
|
|
|
} |
|
|
|
|
|
|
|
/* Settings Page */ |
|
|
|
legend { |
|
|
|
color: #FFFFFF; |
|
|
|
} |
|
|
|
|
|
|
|
/* Settings Page - Profile */ |
|
|
|
/*thingy*/ |
|
|
|
|
|
|
|
.thingy { |
|
|
|
background-color: rgba(0, 0, 0, 0.25); |
|
|
|
color: #FFFFFF; |
|
|
|
box-shadow: none; |
|
|
|
border: 1px solid rgba(0, 0, 0, 0.25); |
|
|
|
} |
|
|
|
|
|
|
|
.add-card .center { |
|
|
|
background-color: rgba(0, 0, 0, 0); |
|
|
|
border: 1px solid rgba(0, 0, 0, 0); |
|
|
|
} |
|
|
|
|
|
|
|
.metadata-item { |
|
|
|
background-color: rgba(0, 0, 0, 0.25); |
|
|
|
color: #FFFFFF; |
|
|
|
box-shadow: none; |
|
|
|
} |
|
|
|
|
|
|
|
/* Settings add thingy*/ |
|
|
|
|
|
|
|
.add-thingy { |
|
|
|
background-color: rgba(0, 0, 0, 0.25); |
|
|
|
color: #FFFFFF; |
|
|
|
box-shadow: none; |
|
|
|
} |
|
|
|
|
|
|
|
.add-thingy > div > .btn-default, |
|
|
|
.add-thingy > div > div > .btn.btn-xs.btn-default.dropdown-toggle { |
|
|
|
color: #FFFFFF; |
|
|
|
background-color: rgba(0, 0, 0, 0.25); |
|
|
|
border-color: #FFFFFF; |
|
|
|
outline-style: none; |
|
|
|
} |
|
|
|
|
|
|
|
.add-thingy > div > .btn-default:hover, |
|
|
|
.add-thingy > div > div > .btn.btn-xs.btn-default.dropdown-toggle:hover { |
|
|
|
color: #FFF; |
|
|
|
background-color: rgba(0, 0, 0, 0.25); |
|
|
|
border-color: #FFF; |
|
|
|
outline-style: none; |
|
|
|
} |
|
|
|
li.save-and-add { |
|
|
|
color: #ffffff; |
|
|
|
} |
|
|
|
|
|
|
|
/* Settings qualities*/ |
|
|
|
ul.qualities li { |
|
|
|
border: 1px solid rgba(0, 0, 0, .25); |
|
|
|
background: rgba(0, 0, 0, .25); |
|
|
|
} |
|
|
|
ul.qualities li:hover { |
|
|
|
border: 1px solid rgba(0, 0, 0, .25); |
|
|
|
background: rgba(255, 255, 255, .25); |
|
|
|
} |
|
|
|
ul.qualities li.selected .quality-label { |
|
|
|
color: #ffffff; |
|
|
|
} |
|
|
|
|
|
|
|
/* Settings Quality sliders */ |
|
|
|
#quality-definition-list .rows .row .ui-slider .ui-slider-range { |
|
|
|
background-color: rgb(46, 47, 49); |
|
|
|
} |
|
|
|
#quality-definition-list .rows .row .ui-slider .ui-slider-handle { |
|
|
|
background-color: #f5f5f5; |
|
|
|
border: 1px solid #c7c7c7; |
|
|
|
} |
|
|
|
#quality-definition-list .rows .row .ui-slider { |
|
|
|
border: 1px solid #2e2f31; |
|
|
|
} |
|
|
|
.label-warning { |
|
|
|
background-color: #d58512; |
|
|
|
} |
|
|
|
.label-info { |
|
|
|
background-color: #337ab7; |
|
|
|
} |
|
|
|
|
|
|
|
/* SYSTEM logs */ |
|
|
|
pre { |
|
|
|
color: #fff; |
|
|
|
background-color: rgba(0, 0, 0, .25); |
|
|
|
} |
|
|
|
|
|
|
|
/* BUTTONS */ |
|
|
|
/* YES/NO Switch */ |
|
|
|
.well { |
|
|
|
background-color: rgba(0, 0, 0, .25); |
|
|
|
border: 1px solid rgba(0, 0, 0, .25); |
|
|
|
} |
|
|
|
.toggle p span { |
|
|
|
color: rgba(0, 0, 0, 0); |
|
|
|
} |
|
|
|
|
|
|
|
.toggle input:checked ~ p span:nth-child(1) { |
|
|
|
color: #FFFFFF; |
|
|
|
} |
|
|
|
|
|
|
|
.toggle input:not(:checked) ~ p span:nth-child(2) { |
|
|
|
color: #FFFFFF; |
|
|
|
} |
|
|
|
/* Close X button */ |
|
|
|
.close, |
|
|
|
.close:hover, |
|
|
|
.close:focus { |
|
|
|
color: #FFF !important; |
|
|
|
opacity: 1; |
|
|
|
} |
|
|
|
.btn-default { |
|
|
|
color: hsla(0,0%,100%,.7); |
|
|
|
background-color: rgba(0, 0, 0, .25); |
|
|
|
border-color: none; |
|
|
|
outline-style: none; |
|
|
|
} |
|
|
|
.btn-default:hover, .btn-default.active, .btn-default.active:hover { |
|
|
|
color: #FFFFFF; |
|
|
|
background-color: hsla(0,0%,100%,.08); |
|
|
|
border-color: none; |
|
|
|
outline-style: 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-color: hsla(0,0%,100%,.08); |
|
|
|
border-color: #FFF; |
|
|
|
} |
|
|
|
.fc-state-default { |
|
|
|
color: #FFF; |
|
|
|
background-color: rgba(0, 0, 0, .25); |
|
|
|
border-color: #FFF; |
|
|
|
outline-style: none; |
|
|
|
background-image: none; |
|
|
|
text-shadow: none; |
|
|
|
} |
|
|
|
.fc-state-default:hover { |
|
|
|
background-color: hsla(0,0%,100%,.08); |
|
|
|
} |
|
|
|
.input-group-btn > button.btn.btn-icon-only.dropdown-toggle, |
|
|
|
.btn.btn-icon-only.x-copy-api-key.hidden-xs { |
|
|
|
color: #FFFFFF; |
|
|
|
background-color: #5cb85c; |
|
|
|
} |
|
|
|
.input-group-btn > button.btn.btn-icon-only.dropdown-toggle:hover { |
|
|
|
color: #FFFFFF; |
|
|
|
background-color: #449d44; |
|
|
|
} |
|
|
|
|
|
|
|
.btn { |
|
|
|
color: #FFF; |
|
|
|
outline: 0 !important; |
|
|
|
} |
|
|
|
.btn.btn-lg.btn-block.x-search-auto { |
|
|
|
color: #FFF; |
|
|
|
background-color: rgba(0, 0, 0, .25); |
|
|
|
} |
|
|
|
.btn.btn-lg.btn-block.x-search-auto:hover { |
|
|
|
color: #FFF; |
|
|
|
background-color: rgba(255, 255, 255, 0.05); |
|
|
|
} |
|
|
|
.btn.focus, .btn:focus, .btn:hover { |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
.modal-footer > button:not([class*="btn-primary"]):not([class*="btn-danger"]):not([class*="btn-success"]) { |
|
|
|
color: #FFF; |
|
|
|
background-color: rgba(0, 0, 0, .25); |
|
|
|
border-color: rgba(0, 0, 0, .25); |
|
|
|
outline-style: none; |
|
|
|
} |
|
|
|
.modal-footer > button:hover:not([class*="btn-primary"]):not([class*="btn-danger"]):not([class*="btn-success"]) { |
|
|
|
color: #FFF; |
|
|
|
background-color: rgba(255, 255, 255, .25); |
|
|
|
border-color: rgba(255, 255, 255, .25); |
|
|
|
outline-style: none; |
|
|
|
} |
|
|
|
/* green button */ |
|
|
|
.btn-success { |
|
|
|
color: #FFF; |
|
|
|
border-color: #FFF; |
|
|
|
} |
|
|
|
|
|
|
|
/* save button */ |
|
|
|
.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-color: #286090 !important; |
|
|
|
border-color: transparent; |
|
|
|
} |
|
|
|
|
|
|
|
/* blue button */ |
|
|
|
.btn-primary.focus, .btn-primary:focus, .btn-primary:hover { |
|
|
|
color: #fff; |
|
|
|
background-color: #286090 !important; |
|
|
|
} |
|
|
|
.btn-success.focus, .btn-success:focus, .btn-success:hover { |
|
|
|
color: #fff; |
|
|
|
background-color: #449d44 !important; |
|
|
|
} |
|
|
|
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default { |
|
|
|
background-color: hsla(0,0%,100%,.08); |
|
|
|
border-color: #FFF; |
|
|
|
} |
|
|
|
.btn-danger:hover { |
|
|
|
color: #fff; |
|
|
|
background-color: #c9302c; |
|
|
|
border-color: transparent; |
|
|
|
} |
|
|
|
.btn-primary, .btn-danger { |
|
|
|
border-color: transparent; |
|
|
|
} |
|
|
|
.dropdown-menu { |
|
|
|
background-color: #1f1f1f; |
|
|
|
} |
|
|
|
.dropdown-menu>li>a { |
|
|
|
color: #ffffff; |
|
|
|
} |
|
|
|
.dropdown-menu>li>a:hover { |
|
|
|
color: #000 !important; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/* -------------------------SONARR V3------------------------------*/ |
|
|
|
|
|
|
|
/* Sonarr v3 Dark theme */ |
|
|
|
|
|
|
|
/* VERSION 2 */ |
|
|
|
|
|
|
|
/* LINKS */ |
|
|
|
.Link-to-6fmSq { |
|
|
|
color: #FFF; |
|
|
|
} |
|
|
|
.Link-to-6fmSq:hover { |
|
|
|
color: #FFF; |
|
|
|
text-decoration: underline; |
|
|
|
} |
|
|
|
|
|
|
|
/* LOADING PAGE */ |
|
|
|
.ErrorPage-page-3GptQ, .ErrorPage-version-3txe6, .LoadingMessage-loadingMessage-1gR5r { |
|
|
|
color: #FFF; |
|
|
|
} |
|
|
|
.LoadingIndicator-ripple-358v5 { |
|
|
|
border: 2px solid #fff; |
|
|
|
} |
|
|
|
|
|
|
|
/* MODAL */ |
|
|
|
.ModalHeader-modalHeader-gpcvG { |
|
|
|
background-color: #323232; |
|
|
|
color: #FFF; |
|
|
|
} |
|
|
|
.ModalContent-modalContent--txrl { |
|
|
|
background-color: #282828; |
|
|
|
color: #999; |
|
|
|
} |
|
|
|
.ModalFooter-modalFooter-1N5Ku { |
|
|
|
background-color: #323232; |
|
|
|
color: #FFF; |
|
|
|
} |
|
|
|
|
|
|
|
/* INPUT */ |
|
|
|
.TagInput-internalInput-Jbb1T { |
|
|
|
background-color: transparent; |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
.SelectInput-select-1qCdc { |
|
|
|
background-color: #1e1e1e !important; |
|
|
|
} |
|
|
|
.AutoSuggestInput-suggestionsList-_bVXO, .AutoSuggestInput-suggestionsContainerOpen-3TAB7, .AutoSuggestInput-suggestionsContainer-3MmlD { |
|
|
|
background-color: #323232 !important; |
|
|
|
color: white; |
|
|
|
border: none !important; |
|
|
|
} |
|
|
|
.AutoSuggestInput-suggestionHighlighted-2BWyt { |
|
|
|
background-color: hsla(0,0%,100%,.08); |
|
|
|
} |
|
|
|
|
|
|
|
/* HEADER */ |
|
|
|
|
|
|
|
.PageHeader-header-1IhlM { |
|
|
|
background-color: rgba(0, 0, 0, .7); |
|
|
|
} |
|
|
|
|
|
|
|
/* SEARCH DROPDOWN HEADER */ |
|
|
|
.SeriesSearchInput-containerOpen-3F8xe, .SeriesSearchInput-seriesContainer-2yDTR { |
|
|
|
border: 1px solid #000000 !important; |
|
|
|
background-color: #1f1f1f !important; |
|
|
|
} |
|
|
|
.SeriesSearchInput-highlighted-15xAK { |
|
|
|
background-color: hsla(0,0%,100%,.08); |
|
|
|
} |
|
|
|
.PageHeader-donate-ZT-3N { |
|
|
|
color: #c4273c !important; |
|
|
|
} |
|
|
|
|
|
|
|
/* SIDE MENU */ |
|
|
|
.PageSidebar-sidebar-2UXc0 { |
|
|
|
background-color: rgba(0, 0, 0, .45); |
|
|
|
} |
|
|
|
.PageSidebar-sidebarContainer-3Hxpq { |
|
|
|
background-color: rgba(0, 0, 0, .45) !important; |
|
|
|
} |
|
|
|
.PageSidebar-sidebar-3IOcI { |
|
|
|
background-color: transparent; |
|
|
|
} |
|
|
|
.PageSidebarItem-link-TuHn2:hover, .PageSidebarItem-link-TuHn2:focus { |
|
|
|
color: #FFF !important; |
|
|
|
background-color: hsla(0,0%,100%,.08); |
|
|
|
text-decoration: none; |
|
|
|
} |
|
|
|
.PageSidebarItem-isActiveLink-1Hupc { |
|
|
|
color: #FFF; |
|
|
|
background-color: hsla(0,0%,100%,.08); |
|
|
|
} |
|
|
|
.PageSidebarItem-isActiveParentLink-2uxKf { |
|
|
|
background-color: transparent; |
|
|
|
} |
|
|
|
|
|
|
|
@media only screen and (max-width: 768px) { |
|
|
|
.PageSidebar-sidebarContainer-3Hxpq { |
|
|
|
background-color: rgba(15, 15, 15, .95) !important; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
/* SERIES PAGE */ |
|
|
|
|
|
|
|
/* OVERVIEW PAGE */ |
|
|
|
.SeriesIndexOverview-container-4LMzH, .SeriesIndexOverview-container-4LMzH:hover { |
|
|
|
background-color: transparent !important; |
|
|
|
} |
|
|
|
.SeriesIndexOverview-content-3GKJk:hover{ |
|
|
|
background-color: hsla(0,0%,100%,.08) !important; |
|
|
|
} |
|
|
|
.SeriesIndexOverview-container-4LMzH:hover .SeriesIndexOverview-content-3GKJk { |
|
|
|
background-color: transparent; |
|
|
|
} |
|
|
|
.SeriesIndexOverview-link-1i54B:hover { |
|
|
|
text-decoration: none; |
|
|
|
} |
|
|
|
|
|
|
|
/* SHOW PAGE */ |
|
|
|
.SeriesDetailsSeason-season-3XIYa, .SeriesDetailsSeason-collapseButtonContainer-3XxzX { |
|
|
|
border: none !important; |
|
|
|
background-color: rgba(0, 0, 0, .25) !important; |
|
|
|
} |
|
|
|
.SeriesDetailsSeason-actionButton-3BQuA { |
|
|
|
color: hsla(0,0%,100%,.7) !important; |
|
|
|
} |
|
|
|
|
|
|
|
.fa-search:hover { |
|
|
|
color: #FFF !important; |
|
|
|
} |
|
|
|
.Icon-default-3C-KJ:hover { |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
.MonitorToggleButton-toggleButton-3CcN9 { |
|
|
|
color: #dadada; |
|
|
|
} |
|
|
|
.SeriesDetailsSeason-seasonNumber-FL7Dt { |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
.Table-table-2C3O8 { |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
.SeriesDetailsSeason-collapseButtonContainer-trs6s { |
|
|
|
border: none !important; |
|
|
|
background-color: rgba(0, 0, 0, .25) !important; |
|
|
|
} |
|
|
|
.Popover-title-326tA, .SeasonInfo-title-1tid_, .Popover-body-10Yh7 { |
|
|
|
background-color: #1f1f1f !important; |
|
|
|
} |
|
|
|
.Tooltip-tooltipContainer-2693s { |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
|
|
|
|
/* TOP MENU SERIES */ |
|
|
|
.PageToolbar-toolbar-1Lo1N { |
|
|
|
background-color: rgba(0, 0, 0, .25); |
|
|
|
color: hsla(0,0%,100%,.7); |
|
|
|
} |
|
|
|
/* POSTERS */ |
|
|
|
.SeriesIndexPoster-title-263Pq, .SeriesIndexPoster-nextAiring-1FZy6 { |
|
|
|
background-color: rgba(0, 0, 0, .25); |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
/* HOVEL LABELS */ |
|
|
|
.Label-default-2zdw6 { |
|
|
|
border-color: #1b1b1b; |
|
|
|
background-color: #1b1b1b; |
|
|
|
} |
|
|
|
/* SERIES TOP HEADER DROPDOWN */ |
|
|
|
.MenuItem-menuItem-zB-Up, .MenuContent-menuContent-3Zkj4 { |
|
|
|
background-color: #191a1c; |
|
|
|
color: #e1e2e3; |
|
|
|
} |
|
|
|
.MenuItem-menuItem-zB-Up:hover, .MenuItem-menuItem-zB-Up:focus { |
|
|
|
background-color: hsla(0,0%,100%,.08) !important; |
|
|
|
color: #fbfcfc; |
|
|
|
text-decoration: none; |
|
|
|
} |
|
|
|
/* SERIES TOP HEADER HOVER */ |
|
|
|
.PageToolbarButton-toolbarButton-QiQEt:hover { |
|
|
|
color: #FFF; |
|
|
|
} |
|
|
|
.MenuButton-menuButton-3nh0N:hover { |
|
|
|
color: #FFF; |
|
|
|
} |
|
|
|
/* ALPHABET JUMP BAR */ |
|
|
|
.PageJumpBar-jumpBar-3owcF { |
|
|
|
color: #FFF; |
|
|
|
} |
|
|
|
/* MINI RIGHT SCROLL BAR */ |
|
|
|
.OverlayScroller-thumb-1Lhfi { |
|
|
|
background-color: hsla(0,0%,100%,.08) !important; |
|
|
|
} |
|
|
|
|
|
|
|
/* ADD NEW */ |
|
|
|
|
|
|
|
/* SEARCH BAR */ |
|
|
|
.Input-input-2YWzR, .AddNewSeries-searchIconContainer-3QAm8, .AddNewSeries-clearLookupButton-1dKG7 { |
|
|
|
border: none; |
|
|
|
background-color: rgba(0, 0, 0, .25); |
|
|
|
color: #FFF |
|
|
|
} |
|
|
|
.Input-input-2YWzR:focus { |
|
|
|
outline: 0; |
|
|
|
border-color: transparent; |
|
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(0, 0, 0, 0); |
|
|
|
background-color: rgba(0, 0, 0, .25); |
|
|
|
} |
|
|
|
.Button-default-2uiHU:hover { |
|
|
|
border-color: transparent; |
|
|
|
background-color: hsla(0,0%,100%,.3) !important; |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
/* TEXT COLOR */ |
|
|
|
.PageContentBody-innerContentBody-tEszh { |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
/* SEARCH RESULTS */ |
|
|
|
.AddNewSeriesSearchResult-searchResult-xR8dj { |
|
|
|
background-color: rgba(0, 0, 0, .25) !important; |
|
|
|
} |
|
|
|
.AddNewSeriesSearchResult-searchResult-xR8dj:hover { |
|
|
|
background-color: hsla(0,0%,100%,.08) !important; |
|
|
|
} |
|
|
|
|
|
|
|
/* IMPORT */ |
|
|
|
|
|
|
|
.FieldSet-legend-3x6NF { |
|
|
|
color: #FFF; |
|
|
|
} |
|
|
|
.TableRow-row-33xJE:hover { |
|
|
|
background-color: hsla(0,0%,100%,.08); |
|
|
|
color: #FFF; |
|
|
|
} |
|
|
|
.VirtualTableRow-row-2-JS9:hover { |
|
|
|
background-color: hsla(0,0%,100%,.08); |
|
|
|
} |
|
|
|
.ImportSeriesSelectSeries-button-3CL3L { |
|
|
|
border: none !important; |
|
|
|
background-color: rgba(0, 0, 0, .25) !important; |
|
|
|
} |
|
|
|
.ImportSeriesSelectSeries-content-3oSDj, .ImportSeriesSelectSeries-searchIconContainer-1wOES { |
|
|
|
border: none !important; |
|
|
|
background-color: #323232 !important; |
|
|
|
color: white !important; |
|
|
|
} |
|
|
|
|
|
|
|
/* MASS EDITOR */ |
|
|
|
/* FOOTER */ |
|
|
|
.PageContentFooter-contentFooter-3ODMj { |
|
|
|
border: none; |
|
|
|
background-color: rgba(0, 0, 0, .25); |
|
|
|
color: #FFF; |
|
|
|
} |
|
|
|
|
|
|
|
/* SEASON PASS */ |
|
|
|
|
|
|
|
.SeasonPassSeason-season-2FWuT { |
|
|
|
border: none; |
|
|
|
background-color: rgba(0, 0, 0, .25) !important; |
|
|
|
} |
|
|
|
.SeasonPassSeason-allEpisodes-1zGja { |
|
|
|
background-color: #5cb85c; |
|
|
|
} |
|
|
|
|
|
|
|
/* CALENDAR */ |
|
|
|
.Button-default-2uiHU { |
|
|
|
color: #FFF; |
|
|
|
background-color: rgba(0, 0, 0, .25); |
|
|
|
border-color: transparent; |
|
|
|
} |
|
|
|
.DayOfWeek-dayOfWeek-1iw4D { |
|
|
|
background-color: hsla(0,0%,100%,.08); |
|
|
|
} |
|
|
|
|
|
|
|
.CalendarDay-day-2TMXA { |
|
|
|
-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); |
|
|
|
} |
|
|
|
.CalendarEvent-seriesTitle-3sg1o { |
|
|
|
color: #ffffff !important; |
|
|
|
} |
|
|
|
.CalendarEvent-event-3Uyb9 { |
|
|
|
border-bottom: none !important; |
|
|
|
} |
|
|
|
.CalendarEvent-event-3Uyb9:hover { |
|
|
|
background-color: hsla(0,0%,100%,.08) !important; |
|
|
|
border-bottom: none !important; |
|
|
|
} |
|
|
|
|
|
|
|
/* SETTINGS */ |
|
|
|
|
|
|
|
.Settings-summary-3KPAv { |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
|
|
|
|
/* PROFILES */ |
|
|
|
.Card-card-1iGZk, .QualityProfiles-addQualityProfile-2U2Io { |
|
|
|
background-color: rgba(0,0,0,.45); |
|
|
|
box-shadow: 0 0 10px 1px #000000; |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
.QualityProfiles-center-1iiKm, .LanguageProfiles-center-7EV_2, .ReleaseProfiles-center-114Qx { |
|
|
|
background-color: rgba(0, 0, 0, .25); |
|
|
|
border: none; |
|
|
|
color: #c2c6c8; |
|
|
|
} |
|
|
|
|
|
|
|
/* PROFILES */ |
|
|
|
.Indexers-center-11Csq { |
|
|
|
background-color: rgba(0, 0, 0, .25); |
|
|
|
border: none; |
|
|
|
color: #c2c6c8; |
|
|
|
} |
|
|
|
|
|
|
|
/* DOWNLOAD CLIENTS */ |
|
|
|
.DownloadClients-center-FvACx { |
|
|
|
background-color: rgba(0, 0, 0, .25); |
|
|
|
border: none; |
|
|
|
color: #c2c6c8; |
|
|
|
} |
|
|
|
|
|
|
|
/* CONNECTIONS */ |
|
|
|
.Notifications-center-8iwmy { |
|
|
|
background-color: rgba(0, 0, 0, .25); |
|
|
|
border: none; |
|
|
|
color: #c2c6c8; |
|
|
|
} |
|
|
|
|
|
|
|
/* LOG */ |
|
|
|
.Alert-info-1J8mE { |
|
|
|
border-color: transparent; |
|
|
|
background-color: rgba(0, 0, 0, 0.25); |
|
|
|
} |
|
|
|
/* SONARR DARK THEME */ |
|
|
|
@import url(https://gilbn.github.io/theme.park/CSS/themes/sonarr/sonarr-base.css); |
|
|
|
:root { |
|
|
|
--main-bg-color: #1f1f1f; |
|
|
|
--modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; |
|
|
|
--link-color: #FFEB3B; |
|
|
|
--custom-buttons-color: radial-gradient(ellipse at center, #F44336 0%, #3F51B5 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: #F44336; |
|
|
|
} |