diff --git a/CSS/themes/organizr/Aquamarine.css b/CSS/themes/organizr/Aquamarine.css index 2ae63200..a1b7f82d 100644 --- a/CSS/themes/organizr/Aquamarine.css +++ b/CSS/themes/organizr/Aquamarine.css @@ -11,16 +11,11 @@ /* https://github.com/gilbN/theme.park */ /* ORGANIZR AQUAMARINE THEME */ -@import 'Organizr.css'; -@import url(https://theme-park.dev/CSS/themes/organizr/organizr-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; +@import url("https://theme-park.dev/CSS/themes/organizr/organizr-base.css"); +@import url("https://theme-park.dev/CSS/variables/aquamarine.css"); +/* APP VARS */ +:root { --calendar-tv-premier: #FFEB3B; --calendar-tv-missing: #ff7676; --calendar-tv-available: #53e69d; diff --git a/CSS/themes/organizr/Hotline.css b/CSS/themes/organizr/Hotline.css index 752ccbd1..8cf1f7eb 100644 --- a/CSS/themes/organizr/Hotline.css +++ b/CSS/themes/organizr/Hotline.css @@ -11,16 +11,11 @@ /* https://github.com/gilbN/theme.park */ /* ORGANIZR HOTLINE THEME */ -@import 'Organizr.css'; -@import url(https://theme-park.dev/CSS/themes/organizr/organizr-base.css); +@import url("https://theme-park.dev/CSS/themes/organizr/organizr-base.css"); +@import url("https://theme-park.dev/CSS/variables/hotline.css"); + +/* APP VARS */ :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; - --calendar-tv-premier: #FFEB3B; --calendar-tv-missing: #ff7676; --calendar-tv-available: #53e69d; diff --git a/CSS/themes/organizr/aquamarine.css b/CSS/themes/organizr/aquamarine.css new file mode 100644 index 00000000..a1b7f82d --- /dev/null +++ b/CSS/themes/organizr/aquamarine.css @@ -0,0 +1,26 @@ +/* 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 AQUAMARINE THEME */ +@import url("https://theme-park.dev/CSS/themes/organizr/organizr-base.css"); +@import url("https://theme-park.dev/CSS/variables/aquamarine.css"); + +/* APP VARS */ +:root { + --calendar-tv-premier: #FFEB3B; + --calendar-tv-missing: #ff7676; + --calendar-tv-available: #53e69d; + --calendar-tv-unreleased: #eeeeee; + --calendar-movie-missing: #ff7676; + --calendar-movie-available: #53e69d; + --calendar-movie-unreleased: #eeeeee; + } diff --git a/CSS/themes/organizr/dark.css b/CSS/themes/organizr/dark.css index 84b72188..44b523d6 100644 --- a/CSS/themes/organizr/dark.css +++ b/CSS/themes/organizr/dark.css @@ -12,21 +12,16 @@ /* https://github.com/gilbN/theme.park */ /* ORGANIZR DARK THEME */ -@import 'Organizr.css'; -@import url(https://theme-park.dev/CSS/themes/organizr/organizr-base.css); -:root { - --main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; - --modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; - --link-color: #2cabe3; - --custom-buttons-color: rgba(255, 255, 255, 0.2); - --hompage-item-hover: radial-gradient(farthest-corner at 50% 50%,rgba(0, 0, 0, 0.1) 50%,#000000f2 100%); - --notification-box-line: #2cabe3; +@import url("https://theme-park.dev/CSS/themes/organizr/organizr-base.css"); +@import url("https://theme-park.dev/CSS/variables/dark.css"); - --calendar-tv-premier: #FFEB3B; - --calendar-tv-missing: #ff7676; - --calendar-tv-available: #53e69d; - --calendar-tv-unreleased: #eeeeee; - --calendar-movie-missing: #ff7676; - --calendar-movie-available: #53e69d; - --calendar-movie-unreleased: #eeeeee; +/* APP VARS */ +:root { + --calendar-tv-premier: #FFEB3B; + --calendar-tv-missing: #ff7676; + --calendar-tv-available: #53e69d; + --calendar-tv-unreleased: #eeeeee; + --calendar-movie-missing: #ff7676; + --calendar-movie-available: #53e69d; + --calendar-movie-unreleased: #eeeeee; } diff --git a/CSS/themes/organizr/dracula.css b/CSS/themes/organizr/dracula.css new file mode 100644 index 00000000..406b6ad3 --- /dev/null +++ b/CSS/themes/organizr/dracula.css @@ -0,0 +1,26 @@ +/* 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 DRACULA THEME */ +@import url("https://theme-park.dev/CSS/themes/organizr/organizr-base.css"); +@import url("https://theme-park.dev/CSS/variables/dracula.css"); + +/* APP VARS */ +:root { + --calendar-tv-premier: #FFEB3B; + --calendar-tv-missing: #ff7676; + --calendar-tv-available: #53e69d; + --calendar-tv-unreleased: #eeeeee; + --calendar-movie-missing: #ff7676; + --calendar-movie-available: #53e69d; + --calendar-movie-unreleased: #eeeeee; + } \ No newline at end of file diff --git a/CSS/themes/organizr/hotline.css b/CSS/themes/organizr/hotline.css new file mode 100644 index 00000000..8cf1f7eb --- /dev/null +++ b/CSS/themes/organizr/hotline.css @@ -0,0 +1,26 @@ +/* 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://theme-park.dev/CSS/themes/organizr/organizr-base.css"); +@import url("https://theme-park.dev/CSS/variables/hotline.css"); + +/* APP VARS */ +:root { + --calendar-tv-premier: #FFEB3B; + --calendar-tv-missing: #ff7676; + --calendar-tv-available: #53e69d; + --calendar-tv-unreleased: #eeeeee; + --calendar-movie-missing: #ff7676; + --calendar-movie-available: #53e69d; + --calendar-movie-unreleased: #eeeeee; + } \ No newline at end of file diff --git a/CSS/themes/organizr/organizr-base-old.css b/CSS/themes/organizr/organizr-base-old.css new file mode 100644 index 00000000..28864aa9 --- /dev/null +++ b/CSS/themes/organizr/organizr-base-old.css @@ -0,0 +1,1043 @@ +html { + background: var(--main-bg-color); +} + body { + color: white; + } + .panel .panel-heading .panel-title { + color: #ffffff; + } + .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper, .dataTables_info, .text-dark, .drop-title, .tabs-style-flip nav a, .text-dark .bg-title .breadcrumb a, .daterangepicker .input-mini, .dd-handle, .dd3-content, .dropify-wrapper, .form-control, .panel-default .panel-heading, .panel-white .panel-heading, .select2-container .select2-choice, .steamline .sl-right div>a, .white-box .box-title, a.list-group-item, button.list-group-item, h1, h2, h3, h4, h5, h6, .panel-default .panel-body, .panel-white .panel-body { + color: #ffffff !important; + } + /* 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; + } + /* Header */ + .navbar-header { + background: transparent !important; + } + @media (max-width: 480px) { + .navbar-header { + background: var(--main-bg-color) !important; + } + } + .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { + background: transparent; + } + .navbar-default { + background-color: transparent; + } + .dropdown-menu { + background: var(--modal-bg-color); + } + .chat-list .odd .chat-text { + background: rgba(255, 255, 255, 0.15); + } + /* Background */ + #page-wrapper { + background: var(--main-bg-color) !important; + } + /* Update bar */ + .progress-bar-primary { + background: var(--modal-bg-color); + } + /* Lockscreen */ + .lock-screen { + background: var(--main-bg-color) !important; + } + /* Buttons */ + .btn-primary, .btn-primary.disabled { + background: rgba(0, 0, 0, 0.25); + border: 1px solid transparent; + } + .btn-primary:hover { + background: rgba(0, 0, 0, 0.45); + border: 1px solid rgba(0, 0, 0, 0); + } + .form-material .form-control, .form-material .form-control:focus { + background: #1f1f1f; + border-radius: 3px; + padding: inherit; + } + .lock-screen > .login-box { + width: 400px; + margin: 10% auto 0; + height: initial; + position: initial; + } + /* Sidebar/settings */ + #internal-Settings, .active-tab-Settings, .sidebar body[data-active-tab=""], .sidebar { + background: var(--main-bg-color) !important; + } + .sidebar, .sidebar { + background: transparent; + box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.6); + } + .sidebar-head { + background: var(--main-bg-color) !important; + } + #side-menu li a { + color: #ffffff; + } + #side-menu li a:focus, #side-menu li a:hover { + color: #fff; + background: rgba(255,255,255,.08)!important; + } + #side-menu li a.active { + box-shadow: inset 4px 0 0 0 var(--link-color); +} +.label-inverse { + background: var(--custom-buttons-color); +} +.tabLoaded { + -webkit-filter: drop-shadow(0 0 5px var(--link-color)); + filter: drop-shadow(0 0 5px var(--link-color)); +} + /*input form control dropdown*/ +.form-control, select { + background: rgba(0,0,0,.25); + color: #fff; + border: 1px transparent; + } + .form-control:focus, select:focus { + color: #fff !important; + background: #1f1f1f; + border: 1px transparent; + transition: all 0ms linear 0s; + } + /* Settings */ + .bg-title { + background: rgba(0, 0, 0, 0.15); + } + .content-wrap { + background: var(--main-bg-color) !important; + } + .swal-modal.bg-org { + background: var(--main-bg-color); +} + .panel-wrapper > .bg-org .tab-content { + background-color: transparent !important; + } + .panel-blue .panel-heading, .panel-info .panel-heading { + border-color: #ffffff; + color: #fff; + background-color: rgba(0, 0, 0, 0.15); + } + .panel { + background: transparent; + } + .panel-body { + background: transparent !important; + } + .nav-tabs>li>a:hover { + background: rgba(0, 0, 0, 0.15); + } + .bg-org { + background-color: transparent !important; + } + .tab-content>.active { + display: block; + background: var(--main-bg-color); + } +/* Settings - tables */ + .panel .table { + background: var(--main-bg-color) !important; + } + /* User Management */ + #settings-user-manage-users tr.jsgrid-header-row th { + background: rgba(0, 0, 0, .0); + } + + #settings-user-manage-users .jsgrid-grid-body td { + background: rgba(0, 0, 0, .0) !important; + } + #settings-user-manage-users .jsgrid-selected-row td { + background: rgba(0, 0, 0, .15) !important + } +/* iframe sandbox */ +.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: #ffffff; +} +.select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #00000094; + border: 1px solid #00000000; + color: #ffffff; +} + /* error page */ +.error-box { + top: 10%; + background: var(--main-bg-color); +} +/*error page background */ +#internal-Settings, #preloader, .preloader, .active-tab-Settings, .error-page { + background: var(--main-bg-color); +} +/*Speed test footer and circles*/ +.white-popup .panel-footer { + background: var(--main-bg-color); + border-top: 1px solid #fff; +} +.css-bar-lg:after { + background: #1f1f1f !important; +} +/* Settings - menu tabs */ + .sttabs nav { + background: rgba(0, 0, 0, 0); +} +.tabs-style-flip nav li.tab-current a::after { + background-color: rgba(0,0,0,.15) !important; + -webkit-transform: none !important; + transform: none !important; + border-radius: 0px !important; +} +.tabs-style-flip nav a::after { + background: rgba(0,0,0,0)!important; + transition: none; + -webkit-transform: none; + transform: none; +} +.tabs-style-flip nav a:hover { + background: rgba(255,255,255,.05)!important; +} + .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover { + background-color: none !important; +} +.tabs-style-flip nav li.tab-current a:hover { + color: #ffffff; + background: rgba(0,0,0,0)!important; +} +.tabs-style-flip nav li.tab-current a { + color: var(--link-color) !important; +} + /* Settings - custom css */ + .ace_gutter { + background: rgba(0,0,0,.3) !important; + color: #fff !important; + } + /* Settings - image manager */ + .el-element-overlay .white-box { + background: transparent !important; + } + /* Settings - news panel */ + #organizrNewsPanel .panel-body { + background: rgba(0, 0, 0, 0.15) !important; + } + /* Settings - tab editor panel */ + .table-hover>tbody>tr:hover, .table-striped>tbody>tr:nth-of-type(odd), .table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active { + background-color: rgba(0, 0, 0, 0.15)!important; + } + .table-hover>tbody>tr:hover { + background: rgba(0,0,0,.15)!important; + } + #tabEditorTable .btn-info.btn-outline { + color: var(--custom-buttons-color); +} +#tabEditorTable .btn-info.btn-outline:hover,#tabEditorTable .btn-info.btn-outline:focus { + color: white; + background: var(--custom-buttons-color); +} + /* Settings - popup modal */ + .white-popup .panel-heading, .white-popup>.col-md-6>.white-box:first-child { + background: var(--main-bg-color)!important; + } + .white-popup .panel-body, .white-popup>.col-md-6>.white-box:nth-child(2) { + background: var(--main-bg-color) !important; + } + .panel-blue a:hover, .panel-info a:hover { + color: #ffffff; + } + .customtab li.active a, .customtab li.active a:focus, .customtab li.active a:hover, .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { + background: rgba(0, 0, 0, 0.25); + } + .white-popup-block { + background: var(--main-bg-color)!important; + } + .nav-tabs>li>a { + color: #ffffff; + } + .modal-content, .modal-header, .modal-footer, .modal-body { + background: var(--main-bg-color)!important; + } + .close:focus, .close:hover { + color: #fff; + } + .has-success .control-label { + color: var(--link-color); + } + /* Settings - save button */ + .btn-info, .btn-info.disabled { + background: rgba(0, 0, 0, 0.25); + border: none; + } + .btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info.focus, .btn-info:focus, .btn-info:hover { + background: rgba(0, 0, 0, 0.45); + border: none; + } + .btn-info.active, .btn-info:active, .open>.dropdown-toggle.btn-info, .btn-info:active:hover { + background-color: #1b1a1a; + border-color: #1b1a1a; + } + /* Settings logs */ + + .table-striped>tbody>tr:nth-of-type(odd) { + background: rgba(0,0,0,.15)!important; +} + .table-striped>tbody>tr:nth-of-type(odd):hover { + background: rgba(0,0,0,.25)!important; +} +table.dataTable>tbody>tr:nth-of-type(even) { + background: rgba(0,0,0,.15)!important; +} +table.dataTable>tbody>tr:nth-of-type(even):hover { + background: rgba(0,0,0,.25)!important; +} + .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { + background: rgba(0,0,0,.08)!important; + color: var(--link-color) !important; + border: 0!important; + border-radius: 0!important; + margin: 0!important; + transition: none; + } + .dataTables_wrapper .dataTables_paginate .paginate_button { + background: rgba(0,0,0,.15); + color: rgba(255,255,255,.7)!important; + border: 0!important; + border-radius: 0!important; + margin: 0!important; + transition: none; + } + .dataTables_wrapper .dataTables_paginate .paginate_button:hover, .nav-tabs li a:hover { + background: rgba(255,255,255,.08)!important; + color: #eee!important; + } + .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover { + background: rgba(0, 0, 0, 0.25) !important; + } + +/* Settings - custom CSS */ + .ace-idle-fingers { + background-color: rgba(0, 0, 0, 0.15) !important; + background: rgba(0, 0, 0, 0.15) !important; + } + .ace_gutter { + background: rgba(0,0,0,.3)!important; + color: #eee!important; + } + /* custom buttons */ + .cbutton { + background-color: rgba(255, 255, 255, 0.2) !important; + border-radius: 3px !important; + border-color: transparent !important; + } + + /* Calendar */ + .fc-day-header a, .fc-day-number, .fc-list-heading-main { + color: #FFF; + cursor: pointer!important; + transition: color .2s ease; + } + .fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-popover { + border-color: transparent; + background: rgba(0, 0, 0, 0.05); + } + .bg-theme, .fc-day-header { + background: rgba(0,0,0,.3) !important; + } + .bg-theme, .fc th.fc-sun, .fc th.fc-tue, .fc th.fc-thu, .fc th.fc-sat, .fc th.fc-mon, .fc th.fc-wed, .fc th.fc-fri, .fc-button { + background-color: rgba(0, 0, 0, 0.25) !important; + } + th.fc-day-header.fc-widget-header.fc-today { + background-color:rgba(0, 0, 0, 0.25) !important; + } + .fc-widget-content.fc-today { + background-color: rgba(255, 255, 255, 0.25) !important; + } + .fc-popover { + background: var(--modal-bg-color); + } +/*TV Missing icon and status*/ +#calendar .fa.fa-tv.text-danger, +#calendar .fc-time.tv.text-danger { + color: var(--calendar-tv-missing); +} +/*TV Available icon and status*/ +#calendar .fa.fa-tv.text-success, +#calendar .fc-time.tv.text-success { + color: var(--calendar-tv-available); +} +/*TV Unreleased icon and status*/ +#calendar .fa.fa-tv.text-info, +#calendar .fc-time.tv.text-info { + color: var(--calendar-tv-unreleased); +} +/*TV Premier icon and status*/ +#calendar .fa.fa-tv.text-primary, +#calendar .fc-time.tv.text-primary, +#calendar .fa.fa-tv.text-purple, +#calendar .fc-time.tv.text-purple { + color: var(--calendar-tv-premier); +} + +/*Movie Missing icon and status*/ +#calendar .fa.fa-film.text-danger:before { + color: var(--calendar-movie-missing); +} +#calendar .fa.fa-film.text-danger:after { + content:" Missing"; + font-family: Rubik,sans-serif; + font-weight: 500; + color: var(--calendar-movie-missing); +} + +/*Movie Available icon and status*/ +#calendar .fa.fa-film.text-success:before { + color: var(--calendar-movie-available); +} +#calendar .fa.fa-film.text-success:after { + content:" Available"; + font-family: Rubik,sans-serif; + font-weight: 500; + color: var(--calendar-movie-available); +} + +/*Movie Unreleased icon and status*/ +#calendar .fa.fa-film.text-info:before { + color: var(--calendar-movie-unreleased); +} +#calendar .fa.fa-film.text-info:after { + content:" Unreleased"; + font-family: Rubik,sans-serif; + font-weight: 500; + color: var(--calendar-movie-unreleased); +} + + + /* Homepage Now playing card */ + .nowPlayingItem > .white-box > .el-card-item { + background: rgba(0, 0, 0, 0.15) !important; + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); + } + .icon-film, .icon-control-play, .icon-screen-desktop, .icon-control-pause { + color: white !important; + } + .label-info { + background: var(--custom-buttons-color); + } + .white-box { + background: var(--main-bg-color); + } + /* Homepage headers */ + .panel-default .panel-heading, .fc-toolbar { + background: transparent !important; + padding: 20px 0px; + } + /* Homepage buttons */ + #homepage-items .btn-group .btn { + background: 0 0!important; + color: rgba(255,255,255,.7)!important; + padding: 6px 12px; + margin: 0 12.5px; + transition: color .2s ease; + } + #homepageOrderdeluge .mailbox-widget .customtab li.active a, + #homepageOrderqBittorrent .mailbox-widget .customtab li.active a, + #homepageOrderrTorrent .mailbox-widget .customtab li.active a, + #homepageOrdertransmission .mailbox-widget .customtab li.active a{ + height: auto; + padding: 5px 5px 0px 5px; + cursor: pointer; + font-weight: 400; + } + + #homepageOrderdeluge .ti-download:before, + #homepageOrderqBittorrent .ti-download:before, + #homepageOrderrTorrent .ti-download:before, + #homepageOrdertransmission .ti-download:before{ + display:none; + } + #homepageOrderdeluge .white-box, + #homepageOrderqBittorrent .white-box, + #homepageOrderrTorrent .white-box, + #homepageOrdertransmission .white-box { + padding-right: 0px !important; + } +/* #homepage-items .white-box { + padding-left: 0px !important; + }*/ + #homepage-items .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover { + cursor: pointer; + opacity: 1; + background: rgba(0, 0, 0, 0.25) !important; + } + #homepageOrderdownloader .nav-tabs>li.active>a, .nav-tabs>li.active .nav>li>a, + #homepageOrderdownloader .nav-tabs>li>a, .nav-tabs>li .nav>li>a{ + padding: 10px 12.5px; + } + #homepageOrderdownloader .nav-tabs>li.active>a, .nav-tabs>li.active .nav>li>a .customtab, + #homepageOrderdownloader .nav-tabs { + padding: 10px 12.5px; + } + #homepageOrderdownloader ul.nav.customtab.nav-tabs.m-t-5.nav-tabs>li.active>a,#homepageOrderdownloader ul.nav.customtab.nav-tabs.m-t-5.nav-tabs>li>a { + padding: 10px 11.5px !important; + } + #homepageOrderdownloader .nav-tabs>li.active>a:hover, #homepageOrderdownloader .nav-tabs>li.active:hover { + background: rgba(0, 0, 0, 0.25) !important; + opacity: 1; + } + #homepageOrderdownloader .downloaderCount { + margin-top: -20px !important; + } + #homepageOrderdownloader .mailbox-widget .customtab li a { + padding: 20px 15px 5px 15px; + } + #homepageOrderdownloader .customtab li a { + padding: 20px 15px 5px 15px !important; + } + + #homepageOrderdownloader .mailbox-widget .customtab li a:hover { + opacity: 1; + } + /* Homepage calendar buttons */ + .fc-next-button, .fc-prev-button { + background: 0 0!important; + color: rgba(255,255,255,.7)!important; + border: 0!important; + } + .btn-group.open .dropdown-toggle, .fc-state-default { + text-shadow: none; + box-shadow: none; + } + .fc-button:hover { + background: rgba(255,255,255,.08)!important; + } + .fc-button { + background: rgba(0, 0, 0, 0)!important; + color: #fff; + border-radius: 0!important; + border: 0!important; + text-transform: uppercase; + } + /* Homepage ombi - request triangle */ + .inside-request-div { + background-color: var(--link-color) !important; +} + /* Homepage ombi - dropdown */ + #homepage-items .btn-group .btn { + background: 0 0!important; + color: rgba(255,255,255,.7)!important; + padding: 6px 12px; + margin: 0 12.5px; + transition: color .2s ease; + } + .btn-group.open, .dropdown-toggle, .fc-state-default { + text-shadow: none !important; + box-shadow: none !important; + } + .btn-info:active:focus, .btn-info:active:hover, .btn-info:focus { + border: none !important; + } + .btn.active, .btn:active { + -webkit-box-shadow: none; + box-shadow: none; + } + +/* Notification Popups */ + /* Izi */ + .iziToast.update-notify.iziToast-layout2, .iziToast.success-notify.iziToast-layout2 { + border: none; + background: var(--modal-bg-color) !important; + border-bottom: transparent; + } + .iziToast.update-notify>.iziToast-body .iziToast-icon, .iziToast.success-notify>.iziToast-body .iziToast-icon { + color: var(--link-color) !important; + } + .iziToast:after { + background: var(--modal-bg-color) !important; + } + .update-notify .iziToast-progressbar div, .success-notify .iziToast-progressbar div { + background: var(--notification-box-line) !important; + } + .iziToast>.iziToast-close { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAk6AAAJOgHwZJJKAAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTEyLTAyVDIyOjExOjA0KzAxOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0xMi0wMlQyMjoxMTozNiswMTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0xMi0wMlQyMjoxMTozNiswMTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxMzZkZDFlZS01YjJhLWIyNGMtOTA5ZC1lMzljOTJlMDVlYmMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTM2ZGQxZWUtNWIyYS1iMjRjLTkwOWQtZTM5YzkyZTA1ZWJjIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MTM2ZGQxZWUtNWIyYS1iMjRjLTkwOWQtZTM5YzkyZTA1ZWJjIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMzZkZDFlZS01YjJhLWIyNGMtOTA5ZC1lMzljOTJlMDVlYmMiIHN0RXZ0OndoZW49IjIwMTktMTItMDJUMjI6MTE6MDQrMDE6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4wIChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz47W311AAAA1klEQVRYw82XDQrDIAyFPVgP4AX8vXHPtIJTsKMMk6XT7E0IVGz9nrHGxJRStmp7N2uUW2NceJvpD2d7VHOKcNcZZ9vfBaiJGMBfAuxgoPX9QrgnGJZTt0QEA3cSFx3VwgQ89DlkW0yo/UoEA/cSlx0DEfEGPBJz+Bn1IhEMPKxwYesn5pu0BC5YTboBj7PHiBKRL+9kFbhgdZmBp9WhlBKhD//ganJrfi1CHw4XAN0C6E8IPYbQQAQNxdDLCHodQxMSaEoGTUqhaTm8MPmH0gxenELL8yfG1e3Ahlk83AAAAABJRU5ErkJggg==) 50% 50% / 8px no-repeat; + } + /* Alertify */ +.ajs-message.ajs-error-alertify.ajs-visible { + color: #f44336; + background: var(--modal-bg-color); + border-color: transparent; +} +.ajs-message.ajs-warning-alertify { + color: #ffeb3b; + background: var(--modal-bg-color); + border-color: transparent; +} +.ajs-message.ajs-info-alertify { + color: #6da8ff; + background: var(--modal-bg-color); + border-color: transparent; +} +.ajs-message.ajs-success-alertify { + color: #00ffb8; + background: var(--modal-bg-color); + border-color: transparent; +} +/* Noty */ +.noty_type__error-noty .noty_body { + background: var(--modal-bg-color); + color: #f44336; + border: 1px solid transparent; + border-bottom: transparent; +} +.noty_type__warning-noty .noty_body { + background: var(--modal-bg-color); + color: #ffeb3b; + border: 1px solid transparent; + border-bottom: transparent; +} +.noty_type__info-noty .noty_body { + background: var(--modal-bg-color); + color: #3a83f0; + border: 1px solid transparent; + border-bottom: transparent; +} +.noty_type__success-noty .noty_body { + background: var(--modal-bg-color); + color: #00ffb8; + border: 1px solid transparent; + border-bottom: transparent; +} + + .btn-link, a { + color: var(--link-color); + text-decoration: none; + } + /* Homepage cover - hover */ + .hover-homepage-item:hover { + background: var(--hompage-item-hover); + opacity: 1; + transition: linear .2s; + } + /* Homepage streams- hover */ + .el-card-avatar a { + color: rgba(255,255,255,.7)!important; + border: white; + } + .el-element-overlay .el-card-item .el-overlay-1 .el-info>li a:hover { + background: transparent; + color: white !important; + border: white !important; + } + .progress-bar-info { + background: rgba(255, 255, 255, 0.25) !important; + } + .progress-bar-inverse, .progress { + background: rgba(0, 0, 0, 0.25) !important; + } + + /* Homepage health checks */ + .bg-inverse .healthPosition { + background: rgba(255, 255, 255, 0.2) !important; + -webkit-backdrop-filter: saturate(180%) blur(30px); + backdrop-filter: saturate(180%) blur(30px); + border-radius: 3px; + } + #homepageOrderhealthchecks .card-body { + background: rgba(255, 255, 255, 0.2); + } +.card, .card-body { + border-radius: 3px; + } +.bg-inverse { + background: transparent !important; + } +.left-health { + border-radius: 3px 0 0 3px; + } + + /* Homepage Tautulli Cards*/ + #homepageOrdertautulli .library-card .card-body, #homepageOrdertautulli div:nth-child(8) .card-body { + background: rgba(255, 255, 255, .2); + } + .homepage-tautulli-card .cardCountType { + color: #eee; + } + .homepage-tautulli-card .tautulliRank, .homepage-tautulli-card .tautulliSeparator { + color: #eee; + } + .homepage-tautulli-card .bg-img-cont { + border-radius: 3px; + border: .0001px solid #00000000; + } + + /* Homepage Unifi cards */ + .unifiCards .panel-heading { + background: rgba(255, 255, 255, 0.2) !important; + color: #fff !important; + border-color: transparent !important; + text-align: inherit !important; + border-radius: 3px 3px 0 0 !important; + } + .unifiCards .panel-wrapper.collapse.in { + background:rgba(0, 0, 0, 0.15); + } + + /* Homepage Monitor Cards */ + #homepageOrderMonitorr .card-body { + background: rgba(255, 255, 255, 0.2); + } + #homepageOrderMonitorr .col-lg-2 { + width: 170px; + } + #homepageOrderMonitorr .badge { + border-radius: 3px; + } + #homepageOrderMonitorr .bg-success { + background-color: #47bb62 !important; + } + #homepageOrderMonitorr .col-lg-3 .bg-success { + background-color: #53e69d !important; + } + + /*Homepage WeatherAndAir Cards*/ + #homepageOrderWeatherAndAir .tabs-style-iconbox nav ul li.tab-current a { + background: rgba(0, 0, 0, .2); + } + .health-and-pollutant-section .content-current { + background: rgba(255, 255, 255, .2); + } + #homepageOrderWeatherAndAir .tabs-style-iconbox nav ul li.tab-current a::after { + border-top-color: var(--link-color); + } + #homepageOrderWeatherAndAir .text-info { + color: var(--link-color); + } + #homepageOrderWeatherAndAir .tabs-style-iconbox nav ul li a { + color: #ddd; + } + #homepageOrderWeatherAndAir .white-box { + background: rgba(255, 255, 255, .1); + border-radius: 3px; + } + /*Homepage Speedtest Cards*/ + #allSpeedtest .speedtest-card { + background-color: rgba(255, 255, 255, .1); + } + #allSpeedtest .speedtest-card .text-muted, #allSpeedtest .speedtest-card h5 { + color: #d6d6d6 !important; + } + #allSpeedtest .shadow-sm { + -webkit-box-shadow: none !important; + box-shadow: none !important; + } +/* loginpage sidemenu */ +@media (max-width: 480px) { + .login-register > .login-box > .white-box { + margin-top: auto !important; + width: 100% !important; + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0) !important; + box-shadow: 0 0 10px rgba(0, 0, 0, 0) !important; + } + } + +/* logo */ + .white-box .visible-xs { + display: block!important; + } + .loginLogo { + border: 0; + margin-top: -60%; + transform: translateY(-10%); + } + @media (max-width: 480px) { + .loginLogo { + margin-top: -10% !important; + } + } + .blockUI { + opacity: 1 !important; + background-color: transparent !important; + } + .blockMsg { + background: rgba(0, 0, 0, 0.9) !important; + border: none !important; + } + + .login-register > .login-box > .white-box { + background: transparent !important; + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); + } + + .login-register { + background: var(--main-bg-color)!important; + height: 100%; + position: fixed; + } + + .slideInRight { + -webkit-animation-name: none; + animation-name: none; + } + + .login-register .login-box .white-box .bg-org { + background-color: transparent !important; + } + + /*2FA login button*/ + .panel-wrapper .panel-body > .btn-warning, .btn-warning.disabled { + background: hsla(0, 0%, 0%, 0.25) !important; + border: 1px solid #ffc36d00 !important; + } + + /*2FA animation header*/ + .panel-warning .panel-heading, .panel-yellow .panel-heading { + color: #fff; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.3); + border-color: #00000000; + } + + /*oAuth Successful*/ + .panel-green .panel-heading, .panel-success .panel-heading { + color: #53e69d; + text-align: center; + text-transform: uppercase; + border-radius: 3px; + background-color: transparent; + border-color: transparent; + } + + /*Login sidebar*//*Login sidebar*//*Login sidebar*/ + .login-box.login-sidebar, + #login-panels .panel-body, + #login-panels .panel { + background: transparent !important; + } + + /*Center login Box*/ + .login-sidebar { + position: relative; + right: initial; + } + + #lockScreen .white-box { + width: 400px; + height: 345px; + } + .login-sidebar .white-box { + width: 100%; + position: absolute; + top: 50%; + transform: translateY(-50%); + } + + #lockScreen .white-box { + position: absolute; + top: 50%; + transform: translateY(-50%); + background: transparent; + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); + } + + /* Splash screen */ + .p-20 { + padding: 0px!important; +} +#splashScreen, .lock-screen { + overflow-y: scroll; +} +#splashScreen .flexbox:first-of-type { + width: calc(100% - 40px); + margin: auto; +} + @media (max-width: 375px) { +#splashScreen div[id^=menu-] { + max-width: 88px !important; +} + } + @media (max-width: 480px) { +#splashScreen .flexbox:first-of-type { + width: auto; + margin-left: 30px; +} + } +@media (min-width: 768px) { +#splashScreen .flexbox:first-of-type { + width: 600px!important; + margin-top: 0px!important; +} +} + +#splashScreen div[id^=menu-] { + background: transparent; + border-radius: 3px; + max-width: 115px; + margin: 24px 20px 0 0!important; + padding: 25px; +} +#splashScreen .bg-org.fc-event { + background-color: transparent !important; + border-radius: 1000px; + height: 80px!important; + width: 80px !important; + background-position: center; +} + +#splashScreen .homepage-text { + display: none; +} + +#splashScreen .flexbox:last-of-type .bg-danger { + background: transparent !important; + color: #fff!important; + border: 0!important; + border-radius: 100px; + height: 0px!important; + text-align: center; + +} +#splashScreen .bottom-close-splash { + position: relative !important; + width: 0px ; + right: 0px ; + bottom: 0px ; +} + +#splashScreen .flexbox:last-of-type .bg-danger:before { + font-family: "FontAwesome"; + font-size: 40px; + content: "\f00d"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: rgba(255, 255, 255, 0.7); + -webkit-transform: scale(1.1) !important; + transform: scale(1.1) !important; + -webkit-animation-name: none; + animation-name: none; + text-align: center; + padding-top: inherit; + +} +#splashScreen .flexbox:last-of-type { + padding: 0!important; + position: absolute; + left: 50%; + -webkit-transform: translateX(calc(-50% - 10px)); + transform: translateX(calc(-50% - 10px)); +} +.hvr-wobble-bottom:active, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:hover { + -webkit-transform: scale(1.1) !important; + transform: scale(1.1) !important; + -webkit-animation-name: none; + animation-name: none; + +} +.hvr-wobble-bottom { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0,0,0,0); + -webkit-transition-duration: .3s; + transition-duration: .3s; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transform-origin: center; + transform-origin: center; +} +.splash-badge { + color: #fff; + width: 80px!important; + height: 80px; + font-size: 60px; + border-radius: 1000px; +} +.splash-badge i { + position: absolute; + left: 10px; + top: 10px; + margin: 0px; + padding: 0px; +} +.splash-badge i.fa-home:before { + position: absolute !important; + left: -2px !important; +} + +/* Google auth settings modal*/ + +.color-table.info-table thead th { + background-color: rgba(0, 0, 0, 0.25); + color: #fff; +} +.bg-success.text-inverse { + background-color: rgba(255, 255, 255, 0.15) !important; + color: #FFF; +} +.panel-blue a, .panel-info a { + color: var(--link-color); +} +.color-bordered-table.purple-bordered-table { + border: 2px solid var(--notification-box-line); +} +.white-box .bg-info { + background: var(--link-color) !important; +} + +/* Email Center*/ + +.ms-container .ms-selectable, .ms-container .ms-selection { + background: rgba(0, 0, 0, 0.25); +} +.ms-container .ms-list { + border: 1px solid rgba(255, 255, 255, 0.2); +} +.ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection { + border-bottom: 1px rgba(238, 238, 238, .2) solid; +} + +.ms-container .ms-selectable li.ms-hover, +.ms-container .ms-selection li.ms-hover { + background: rgba(255, 255, 255, .08) +} +.ms-container .ms-list.ms-focus{ + border-color: rgba(255, 255, 255, .5); + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 255, 255, .6); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 255, 255, .6); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 255, 255, .6); +} diff --git a/CSS/themes/organizr/organizr-base.css b/CSS/themes/organizr/organizr-base.css index 28864aa9..5b0b305e 100644 --- a/CSS/themes/organizr/organizr-base.css +++ b/CSS/themes/organizr/organizr-base.css @@ -1,1043 +1,1914 @@ -html { +@import url(https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900); +/*Theme Colors*/ +/*bootstrap Color*/ +/*Normal Color*/ +/*Border radius*/ +/*Just change your choise color here its theme Colors*/ + +/* THEME PARK CUSTOM */ + +.panel-footer { + background: var(--modal-footer-color) !important; +} +.panel-default .panel-body, +.panel-white .panel-body { + color: var(--text); +} + +.h1, +.h2, +.h3, +.h4, +.h5, +.h6, +h1, +h2, +h3, +h4, +h5, +h6, +label, +.bg-title .breadcrumb a:hover, +.chat-list .odd .chat-text h4, +.close, +.nav-tabs>li.active>a, +.nav-tabs>li.active>a:focus, +.nav-tabs>li.active>a:hover, +.pagination>li>a:focus, +.pagination>li>a:hover, +.pagination>li>span:focus, +.pagination>li>span:hover, +.text-dark, +.swal-title { + color: var(--text-hover) !important; +} + +.text-muted:not(.bg-plex) { + color: var(--text-muted) !important; +} + +.panel .panel-heading .panel-title { + color: var(--text-hover); +} + +.daterangepicker .input-mini, +.dd-handle, +.dd3-content, +.dropify-wrapper, +.form-control, +.panel-default .panel-heading, +.panel-white .panel-heading, +.select2-container .select2-choice, +.css-bar-lg:after { + background: #1f1f1f; +} + +.steamline .sl-right div>a, +.white-box .box-title, +a.list-group-item, +button.list-group-item, +h1, +h2, +h3, +h4, +h5, +h6 { + color: var(--text-hover) !important; +} + +.tabLoaded { + -webkit-filter: drop-shadow(0 0 2px transparent); + filter: drop-shadow(0 0 2px transparent); + color: var(--text-hover) +} + +.active .tabLoaded { + -webkit-filter: drop-shadow(0 0 5px transparent); + filter: drop-shadow(0 0 5px transparent); + color: rgb(var(--accent-color)); +} + +.navbar-top-links>li>a:hover { + background: rgba(0, 0, 0, 0.1); + color: var(--link-color-hover); +} + +.bg-title .breadcrumb, +.chat-list .odd .chat-text h4, +.close, +.nav-tabs>li.active>a, +.nav-tabs>li.active>a:focus, +.nav-tabs>li.active>a:hover, +.pagination>li>a:focus, +.pagination>li>a:hover, +.pagination>li>span:focus, +.pagination>li>span:hover { + color: var(--text-hover); +} + +.btn:not(.btn-danger):not(.bg-plex):not(.btn-youtube):not(.btn-info.btn-circle):not(.btn-success), +.cbutton { + background: var(--button-color) !important; + border-color: var(--button-color) !important; + color: var(--button-text) !important; +} + +.btn:hover:not(.btn-danger):not(.bg-plex):not(.btn-youtube):not(.btn-info.btn-circle):not(.btn-success), +.btn:active:not(.btn-danger):not(.bg-plex):not(.btn-youtube):not(.btn-info.btn-circle):not(.btn-success), +.btn:focus:not(.btn-danger):not(.bg-plex):not(.btn-youtube):not(.btn-info.btn-circle):not(.btn-success), +.cbutton:hover { + background: var(--button-color-hover) !important; + border-color: var(--button-color-hover) !important; + color: var(--button-text-hover) !important; +} + +.cbutton { + border-radius: 20px; + border-color: var(--button-color); + padding: 0px; + width: auto; + height: auto; + background-color: var(--button-color); + position: relative; + text-align: center; +} + +.cbutton:hover { + opacity: .8; +} + +.cbuttontitle { + color: var(--button-text); + width: -webkit-fill-available; + border-radius: 20px; + border: 4px solid; +} + +.panel-blue .panel-heading, +.panel-info .panel-heading { + border-color: rgb(var(--accent-color)); + color: var(--text-hover); + background: var(--main-bg-color); +} + +.bg-plex { + background: #e5a00d; + color: white; +} + +.tabs-style-flip nav a, +.nav-tabs>li>a { + color: var(--text-hover); +} + +.customtab2 li.active a, +.customtab2 li.active a:focus, +.customtab2 li.active a:hover { + background: rgba(0, 0, 0, 0.25) !important; + border-color: rgba(255, 255, 255, 0.1) !important; + border-radius: 20px; +} + +/*toast*/ +.iziToast.success-notify.iziToast-layout2 { + background: var(--modal-bg-color); + border: 1px solid rgba(255, 255, 255, 0.1); + border-bottom: transparent +} + +#dazsm6ofc1i6j6s9g5k5fija>div>div:nth-child(2), +#dazsm6ofc1i6j6s9g5k5fija>div>div.white-box.m-b-0.bg-info { + background: var(--modal-bg-color) !important; +} + +.css-bar-lg:after { + background: #1f1f1f !important; +} + +/* settings */ +/* header*/ +[id*="settings-"]>div>div.panel-heading:not(form > div > div.panel-heading) { + background: rgba(0, 0, 0, 0.25); +} + +#customize-appearance-form>ul>li.active>a { + background: rgba(0, 0, 0, 0.25); +} + +#settings-main-system-settings { background: var(--main-bg-color); } - body { - color: white; - } - .panel .panel-heading .panel-title { - color: #ffffff; - } - .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper, .dataTables_info, .text-dark, .drop-title, .tabs-style-flip nav a, .text-dark .bg-title .breadcrumb a, .daterangepicker .input-mini, .dd-handle, .dd3-content, .dropify-wrapper, .form-control, .panel-default .panel-heading, .panel-white .panel-heading, .select2-container .select2-choice, .steamline .sl-right div>a, .white-box .box-title, a.list-group-item, button.list-group-item, h1, h2, h3, h4, h5, h6, .panel-default .panel-body, .panel-white .panel-body { - color: #ffffff !important; - } - /* Scrollbar */ - @media only screen and (min-width: 768px) { + +/* forms */ +select.form-control:focus { + box-shadow: none; + background: #1f1f1f; + border: 1px solid rgba(120, 130, 140, 0.4); +} + +.form-material .form-control:focus { + background: #1f1f1f; + border: 1px solid rgba(120, 130, 140, 0.4); + +} + +.form-material .form-control { + background: rgba(0, 0, 0, 0.25); + border-radius: 3px; + padding: inherit; +} + +#githubVersions .bg-org { + background: rgba(0, 0, 0, 0.25) !important; +} + +/* Ace editor stuff */ +.ace-idle-fingers { + background-color: rgb(0 0 0 / 25%) !important; + color: var(--text-hover) !important; +} + +.ace-idle-fingers .ace_marker-layer .ace_active-line { + background: rgba(255, 255, 255, 0.15) !important; +} + +.ace-idle-fingers .ace_gutter { + background: rgb(255 255 255 / 10%) !important; + color: var(--text-hover) !important; +} + +.table>thead>tr>th { + border-bottom: 1px solid rgba(120, 130, 140, 0.13); + color: var(--text-hover); +} + +#tabEditorTable, +#categoryEditorTable { + color: var(--text); +} + +/* Datatables */ +.dataTables_wrapper .dataTables_filter, +.dataTables_wrapper .dataTables_info, +.dataTables_wrapper .dataTables_length, +.dataTables_wrapper .dataTables_paginate, +.dataTables_wrapper .dataTables_paginate .paginate_button, +.dataTables_wrapper .dataTables_processing, +.dd-handle, +.footable.breakpoint>tbody>tr>td>span.footable-toggle, +pre { + color: var(--text) !important; +} + +.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, +.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active, +.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover { + color: var(--text-muted) !important; +} + +#loginLogTable>tbody>.even, +#organizrLogTable>tbody>.even { + background: rgba(255, 255, 255, 0.10); +} + +.dataTables_wrapper .dataTables_paginate .paginate_button.current, +.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { + color: var(--button-text) !important; + border: 1px solid var(--button-color); + background: var(--button-color); +} + +.dataTables_wrapper .dataTables_paginate .paginate_button:hover { + color: var(--button-text-hover) !important; + border: 1px solid var(--button-color-hover); + background: var(--button-color-hover); +} + +.dataTables_wrapper .dataTables_paginate .paginate_button:active { + box-shadow: inset 0 0 3px rgba(0, 0, 0, 0); +} + +/* PLACEHOLDERS */ +input::-webkit-input-placeholder { + color: var(--text) !important; +} + +input:focus::-webkit-input-placeholder { + color: var(--text-hover) !important; +} + +/* Firefox < 19 */ +input:-moz-placeholder { + color: var(--text) !important; +} + +input:focus:-moz-placeholder { + color: var(--text-hover) !important; +} + +/* Firefox > 19 */ +input::-moz-placeholder { + color: var(--text) !important; +} + +input:focus::-moz-placeholder { + color: var(--text-hover) !important; +} + +/* Internet Explorer 10 */ +input:-ms-input-placeholder { + color: var(--text) !important; +} + +input:focus:-ms-input-placeholder { + color: var(--text-hover) !important; +} + +/* 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; - } - /* Header */ - .navbar-header { - background: transparent !important; - } - @media (max-width: 480px) { - .navbar-header { - background: var(--main-bg-color) !important; - } - } - .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { - background: transparent; - } - .navbar-default { - background-color: transparent; - } - .dropdown-menu { - background: var(--modal-bg-color); - } - .chat-list .odd .chat-text { - background: rgba(255, 255, 255, 0.15); - } - /* Background */ - #page-wrapper { - background: var(--main-bg-color) !important; - } - /* Update bar */ - .progress-bar-primary { - background: var(--modal-bg-color); - } - /* Lockscreen */ - .lock-screen { - background: var(--main-bg-color) !important; - } - /* Buttons */ - .btn-primary, .btn-primary.disabled { - background: rgba(0, 0, 0, 0.25); - border: 1px solid transparent; - } - .btn-primary:hover { - background: rgba(0, 0, 0, 0.45); - border: 1px solid rgba(0, 0, 0, 0); - } - .form-material .form-control, .form-material .form-control:focus { - background: #1f1f1f; - border-radius: 3px; - padding: inherit; - } - .lock-screen > .login-box { - width: 400px; - margin: 10% auto 0; - height: initial; - position: initial; - } - /* Sidebar/settings */ - #internal-Settings, .active-tab-Settings, .sidebar body[data-active-tab=""], .sidebar { - background: var(--main-bg-color) !important; - } - .sidebar, .sidebar { - background: transparent; - box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.6); - } - .sidebar-head { - background: var(--main-bg-color) !important; - } - #side-menu li a { - color: #ffffff; - } - #side-menu li a:focus, #side-menu li a:hover { - color: #fff; - background: rgba(255,255,255,.08)!important; - } - #side-menu li a.active { - box-shadow: inset 4px 0 0 0 var(--link-color); + +::-webkit-scrollbar { + width: 14px; } -.label-inverse { - background: var(--custom-buttons-color); + +::-webkit-scrollbar-thumb { + min-height: 50px; + border: 3px solid transparent; + border-radius: 8px; + background-color: hsla(0, 0%, 100%, .2); + background-clip: padding-box; } -.tabLoaded { - -webkit-filter: drop-shadow(0 0 5px var(--link-color)); - filter: drop-shadow(0 0 5px var(--link-color)); + +::-webkit-scrollbar-track { + background-color: transparent; } - /*input form control dropdown*/ -.form-control, select { - background: rgba(0,0,0,.25); - color: #fff; - border: 1px transparent; - } - .form-control:focus, select:focus { - color: #fff !important; - background: #1f1f1f; - border: 1px transparent; - transition: all 0ms linear 0s; - } - /* Settings */ - .bg-title { - background: rgba(0, 0, 0, 0.15); - } - .content-wrap { - background: var(--main-bg-color) !important; - } - .swal-modal.bg-org { - background: var(--main-bg-color); + +::-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; } - .panel-wrapper > .bg-org .tab-content { - background-color: transparent !important; - } - .panel-blue .panel-heading, .panel-info .panel-heading { - border-color: #ffffff; - color: #fff; - background-color: rgba(0, 0, 0, 0.15); - } - .panel { - background: transparent; - } - .panel-body { - background: transparent !important; - } - .nav-tabs>li>a:hover { - background: rgba(0, 0, 0, 0.15); - } - .bg-org { - background-color: transparent !important; - } - .tab-content>.active { - display: block; + +/* JS GRID USERS */ +.jsgrid-grid-header { background: var(--main-bg-color); - } -/* Settings - tables */ - .panel .table { - background: var(--main-bg-color) !important; - } - /* User Management */ - #settings-user-manage-users tr.jsgrid-header-row th { - background: rgba(0, 0, 0, .0); - } +} - #settings-user-manage-users .jsgrid-grid-body td { - background: rgba(0, 0, 0, .0) !important; - } - #settings-user-manage-users .jsgrid-selected-row td { - background: rgba(0, 0, 0, .15) !important - } -/* iframe sandbox */ -.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { - color: #ffffff; +th.text-center, +th.jsgrid-header-sortable, +th.jsgrid-control-field.jsgrid-align-center { + color: var(--text-hover) !important; } -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #00000094; - border: 1px solid #00000000; - color: #ffffff; + +#jsGrid-Users>div.jsgrid-grid-header.jsgrid-header-scrollbar>table, +.jsgrid-grid-body>table>tbody { + color: var(--text) !important; } - /* error page */ -.error-box { - top: 10%; - background: var(--main-bg-color); + +.jsgrid-table tbody .jsgrid-header-row, +#jsGrid-Users>div.jsgrid-grid-header.jsgrid-header-scrollbar>table>tbody { + color: var(--text-hover) !important; } -/*error page background */ -#internal-Settings, #preloader, .preloader, .active-tab-Settings, .error-page { - background: var(--main-bg-color); + +.jsGrid-Users, +.jsgrid-header-sort-desc, +.jsgrid-header-sort-asc { + background: rgba(0, 0, 0, 0.25) !important; } -/*Speed test footer and circles*/ -.white-popup .panel-footer { - background: var(--main-bg-color); - border-top: 1px solid #fff; + +tr.jsgrid-header-row th { + border: transparent !important; + background: rgb(0 0 0 / 35%); } -.css-bar-lg:after { - background: #1f1f1f !important; + +.jsgrid-grid-body td { + border-bottom: 1px solid rgba(120, 130, 140, .13); + border-top: 1px solid rgb(255 255 255 / 10%) !important; + background: #ffffff00 !important; } -/* Settings - menu tabs */ - .sttabs nav { - background: rgba(0, 0, 0, 0); + +.jsgrid-filter-row>td, +.jsgrid-header-sortable:hover { + background: rgba(0, 0, 0, 0.45) !important; + color: var(--text-hover) !important; } -.tabs-style-flip nav li.tab-current a::after { - background-color: rgba(0,0,0,.15) !important; - -webkit-transform: none !important; - transform: none !important; - border-radius: 0px !important; + +/* Calendar */ + +#calendar .fc-content-skeleton>table>thead>tr { + background: rgba(0, 0, 0, 0.15); } -.tabs-style-flip nav a::after { - background: rgba(0,0,0,0)!important; - transition: none; - -webkit-transform: none; - transform: none; + +.fc-event:not(.homepage-drag), +.fc-event:hover:not(.homepage-drag), +.ui-widget .fc-event { + color: var(--text-hover) !important; + text-decoration: none; } -.tabs-style-flip nav a:hover { - background: rgba(255,255,255,.05)!important; -} - .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover { - background-color: none !important; -} -.tabs-style-flip nav li.tab-current a:hover { - color: #ffffff; - background: rgba(0,0,0,0)!important; -} -.tabs-style-flip nav li.tab-current a { - color: var(--link-color) !important; + +.fc-day-header a, +.fc-day-number, +.fc-list-heading-main { + color: rgb(var(--accent-color)) !important; + cursor: pointer !important; + transition: color .2s ease; } - /* Settings - custom css */ - .ace_gutter { - background: rgba(0,0,0,.3) !important; - color: #fff !important; - } - /* Settings - image manager */ - .el-element-overlay .white-box { - background: transparent !important; - } - /* Settings - news panel */ - #organizrNewsPanel .panel-body { - background: rgba(0, 0, 0, 0.15) !important; - } - /* Settings - tab editor panel */ - .table-hover>tbody>tr:hover, .table-striped>tbody>tr:nth-of-type(odd), .table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active { - background-color: rgba(0, 0, 0, 0.15)!important; - } - .table-hover>tbody>tr:hover { - background: rgba(0,0,0,.15)!important; - } - #tabEditorTable .btn-info.btn-outline { - color: var(--custom-buttons-color); -} -#tabEditorTable .btn-info.btn-outline:hover,#tabEditorTable .btn-info.btn-outline:focus { - color: white; - background: var(--custom-buttons-color); -} - /* Settings - popup modal */ - .white-popup .panel-heading, .white-popup>.col-md-6>.white-box:first-child { - background: var(--main-bg-color)!important; - } - .white-popup .panel-body, .white-popup>.col-md-6>.white-box:nth-child(2) { - background: var(--main-bg-color) !important; - } - .panel-blue a:hover, .panel-info a:hover { - color: #ffffff; - } - .customtab li.active a, .customtab li.active a:focus, .customtab li.active a:hover, .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { - background: rgba(0, 0, 0, 0.25); - } - .white-popup-block { - background: var(--main-bg-color)!important; - } - .nav-tabs>li>a { - color: #ffffff; - } - .modal-content, .modal-header, .modal-footer, .modal-body { - background: var(--main-bg-color)!important; - } - .close:focus, .close:hover { - color: #fff; - } - .has-success .control-label { - color: var(--link-color); - } - /* Settings - save button */ - .btn-info, .btn-info.disabled { - background: rgba(0, 0, 0, 0.25); - border: none; - } - .btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info.focus, .btn-info:focus, .btn-info:hover { - background: rgba(0, 0, 0, 0.45); - border: none; - } - .btn-info.active, .btn-info:active, .open>.dropdown-toggle.btn-info, .btn-info:active:hover { - background-color: #1b1a1a; - border-color: #1b1a1a; - } - /* Settings logs */ - - .table-striped>tbody>tr:nth-of-type(odd) { - background: rgba(0,0,0,.15)!important; -} - .table-striped>tbody>tr:nth-of-type(odd):hover { - background: rgba(0,0,0,.25)!important; -} -table.dataTable>tbody>tr:nth-of-type(even) { - background: rgba(0,0,0,.15)!important; -} -table.dataTable>tbody>tr:nth-of-type(even):hover { - background: rgba(0,0,0,.25)!important; -} - .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { - background: rgba(0,0,0,.08)!important; - color: var(--link-color) !important; - border: 0!important; - border-radius: 0!important; - margin: 0!important; - transition: none; - } - .dataTables_wrapper .dataTables_paginate .paginate_button { - background: rgba(0,0,0,.15); - color: rgba(255,255,255,.7)!important; - border: 0!important; - border-radius: 0!important; - margin: 0!important; - transition: none; + +.fc-unthemed th, +.fc-unthemed td, +.fc-unthemed thead, +.fc-unthemed .fc-divider, +.fc-unthemed .fc-row, +.fc-unthemed .fc-popover { + border-color: transparent; + background: rgba(0, 0, 0, 0.05); +} + +.bg-theme, +.fc-day-header { + background: rgba(0, 0, 0, .3) !important; +} + +.bg-theme, +.fc th.fc-sun, +.fc th.fc-tue, +.fc th.fc-thu, +.fc th.fc-sat, +.fc th.fc-mon, +.fc th.fc-wed, +.fc th.fc-fri, +.fc-button { + background-color: rgba(0, 0, 0, 0.25) !important; +} + +th.fc-day-header.fc-widget-header.fc-today { + background-color: rgba(0, 0, 0, 0.25) !important; +} + +.fc-widget-content.fc-today { + background-color: rgba(255, 255, 255, 0.25) !important; +} + +.fc-popover { + background: var(--modal-bg-color); +} + +/* loginpage sidemenu */ +@media (max-width: 480px) { + .login-register>.login-box>.white-box { + margin-top: auto !important; + width: 100% !important; + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0) !important; + box-shadow: 0 0 10px rgba(0, 0, 0, 0) !important; } - .dataTables_wrapper .dataTables_paginate .paginate_button:hover, .nav-tabs li a:hover { - background: rgba(255,255,255,.08)!important; - color: #eee!important; +} + +/* logo */ +.white-box .visible-xs { + display: block !important; +} + +.loginLogo { + border: 0; + margin-top: -60%; + transform: translateY(-10%); +} + +@media (max-width: 480px) { + .loginLogo { + margin-top: -10% !important; } - .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover { - background: rgba(0, 0, 0, 0.25) !important; - } - -/* Settings - custom CSS */ - .ace-idle-fingers { - background-color: rgba(0, 0, 0, 0.15) !important; - background: rgba(0, 0, 0, 0.15) !important; - } - .ace_gutter { - background: rgba(0,0,0,.3)!important; - color: #eee!important; - } - /* custom buttons */ - .cbutton { - background-color: rgba(255, 255, 255, 0.2) !important; - border-radius: 3px !important; - border-color: transparent !important; - } - - /* Calendar */ - .fc-day-header a, .fc-day-number, .fc-list-heading-main { - color: #FFF; - cursor: pointer!important; - transition: color .2s ease; - } - .fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-popover { - border-color: transparent; - background: rgba(0, 0, 0, 0.05); - } - .bg-theme, .fc-day-header { - background: rgba(0,0,0,.3) !important; - } - .bg-theme, .fc th.fc-sun, .fc th.fc-tue, .fc th.fc-thu, .fc th.fc-sat, .fc th.fc-mon, .fc th.fc-wed, .fc th.fc-fri, .fc-button { - background-color: rgba(0, 0, 0, 0.25) !important; - } - th.fc-day-header.fc-widget-header.fc-today { - background-color:rgba(0, 0, 0, 0.25) !important; +} + +.blockUI { + opacity: 1 !important; + background-color: transparent !important; +} + +.blockMsg { + background: rgba(0, 0, 0, 0.9) !important; + border: none !important; +} + +@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { + .login-register>.login-box>.white-box { + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); + border-radius: 15px; + background-color: rgba(0, 0, 0, 0.45); + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + color: white !important; } - .fc-widget-content.fc-today { - background-color: rgba(255, 255, 255, 0.25) !important; +} + + +/* slightly transparent fallback for Firefox (not supporting backdrop-filter) */ +@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) { + .login-register>.login-box>.white-box { + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); + border-radius: 15px; + background-color: rgba(0, 0, 0, 0.7); } - .fc-popover { - background: var(--modal-bg-color); - } -/*TV Missing icon and status*/ -#calendar .fa.fa-tv.text-danger, -#calendar .fc-time.tv.text-danger { - color: var(--calendar-tv-missing); } -/*TV Available icon and status*/ -#calendar .fa.fa-tv.text-success, -#calendar .fc-time.tv.text-success { - color: var(--calendar-tv-available); + +.login-register { + /* background: var(--main-bg-color) !important; */ + height: 100%; + position: fixed; } -/*TV Unreleased icon and status*/ -#calendar .fa.fa-tv.text-info, -#calendar .fc-time.tv.text-info { - color: var(--calendar-tv-unreleased); + +.slideInRight { + -webkit-animation-name: none; + animation-name: none; } -/*TV Premier icon and status*/ -#calendar .fa.fa-tv.text-primary, -#calendar .fc-time.tv.text-primary, -#calendar .fa.fa-tv.text-purple, -#calendar .fc-time.tv.text-purple { - color: var(--calendar-tv-premier); + +.login-register .login-box .white-box .bg-org { + background: transparent !important; } -/*Movie Missing icon and status*/ -#calendar .fa.fa-film.text-danger:before { - color: var(--calendar-movie-missing); +/*2FA login button*/ +.panel-wrapper .panel-body>.btn-warning, +.btn-warning.disabled { + background: hsla(0, 0%, 0%, 0.25) !important; + border: 1px solid #ffc36d00 !important; } -#calendar .fa.fa-film.text-danger:after { - content:" Missing"; - font-family: Rubik,sans-serif; - font-weight: 500; - color: var(--calendar-movie-missing); + +/*2FA animation header*/ +.panel-warning .panel-heading, +.panel-yellow .panel-heading { + color: #fff; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.3); + border-color: #00000000; } -/*Movie Available icon and status*/ -#calendar .fa.fa-film.text-success:before { - color: var(--calendar-movie-available); +/*oAuth Successful*/ +.panel-green .panel-heading, +.panel-success .panel-heading { + color: #53e69d; + text-align: center; + text-transform: uppercase; + border-radius: 3px; + background-color: transparent; + border-color: transparent; +} + +/*Login sidebar*/ +/*Login sidebar*/ +/*Login sidebar*/ +.login-box.login-sidebar, +#login-panels .panel-body, +#login-panels .panel { + background: transparent !important; +} + +/*Center login Box*/ +.login-sidebar { + position: relative; + right: initial; +} + +#lockScreen .white-box { + width: 400px; + height: 345px; +} + +.login-sidebar .white-box { + width: 100%; + position: absolute; + top: 50%; + transform: translateY(-50%); +} + +@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { + #lockScreen .white-box { + position: absolute; + top: 50%; + transform: translateY(-50%); + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); + border-radius: 15px; + background-color: rgba(0, 0, 0, 0.45); + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + } +} + + +/* slightly transparent fallback for Firefox (not supporting backdrop-filter) */ +@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) { + #lockScreen .white-box { + position: absolute; + top: 50%; + transform: translateY(-50%); + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); + border-radius: 15px; + background-color: rgba(0, 0, 0, 0.7); + } +} + +@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { + #splashScreen { + overflow-y: scroll; + background: rgb(0 0 0 / 80%) !important; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + } +} + + +/* slightly transparent fallback for Firefox (not supporting backdrop-filter) */ +@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) { + #splashScreen { + overflow-y: scroll; + background: rgb(0 0 0 / 90%) !important; + } +} + +/* Splash screen */ +.p-20 { + padding: 0px !important; +} + + + +.lock-screen { + overflow-y: scroll; +} + +#splashScreen .flexbox:first-of-type { + width: calc(100% - 40px); + margin: auto; +} + +@media (max-width: 375px) { + #splashScreen div[id^=menu-] { + max-width: 88px !important; + } +} + +@media (max-width: 480px) { + #splashScreen .flexbox:first-of-type { + width: auto; + margin-left: 30px; + } +} + +@media (min-width: 768px) { + #splashScreen .flexbox:first-of-type { + width: 600px !important; + margin-top: 0px !important; + } +} + +#splashScreen div[id^=menu-] { + background: transparent; + border-radius: 3px; + max-width: 115px; + margin: 24px 20px 0 0 !important; + padding: 25px; +} + +#splashScreen .bg-org.fc-event { + background-color: transparent !important; + border-radius: 1000px; + height: 80px !important; + width: 80px !important; + background-position: center; +} + +#splashScreen .homepage-text { + display: none; +} + +#splashScreen .flexbox:last-of-type .bg-danger { + background: transparent !important; + color: #fff !important; + border: 0 !important; + border-radius: 100px; + height: 0px !important; + text-align: center; + +} + +#splashScreen .bottom-close-splash { + position: relative !important; + width: 0px; + right: 0px; + bottom: 0px; +} + +#splashScreen .flexbox:last-of-type .bg-danger:before { + font-family: "FontAwesome"; + font-size: 40px; + content: "\f00d"; + font-weight: 900; + display: inline-block; + margin-right: 5px; + color: rgba(255, 255, 255, 0.7); + -webkit-transform: scale(1.1) !important; + transform: scale(1.1) !important; + -webkit-animation-name: none; + animation-name: none; + text-align: center; + padding-top: inherit; + +} + +#splashScreen .flexbox:last-of-type { + padding: 0 !important; + position: absolute; + left: 50%; + -webkit-transform: translateX(calc(-50% - 10px)); + transform: translateX(calc(-50% - 10px)); +} + +.hvr-wobble-bottom:active, +.hvr-wobble-bottom:focus, +.hvr-wobble-bottom:hover { + -webkit-transform: scale(1.1) !important; + transform: scale(1.1) !important; + -webkit-animation-name: none; + animation-name: none; + +} + +.hvr-wobble-bottom { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transition-duration: .3s; + transition-duration: .3s; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transform-origin: center; + transform-origin: center; +} + +.splash-badge { + color: #fff; + width: 80px !important; + height: 80px; + font-size: 60px; + border-radius: 1000px; +} + +.splash-badge i { + position: absolute; + left: 10px; + top: 10px; + margin: 0px; + padding: 0px; +} + +.splash-badge i.fa-home:before { + position: absolute !important; + left: -2px !important; +} + +/* Google auth settings modal*/ + +.color-table.info-table thead th { + background-color: rgba(61, 33, 33, 0.25); + color: #fff; +} + +.bg-success.text-inverse { + background-color: rgba(255, 255, 255, 0.15) !important; + color: #FFF; +} + +.panel-blue a, +.panel-info a { + color: var(--link-color); +} + +.color-bordered-table.purple-bordered-table { + border: 2px solid rgb(var(--accent-color)); +} + +.white-box .bg-info { + background: var(--link-color) !important; +} + +/* HOMEPAGE STUFF */ +/*TV Missing icon and status*/ +#calendar .fa.fa-tv.text-danger, +#calendar .fc-time.tv.text-danger { + color: var(--calendar-tv-missing); +} + +/*TV Available icon and status*/ +#calendar .fa.fa-tv.text-success, +#calendar .fc-time.tv.text-success { + color: var(--calendar-tv-available); +} + +/*TV Unreleased icon and status*/ +#calendar .fa.fa-tv.text-info, +#calendar .fc-time.tv.text-info { + color: var(--calendar-tv-unreleased); +} + +/*TV Premier icon and status*/ +#calendar .fa.fa-tv.text-primary, +#calendar .fc-time.tv.text-primary, +#calendar .fa.fa-tv.text-purple, +#calendar .fc-time.tv.text-purple { + color: var(--calendar-tv-premier); +} + +/*Movie Missing icon and status*/ +#calendar .fa.fa-film.text-danger:before { + color: var(--calendar-movie-missing); +} + +#calendar .fa.fa-film.text-danger:after { + content: " Missing"; + font-family: Rubik, sans-serif; + font-weight: 500; + color: var(--calendar-movie-missing); +} + +/*Movie Available icon and status*/ +#calendar .fa.fa-film.text-success:before { + color: var(--calendar-movie-available); +} + +#calendar .fa.fa-film.text-success:after { + content: " Available"; + font-family: Rubik, sans-serif; + font-weight: 500; + color: var(--calendar-movie-available); +} + +/*Movie Unreleased icon and status*/ +#calendar .fa.fa-film.text-info:before { + color: var(--calendar-movie-unreleased); +} + +#calendar .fa.fa-film.text-info:after { + content: " Unreleased"; + font-family: Rubik, sans-serif; + font-weight: 500; + color: var(--calendar-movie-unreleased); +} + + +/* Homepage Now playing card */ +.nowPlayingItem>.white-box>.el-card-item { + background: rgba(0, 0, 0, 0.15) !important; + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); +} + +.icon-film, +.icon-control-play, +.icon-screen-desktop, +.icon-control-pause { + color: white !important; +} + +.label-info { + background: var(--button-color); +} + +.white-box { + background: var(--main-bg-color); +} + +/* Homepage headers */ +.panel-default .panel-heading .fc-toolbar { + background: transparent !important; + padding: 20px 0px; +} + +.panel-black .panel-heading, +.panel-inverse .panel-heading { + border-color: transparent; + color: #fff; + background: var(--main-bg-color); +} + +/* Homepage buttons */ + +#homepageOrderdeluge .mailbox-widget .customtab li.active a, +#homepageOrderqBittorrent .mailbox-widget .customtab li.active a, +#homepageOrderrTorrent .mailbox-widget .customtab li.active a, +#homepageOrdertransmission .mailbox-widget .customtab li.active a { + height: auto; + padding: 5px 5px 0px 5px; + cursor: pointer; + font-weight: 400; +} + +#homepageOrderdeluge .ti-download:before, +#homepageOrderqBittorrent .ti-download:before, +#homepageOrderrTorrent .ti-download:before, +#homepageOrdertransmission .ti-download:before { + display: none; +} + +#homepageOrderdeluge .white-box, +#homepageOrderqBittorrent .white-box, +#homepageOrderrTorrent .white-box, +#homepageOrdertransmission .white-box { + padding-right: 0px !important; +} + +#homepage-items .nav-tabs>li.active>a, +.nav-tabs>li.active>a:hover { + cursor: pointer; + opacity: 1; + background: rgba(0, 0, 0, 0.25) !important; +} + +#homepageOrderdownloader .nav-tabs>li.active>a, +.nav-tabs>li.active .nav>li>a, +#homepageOrderdownloader .nav-tabs>li>a, +.nav-tabs>li .nav>li>a { + padding: 10px 12.5px; +} + +#homepageOrderdownloader .nav-tabs>li.active>a, +.nav-tabs>li.active .nav>li>a .customtab, +#homepageOrderdownloader .nav-tabs { + padding: 10px 12.5px; +} + +#homepageOrderdownloader ul.nav.customtab.nav-tabs.m-t-5.nav-tabs>li.active>a, +#homepageOrderdownloader ul.nav.customtab.nav-tabs.m-t-5.nav-tabs>li>a { + padding: 10px 11.5px !important; +} + +#homepageOrderdownloader .nav-tabs>li.active>a:hover, +#homepageOrderdownloader .nav-tabs>li.active:hover { + background: rgba(0, 0, 0, 0.25) !important; + opacity: 1; +} + +#homepageOrderdownloader .downloaderCount { + margin-top: -20px !important; +} + +#homepageOrderdownloader .mailbox-widget .customtab li a { + padding: 20px 15px 5px 15px; +} + +#homepageOrderdownloader .customtab li a { + padding: 20px 15px 5px 15px !important; +} + +#homepageOrderdownloader .mailbox-widget .customtab li a:hover { + opacity: 1; +} + +/* Homepage calendar buttons */ +.fc-next-button, +.fc-prev-button { + background: 0 0 !important; + color: rgba(255, 255, 255, .7) !important; + border: 0 !important; +} + +.btn-group.open .dropdown-toggle, +.fc-state-default { + text-shadow: none; + box-shadow: none; +} + +.fc-button:hover { + background: rgba(255, 255, 255, .08) !important; +} + +.fc-button { + background: rgba(0, 0, 0, 0) !important; + color: var(--text-hover); + border-radius: 0 !important; + border: 0 !important; + text-transform: uppercase; +} + +/* Homepage ombi - request triangle */ +.inside-request-div { + background-color: var(--link-color) !important; +} + +.btn-group.open, +.dropdown-toggle, +.fc-state-default { + text-shadow: none !important; + box-shadow: none !important; +} + +/* .btn-info:active:focus, +.btn-info:active:hover, +.btn-info:focus { + border: none !important; +} */ + +.btn.active, +.btn:active { + -webkit-box-shadow: none; + box-shadow: none; +} + +/* Notification Popups */ +/* Izi */ +.iziToast.update-notify.iziToast-layout2, +.iziToast.success-notify.iziToast-layout2 { + border: none; + background: var(--modal-bg-color) !important; + border-bottom: transparent; +} + +.iziToast.update-notify>.iziToast-body .iziToast-icon, +.iziToast.success-notify>.iziToast-body .iziToast-icon { + color: var(--link-color) !important; +} + +.iziToast:after { + background: var(--modal-bg-color) !important; +} + +.update-notify .iziToast-progressbar div, +.success-notify .iziToast-progressbar div { + background: rgb(var(--accent-color)) !important; +} + +.iziToast>.iziToast-close { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAk6AAAJOgHwZJJKAAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTEyLTAyVDIyOjExOjA0KzAxOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0xMi0wMlQyMjoxMTozNiswMTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0xMi0wMlQyMjoxMTozNiswMTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxMzZkZDFlZS01YjJhLWIyNGMtOTA5ZC1lMzljOTJlMDVlYmMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTM2ZGQxZWUtNWIyYS1iMjRjLTkwOWQtZTM5YzkyZTA1ZWJjIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MTM2ZGQxZWUtNWIyYS1iMjRjLTkwOWQtZTM5YzkyZTA1ZWJjIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMzZkZDFlZS01YjJhLWIyNGMtOTA5ZC1lMzljOTJlMDVlYmMiIHN0RXZ0OndoZW49IjIwMTktMTItMDJUMjI6MTE6MDQrMDE6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4wIChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz47W311AAAA1klEQVRYw82XDQrDIAyFPVgP4AX8vXHPtIJTsKMMk6XT7E0IVGz9nrHGxJRStmp7N2uUW2NceJvpD2d7VHOKcNcZZ9vfBaiJGMBfAuxgoPX9QrgnGJZTt0QEA3cSFx3VwgQ89DlkW0yo/UoEA/cSlx0DEfEGPBJz+Bn1IhEMPKxwYesn5pu0BC5YTboBj7PHiBKRL+9kFbhgdZmBp9WhlBKhD//ganJrfi1CHw4XAN0C6E8IPYbQQAQNxdDLCHodQxMSaEoGTUqhaTm8MPmH0gxenELL8yfG1e3Ahlk83AAAAABJRU5ErkJggg==) 50% 50% / 8px no-repeat; +} + +/* Alertify */ +.ajs-message.ajs-error-alertify.ajs-visible { + color: #f44336; + background: var(--modal-bg-color); + border-color: transparent; +} + +.ajs-message.ajs-warning-alertify { + color: #ffeb3b; + background: var(--modal-bg-color); + border-color: transparent; +} + +.ajs-message.ajs-info-alertify { + color: #6da8ff; + background: var(--modal-bg-color); + border-color: transparent; +} + +.ajs-message.ajs-success-alertify { + color: #00ffb8; + background: var(--modal-bg-color); + border-color: transparent; +} + +/* Noty */ +.noty_type__error-noty .noty_body { + background: var(--modal-bg-color); + color: #f44336; + border: 1px solid transparent; + border-bottom: transparent; +} + +.noty_type__warning-noty .noty_body { + background: var(--modal-bg-color); + color: #ffeb3b; + border: 1px solid transparent; + border-bottom: transparent; +} + +.noty_type__info-noty .noty_body { + background: var(--modal-bg-color); + color: #3a83f0; + border: 1px solid transparent; + border-bottom: transparent; +} + +.noty_type__success-noty .noty_body { + background: var(--modal-bg-color); + color: #00ffb8; + border: 1px solid transparent; + border-bottom: transparent; +} + +.btn-link, +a { + color: var(--link-color); + text-decoration: none; +} + +.btn-link:hover, +a:hover { + color: var(--link-color-hover); + text-decoration: none; +} + +/* Homepage streams- hover */ +.el-card-avatar a { + color: rgba(255, 255, 255, .7) !important; + border: white; +} + +.el-element-overlay .el-card-item .el-overlay-1 .el-info>li a:hover { + background: transparent; + color: white !important; + border: white !important; +} + +.progress-bar-info { + background: rgba(255, 255, 255, 0.25) !important; +} + +.progress-bar-inverse, +.progress { + background: rgba(0, 0, 0, 0.25) !important; +} + +/* Homepage health checks */ +.bg-inverse .healthPosition { + background: rgba(255, 255, 255, 0.2) !important; + -webkit-backdrop-filter: saturate(180%) blur(30px); + backdrop-filter: saturate(180%) blur(30px); + border-radius: 3px; +} + +#homepageOrderhealthchecks .card-body { + background: rgba(255, 255, 255, 0.2); +} + +.card, +.card-body { + border-radius: 3px; +} + +.bg-inverse { + background: transparent !important; +} + +.left-health { + border-radius: 3px 0 0 3px; +} + +/* Homepage Tautulli Cards*/ +#homepageOrdertautulli .library-card .card-body, +#homepageOrdertautulli div:nth-child(8) .card-body { + background: rgba(255, 255, 255, .2); +} + +.homepage-tautulli-card .cardCountType { + color: #eee; +} + +.homepage-tautulli-card .tautulliRank, +.homepage-tautulli-card .tautulliSeparator { + color: #eee; +} + +.homepage-tautulli-card .bg-img-cont { + border-radius: 3px; + border: .0001px solid #00000000; +} + +/* Homepage Unifi cards */ +.unifiCards .panel-heading { + background: rgba(255, 255, 255, 0.2) !important; + color: var(--text-hover) !important; + border-color: transparent !important; + text-align: inherit !important; + border-radius: 3px 3px 0 0 !important; +} + +.unifiCards .panel-wrapper.collapse.in { + background: rgba(0, 0, 0, 0.15); +} + +/* Homepage Monitor Cards */ +#homepageOrderMonitorr .card-body { + background: rgba(255, 255, 255, 0.2); +} + +#homepageOrderMonitorr .col-lg-2 { + width: 170px; +} + +#homepageOrderMonitorr .badge { + border-radius: 3px; +} + +#homepageOrderMonitorr .bg-success { + background-color: #47bb62 !important; +} + +#homepageOrderMonitorr .col-lg-3 .bg-success { + background-color: #53e69d !important; +} + +/*Homepage WeatherAndAir Cards*/ +#homepageOrderWeatherAndAir .tabs-style-iconbox nav ul li.tab-current a { + background: rgba(0, 0, 0, .2); +} + +.health-and-pollutant-section .content-current { + background: rgba(255, 255, 255, .2); +} + +#homepageOrderWeatherAndAir .tabs-style-iconbox nav ul li.tab-current a::after { + border-top-color: var(--link-color); +} + +#homepageOrderWeatherAndAir .text-info { + color: var(--link-color); +} + +#homepageOrderWeatherAndAir .tabs-style-iconbox nav ul li a { + color: #ddd; +} + +#homepageOrderWeatherAndAir .white-box { + background: rgba(255, 255, 255, .1); + border-radius: 3px; +} + +/*Homepage Speedtest Cards*/ +#allSpeedtest .speedtest-card { + background-color: rgba(255, 255, 255, .1); +} + +#allSpeedtest .speedtest-card .text-muted, +#allSpeedtest .speedtest-card h5 { + color: #d6d6d6 !important; +} + +#allSpeedtest .shadow-sm { + -webkit-box-shadow: none !important; + box-shadow: none !important; +} + +.swal-overlay--show-modal .swal-modal { + background: var(--main-bg-color); + color: var(--text-hover); +} + +/* THEME PARK CUSTOM END*/ + +html { + background: var(--main-bg-color); + color: var(--text); +} + +body { + background: var(--main-bg-color); + color: var(--text); +} + +#page-wrapper { + background: var(--main-bg-color); +} + +/*Top Header Part*/ +.logo i { + color: var(--text-hover); +} + +.navbar-header { + background: var(--main-bg-color); +} + +.navbar-top-links>li>a { + color: var(--link-color); +} + +.nav .open>a, +.nav .open>a:focus, +.nav .open>a:hover { + background: var(--modal-bg-color); +} + +/*Right panel*/ +.right-sidebar .rpanel-title { + background: var(--main-bg-color); +} + +/*Bread Crumb*/ +.bg-title .breadcrumb .active { + color: #1f1f1f; +} + +/*Sidebar*/ +.sidebar, +.sidebar .sidebar-head { + background: var(--modal-bg-color); + box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08); +} + +.sidebar .label-custom { + background: #01c0c8; +} + +#side-menu li a { + color: var(--text); +} + +#side-menu li a { + color: var(--text); + border-left: 0px solid #1b1a1a; +} + +@media (pointer: fine) { + + #side-menu>li>a:hover, + #side-menu>li>a:focus { + background: rgba(0, 0, 0, 0.07); + color: var(--text-hover); + } +} + +#side-menu>li>a.active, +#side-menu>li>ul>li>a.active { + /*background: rgba(10, 10, 10, 0.53);*/ + color: rgb(var(--accent-color)); + font-weight: 500; + -webkit-box-shadow: inset 4px 0 0 0 rgb(var(--accent-color)); + box-shadow: inset 4px 0 0 0 rgb(var(--accent-color)); + border-radius: 0 0 0 0; + margin-left: 0px; + background: transparent; +} + +#side-menu ul>li>a:hover { + color: var(--text-hover); +} + +#side-menu ul>li>a.active { + color: var(--text-hover); + font-weight: 500; +} + +.user-profile .user-pro-body .u-dropdown { + color: var(--text); +} + +.dropdown-menu { + background: var(--drop-down-menu-bg) !important; +} + +.dropdown-menu>li>a { + color: var(--text) !important; + +} + +.dropdown-menu>li>a:focus, +.dropdown-menu>li>a:hover { + color: var(--text-hover) !important; +} + +.label-inverse { + background-color: #131313; +} + +/*themecolor*/ +.bg-theme { + background-color: #707cd2 !important; +} + +.bg-org:not([id="menu-"]div):not(.panel-heading) { + background: var(--main-bg-color) !important; +} + +/*Button*/ +.btn-custom { + background: var(--button-color); + border: 1px solid var(--button-color); + color: var(--button-text); +} + +.btn-custom:hover { + background: var(--button-color-hover); + opacity: 0.8; + color: var(--button-text-hover); + border: 1px solid var(--button-color-hover); +} + +/*Custom tab*/ +.customtab li.active a, +.customtab li.active a:hover, +.customtab li.active a:focus { + /*border-bottom: 2px solid #1f1f1f; + color: #1f1f1f;*/ +} + +.tabs-vertical li.active a, +.tabs-vertical li.active a:hover, +.tabs-vertical li.active a:focus { + background: #1f1f1f; + border-right: 2px solid #1f1f1f; +} + +/*Nav-pills*/ +.nav-pills>li.active>a, +.nav-pills>li.active>a:focus, +.nav-pills>li.active>a:hover { + background: #1f1f1f; + color: #ffffff; +} + +/*Extra css*/ +.bg-theme, +.fc th.fc-sun, +.fc th.fc-tue, +.fc th.fc-thu, +.fc th.fc-sat, +.fc th.fc-mon, +.fc th.fc-wed, +.fc th.fc-fri, +.fc-button { + background: var(--main-bg-color); +} + +.table tbody tr.advance-table-row.active, +.fc-button { + border-color: #1f1f1f; +} + +.manage-users .tabs-style-iconbox nav { + background: #1f1f1f; +} + +.manage-users .tabs-style-iconbox nav li.tab-current a { + background: #1f1f1f; +} + +.manage-users .tabs-style-iconbox nav li.tab-current a:after { + border-top-color: #1f1f1f; } -#calendar .fa.fa-film.text-success:after { - content:" Available"; - font-family: Rubik,sans-serif; - font-weight: 500; - color: var(--calendar-movie-available); + +.panel-themecolor, +.panel-theme { + border-color: #1f1f1f; } -/*Movie Unreleased icon and status*/ -#calendar .fa.fa-film.text-info:before { - color: var(--calendar-movie-unreleased); +.panel-themecolor .panel-heading, +.panel-theme .panel-heading { + border-color: #1f1f1f; + color: white; + background-color: #1f1f1f; } -#calendar .fa.fa-film.text-info:after { - content:" Unreleased"; - font-family: Rubik,sans-serif; - font-weight: 500; - color: var(--calendar-movie-unreleased); + +.panel-themecolor .panel-heading a, +.panel-theme .panel-heading a { + color: var(--text-hover); } +.panel-themecolor .panel-heading a:hover, +.panel-theme .panel-heading a:hover { + color: rgba(255, 255, 255, 0.5); +} - /* Homepage Now playing card */ - .nowPlayingItem > .white-box > .el-card-item { - background: rgba(0, 0, 0, 0.15) !important; - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); - box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); - } - .icon-film, .icon-control-play, .icon-screen-desktop, .icon-control-pause { - color: white !important; - } - .label-info { - background: var(--custom-buttons-color); - } - .white-box { - background: var(--main-bg-color); - } - /* Homepage headers */ - .panel-default .panel-heading, .fc-toolbar { - background: transparent !important; - padding: 20px 0px; - } - /* Homepage buttons */ - #homepage-items .btn-group .btn { - background: 0 0!important; - color: rgba(255,255,255,.7)!important; - padding: 6px 12px; - margin: 0 12.5px; - transition: color .2s ease; - } - #homepageOrderdeluge .mailbox-widget .customtab li.active a, - #homepageOrderqBittorrent .mailbox-widget .customtab li.active a, - #homepageOrderrTorrent .mailbox-widget .customtab li.active a, - #homepageOrdertransmission .mailbox-widget .customtab li.active a{ - height: auto; - padding: 5px 5px 0px 5px; - cursor: pointer; - font-weight: 400; - } +.panel-themecolor a, +.panel-theme a { + color: #1f1f1f; +} - #homepageOrderdeluge .ti-download:before, - #homepageOrderqBittorrent .ti-download:before, - #homepageOrderrTorrent .ti-download:before, - #homepageOrdertransmission .ti-download:before{ - display:none; - } - #homepageOrderdeluge .white-box, - #homepageOrderqBittorrent .white-box, - #homepageOrderrTorrent .white-box, - #homepageOrdertransmission .white-box { - padding-right: 0px !important; - } -/* #homepage-items .white-box { - padding-left: 0px !important; - }*/ - #homepage-items .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover { - cursor: pointer; - opacity: 1; - background: rgba(0, 0, 0, 0.25) !important; - } - #homepageOrderdownloader .nav-tabs>li.active>a, .nav-tabs>li.active .nav>li>a, - #homepageOrderdownloader .nav-tabs>li>a, .nav-tabs>li .nav>li>a{ - padding: 10px 12.5px; - } - #homepageOrderdownloader .nav-tabs>li.active>a, .nav-tabs>li.active .nav>li>a .customtab, - #homepageOrderdownloader .nav-tabs { - padding: 10px 12.5px; - } - #homepageOrderdownloader ul.nav.customtab.nav-tabs.m-t-5.nav-tabs>li.active>a,#homepageOrderdownloader ul.nav.customtab.nav-tabs.m-t-5.nav-tabs>li>a { - padding: 10px 11.5px !important; - } - #homepageOrderdownloader .nav-tabs>li.active>a:hover, #homepageOrderdownloader .nav-tabs>li.active:hover { - background: rgba(0, 0, 0, 0.25) !important; - opacity: 1; - } - #homepageOrderdownloader .downloaderCount { - margin-top: -20px !important; - } - #homepageOrderdownloader .mailbox-widget .customtab li a { - padding: 20px 15px 5px 15px; - } - #homepageOrderdownloader .customtab li a { - padding: 20px 15px 5px 15px !important; - } +.panel-themecolor a:hover, +.panel-theme a:hover { + color: #177eac; +} - #homepageOrderdownloader .mailbox-widget .customtab li a:hover { - opacity: 1; - } - /* Homepage calendar buttons */ - .fc-next-button, .fc-prev-button { - background: 0 0!important; - color: rgba(255,255,255,.7)!important; - border: 0!important; - } - .btn-group.open .dropdown-toggle, .fc-state-default { - text-shadow: none; - box-shadow: none; - } - .fc-button:hover { - background: rgba(255,255,255,.08)!important; - } - .fc-button { - background: rgba(0, 0, 0, 0)!important; - color: #fff; - border-radius: 0!important; - border: 0!important; - text-transform: uppercase; - } - /* Homepage ombi - request triangle */ - .inside-request-div { - background-color: var(--link-color) !important; +.login-box, +.white-box { + background: #1b1a1a; } - /* Homepage ombi - dropdown */ - #homepage-items .btn-group .btn { - background: 0 0!important; - color: rgba(255,255,255,.7)!important; - padding: 6px 12px; - margin: 0 12.5px; - transition: color .2s ease; - } - .btn-group.open, .dropdown-toggle, .fc-state-default { - text-shadow: none !important; - box-shadow: none !important; - } - .btn-info:active:focus, .btn-info:active:hover, .btn-info:focus { - border: none !important; - } - .btn.active, .btn:active { - -webkit-box-shadow: none; - box-shadow: none; - } -/* Notification Popups */ - /* Izi */ - .iziToast.update-notify.iziToast-layout2, .iziToast.success-notify.iziToast-layout2 { - border: none; - background: var(--modal-bg-color) !important; - border-bottom: transparent; - } - .iziToast.update-notify>.iziToast-body .iziToast-icon, .iziToast.success-notify>.iziToast-body .iziToast-icon { - color: var(--link-color) !important; - } - .iziToast:after { - background: var(--modal-bg-color) !important; - } - .update-notify .iziToast-progressbar div, .success-notify .iziToast-progressbar div { - background: var(--notification-box-line) !important; - } - .iziToast>.iziToast-close { - background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAk6AAAJOgHwZJJKAAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTEyLTAyVDIyOjExOjA0KzAxOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0xMi0wMlQyMjoxMTozNiswMTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0xMi0wMlQyMjoxMTozNiswMTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxMzZkZDFlZS01YjJhLWIyNGMtOTA5ZC1lMzljOTJlMDVlYmMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTM2ZGQxZWUtNWIyYS1iMjRjLTkwOWQtZTM5YzkyZTA1ZWJjIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MTM2ZGQxZWUtNWIyYS1iMjRjLTkwOWQtZTM5YzkyZTA1ZWJjIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMzZkZDFlZS01YjJhLWIyNGMtOTA5ZC1lMzljOTJlMDVlYmMiIHN0RXZ0OndoZW49IjIwMTktMTItMDJUMjI6MTE6MDQrMDE6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4wIChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz47W311AAAA1klEQVRYw82XDQrDIAyFPVgP4AX8vXHPtIJTsKMMk6XT7E0IVGz9nrHGxJRStmp7N2uUW2NceJvpD2d7VHOKcNcZZ9vfBaiJGMBfAuxgoPX9QrgnGJZTt0QEA3cSFx3VwgQ89DlkW0yo/UoEA/cSlx0DEfEGPBJz+Bn1IhEMPKxwYesn5pu0BC5YTboBj7PHiBKRL+9kFbhgdZmBp9WhlBKhD//ganJrfi1CHw4XAN0C6E8IPYbQQAQNxdDLCHodQxMSaEoGTUqhaTm8MPmH0gxenELL8yfG1e3Ahlk83AAAAABJRU5ErkJggg==) 50% 50% / 8px no-repeat; - } - /* Alertify */ -.ajs-message.ajs-error-alertify.ajs-visible { - color: #f44336; - background: var(--modal-bg-color); - border-color: transparent; +.bg-title { + background: var(--main-bg-color); } -.ajs-message.ajs-warning-alertify { - color: #ffeb3b; - background: var(--modal-bg-color); - border-color: transparent; + +.panel { + background: #1b1a1a; } -.ajs-message.ajs-info-alertify { - color: #6da8ff; - background: var(--modal-bg-color); - border-color: transparent; + +.form-control, +input, +.input-group-addon, +.no-bg-addon .input-group-addon { + background-color: #1f1f1f; } -.ajs-message.ajs-success-alertify { - color: #00ffb8; - background: var(--modal-bg-color); - border-color: transparent; + +.bg-title .breadcrumb .active { + color: #e6d086; } -/* Noty */ -.noty_type__error-noty .noty_body { - background: var(--modal-bg-color); - color: #f44336; - border: 1px solid transparent; - border-bottom: transparent; + +.tabs-style-flip nav li.tab-current a::after { + background-color: rgba(0, 0, 0, 0.25); + -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 0deg); + transform: perspective(900px) rotate3d(1, 0, 0, 0deg); + border-radius: 0px 0px 0 0; } -.noty_type__warning-noty .noty_body { - background: var(--modal-bg-color); - color: #ffeb3b; - border: 1px solid transparent; - border-bottom: transparent; + +.tabs-style-flip .content-wrap { + background: var(--main-bg-color); } -.noty_type__info-noty .noty_body { - background: var(--modal-bg-color); - color: #3a83f0; - border: 1px solid transparent; - border-bottom: transparent; + +.tabs-style-flip nav li.tab-current a { + color: rgb(var(--accent-color)); } -.noty_type__success-noty .noty_body { - background: var(--modal-bg-color); - color: #00ffb8; - border: 1px solid transparent; - border-bottom: transparent; + +.customtab2 li.active a, +.customtab2 li.active a:focus, +.customtab2 li.active a:hover { + background: #1f1f1f; + border-radius: 20px; } - .btn-link, a { - color: var(--link-color); - text-decoration: none; - } - /* Homepage cover - hover */ - .hover-homepage-item:hover { - background: var(--hompage-item-hover); - opacity: 1; - transition: linear .2s; - } - /* Homepage streams- hover */ - .el-card-avatar a { - color: rgba(255,255,255,.7)!important; - border: white; - } - .el-element-overlay .el-card-item .el-overlay-1 .el-info>li a:hover { - background: transparent; - color: white !important; - border: white !important; - } - .progress-bar-info { - background: rgba(255, 255, 255, 0.25) !important; - } - .progress-bar-inverse, .progress { - background: rgba(0, 0, 0, 0.25) !important; - } - - /* Homepage health checks */ - .bg-inverse .healthPosition { - background: rgba(255, 255, 255, 0.2) !important; - -webkit-backdrop-filter: saturate(180%) blur(30px); - backdrop-filter: saturate(180%) blur(30px); - border-radius: 3px; - } - #homepageOrderhealthchecks .card-body { - background: rgba(255, 255, 255, 0.2); - } -.card, .card-body { - border-radius: 3px; - } -.bg-inverse { - background: transparent !important; - } -.left-health { - border-radius: 3px 0 0 3px; - } +.nav-tabs>li>a:hover { + background: rgba(0, 0, 0, 0.25) !important; + border-radius: 0px; + color: var(--text-hover); +} - /* Homepage Tautulli Cards*/ - #homepageOrdertautulli .library-card .card-body, #homepageOrdertautulli div:nth-child(8) .card-body { - background: rgba(255, 255, 255, .2); - } - .homepage-tautulli-card .cardCountType { - color: #eee; - } - .homepage-tautulli-card .tautulliRank, .homepage-tautulli-card .tautulliSeparator { - color: #eee; - } - .homepage-tautulli-card .bg-img-cont { - border-radius: 3px; - border: .0001px solid #00000000; - } +.tabs-style-flip nav a:focus, +.tabs-style-flip nav a:hover { + color: rgb(var(--accent-color)); +} - /* Homepage Unifi cards */ - .unifiCards .panel-heading { - background: rgba(255, 255, 255, 0.2) !important; - color: #fff !important; - border-color: transparent !important; - text-align: inherit !important; - border-radius: 3px 3px 0 0 !important; - } - .unifiCards .panel-wrapper.collapse.in { - background:rgba(0, 0, 0, 0.15); - } +.breadcrumb>li+li:before { + padding: 0 2px 0 4px; + color: #ccc; + content: "/\00a0"; +} - /* Homepage Monitor Cards */ - #homepageOrderMonitorr .card-body { - background: rgba(255, 255, 255, 0.2); - } - #homepageOrderMonitorr .col-lg-2 { - width: 170px; - } - #homepageOrderMonitorr .badge { - border-radius: 3px; - } - #homepageOrderMonitorr .bg-success { - background-color: #47bb62 !important; - } - #homepageOrderMonitorr .col-lg-3 .bg-success { - background-color: #53e69d !important; - } +.wizard-steps>li.done { + background: #2b8b2d; +} - /*Homepage WeatherAndAir Cards*/ - #homepageOrderWeatherAndAir .tabs-style-iconbox nav ul li.tab-current a { - background: rgba(0, 0, 0, .2); - } - .health-and-pollutant-section .content-current { - background: rgba(255, 255, 255, .2); - } - #homepageOrderWeatherAndAir .tabs-style-iconbox nav ul li.tab-current a::after { - border-top-color: var(--link-color); - } - #homepageOrderWeatherAndAir .text-info { - color: var(--link-color); - } - #homepageOrderWeatherAndAir .tabs-style-iconbox nav ul li a { - color: #ddd; - } - #homepageOrderWeatherAndAir .white-box { - background: rgba(255, 255, 255, .1); - border-radius: 3px; - } - /*Homepage Speedtest Cards*/ - #allSpeedtest .speedtest-card { - background-color: rgba(255, 255, 255, .1); - } - #allSpeedtest .speedtest-card .text-muted, #allSpeedtest .speedtest-card h5 { - color: #d6d6d6 !important; - } - #allSpeedtest .shadow-sm { - -webkit-box-shadow: none !important; - box-shadow: none !important; - } -/* loginpage sidemenu */ -@media (max-width: 480px) { - .login-register > .login-box > .white-box { - margin-top: auto !important; - width: 100% !important; - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0) !important; - box-shadow: 0 0 10px rgba(0, 0, 0, 0) !important; - } - } - -/* logo */ - .white-box .visible-xs { - display: block!important; - } - .loginLogo { - border: 0; - margin-top: -60%; - transform: translateY(-10%); - } - @media (max-width: 480px) { - .loginLogo { - margin-top: -10% !important; - } - } - .blockUI { - opacity: 1 !important; - background-color: transparent !important; - } - .blockMsg { - background: rgba(0, 0, 0, 0.9) !important; - border: none !important; - } - - .login-register > .login-box > .white-box { +.panel-body { + background: var(--main-bg-color); +} + +.tab-content .panel .panel-body, +.tab-content .panel .panel-body .bg-org { background: transparent !important; - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); - box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); - } - - .login-register { - background: var(--main-bg-color)!important; - height: 100%; - position: fixed; - } +} - .slideInRight { - -webkit-animation-name: none; - animation-name: none; - } +.jq-toast-single { + /*border-radius: 10px 10px 0 0;*/ +} - .login-register .login-box .white-box .bg-org { - background-color: transparent !important; - } - - /*2FA login button*/ - .panel-wrapper .panel-body > .btn-warning, .btn-warning.disabled { - background: hsla(0, 0%, 0%, 0.25) !important; - border: 1px solid #ffc36d00 !important; - } - - /*2FA animation header*/ - .panel-warning .panel-heading, .panel-yellow .panel-heading { - color: #fff; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.3); - border-color: #00000000; - } - - /*oAuth Successful*/ - .panel-green .panel-heading, .panel-success .panel-heading { - color: #53e69d; - text-align: center; - text-transform: uppercase; - border-radius: 3px; - background-color: transparent; - border-color: transparent; - } - - /*Login sidebar*//*Login sidebar*//*Login sidebar*/ - .login-box.login-sidebar, - #login-panels .panel-body, - #login-panels .panel { - background: transparent !important; - } - - /*Center login Box*/ - .login-sidebar { - position: relative; - right: initial; - } - - #lockScreen .white-box { - width: 400px; - height: 345px; - } - .login-sidebar .white-box { - width: 100%; - position: absolute; - top: 50%; - transform: translateY(-50%); - } - - #lockScreen .white-box { - position: absolute; - top: 50%; - transform: translateY(-50%); - background: transparent; - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); - box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); - } - - /* Splash screen */ - .p-20 { - padding: 0px!important; +.tooltip-text3 { + border-bottom: 10px solid #2cabe4; + overflow: hidden; + -webkit-transform: scale3d(0, 1, 1); + transform: scale3d(0, 1, 1); + -webkit-transition: -webkit-transform .3s .3s; + transition: transform .3s .3s; } -#splashScreen, .lock-screen { - overflow-y: scroll; + +a.mytooltip { + font-weight: 500; + color: #2cabe4; } -#splashScreen .flexbox:first-of-type { - width: calc(100% - 40px); - margin: auto; + +.tooltip-content5::after { + content: ''; + bottom: -20px; + left: 50%; + border: solid transparent; + height: 0; + width: 0; + position: absolute; + pointer-events: none; + border-color: #2cabe4 transparent transparent; + border-width: 10px; + margin-left: -10px; } - @media (max-width: 375px) { -#splashScreen div[id^=menu-] { - max-width: 88px !important; + +.swapLog.active { + border: 1px solid rgba(120, 130, 140, .2); + background-color: #12dafefc !important; + color: #1f1f1f; } - } - @media (max-width: 480px) { -#splashScreen .flexbox:first-of-type { - width: auto; - margin-left: 30px; + +.white-popup-block { + background: var(--modal-bg-color) !important; + padding: 20px 30px; + text-align: left; + max-width: 75%; + margin: 40px auto; + position: relative; + /*border: 1px solid #2cabe4; + border-radius: 10px;*/ } - } -@media (min-width: 768px) { -#splashScreen .flexbox:first-of-type { - width: 600px!important; - margin-top: 0px!important; + +.form-control[disabled], +.form-control[readonly], +fieldset[disabled] .form-control { + background-color: #333; + opacity: 1; } + +.sweet-alert { + background-color: #1b1a1a; } -#splashScreen div[id^=menu-] { - background: transparent; - border-radius: 3px; - max-width: 115px; - margin: 24px 20px 0 0!important; - padding: 25px; +.sweet-alert button.cancel { + background-color: #2cabe3; } -#splashScreen .bg-org.fc-event { - background-color: transparent !important; - border-radius: 1000px; - height: 80px!important; - width: 80px !important; - background-position: center; + +.sweet-alert button.cancel:hover { + background-color: #3a7b98; } -#splashScreen .homepage-text { - display: none; -} +.el-element-overlay .el-card-item .el-overlay-1 .el-info>li a:hover { + background: #707cd2; + border-color: #707cd2; +} -#splashScreen .flexbox:last-of-type .bg-danger { - background: transparent !important; - color: #fff!important; - border: 0!important; - border-radius: 100px; - height: 0px!important; - text-align: center; - +.error-page { + width: 100%; + background: #1b1a1a; + height: 100%; + position: fixed; + display: none; + z-index: 11; } -#splashScreen .bottom-close-splash { - position: relative !important; - width: 0px ; - right: 0px ; - bottom: 0px ; + +.error-body h1 { + font-size: 210px; + font-weight: 400; + line-height: 210px; } -#splashScreen .flexbox:last-of-type .bg-danger:before { - font-family: "FontAwesome"; - font-size: 40px; - content: "\f00d"; - font-weight: 900; - display: inline-block; - margin-right: 5px; - color: rgba(255, 255, 255, 0.7); - -webkit-transform: scale(1.1) !important; - transform: scale(1.1) !important; - -webkit-animation-name: none; - animation-name: none; - text-align: center; - padding-top: inherit; +.fc-unthemed .fc-popover { + background-color: #1b1b1b; +} +.fc-unthemed .fc-divider, +.fc-unthemed .fc-popover .fc-header { + background: #1f1f1f; } -#splashScreen .flexbox:last-of-type { - padding: 0!important; - position: absolute; - left: 50%; - -webkit-transform: translateX(calc(-50% - 10px)); - transform: translateX(calc(-50% - 10px)); + +.table-hover>tbody>tr:hover, +.table-striped>tbody>tr:nth-of-type(odd), +.table>tbody>tr.active>td, +.table>tbody>tr.active>th, +.table>tbody>tr>td.active, +.table>tbody>tr>th.active, +.table>tfoot>tr.active>td, +.table>tfoot>tr.active>th, +.table>tfoot>tr>td.active, +.table>tfoot>tr>th.active, +.table>thead>tr.active>td, +.table>thead>tr.active>th, +.table>thead>tr>td.active, +.table>thead>tr>th.active { + background-color: rgba(0, 0, 0, 0.25) !important; } -.hvr-wobble-bottom:active, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:hover { - -webkit-transform: scale(1.1) !important; - transform: scale(1.1) !important; - -webkit-animation-name: none; - animation-name: none; - + +.asColorPicker-dropdown, +.checkbox label::before, +.clockpicker-popover .popover-content, +.clockpicker-popover .popover-title, +.customvtab .tabs-vertical li.active a, +.customvtab .tabs-vertical li.active a:focus, +.customvtab .tabs-vertical li.active a:hover, +.dropdown-menu, +.fc-day, +.footable-row-detail, +.img-thumbnail, +.input-group-addon, +.jsgrid-filter-row>td, +.jsgrid-header-sortable:hover, +.nav-tabs>li>a:focus, +.nav-tabs>li>a:hover, +.pager .disabled>a, +.pager .disabled>a:focus, +.pager .disabled>a:hover, +.pager .disabled>span, +.pager li>a:focus, +.pager li>a:hover, +.pagination>.disabled>a, +.pagination>.disabled>a:focus, +.pagination>.disabled>a:hover, +.pagination>.disabled>span, +.pagination>.disabled>span:focus, +.pagination>.disabled>span:hover, +.popover, +.popover-title, +.right-sidebar, +code, +table.dataTable tbody tr { + background: #1b1b1b; } -.hvr-wobble-bottom { - display: inline-block; + +.table>tbody>tr>td, +.table>tbody>tr>th, +.table>tfoot>tr>td, +.table>tfoot>tr>th, +.table>thead>tr>td, +.table>thead>tr>th { + padding: 8px; + line-height: 1.42857143; vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0,0,0,0); - -webkit-transition-duration: .3s; - transition-duration: .3s; - -webkit-transition-property: transform; - transition-property: transform; - -webkit-transform-origin: center; - transform-origin: center; + /*border-top: transparent;*/ } -.splash-badge { - color: #fff; - width: 80px!important; - height: 80px; - font-size: 60px; - border-radius: 1000px; + +.btn-default, +.chat-list .chat-text h4, +.dropdown-menu>li>a, +.dropdown-menu>li>a:focus, +.dropdown-menu>li>a:hover, +.flot-text, +.footer, +.form-control, +.h1 .small, +.h1 small, +.h2 .small, +.h2 small, +.h3 .small, +.h3 small, +.h4 .small, +.h4 small, +.h5 .small, +.h5 small, +.h6 .small, +.h6 small, +.help-block, +.input-group-addon, +.text-muted, +a.list-group-item:focus, +a.list-group-item:hover, +button.list-group-item:focus, +button.list-group-item:hover, +h1 .small, +h1 small, +h2 .small, +h2 small, +h3 .small, +h3 small, +h4 .small, +h4 small, +h5 .small, +h5 small, +h6 .small, +h6 small, +tbody, +th { + color: #ffffff; } -.splash-badge i { - position: absolute; - left: 10px; - top: 10px; - margin: 0px; - padding: 0px; + +.bootstrap-tagsinput, +.calendar-widget, +.chat-main-box, +.content-wrap, +.css-bar:after, +.customtab li.active a, +.customtab li.active a:focus, +.customtab li.active a:hover, +.daterangepicker .input-mini, +.dropify-wrapper, +.dropify-wrapper .dropify-preview, +.dropzone, +.footer, +.form-control, +.jsgrid-alt-row>td, +.jsgrid-header-row>th, +.jsgrid-row>td, +.list-group-item, +.list-group-item.disabled, +.list-group-item.disabled:focus, +.list-group-item.disabled:hover, +.manage-table, +.modal-content, +.myadmin-dd .dd-list .dd-item .dd-handle, +.myadmin-dd-empty .dd-list .dd3-content, +.myadmin-dd-empty .dd-list .dd3-handle, +.nav-tabs>li.active>a, +.nav-tabs>li.active>a:focus, +.nav-tabs>li.active>a:hover, +.pager li>a, +.pager li>span, +.pagination>li>a, +.pagination>li>span, +.panel, +.panel-default .panel-body, +.panel-default .panel-footer, +.panel-default .panel-heading, +.panel-footer textarea, +.panel-white .panel-body, +.panel-white .panel-footer, +.panel-white .panel-heading, +.radio label::before, +.select2-container-multi .select2-choices, +.table tbody tr.advance-table-row td, +.thumbnail, +.well, +.white-box:not(.white-box.resultBox-outside), +input, +pre, +select, +table.dataTable.display tbody tr.odd, +table.dataTable.stripe tbody tr.odd { + background: rgba(0, 0, 0, 0.15); } -.splash-badge i.fa-home:before { - position: absolute !important; - left: -2px !important; + +input:focus:not(select), +input:active:not(select), +.form-control:focus:not(select), +.form-control:active:not(select) { + background: rgba(0, 0, 0, 0.445); + border: 1px solid rgba(120, 130, 140, 0.4); } -/* Google auth settings modal*/ -.color-table.info-table thead th { - background-color: rgba(0, 0, 0, 0.25); - color: #fff; +.cp-container .cp-pills li a { + padding: 5px; + color: #FFF; + text-decoration: none; } -.bg-success.text-inverse { - background-color: rgba(255, 255, 255, 0.15) !important; + +.cp-container .cp-pills li a.active, +.cp-container .cp-pills li a:hover { + background-color: #2cabe3; + color: #fff +} + +.jq-icon-info { + background-color: rgba(71, 68, 68, 0.93); color: #FFF; + border-color: #bce8f1; } -.panel-blue a, .panel-info a { - color: var(--link-color); + +.jq-icon-warning { + background-color: rgba(154, 83, 20, 0.93); + color: #fcf8e3; + border-color: #faebcc; } -.color-bordered-table.purple-bordered-table { - border: 2px solid var(--notification-box-line); + +.jq-icon-error { + background-color: #a94442; + color: #f2dede; + border-color: #ebccd1; } -.white-box .bg-info { - background: var(--link-color) !important; + +.jq-icon-success { + color: #dff0d8; + background-color: rgba(13, 132, 11, 0.93); + border-color: #d6e9c6; } -/* Email Center*/ +.jq-icon-organizr { + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII='); + background-color: #31708f; + color: #000; + border-color: #bce8f1; +} -.ms-container .ms-selectable, .ms-container .ms-selection { - background: rgba(0, 0, 0, 0.25); +.jq-icon-update { + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAA4JGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIKICAgICAgICAgICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICAgICAgICAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgICAgICAgICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIj4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoV2luZG93cyk8L3htcDpDcmVhdG9yVG9vbD4KICAgICAgICAgPHhtcDpDcmVhdGVEYXRlPjIwMTctMTItMTRUMDk6MzQ6MDgtMDc6MDA8L3htcDpDcmVhdGVEYXRlPgogICAgICAgICA8eG1wOk1vZGlmeURhdGU+MjAxNy0xMi0xNFQwOTozNTowOC0wNzowMDwveG1wOk1vZGlmeURhdGU+CiAgICAgICAgIDx4bXA6TWV0YWRhdGFEYXRlPjIwMTctMTItMTRUMDk6MzU6MDgtMDc6MDA8L3htcDpNZXRhZGF0YURhdGU+CiAgICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2UvcG5nPC9kYzpmb3JtYXQ+CiAgICAgICAgIDxwaG90b3Nob3A6Q29sb3JNb2RlPjM8L3Bob3Rvc2hvcDpDb2xvck1vZGU+CiAgICAgICAgIDx4bXBNTTpJbnN0YW5jZUlEPnhtcC5paWQ6NDg4MmMzYjEtODM4YS1lMDRjLThiYmYtZTc0Zjk5ZjJjNGIxPC94bXBNTTpJbnN0YW5jZUlEPgogICAgICAgICA8eG1wTU06RG9jdW1lbnRJRD54bXAuZGlkOjQ4ODJjM2IxLTgzOGEtZTA0Yy04YmJmLWU3NGY5OWYyYzRiMTwveG1wTU06RG9jdW1lbnRJRD4KICAgICAgICAgPHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD54bXAuZGlkOjQ4ODJjM2IxLTgzOGEtZTA0Yy04YmJmLWU3NGY5OWYyYzRiMTwveG1wTU06T3JpZ2luYWxEb2N1bWVudElEPgogICAgICAgICA8eG1wTU06SGlzdG9yeT4KICAgICAgICAgICAgPHJkZjpTZXE+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6YWN0aW9uPmNyZWF0ZWQ8L3N0RXZ0OmFjdGlvbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0Omluc3RhbmNlSUQ+eG1wLmlpZDo0ODgyYzNiMS04MzhhLWUwNGMtOGJiZi1lNzRmOTlmMmM0YjE8L3N0RXZ0Omluc3RhbmNlSUQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDp3aGVuPjIwMTctMTItMTRUMDk6MzQ6MDgtMDc6MDA8L3N0RXZ0OndoZW4+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpzb2Z0d2FyZUFnZW50PkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE3IChXaW5kb3dzKTwvc3RFdnQ6c29mdHdhcmVBZ2VudD4KICAgICAgICAgICAgICAgPC9yZGY6bGk+CiAgICAgICAgICAgIDwvcmRmOlNlcT4KICAgICAgICAgPC94bXBNTTpIaXN0b3J5PgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICAgICA8dGlmZjpYUmVzb2x1dGlvbj43MjAwMDAvMTAwMDA8L3RpZmY6WFJlc29sdXRpb24+CiAgICAgICAgIDx0aWZmOllSZXNvbHV0aW9uPjcyMDAwMC8xMDAwMDwvdGlmZjpZUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6UmVzb2x1dGlvblVuaXQ+MjwvdGlmZjpSZXNvbHV0aW9uVW5pdD4KICAgICAgICAgPGV4aWY6Q29sb3JTcGFjZT42NTUzNTwvZXhpZjpDb2xvclNwYWNlPgogICAgICAgICA8ZXhpZjpQaXhlbFhEaW1lbnNpb24+MjQ8L2V4aWY6UGl4ZWxYRGltZW5zaW9uPgogICAgICAgICA8ZXhpZjpQaXhlbFlEaW1lbnNpb24+MjQ8L2V4aWY6UGl4ZWxZRGltZW5zaW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAKPD94cGFja2V0IGVuZD0idyI/PssSCj0AAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAbRJREFUeNqslT1rFFEUhp/9AI2JWrgkoJEgIopFhBSWVlYWQpqAraU/wsrKQi39EXYRLBTJL7AQ1FKjKO4iItlkFYQ8NmfgOuzdubP6wnBnzpzznnvP1+2oFGITuAlsAAPgO/AK2AaeZK3UpmdN3XE2Xqqnp9k3kZ9T9yzDN3WlztGZEaIO8B5YoxyvgSupoDtD+U5LcoB1YKskBz31jfNhJ+Wqn+B2VMUucJn5cCGNTD9ZnwHX+XccnZaD5y3JfzX8P0xzcKtFfO+rV9WBuqHem6JzqG6ry1UfvCgkv5EpiGsZ/Y/qEdRhAfmjGunJ2vfd3IlRRwUOLiZkD6O7HySyMxm7T8QcacJSEC3W5AshP5Ez7AOPY0IC1OdGFxgn1dYHfgILIe8lY+ULsJhw9IC31SxayjjohGwS63Hgc6w/gFXgIPSOJfrV5iZVo+0X1v84ITDI6+9/od9AeApYAb4mJ+gmO0xPsByX0KjNhXNWfRf52lcn0UhVQ01CrvpBPd/2wiFKdNxQZb/V9XlutOoZqLsZ8pG6mrMtdZBzMoww8j8c1J0MZ+18XgfVWHiqXirR/zMAbHa5dGMozWYAAAAASUVORK5CYII='); + background-color: #2cabe4; + color: #FFF; + border-color: #bce8f1; } -.ms-container .ms-list { - border: 1px solid rgba(255, 255, 255, 0.2); + +.panel-body.settings-bottom { + background: #1b1a1a; + color: white; + border-radius: 0 0 10px 10px; } -.ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection { - border-bottom: 1px rgba(238, 238, 238, .2) solid; + +.panel-heading.settings-top { + background: #2cabe3; + border-color: #ffffff; + color: #232323; + border-radius: 10px 10px 0 0; } -.ms-container .ms-selectable li.ms-hover, -.ms-container .ms-selection li.ms-hover { - background: rgba(255, 255, 255, .08) +span.select2-results { + background: #0e0e0e; } -.ms-container .ms-list.ms-focus{ - border-color: rgba(255, 255, 255, .5); - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 255, 255, .6); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 255, 255, .6); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 255, 255, .6); + +.select2-container--default .select2-results__option[aria-selected=true] { + background-color: #232323; } diff --git a/CSS/themes/organizr/plex.css b/CSS/themes/organizr/plex.css index 8913f67c..40e15d6b 100644 --- a/CSS/themes/organizr/plex.css +++ b/CSS/themes/organizr/plex.css @@ -11,17 +11,11 @@ /* https://github.com/gilbN/theme.park */ /* ORGANIZR PLEX THEME */ -@import 'Organizr.css'; -@import url(https://theme-park.dev/CSS/themes/organizr/organizr-base.css); +@import url("https://theme-park.dev/CSS/themes/organizr/organizr-base.css"); +@import url("https://theme-park.dev/CSS/variables/plex.css"); +/* APP VARS */ :root { - --main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed; - --modal-bg-color: #191a1c; - --link-color: #e5a00d; - --custom-buttons-color: #e5a00d; - --hompage-item-hover: radial-gradient(farthest-corner at 50% 50%,rgba(50,50,50,.1) 50%,#1f292d 100%); - --notification-box-line: #e5a00d; - --calendar-tv-premier: #FFEB3B; --calendar-tv-missing: #ff7676; --calendar-tv-available: #53e69d; diff --git a/CSS/themes/organizr/space-gray.css b/CSS/themes/organizr/space-gray.css index 15580a36..407ce222 100644 --- a/CSS/themes/organizr/space-gray.css +++ b/CSS/themes/organizr/space-gray.css @@ -11,21 +11,16 @@ /* https://github.com/gilbN/theme.park */ /* ORGANIZR SPACE GRAY THEME */ -@import 'Organizr.css'; -@import url(https://theme-park.dev/CSS/themes/organizr/organizr-base.css); -:root { - --main-bg-color: radial-gradient( ellipse at center, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed; - --modal-bg-color: radial-gradient( ellipse at top, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed; - --link-color: #81a6b7; - --custom-buttons-color: #607D8B; - --hompage-item-hover: radial-gradient(farthest-corner at 50% 50%,rgba(50,50,50,.1) 50%,#1f292d 100%); - --notification-box-line: #81a6b7; +@import url("https://theme-park.dev/CSS/themes/organizr/organizr-base.css"); +@import url("https://theme-park.dev/CSS/variables/space-gray.css"); - --calendar-tv-premier: #FFEB3B; - --calendar-tv-missing: #ff7676; - --calendar-tv-available: #53e69d; - --calendar-tv-unreleased: #eeeeee; - --calendar-movie-missing: #ff7676; - --calendar-movie-available: #53e69d; - --calendar-movie-unreleased: #eeeeee; +/* APP VARS */ +:root { + --calendar-tv-premier: #FFEB3B; + --calendar-tv-missing: #ff7676; + --calendar-tv-available: #53e69d; + --calendar-tv-unreleased: #eeeeee; + --calendar-movie-missing: #ff7676; + --calendar-movie-available: #53e69d; + --calendar-movie-unreleased: #eeeeee; } diff --git a/Resources/organizr/dracula/dracula_homepage.jpg b/Resources/organizr/dracula/dracula_homepage.jpg new file mode 100644 index 00000000..15726f51 Binary files /dev/null and b/Resources/organizr/dracula/dracula_homepage.jpg differ diff --git a/Resources/organizr/dracula/dracula_login.jpg b/Resources/organizr/dracula/dracula_login.jpg new file mode 100644 index 00000000..fb4f4f06 Binary files /dev/null and b/Resources/organizr/dracula/dracula_login.jpg differ diff --git a/Resources/organizr/dracula/dracula_search.jpg b/Resources/organizr/dracula/dracula_search.jpg new file mode 100644 index 00000000..6f82189b Binary files /dev/null and b/Resources/organizr/dracula/dracula_search.jpg differ diff --git a/Resources/organizr/dracula/dracula_splash.jpg b/Resources/organizr/dracula/dracula_splash.jpg new file mode 100644 index 00000000..f4404582 Binary files /dev/null and b/Resources/organizr/dracula/dracula_splash.jpg differ diff --git a/Resources/organizr/dracula/theme-park-organizr-dracula-logo.png b/Resources/organizr/dracula/theme-park-organizr-dracula-logo.png new file mode 100644 index 00000000..e8fa7f93 Binary files /dev/null and b/Resources/organizr/dracula/theme-park-organizr-dracula-logo.png differ