diff --git a/CSS/themes/ombi/ombi-base.css b/CSS/themes/ombi/ombi-base.css index 8ded519f..f3196f1f 100644 --- a/CSS/themes/ombi/ombi-base.css +++ b/CSS/themes/ombi/ombi-base.css @@ -105,6 +105,10 @@ a:hover { color: rgb(var(--accent-color)) !important; } +#main-container\ dark > mat-sidenav-container > mat-sidenav-content { + margin-left: 16rem !important; +} + @media (min-width: 768px) { .sidenav-container .sidenav { background: hsla(0, 0%, 0%, 0.438) !important; @@ -149,7 +153,6 @@ a:hover { border-radius: .375rem !important; padding: 10px 20px; height: auto; - width: 16rem !important; } [id*="nav-"] { diff --git a/CSS/themes/ombi/ombiv3-base.css b/CSS/themes/ombi/ombiv3-base.css deleted file mode 100644 index d1b5f83a..00000000 --- a/CSS/themes/ombi/ombiv3-base.css +++ /dev/null @@ -1,814 +0,0 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ - -body { - background: var(--main-bg-color); -} - -/* Scrollbar */ -@media only screen and (min-width: 768px) { - html { - height: 100%; - width: 100%; - overflow: hidden; - } - - body { - overflow-y: auto; - height: 100%; - background: var(--main-bg-color) - } -} - -::-webkit-scrollbar { - width: 14px; -} - -::-webkit-scrollbar-thumb { - min-height: 50px; - border: 3px solid transparent; - border-radius: 8px; - background-color: hsla(0, 0%, 100%, .2); - background-clip: padding-box; -} - -::-webkit-scrollbar-track { - background-color: transparent; -} - -::-webkit-scrollbar-thumb:hover { - min-height: 50px; - border: 3px solid transparent; - border-radius: 8px; - background-color: hsla(0, 0%, 100%, .5); - background-clip: padding-box; -} - -/* Navbar */ -@media (max-width: 924px) { - - .collapse.in, - .navbar-nav { - background: var(--main-bg-color); - } -} - -@media (max-width: 924px) { - - .navbar-left, - .navbar-right { - float: none !important; - box-shadow: 0px 15px 10px -10px rgba(0, 0, 0, 0.7); - } -} - -.navbar-default .navbar-brand { - color: var(--accent-color); -} - -.navbar-default { - background: var(--main-bg-color); - border-color: #FFF; -} - -.nav-tabs { - border-bottom: 1px solid transparent; - margin-bottom: 3px !important; -} - -.navbar-default .navbar-nav>.active>a, -.navbar-default .navbar-nav>.active>a:focus, -.navbar-default .navbar-nav>.active>a:hover { - background-color: rgba(0, 0, 0, 0.25); -} - -.navbar-default .navbar-nav>li>a:focus, -.navbar-default .navbar-nav>li>a:hover { - background-color: rgba(255, 255, 255, 0.08); - color: #fff; -} - -.navbar-default .navbar-nav>.open>a { - background-color: rgba(0, 0, 0, 0.25); - color: #fff; -} - -.navbar-default .navbar-nav>.open>a, -.navbar-default .navbar-nav>.open>a:focus, -.navbar-default .navbar-nav>.open>a:hover { - background-color: rgba(0, 0, 0, 0.25); -} - -.navbar-default .navbar-toggle:focus, -.navbar-default .navbar-toggle:hover { - background-color: transparent; -} - -.ui-tooltip .ui-tooltip-text { - background: var(--modal-bg-color) !important; -} - -@media (max-width: 924px) { - .navbar-collapse.collapse { - box-shadow: 0px 15px 10px -10px rgba(0, 0, 0, 0.7); - } -} - -/* Loading bar */ -.pace .pace-progress { - background: var(--loading-bar) !important; -} - -.pace .pace-progress-inner { - box-shadow: 0 0 10px var(--loading-bar), 0 0 5px var(--loading-bar) !important; -} - -/* Search bar */ -.search-bar-background[_ngcontent-c1] { - border-radius: 3px; - background-color: transparent !important; -} - -.search-bar-background[_ngcontent-c2] { - background-color: transparent; -} - -@media (min-width: 979px) { - .form-control-search[_ngcontent-c2] { - width: 100%; - } -} - -.form-control-custom { - background-color: rgba(0, 0, 0, 0.25) !important; - border-radius: 0px; -} - -.form-control-search { - height: 49px; -} - -.right-radius { - border-radius: 0px; -} - -.input-group-addon { - background-color: rgba(0, 0, 0, 0.25); - border-bottom: 2px; -} - -.nav-tabs.nav-justified { - margin-bottom: 3px; -} - -@media (max-width: 978px) { - .form-control-search[_ngcontent-c1] { - width: -webkit-fill-available !important; - } -} - -@media (min-width: 768px) { - .nav-tabs.nav-justified>li>a { - border-bottom: none; - } -} - -@media (min-width: 979px) { - .form-control-search[_ngcontent-c1] { - width: 100%; - } -} - -.refine-option[_ngcontent-c1] { - box-shadow: none; -} - -#movieTabButton:hover, -#tvTabButton:hover { - border: 1px solid transparent; -} - -/* Expand season request */ -.content-space[_ngcontent-c3] { - padding: 15px; - background: rgba(0, 0, 0, 0.25); -} - -.table-striped>tbody>tr:nth-of-type(odd) { - background-color: rgba(0, 0, 0, 0.25); -} - -.table-hover>tbody>tr:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -table.table>thead>tr>th.active { - background-color: rgba(255, 255, 255, 0.08); -} - -/*filter */ -.ui-widget-content { - background: var(--main-bg-color) !important; -} - -.ui-state-active { - color: #ffffff !important; - background-color: rgba(0, 0, 0, 0.25) !important; -} - -.ui-state-default { - border: 2px solid rgba(255, 255, 255, 0.25); -} - -/*dropdown menu */ -.dropdown-menu { - background: var(--modal-bg-color); - box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6); -} - -.dropdown-menu>li>a:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -.navbar-nav>li>.dropdown-menu { - width: 163.5px; -} - -.dropdown-menu>.active>a, -.dropdown-menu>.active>a:focus, -.dropdown-menu>.active>a:hover { - background-color: rgba(0, 0, 0, 0.45); -} - -/* Settings */ -hr { - border: 1px dashed #d7d7d7; -} - -/* Buttons */ -.btn-primary-outline { - color: var(--request-button) !important; - border-color: var(--request-button) !important; - outline: none !important; -} - -.open>.btn-primary-outline.dropdown-toggle, -.btn-primary-outline.active, -.btn-primary-outline.focus, -.btn-primary-outline:active, -.btn-primary-outline:focus, -.btn-primary-outline:hover { - background-color: var(--request-button-hover) !important; - border-color: transparent !important; -} - -.btn-primary-outline:hover { - background-color: var(--request-button-hover) !important; - border-color: transparent !important; -} - -.btn-link { - color: #ffffff; -} - -.btn-link:focus, -.btn-link:hover { - color: #ddd; -} - -.input-group-addon .btn-group .btn { - outline: none !important; - border: 1px solid transparent !important; - margin-right: 1px; - background: none; - padding: 5px 10px; - width: auto !important; -} - -.btn-group-vertical>.btn.active, -.btn-group-vertical>.btn:active, -.btn-group-vertical>.btn:focus, -.btn-group-vertical>.btn:hover, -.btn-group>.btn.active, -.btn-group>.btn:active, -.btn-group>.btn:focus, -.btn-group>.btn:hover { - background: rgba(255, 255, 255, 0.35) !important; -} - -.input-group-btn:last-child>.btn, -.input-group-btn:last-child>.btn-group { - margin-left: 3px; -} - -i.fa.fa-minus, -i.fa.fa-plus { - display: none; -} - - - -.btn-success-outline { - -o-transition: all .8s; - -moz-transition: all .8s; - -webkit-transition: all .8s; - transition: all .8s; - color: #ffffff !important; - background-color: rgba(255, 255, 255, 0.35); - background-image: none; - text-transform: uppercase; - border-color: transparent !important; - width: 137.28px; - text-align: center !important; - font-size: 12px; - height: 29.45px; - padding: 5px 10px; -} - -.btn-success-outline.active, -.btn-success-outline.focus, -.btn-success-outline:active, -.btn-success-outline:focus, -.btn-success-outline:hover, -.open>.btn-success-outline.dropdown-toggle { - color: #fff !important; - background-color: rgba(92, 184, 92, .75) !important; - border-color: transparent !important; -} - -.btn-primary-outline { - -o-transition: all .8s; - -moz-transition: all .8s; - -webkit-transition: all .8s; - transition: all .8s; - color: #ffffff !important; - border-color: #f4433600 !important; - outline: none !important; - text-transform: uppercase; - background: rgba(255, 255, 255, 0.35); - font-size: 12px; - height: 29.45px; - min-width: 137.28px; - padding: 5px 10px; - text-align: center !important; - -} - -.btn-info-outline, -.btn-danger-outline { - -o-transition: all .8s; - -moz-transition: all .8s; - -webkit-transition: all .8s; - transition: all .8s; - color: #ffffff !important; - background-color: rgba(255, 255, 255, 0.35); - background-image: none; - border-color: transparent !important; - width: 137.28px; - text-transform: uppercase; - text-align: center !important; - height: 29.45px; - min-width: fit-content; - font-size: 12px; - padding: 5px 10px; -} - -.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { - -o-transition: all .8s; - -moz-transition: all .8s; - -webkit-transition: all .8s; - transition: all .8s; - color: #ffffff !important; - background-color: rgba(255, 255, 255, 0.35); - background-image: none; - border-color: transparent !important; - width: 137.28px; - text-transform: uppercase; - text-align: center !important; - height: 29.45px; - font-size: 12px; - padding: 5px 10px; - border-radius: .25rem !important; -} - -.btn-split .btn.dropdown-toggle { - border-radius: 0 .25rem .25rem 0 !important; - padding: 3.5px 10px; - border: none; -} - -.btn-split .btn.dropdown-toggle:hover, -.btn-split .btn.dropdown-toggle:active, -.btn-split .btn.dropdown-toggle:focus, -.btn-split .btn.dropdown-toggle.active { - background: none !important; -} - -.btn-warning-outline { - -o-transition: all .8s; - -moz-transition: all .8s; - -webkit-transition: all .8s; - transition: all .8s; - color: #fff !important; - background-color: transparent; - background-image: none; - border-color: transparent !important; -} - -.btn-warning-outline.active, -.btn-warning-outline.focus, -.btn-warning-outline:active, -.btn-warning-outline:focus, -.btn-warning-outline:hover, -.open>.btn-warning-outline.dropdown-toggle, -.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle):hover { - color: #fff !important; - background-color: rgba(196, 134, 42, 0.75) !important; - border-color: transparent !important; -} - - -.btn-info-outline.active, -.btn-info-outline.focus, -.btn-info-outline:active, -.btn-info-outline:focus, -.btn-info-outline:hover, -.open>.btn-info-outline.dropdown-toggle { - color: #fff !important; - background-color: rgba(91, 192, 222, 0.75) !important; - border-color: transparent !important; -} - -@media (max-width: 1090px) { - - .btn-danger-outline, - .btn-info-outline, - .btn-primary-outline, - .btn-success-outline, - .fa-eye:before, - .fa-check:before, - .fa-plus:before, - .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { - content: ""; - } -} - -.btn-group .btn+.btn, -.btn-group .btn+.btn-group, -.btn-group .btn-group+.btn, -.btn-group .btn-group+.btn-group { - margin-left: -25px; -} - -/* Settings menu */ - -.nav-tabs.nav-justified>.active>a, -.nav-tabs.nav-justified>.active>a:focus, -.nav-tabs.nav-justified>.active>a:hover { - background-color: rgba(0, 0, 0, 0.45) !important; - border: 1px solid #00000000 !important; - border-radius: 3px; -} - -.nav-tabs>li.active>a, -.nav-tabs>li.active>a:focus, -.nav-tabs>li.active>a:hover { - background-color: rgba(0, 0, 0, 0.45) !important; - border: 1px solid #00000000 !important; - border-radius: 3px; -} - -.nav-tabs>li>a:hover { - border-color: transparent; -} - -.nav>li>a:focus, -.nav>li>a:hover { - background-color: rgba(255, 255, 255, 0.08); - border-radius: 3px; -} - -.nav .open>a, -.nav .open>a:focus, -.nav .open>a:hover { - background-color: rgba(0, 0, 0, 0.25); - border-color: #00000000; -} - -.panel { - background-color: rgba(0, 0, 0, 0.45); -} - -.card-header { - background-color: rgba(0, 0, 0, 0.25); - color: #ebebeb; - padding: 10px 15px; - border-bottom: 1px solid #00000000; -} - -a.active { - background-color: rgba(0, 0, 0, 0.45); -} - -.ui-state-highlight { - background: var(--modal-bg-color); -} - -legend { - border-bottom: 1px solid rgba(255, 255, 255, 0.25); -} - -/* Main page */ -.backdrop { - box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6) !important; -} - -a>h4 { - color: var(--accent-color); -} - -.label-info { - background-color: var(--label-color); -} - -.label-success { - background-color: rgba(92, 184, 92, 0.75); -} - -.fa-film:before { - content: "\F008"; - color: rgba(255, 255, 255, 0.6); -} - -@media (max-width: 768px) { - .input-group-addon .btn-group { - position: absolute; - right: 0px; - top: 54px; - box-shadow: 0 0 0; - } -} - -/* Issues */ - -.side-back { - box-shadow: 0 0 10px #000000ad; -} - -.form-control:focus { - border-color: transparent; - outline: 0; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 3px #000; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 3px #000; -} - - - -/* OMBI V4*/ - - -body { - background: var(--main-bg-color); -} - -a { - color: var(--accent-color); -} - -a:hover { - color: var(--accent-color-hover); -} - -.mat-drawer-container, -.dark .mat-drawer-container { - background: var(--main-bg-color); - color: var(--text); -} - - -/* HEADER */ - -.mat-toolbar.mat-primary, -.dark .mat-toolbar.mat-primary { - background: rgba(0, 0, 0, .25); - color: var(--text); -} - -.dark .mat-toolbar, -.mat-toolbar, -.mat-list-base .mat-list-item, -.mat-list-base .mat-list-option { - color: var(--text); -} - -/* SEARCH */ -.dark .mat-autocomplete-panel, -.mat-autocomplete-panel { - background: var(--modal-bg-color); - color: var(--text); -} - - - -/* SIDEBAR */ -.dark .mat-drawer, -.dark .mat-drawer.mat-drawer-push, -.mat-drawer, -.mat-drawer.mat-drawer-push { - background-color: rgba(0, 0, 0, .25); - color: var(--text) -} - -.dark .mat-drawer-side { - border-right: 1px solid transparent; -} - -.dark .active-list-item, -.active-list-item, -.active-list-item { - background: var(--accent-color) !important; - background-color: var(--accent-color) !important; - color: var(--text) !important; - font-weight: 500; -} - -/* CARDS */ -.mat-card, -.dark .mat-card { - background: rgb(0 0 0 / 25%); - color: var(--text); -} - -.grow:hover { - transform: scale(1.1); - color: var(--text-hover) -} - -.notrequested { - border-bottom: 3px solid var(--accent-color) !important; -} - -/* BUTTONS */ -.mat-fab.mat-accent, -.mat-flat-button.mat-accent, -.mat-mini-fab.mat-accent, -.mat-raised-button.mat-accent, -.dark .mat-fab.mat-accent, -.dark .mat-flat-button.mat-accent, -.dark .mat-mini-fab.mat-accent, -.dark .mat-raised-button.mat-accent { - background-color: var(--button-color); - color: var(--text) -} - -.dark .mat-fab.mat-primary, -.dark .mat-flat-button.mat-primary, -.dark .mat-mini-fab.mat-primary, -.dark .mat-raised-button.mat-primary, -.mat-fab.mat-primary, -.mat-flat-button.mat-primary, -.mat-mini-fab.mat-primary, -.mat-raised-button.mat-primary { - background: rgba(255, 255, 255, .1); -} - -.btn-group-vertical>.btn.active, -.btn-group-vertical>.btn:active, -.btn-group-vertical>.btn:focus, -.btn-group-vertical>.btn:hover, -.btn-group>.btn.active, -.btn-group>.btn:active, -.btn-group>.btn:focus, -.btn-group>.btn:hover { - z-index: 1; - background: var(--button-color-hover) !important; -} - -.btn-group>.btn-group:not(:first-child), -.btn-group>.btn:not(:first-child) { - margin-left: 0px; -} - -.mat-raised-button:not([class*=mat-elevation-z]), -.dark .mat-raised-button:not([class*=mat-elevation-z]) { - box-shadow: none; -} - -button:focus { - outline: 1px dotted; - outline: none; -} - -/* MODAL */ -.dark .mat-dialog-container, -.mat-dialog-container { - background: var(--modal-bg-color); - color: var(--text); -} - -div.dark .details, -.details { - background: transparent !important; -} - - -/* SETTINGS */ -/* Table */ -.mat-table, -.dark .mat-table { - background: #0000002e; - color: var(--text) -} - -.mat-cell, -.mat-footer-cell, -.dark .mat-cell, -.dark .mat-footer-cell { - color: var(--text) -} - -/* Drop down menu*/ -.dark .mat-menu-panel, -.mat-menu-panel { - background: var(--modal-bg-color); -} - -/* MOVEI TV PAGE*/ - -.dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent, -.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { - background-color: var(--accent-color); - color: var(--text); -} - -.mat-expansion-panel, -.dark .mat-expansion-panel { - background: rgb(0 0 0 / 25%); - color: var(--text) !important; -} - -.mat-expansion-panel-header-title { - color: var(--text); -} - -#info-wrapper .sidebar .poster { - border: 3px solid rgb(255 255 255 / 10%); - box-shadow: none; -} - -.ui-carousel-next, -body .ui-carousel .ui-carousel-content .ui-carousel-prev { - background-color: var(--accent-color); - border: 1px solid var(--accent-color); - border-radius: 50%; - margin: .2em; - color: #fff; - transition: color .2s; -} - -body .ui-carousel .ui-carousel-dots-container .ui-carousel-dot-item.ui-state-highlight .ui-carousel-dot-icon { - background-color: var(--accent-color); -} - -#summary-wrapper .grey-text { - color: var(--text); -} - -#info-wrapper .media-icons { - color: var(--text) !important; -} - -#info-wrapper .media-icons:hover { - color: var(--text-hover) !important; -} - -#info-wrapper .grow-social:hover { - color: var(--text-hover) !important; -} - -#info-wrapper .dark .mat-fab, -.dark .mat-flat-button, -.dark .mat-mini-fab, -.dark .mat-raised-button, -#info-wrapper .mat-fab, -.mat-flat-button, -.mat-mini-fab, -.mat-raised-button { - color: #fff; - background-color: var(--button-color); -} - -#info-wrapper .dark .mat-mini-fab:hover, -#info-wrapper .mat-raised-button:hover { - color: #fff; - background-color: var(--button-color-hover); -} \ No newline at end of file