mirror of
https://github.com/gilbN/theme.park.git
synced 2024-11-09 12:42:40 +01:00
testing new theme layout
This commit is contained in:
gilbN
parent
524236c25c
commit
36bdf7dd12
1635
CSS/themes/bazarr/orgarr-plex.css
Normal file
1635
CSS/themes/bazarr/orgarr-plex.css
Normal file
File diff suppressed because it is too large
Load Diff
1571
CSS/themes/bazarr/orgarr.css
Normal file
1571
CSS/themes/bazarr/orgarr.css
Normal file
File diff suppressed because it is too large
Load Diff
228
CSS/themes/grafana/graforg-dashboard.css
Normal file
228
CSS/themes/grafana/graforg-dashboard.css
Normal file
@ -0,0 +1,228 @@
|
|||||||
|
|
||||||
|
/* 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 */
|
||||||
|
|
||||||
|
/* GRAFANA THEME FOR ORGANIZR DASHBOARD INTEGRATION */
|
||||||
|
body {
|
||||||
|
color: #FFFFFF !important;
|
||||||
|
background-color: transparent !important;
|
||||||
|
}
|
||||||
|
.main-view {
|
||||||
|
background: linear-gradient(180deg,#ffffff00 10px,#ffffff00 100px) !important;
|
||||||
|
}
|
||||||
|
div.flot-text {
|
||||||
|
color: #FFF !important;
|
||||||
|
}
|
||||||
|
/* Loading page */
|
||||||
|
.theme-dark, .theme-light, .preloader {
|
||||||
|
background: transparent !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* login page */
|
||||||
|
.login-branding {
|
||||||
|
border-right: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 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;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Dashboard dropdown menu */
|
||||||
|
.search-dropdown__col_1 {
|
||||||
|
background: transparent !important;
|
||||||
|
}
|
||||||
|
.search-container {
|
||||||
|
left: 0px !important;
|
||||||
|
}
|
||||||
|
.navbar-page-btn {
|
||||||
|
color: #FFF !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 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 {
|
||||||
|
background-color: #1f1f1f !important;
|
||||||
|
box-shadow: none !important;
|
||||||
|
}
|
||||||
|
.search-field-wrapper>input {
|
||||||
|
height: 55px !important;
|
||||||
|
background-color: rgba(0, 0, 0, 0.25) !important;
|
||||||
|
}
|
||||||
|
.search-field-icon {
|
||||||
|
background-color: rgba(0, 0, 0, .25) !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-select-wrapper .gf-form-input {
|
||||||
|
background-color: #393a3b !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Variable label color */
|
||||||
|
.template-variable {
|
||||||
|
color: #f79520 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Variable label box */
|
||||||
|
.gf-form-label {
|
||||||
|
background-color: rgba(0, 0, 0, 0.25) !important;
|
||||||
|
border: none !important;
|
||||||
|
color: #FFF;
|
||||||
|
}
|
||||||
|
.gf-form-input:focus {
|
||||||
|
color: #FFF !important;
|
||||||
|
background-color: #262626 !important;
|
||||||
|
border: none !important;
|
||||||
|
box-shadow: none !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;
|
||||||
|
background-color: rgba(255, 255, 255, 0.15) !important;
|
||||||
|
border: 0px solid #262628 !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;
|
||||||
|
}
|
||||||
|
.panel-container.panel-transparent {
|
||||||
|
background-color: transparent;
|
||||||
|
border: transparent;
|
||||||
|
}
|
||||||
|
.panel-header:hover {
|
||||||
|
background-color: rgba(0, 0, 0, 0.25) !important;
|
||||||
|
}
|
||||||
|
.panel-loading {
|
||||||
|
color: transparent;
|
||||||
|
}
|
||||||
|
/* ////PANEL BACKGROUND COLOR//// */
|
||||||
|
|
||||||
|
.graph-legend-table .graph-legend-series:nth-child(odd) {
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
/* Edit panel tabs */
|
||||||
|
.tabbed-view-header {
|
||||||
|
box-shadow: none;
|
||||||
|
background: rgba(0, 0, 0, 0.25);
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
.tabbed-view-panel-title {
|
||||||
|
padding-left: 10px;
|
||||||
|
}
|
||||||
|
/* 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;
|
||||||
|
}
|
||||||
|
/* 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;
|
||||||
|
}
|
||||||
282
CSS/themes/grafana/graforg.css
Normal file
282
CSS/themes/grafana/graforg.css
Normal file
@ -0,0 +1,282 @@
|
|||||||
|
|
||||||
|
/* 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 */
|
||||||
|
|
||||||
|
/* GRAFANA ORG THEME */
|
||||||
|
body {
|
||||||
|
color: #FFFFFF !important;
|
||||||
|
background-color: #1f1f1f !important;
|
||||||
|
}
|
||||||
|
.main-view {
|
||||||
|
background: linear-gradient(180deg,#ffffff00 10px,#ffffff00 100px) !important;
|
||||||
|
}
|
||||||
|
div.flot-text {
|
||||||
|
color: #FFF !important;
|
||||||
|
}
|
||||||
|
/* Loading page */
|
||||||
|
.theme-dark, .theme-light, .preloader {
|
||||||
|
background: #1f1f1f !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* login page */
|
||||||
|
.login-branding {
|
||||||
|
border-right: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 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;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Dashboard dropdown menu */
|
||||||
|
.search-dropdown__col_1 {
|
||||||
|
background: transparent !important;
|
||||||
|
}
|
||||||
|
.search-container {
|
||||||
|
left: 0px !important;
|
||||||
|
}
|
||||||
|
.navbar-page-btn {
|
||||||
|
color: #FFF !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Dashboard row */
|
||||||
|
.dashboard-row--collapsed {
|
||||||
|
background: rgba(0, 0, 0, 0.25);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 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 {
|
||||||
|
background-color: #1f1f1f !important;
|
||||||
|
box-shadow: none !important;
|
||||||
|
}
|
||||||
|
.search-field-wrapper>input {
|
||||||
|
height: 55px !important;
|
||||||
|
background-color: rgba(0, 0, 0, 0.25) !important;
|
||||||
|
}
|
||||||
|
.search-field-icon {
|
||||||
|
background-color: rgba(0, 0, 0, .25) !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-select-wrapper .gf-form-input {
|
||||||
|
background-color: #393a3b !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Variable label color */
|
||||||
|
.template-variable {
|
||||||
|
color: #f79520 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Variable label box */
|
||||||
|
.gf-form-label {
|
||||||
|
background-color: rgba(0, 0, 0, 0.25) !important;
|
||||||
|
border: none !important;
|
||||||
|
color: #FFF;
|
||||||
|
}
|
||||||
|
.gf-form-input:focus {
|
||||||
|
color: #FFF !important;
|
||||||
|
background-color: #262626 !important;
|
||||||
|
border: none !important;
|
||||||
|
box-shadow: none !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;
|
||||||
|
background-color: rgba(255, 255, 255, 0.15) !important;
|
||||||
|
border: 0px solid #262628 !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;
|
||||||
|
}
|
||||||
|
.panel-container.panel-transparent {
|
||||||
|
background-color: transparent;
|
||||||
|
border: transparent;
|
||||||
|
}
|
||||||
|
.panel-header:hover {
|
||||||
|
background-color: rgba(0, 0, 0, 0.25) !important;
|
||||||
|
}
|
||||||
|
/* ////PANEL BACKGROUND COLOR//// */
|
||||||
|
|
||||||
|
.graph-legend-table .graph-legend-series:nth-child(odd) {
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
/* Edit panel tabs */
|
||||||
|
.tabbed-view-header {
|
||||||
|
box-shadow: none;
|
||||||
|
background: rgba(0, 0, 0, 0.25);
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
.tabbed-view-panel-title {
|
||||||
|
padding-left: 10px;
|
||||||
|
}
|
||||||
|
/* 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;
|
||||||
|
}
|
||||||
|
/* 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;
|
||||||
|
}
|
||||||
|
/* 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-input {
|
||||||
|
background-color: rgba(0, 0, 0, 0.25);
|
||||||
|
border: 1px solid rgba(0, 0, 0, 0.25);
|
||||||
|
}
|
||||||
|
.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-scrollbars .thumb-vertical {
|
||||||
|
background-color: rgba(0, 0, 0, 0.15);
|
||||||
|
background-image: none;
|
||||||
|
}
|
||||||
|
.toolbar__main {
|
||||||
|
color: #ffffff;
|
||||||
|
background-color: rgba(0, 0, 0, 0.15);
|
||||||
|
border: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Explore */
|
||||||
|
.query-transaction {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
338
CSS/themes/grafana/grafplex.css
Normal file
338
CSS/themes/grafana/grafplex.css
Normal file
@ -0,0 +1,338 @@
|
|||||||
|
|
||||||
|
/* 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 */
|
||||||
|
|
||||||
|
/* GRAFANA BLUR THEME */
|
||||||
|
body {
|
||||||
|
color:#FFFFFF !important;
|
||||||
|
background-color: #333333 !important;
|
||||||
|
}
|
||||||
|
.theme-dark, .theme-light, .preloader {
|
||||||
|
background-image: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"),
|
||||||
|
url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-light.png") !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;
|
||||||
|
}
|
||||||
|
.page-header-canvas {
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* login page */
|
||||||
|
.login {
|
||||||
|
background-image: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"),
|
||||||
|
url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-light.png") !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;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 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;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Dashboard dropdown menu */
|
||||||
|
.search-dropdown__col_1 {
|
||||||
|
background: transparent !important;
|
||||||
|
}
|
||||||
|
.search-container {
|
||||||
|
left: 0px !important;
|
||||||
|
}
|
||||||
|
.navbar-page-btn {
|
||||||
|
color: #FFFFFF !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Dashboard row */
|
||||||
|
.dashboard-row--collapsed {
|
||||||
|
background: rgba(0, 0, 0, 0.25);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 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-select-wrapper .gf-form-input {
|
||||||
|
background-color: #00000000 !important;
|
||||||
|
}
|
||||||
|
.gf-form-select-wrapper {
|
||||||
|
background-color: hsla(0,0%,100%,.08) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Variable label color */
|
||||||
|
.template-variable {
|
||||||
|
color: #f79520 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Variable label box */
|
||||||
|
.gf-form-label {
|
||||||
|
background-color: rgba(0, 0, 0, 0.25) !important;
|
||||||
|
border: none !important;
|
||||||
|
}
|
||||||
|
.gf-form-input:focus {
|
||||||
|
color: #FFF !important;
|
||||||
|
background-color: #262626 !important;
|
||||||
|
border: none !important;
|
||||||
|
box-shadow: none !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;
|
||||||
|
background-color: rgba(255, 255, 255, 0.15) !important;
|
||||||
|
border: 0px solid #262628 !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;
|
||||||
|
}
|
||||||
|
.panel-container.panel-transparent {
|
||||||
|
background-color: transparent;
|
||||||
|
border: transparent;
|
||||||
|
}
|
||||||
|
.panel-header:hover {
|
||||||
|
background-color: rgba(0, 0, 0, 0.25) !important;
|
||||||
|
}
|
||||||
|
/* ////PANEL BACKGROUND COLOR//// */
|
||||||
|
|
||||||
|
.graph-legend-table .graph-legend-series:nth-child(odd) {
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
/* Edit panel tabs */
|
||||||
|
.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-input {
|
||||||
|
background-color: rgba(0, 0, 0, 0.25);
|
||||||
|
border: 1px solid rgba(0, 0, 0, 0.25);
|
||||||
|
}
|
||||||
|
.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-scrollbars .thumb-vertical {
|
||||||
|
background-color: rgba(0, 0, 0, 0.15);
|
||||||
|
background-image: none;
|
||||||
|
}
|
||||||
|
.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;
|
||||||
|
}
|
||||||
|
/* 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;
|
||||||
|
}
|
||||||
1635
CSS/themes/lidarr/orgarr-plex.css
Normal file
1635
CSS/themes/lidarr/orgarr-plex.css
Normal file
File diff suppressed because it is too large
Load Diff
1571
CSS/themes/lidarr/orgarr.css
Normal file
1571
CSS/themes/lidarr/orgarr.css
Normal file
File diff suppressed because it is too large
Load Diff
22
CSS/themes/plex/aquamarine.css
Normal file
22
CSS/themes/plex/aquamarine.css
Normal file
@ -0,0 +1,22 @@
|
|||||||
|
/* 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 */
|
||||||
|
|
||||||
|
/* PLEX AQUAMARINE THEME */
|
||||||
|
@import url(https://gilbn.github.io/theme.park/CSS/themes/plex/plex-base.css);
|
||||||
|
:root {
|
||||||
|
--main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||||
|
--modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||||
|
--link-color: #FFEB3B;
|
||||||
|
--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: #009688;
|
||||||
|
}
|
||||||
22
CSS/themes/plex/hotline.css
Normal file
22
CSS/themes/plex/hotline.css
Normal file
@ -0,0 +1,22 @@
|
|||||||
|
/* 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 */
|
||||||
|
|
||||||
|
/* ORGANIZR HOTLINE THEME */
|
||||||
|
@import url(https://gilbn.github.io/theme.park/CSS/themes/plex/organizr-base.css);
|
||||||
|
:root {
|
||||||
|
--main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||||
|
--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;
|
||||||
|
}
|
||||||
29
CSS/themes/plex/plex-base.css
Normal file
29
CSS/themes/plex/plex-base.css
Normal file
@ -0,0 +1,29 @@
|
|||||||
|
|
||||||
|
/* 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 */
|
||||||
|
|
||||||
|
/* PLEX ORGANIZR THEME */
|
||||||
|
body {
|
||||||
|
background-color: var(--main-bg-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.background,.background-container {
|
||||||
|
opacity: 0;
|
||||||
|
transition: opacity .5s;
|
||||||
|
}
|
||||||
|
.MetadataPosterCardOverlay-isActionsMenuOpen-AvHIX .MetadataPosterCardOverlay-background-2EwyB,
|
||||||
|
.MetadataPosterCardOverlay-overlay-1uMpL:hover .MetadataPosterCardOverlay-background-2EwyB {
|
||||||
|
background: -webkit-radial-gradient(50% 50% farthest-corner,rgba(0, 0, 0, 0.5) 0,#000000 100%) !important;
|
||||||
|
background: radial-gradient(farthest-corner at 50% 50%,rgba(0, 0, 0, 0.5) 50%,#000000 100%) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* This was a tough one :D */
|
||||||
1635
CSS/themes/radarr/orgarr-plex.css
Normal file
1635
CSS/themes/radarr/orgarr-plex.css
Normal file
File diff suppressed because it is too large
Load Diff
1571
CSS/themes/radarr/orgarr.css
Normal file
1571
CSS/themes/radarr/orgarr.css
Normal file
File diff suppressed because it is too large
Load Diff
914
CSS/themes/sonarr/dark.css
Normal file
914
CSS/themes/sonarr/dark.css
Normal file
@ -0,0 +1,914 @@
|
|||||||
|
|
||||||
|
/* 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-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);
|
||||||
|
}
|
||||||
24
CSS/themes/sonarr/plex.css
Normal file
24
CSS/themes/sonarr/plex.css
Normal file
@ -0,0 +1,24 @@
|
|||||||
|
|
||||||
|
/* 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 */
|
||||||
|
|
||||||
|
/* SONARR PLEX THEME */
|
||||||
|
@import url(https://gilbn.github.io/theme.park/CSS/themes/sonarr/sonarr-base.css);
|
||||||
|
:root {
|
||||||
|
--main-bg-color: url("https://cdn.jsdelivr.net/gh/gilbN/theme.park@de2024ba0794e71eb80c1b66b37820e66d944ded/Resources/blur-noise.png"), url("https://cdn.jsdelivr.net/gh/gilbN/theme.park@de2024ba0794e71eb80c1b66b37820e66d944ded/Resources/blur-light.png");
|
||||||
|
|
||||||
|
--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;
|
||||||
|
}
|
||||||
1635
CSS/themes/sonarr/sonarr-base.css
Normal file
1635
CSS/themes/sonarr/sonarr-base.css
Normal file
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue
Block a user