mirror of
https://github.com/gilbN/theme.park.git
synced 2024-11-15 07:32:51 +01:00
476 lines
17 KiB
CSS
476 lines
17 KiB
CSS
|
|
/* dP dP dP */
|
|
/* 88 88 88 */
|
|
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
|
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
|
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
|
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
|
/* 88 */
|
|
/* dP */
|
|
|
|
/* Made by @gilbN */
|
|
/* https://github.com/gilbN/theme.park */
|
|
body {
|
|
background: var(--main-bg-color);
|
|
}
|
|
|
|
/* Text */
|
|
.text-muted, .help-block, .small-muted ,h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
|
|
color: #FFF;
|
|
}
|
|
a.no-highlight {
|
|
color: #dedede;
|
|
}
|
|
#plexpy-notifiers-table .friendly_name, #notifier-config-modal span.notifier_id, #plexpy-newsletters-table .friendly_name, #newsletter-config-modal span.newsletter_id, #plexpy-mobile-devices-table .friendly_name, #mobile-device-config-modal span.notifier_id {
|
|
color: #fff;
|
|
}
|
|
/* Navbar */
|
|
.navbar {
|
|
background: var(--main-bg-color);
|
|
-webkit-box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
#search_form #search_button.btn-inactive {
|
|
background-color: #0000;
|
|
}
|
|
.nav > li.active > a, .nav > li.active > a:hover, .nav > li.active > a:focus {
|
|
color: #f9be03;
|
|
background-color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.nav > li > a {
|
|
color: #FFF;
|
|
}
|
|
.nav > li > a:hover, .nav > li > a:focus {
|
|
background-color: rgba(255, 255, 255, 0.08);
|
|
}
|
|
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
|
|
background-color: rgba(255, 255, 255, 0.08);
|
|
}
|
|
|
|
/* Dropdown */
|
|
.dropdown-menu {
|
|
background: var(--modal-bg-color);
|
|
}
|
|
.dropdown-menu > li > a {
|
|
color: #FFF;
|
|
}
|
|
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
|
|
background-color: rgba(255, 255, 255, 0.08);
|
|
}
|
|
.dropdown-menu .divider {
|
|
background-color: rgba(255, 255, 255, 0.08);
|
|
}
|
|
select, .react-selectize.bootstrap3.root-node .react-selectize-control {
|
|
background: rgba(0, 0, 0, 0.25);
|
|
}
|
|
|
|
/* Dashboard */
|
|
.dashboard-stats-background, .dashboard-activity-background, .dashboard-activity-poster-container {
|
|
background-color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.dashboard-activity-progress-bar {
|
|
background-color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.dashboard-activity-progress .buffer-bar {
|
|
background-color: rgba(255, 255, 255, 0.25);
|
|
}
|
|
.dashboard-activity-metadata-user a {
|
|
color: #fff;
|
|
}
|
|
.dashboard-activity-metadata-subtitle-container {
|
|
color: #fff;
|
|
}
|
|
.dashboard-recent-media-metacontainer h3.text-muted a {
|
|
color: #fff;
|
|
}
|
|
.dashboard-recent-media-metacontainer h3.text-muted {
|
|
color: #fff;
|
|
}
|
|
/* Buttons */
|
|
.btn-dark {
|
|
background-color: rgba(0, 0, 0, 0.25);
|
|
border-color: transparent;
|
|
}
|
|
.btn-dark:hover {
|
|
color: #d7d7d7;
|
|
background-color: rgba(255, 255, 255, 0.08);
|
|
border-color: transparent;
|
|
}
|
|
.btn-dark:active, .btn-dark.active, .open > .dropdown-toggle.btn-dark, .btn-dark.active:focus {
|
|
color: #fff;
|
|
background-color: rgba(0, 0, 0, 0.45);
|
|
border-color: transparent;
|
|
}
|
|
.btn:focus, .btn.focus, .btn-dark:focus, .btn-dark.focus, .btn-dark:active:focus {
|
|
color: #fff;
|
|
background-color: rgba(0, 0, 0, 0.45) !important;
|
|
}
|
|
.btn-dark.active:hover {
|
|
background-color: rgba(255, 255, 255, 0.08);
|
|
}
|
|
.btn-dark.inactive:hover {
|
|
background-color: rgba(255, 255, 255, 0.08);
|
|
}
|
|
.btn-danger.btn-edit {
|
|
background-color: rgba(255, 255, 255, 0.25);
|
|
}
|
|
.btn-form {
|
|
background-color: rgba(0, 0, 0, 0.45);
|
|
}
|
|
.btn-form:hover {
|
|
background-color: rgba(255, 255, 255, 0.08);
|
|
}
|
|
|
|
/* Inputs */
|
|
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
|
|
background-color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.react-selectize.root-node .react-selectize-control, .selectize-control.form-control .selectize-input {
|
|
background: rgba(0, 0, 0, 0.25) !important;
|
|
}
|
|
|
|
/*Formcontrol */
|
|
select.form-control, div.form-control .selectize-input {
|
|
background-color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.form-inline .input-group > .form-control {
|
|
width: auto;
|
|
}
|
|
}
|
|
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
|
|
background-color: rgba(236, 236, 236, 0.25);
|
|
}
|
|
textarea.form-control {
|
|
background-color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
|
|
color: #fff;
|
|
background: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.form-control:focus {
|
|
border-color: transparent;
|
|
outline: 0;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
/* Settings table cards */
|
|
.table-card-header {
|
|
background-color: rgba(0, 0, 0, 0.25);
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
|
|
border-top: 1px solid #00000000;
|
|
}
|
|
.table-card-back {
|
|
background-color: rgba(0, 0, 0, 0.15);
|
|
}
|
|
table.display thead th {
|
|
color: #fff;
|
|
background-color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
table.display thead tr:hover {
|
|
background-color: rgba(0, 0, 0, 0.45);
|
|
}
|
|
/*Settings menu */
|
|
.card-back-full {
|
|
background-color: transparent;
|
|
}
|
|
.nav-settings > li > a {
|
|
border-bottom: 1px solid transparent;
|
|
color: #fff;
|
|
}
|
|
.nav-settings > li {
|
|
background-color: rgba(0, 0, 0, 0.45);
|
|
border-top: 1px solid transparent;
|
|
}
|
|
.nav-settings > .active > a, .nav-settings > .active > a:hover, .nav-settings > .active > a:focus {
|
|
background-color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.nav-settings > li > a:hover, .nav-settings > li > a:focus {
|
|
color: #fff;
|
|
background-color: rgba(255, 255, 255, 0.08);
|
|
}
|
|
.card {
|
|
background-color: rgba(0, 0, 0, 0.25);
|
|
border-top: 1px solid #00000000;
|
|
}
|
|
.card-sortable {
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
|
|
}
|
|
.card-handle {
|
|
color: #fff;
|
|
background-color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
/*Notification agents menu */
|
|
.stacked-configs > li {
|
|
background-color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.stacked-configs > li > span {
|
|
color: #FFF;
|
|
border-left: 2px solid rgba(0, 0, 0, 0.25);
|
|
border-top: 1px solid rgba(255, 255, 255, 0.08);
|
|
}
|
|
.stacked-configs > li > span:hover, .stacked-configs > li > span:focus {
|
|
color: #fff;
|
|
background-color: rgba(255, 255, 255, 0.08);
|
|
}
|
|
.stacked-configs > li > span > a.toggle-left, .stacked-configs > li > span > span.toggle-left {
|
|
color: #999;
|
|
}
|
|
span > a.active, .stacked-configs > li > span > span.active {
|
|
color: #f9be03;
|
|
}
|
|
.inline-pre {
|
|
background-color: rgba(255, 255, 255, 0.25);
|
|
}
|
|
/* Summary containers */
|
|
.summary-container .table-card-header, .summary-container .table-card-back {
|
|
background: rgba(0, 0, 0, 0.45);
|
|
}
|
|
.summary-navbar {
|
|
background-color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
|
|
/* pagination */
|
|
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
|
|
background-color: rgba(0, 0, 0, 0.25);
|
|
border-color: #00000000;
|
|
}
|
|
.pagination > li > a, .pagination > li > span {
|
|
background-color: rgba(0, 0, 0, 0.25);
|
|
border: 1px solid #00000000;
|
|
}
|
|
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
|
|
background-color: rgba(255, 255, 255, 0.08);
|
|
border: 1px solid #00000000;
|
|
color: #FFF;
|
|
}
|
|
/* Graphs */
|
|
.graphs-instance {
|
|
background-color: rgba(0, 0, 0, 0.45);
|
|
}
|
|
/* Modal */
|
|
.modal-content {
|
|
border: none;
|
|
}
|
|
.modal-body li {
|
|
color: #fff;
|
|
}
|
|
.modal-body {
|
|
background: var(--modal-bg-color);
|
|
}
|
|
.modal-header {
|
|
background: var(--modal-bg-color);
|
|
border-bottom: 1px solid var(--accent-color);
|
|
}
|
|
.modal-footer {
|
|
background: var(--modal-bg-color);
|
|
border-top: 1px solid var(--accent-color);
|
|
}
|
|
.modal-config-section {
|
|
border-top: 1px solid rgba(255, 255, 255, .08);
|
|
}
|
|
#changelog-modal .modal-body > h2 {
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
|
|
}
|
|
#notifier-config-modal .nav-tabs > li > a, #newsletter-config-modal .nav-tabs > li > a {
|
|
color: #ffffff;
|
|
}
|
|
#notifier-config-modal .nav-tabs > li.active > a, #notifier-config-modal .nav-tabs > li.active > a:hover, #notifier-config-modal .nav-tabs > li.active > a:focus, #newsletter-config-modal .nav-tabs > li.active > a, #newsletter-config-modal .nav-tabs > li.active > a:hover, #newsletter-config-modal .nav-tabs > li.active > a:focus {
|
|
color: #fff;
|
|
background: rgba(0, 0, 0, 0.45);
|
|
}
|
|
#notifier-config-modal .nav-tabs > li.active > a, #notifier-config-modal .nav-tabs > li.active > a:hover, #notifier-config-modal .nav-tabs > li.active > a:focus, #newsletter-config-modal .nav-tabs > li.active > a, #newsletter-config-modal .nav-tabs > li.active > a:hover, #newsletter-config-modal .nav-tabs > li.active > a:focus {
|
|
border: 1px solid #0000;
|
|
border-bottom-color: transparent;
|
|
}
|
|
#notifier-config-modal .nav-tabs > li > a:hover, #newsletter-config-modal .nav-tabs > li > a:hover {
|
|
border-color: #0000;
|
|
background: rgba(255, 255, 255, 0.08);
|
|
}
|
|
#notifier-config-modal .nav-tabs, #newsletter-config-modal .nav-tabs {
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
|
|
}
|
|
.accordion {
|
|
background: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.accordion li .link {
|
|
color: #fff;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
|
|
}
|
|
.accordion li .link:hover, .accordion li .link:hover i.fa {
|
|
background: rgba(255, 255, 255, 0.08);
|
|
}
|
|
.submenu {
|
|
background: rgba(0, 0, 0, 0.25);
|
|
}
|
|
/* Stream info */
|
|
.stream-info {
|
|
background-color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
/* Edit metadata */
|
|
.item-children-section-title {
|
|
background-color: rgba(255, 255, 255, 0.08);
|
|
border-bottom: 1px solid #00000000;
|
|
border-top: 1px solid #00000000;
|
|
}
|
|
|
|
/* Mobile */
|
|
.navbar-toggle:hover, .navbar-toggle:focus {
|
|
background-color: rgba(255, 255, 255, 0.08);
|
|
}
|
|
.navbar-toggle {
|
|
background-color: rgba(255, 255, 255, 0.08);
|
|
}
|
|
@media (max-width: 768px) {
|
|
.navbar-collapse.in {
|
|
box-shadow: 0px 15px 10px -10px rgba(0, 0, 0, 0.7);
|
|
}
|
|
}
|
|
#login-methods .submenu {
|
|
background: transparent;
|
|
}
|
|
.login-container .remember-group {
|
|
color: #eee;
|
|
}
|
|
#login-methods > li.open > div {
|
|
color: var(--accent-color);
|
|
}
|
|
|
|
/* Buttons */
|
|
.btn-bright {
|
|
color: #fff;
|
|
background-color: var(--button-color);
|
|
box-shadow: inset 0 1px 0 var(--button-color);
|
|
}
|
|
.btn-bright:hover {
|
|
color: #fff;
|
|
background-color: var(--button-color-hover);
|
|
box-shadow: inset 0 1px 0 var(--button-color-hover);
|
|
}
|
|
.btn-bright:active, .btn-bright.active, .open > .dropdown-toggle.btn-bright, #menu_link_show_advanced_settings.active {
|
|
color: #fff;
|
|
background-color: var(--button-color-hover);
|
|
box-shadow: inset 0 1px 0 var(--button-color-hover);
|
|
}
|
|
.btn-bright:active:hover, .btn-bright.active:hover, .open > .dropdown-toggle.btn-bright:hover, .btn-bright:active:focus, .btn-bright.active:focus, .open > .dropdown-toggle.btn-bright:focus, .btn-bright:active.focus, .btn-bright.active.focus, .open > .dropdown-toggle.btn-bright.focus {
|
|
color: #fff;
|
|
background-color: var(--button-color-hover);
|
|
box-shadow: inset 0 1px 0 var(--button-color-hover);
|
|
}
|
|
.btn:focus, .btn.focus, .btn-dark:focus, .btn-dark.focus, .btn-dark:active:focus {
|
|
color: #fff;
|
|
background-color: var(--button-color-hover) !important;
|
|
opacity: .8;
|
|
}
|
|
.btn-bright.disabled, .btn-bright[disabled], fieldset[disabled] .btn-bright, .btn-bright.disabled:hover, .btn-bright[disabled]:hover, fieldset[disabled] .btn-bright:hover, .btn-bright.disabled:focus, .btn-bright[disabled]:focus, fieldset[disabled] .btn-bright:focus, .btn-bright.disabled.focus, .btn-bright[disabled].focus, fieldset[disabled] .btn-bright.focus, .btn-bright.disabled:active, .btn-bright[disabled]:active, fieldset[disabled] .btn-bright:active, .btn-bright.disabled.active, .btn-bright[disabled].active, fieldset[disabled] .btn-bright.active {
|
|
background-color: var(--button-color);
|
|
border-color: var(--button-color);
|
|
}
|
|
|
|
/* Accents */
|
|
.nav > li.active > a, .nav > li.active > a:hover, .nav > li.active > a:focus {
|
|
color: var(--accent-color);
|
|
}
|
|
.dashboard-activity-progress .progress-bar {
|
|
background-color: var(--accent-color);
|
|
background-image: -moz-linear-gradient(top, var(--accent-color-hover), var(--accent-color));
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--accent-color-hover)), to(var(--accent-color)));
|
|
background-image: -webkit-linear-gradient(top, var(--accent-color-hover, var(--accent-color)));
|
|
background-image: -o-linear-gradient(top, var(--accent-color-hover, var(--accent-color)));
|
|
background-image: linear-gradient(to bottom, var(--accent-color-hover, var(--accent-color)));
|
|
|
|
}
|
|
.dashboard-stats-info-item .sub-count {
|
|
color: var(--accent-color);
|
|
}
|
|
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
|
|
background-color: var(--accent-color);
|
|
border-color: var(--accent-color);
|
|
}
|
|
a:hover, a:focus {
|
|
color: var(--accent-color);
|
|
}
|
|
table.display td:hover a {
|
|
color: var(--accent-color);
|
|
}
|
|
.user-overview-stats-instance h3, .user-player-instance-playcount h3, .summary-content-title h1, .summary-content-title h1 a {
|
|
color: var(--accent-color);
|
|
}
|
|
.user-info-nav > .active > a {
|
|
color: var(--accent-color);
|
|
}
|
|
a:hover .dashboard-recent-media-poster, a:hover .dashboard-recent-media-cover {
|
|
webkit-box-shadow: inset 0 0 0 2px var(--accent-color);
|
|
-moz-box-shadow: inset 0 0 0 2px var(--accent-color);
|
|
box-shadow: inset 0 0 0 2px var(--accent-color);
|
|
}
|
|
.nav-settings > .active > a, .nav-settings > .active > a:hover, .nav-settings > .active > a:focus {
|
|
color: var(--accent-color);
|
|
}
|
|
div.advanced-setting {
|
|
border-left: 1px solid var(--accent-color);
|
|
}
|
|
.docker-setting {
|
|
color: var(--accent-color);
|
|
}
|
|
.modal-body strong, .modal-body strong i.fa {
|
|
color: var(--accent-color);
|
|
}
|
|
.user-info-nav a:hover {
|
|
color: var(--accent-color-hover)
|
|
}
|
|
a:hover .dashboard-activity-poster, a:hover .dashboard-activity-cover {
|
|
-webkit-box-shadow: inset 0 0 0 2px var(--accent-color);
|
|
-moz-box-shadow: inset 0 0 0 2px var(--accent-color);
|
|
box-shadow: inset 0 0 0 2px var(--accent-color);
|
|
}
|
|
a:hover .dashboard-stats-poster, a:hover .dashboard-stats-cover, a:hover .dashboard-stats-circle, a:hover .dashboard-stats-square {
|
|
-webkit-box-shadow: inset 0 0 0 2px var(--accent-color);
|
|
-moz-box-shadow: inset 0 0 0 2px var(--accent-color);
|
|
box-shadow: inset 0 0 0 2px var(--accent-color);
|
|
}
|
|
a:hover .item-children-poster {
|
|
webkit-box-shadow: inset 0 0 0 2px var(--accent-color);
|
|
-moz-box-shadow: inset 0 0 0 2px var(--accent-color);
|
|
box-shadow: inset 0 0 0 2px var(--accent-color);
|
|
}
|
|
.dashboard-activity-terminate-session:hover {
|
|
color: var(--accent-color);
|
|
}
|
|
a .dashboard-activity-metadata-user-thumb:hover {
|
|
-webkit-box-shadow: inset 0 0 0 2px var(--accent-color);
|
|
-moz-box-shadow: inset 0 0 0 2px var(--accent-color);
|
|
box-shadow: inset 0 0 0 2px var(--accent-color);
|
|
}
|
|
.stream-info .heading {
|
|
color: var(--accent-color);
|
|
}
|
|
a .library-user-instance-box:hover {
|
|
-webkit-box-shadow: inset 0 0 0 2px var(--accent-color);
|
|
-moz-box-shadow: inset 0 0 0 2px var(--accent-color);
|
|
box-shadow: inset 0 0 0 2px var(--accent-color);
|
|
}
|
|
.summary-navbar-list .breadcrumb a:hover {
|
|
color: var(--accent-color);
|
|
}
|
|
.dashboard-recent-media-metacontainer h3.text-muted a:hover {
|
|
color: var(--accent-color);
|
|
}
|
|
a .poster-face:hover, a .cover-face:hover, a .users-poster-face:hover {
|
|
-webkit-box-shadow: inset 0 0 0 2px var(--accent-color);
|
|
-moz-box-shadow: inset 0 0 0 2px var(--accent-color);
|
|
box-shadow: inset 0 0 0 2px var(--accent-color);
|
|
}
|
|
.submenu li {
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
|
|
}
|
|
span > a.active, .stacked-configs > li > span > span.active {
|
|
color: var(--accent-color);
|
|
}
|
|
.accordion li.open .link, .accordion li.open .link i.fa {
|
|
color: var(--accent-color);
|
|
}
|
|
.news-body a:hover {
|
|
color: var(--accent-color);
|
|
} |