diff --git a/CSS/themes/sabnzbd/sabnzbd-base.css b/CSS/themes/sabnzbd/sabnzbd-base.css index 5079dabd..88733e23 100644 --- a/CSS/themes/sabnzbd/sabnzbd-base.css +++ b/CSS/themes/sabnzbd/sabnzbd-base.css @@ -20,98 +20,124 @@ body { -moz-background-size: auto, cover; -o-background-size: auto, cover; background-color: transparent; - color:hsla(0,0%,100%,.7)!important; - font-family: Open Sans Bold,Helvetica Neue,Helvetica,Arial,sans-serif !important; + color: hsla(0, 0%, 100%, .7) !important; + font-family: Open Sans Bold, Helvetica Neue, Helvetica, Arial, sans-serif !important; font-size: 1.4em !important; color: white; } - /* 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; - } + +/* Scrollbar */ +@media only screen and (min-width: 768px) { + html { + height: 100%; + width: 100%; + overflow: hidden; + } + + body { + overflow-y: auto; + height: 100%; + background: var(--main-bg-color) + } +} + +::-webkit-scrollbar { + width: 14px; +} + +::-webkit-scrollbar-thumb { + min-height: 50px; + border: 3px solid transparent; + border-radius: 8px; + background-color: hsla(0, 0%, 100%, .2); + background-clip: padding-box; +} + +::-webkit-scrollbar-track { + background-color: transparent; +} + +::-webkit-scrollbar-thumb:hover { + min-height: 50px; + border: 3px solid transparent; + border-radius: 8px; + background-color: hsla(0, 0%, 100%, .5); + background-clip: padding-box; +} + /* navbar */ .navbar-inverse { background-color: rgba(0, 0, 0, .25); border-color: transparent !important; } + .navbar-btn { background: var(--nav-button-color) !important; border-color: transparent !important; } -.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { - background-color: hsla(0,0%,100%,.08); + +.navbar-inverse .navbar-nav>.open>a, +.navbar-inverse .navbar-nav>.open>a:hover, +.navbar-inverse .navbar-nav>.open>a:focus { + background-color: hsla(0, 0%, 100%, .08); } -.ui-slider-horizontal, .ui-slider-range-min { + +.ui-slider-horizontal, +.ui-slider-range-min { background: var(--settings-accent-color) !important; } + .ui-slider .ui-slider-handle { - background-color: var(--settings-accent-color); - border: 1px solid black; + background-color: var(--settings-accent-color); + border: 1px solid black; } + .main-content { background-color: rgba(0, 0, 0, 0.15); border: none; } + .dropdown-menu { background: var(--modal-bg-color); } + .dropdown-menu>li>a { color: #fff; } -.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { + +.dropdown-menu>li>a:hover, +.dropdown-menu>li>a:focus { color: #ffffff; background-color: rgba(255, 255, 255, 0.08); } + .dropdown-header { color: #fff; } + .menu-options .form-control { background: var(--modal-bg-color); background-color: rgb(25, 26, 28); } + .main-notification-box { background-color: var(--modal-bg-color); } + .form-control:focus { border-color: #ffffff; - -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 255, 255, 0.6); - box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 255, 255, 0.6); + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 255, 255, 0.6); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 255, 255, 0.6); } + .caret { border-top-color: white !important; } + svg.peity polygon { fill: var(--nav-button-color) !important; } + svg.peity polyline { stroke: var(--nav-button-color) !important; } @@ -121,48 +147,81 @@ svg.peity polyline { background: var(--default-button-color) !important; outline: none !important; } + .text-center a { color: #ffffff; } + .btn-default { color: #fff; background: var(--default-button-color); border-color: #00000000 !important; outline: none !important; } -.btn-default:focus, .btn-default.focus { + +.btn-default:focus, +.btn-default.focus { color: #fff; background: var(--default-button-color-hover); border-color: #00000000 !important; } + .btn-default:hover { color: #fff; background: var(--default-button-color-hover); border-color: #00000000 !important; } -.btn-default:active:hover, .btn-default.active:hover, .open>.dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open>.dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open>.dropdown-toggle.btn-default.focus { +.btn-default:active:hover, +.btn-default.active:hover, +.open>.dropdown-toggle.btn-default:hover, +.btn-default:active:focus, +.btn-default.active:focus, +.open>.dropdown-toggle.btn-default:focus, +.btn-default:active.focus, +.btn-default.active.focus, +.open>.dropdown-toggle.btn-default.focus { color: #fff; background: var(--default-button-color-active); border-color: #00000000 !important; } -.btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default { - color: #fff; +.btn-default:active, +.btn-default.active, +.open>.dropdown-toggle.btn-default { + color: #fff; background: var(--default-button-color-active); border-color: #00000000 !important; } -.btn-group>.btn:hover, .btn-group-vertical>.btn:hover, .btn-group>.btn:focus, .btn-group-vertical>.btn:focus, .btn-group>.btn:active, .btn-group-vertical>.btn:active, .btn-group>.btn.active, .btn-group-vertical>.btn.active { + +.btn-group>.btn:hover, +.btn-group-vertical>.btn:hover, +.btn-group>.btn:focus, +.btn-group-vertical>.btn:focus, +.btn-group>.btn:active, +.btn-group-vertical>.btn:active, +.btn-group>.btn.active, +.btn-group-vertical>.btn.active { z-index: 0; } -.btn-default:active:hover, .btn-default.active:hover, .open>.dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open>.dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open>.dropdown-toggle.btn-default.focus { +.btn-default:active:hover, +.btn-default.active:hover, +.open>.dropdown-toggle.btn-default:hover, +.btn-default:active:focus, +.btn-default.active:focus, +.open>.dropdown-toggle.btn-default:focus, +.btn-default:active.focus, +.btn-default.active.focus, +.open>.dropdown-toggle.btn-default.focus { color: #fff !important; background-color: var(--default-button-color-active); border-color: #00000000 !important; } -.btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default { +.btn-default:active, +.btn-default.active, +.open>.dropdown-toggle.btn-default { color: #fff; background-color: var(--default-button-color-active) !important; border-color: #00000000 !important; @@ -174,6 +233,7 @@ svg.peity polyline { background-color: #a94442; border-color: transparent; } + .btn-default.sabnzbd_restart:hover { color: #fff; background-color: #d93935; @@ -185,28 +245,37 @@ svg.peity polyline { background-color: #3c763d; border-color: transparent; } -.btn-default.saveButton:hover, .btn-default.saveButton:focus, .btn-default.saveButton:active { + +.btn-default.saveButton:hover, +.btn-default.saveButton:focus, +.btn-default.saveButton:active { color: #fff !important; background-color: #42a543 !important; border-color: transparent !important; } + /* buttons categories */ .btn-default.delCat { color: #fff; background-color: #a94442; border-color: #2d2c2c; } + .btn-default.delCat:hover { color: #fff; background-color: #d93935; border-color: transparent; } + .btn-default.fileBrowser { color: #fff; background-color: var(--default-button-color); border-color: transparent; } -.btn-default.fileBrowser:hover, .btn-default.fileBrowser:focus, .btn-default.fileBrowser:active { + +.btn-default.fileBrowser:hover, +.btn-default.fileBrowser:focus, +.btn-default.fileBrowser:active { color: #fff !important; background-color: var(--default-button-color-hover) !important; border-color: transparent !important; @@ -218,7 +287,9 @@ svg.peity polyline { background-color: #a94442; border-color: transparent; } -.btn-default.restoreDefaults:hover, .btn-default.restoreDefaults:focus { + +.btn-default.restoreDefaults:hover, +.btn-default.restoreDefaults:focus { color: #fff; background-color: #d93935; border-color: transparent; @@ -230,28 +301,38 @@ svg.peity polyline { background-color: #a94442; border-color: transparent; } + .btn-default.clearBtn:hover { color: #fff !important; background-color: #d93935; border-color: none; } + .btn-default.patternKey { color: #fff !important; background-color: var(--default-button-color); border-color: transparent; } + .btn-default.patternKey:hover { color: #fff !important; background-color: var(--default-button-color-hover); border-color: transparent; } -input[type="button"], input[type="submit"] { +input[type="button"], +input[type="submit"] { color: #fff !important; background: var(--default-button-color); border: 1px solid #00000000 } -input[type="button"]:hover, input[type="submit"]:hover, input[type="button"]:active, input[type="submit"]:active, input[type="button"]:focus, input[type="submit"]:focus { + +input[type="button"]:hover, +input[type="submit"]:hover, +input[type="button"]:active, +input[type="submit"]:active, +input[type="button"]:focus, +input[type="submit"]:focus { color: #fff !important; background-color: var(--default-button-color-hover) !important; border: 1px solid #00000000 @@ -263,7 +344,10 @@ input[type="button"]:hover, input[type="submit"]:hover, input[type="button"]:act background-color: var(--default-button-color); border-color: transparent; } -.btn-default.btn-file:hover, .btn-default.btn-file:active, .btn-default.btn-file:focus { + +.btn-default.btn-file:hover, +.btn-default.btn-file:active, +.btn-default.btn-file:focus { color: #fff !important; background-color: var(--default-button-color-hover) !important; border-color: transparent !important; @@ -273,64 +357,95 @@ input[type="button"]:hover, input[type="submit"]:hover, input[type="button"]:act .caret { border-top-color: white !important; } -a, a:active, a:hover, a:focus { + +a, +a:active, +a:hover, +a:focus { color: white; } + .table-striped>tbody>tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.25); } + tbody.no-downloads tr td { border-bottom: 1px solid #1f1f1f !important; } + tbody>tr>td:last-child { border-right: 1px solid transparent !important; } + tr td { - border-top: 1px solid transparent!important; + border-top: 1px solid transparent !important; } + tbody>tr>td:first-child { - border-left: 1px solid transparent!important; + border-left: 1px solid transparent !important; } + table { background-color: rgba(0, 0, 0, 0.25) !important } + table:hover { background-color: rgba(0, 0, 0, 0.25) !important; } + .table-hover>tbody>tr:hover { background-color: rgba(255, 255, 255, 0.07) !important } + tbody>tr:last-child td { border-bottom: 1px solid transparent !important; } -.history-table, tr td.status, .history-table, tr td.history-completedon, .history-table, tr td.row-extra-text, .history-table tr td.status, .history-table tr td.history-completedon, .history-table tr td.row-extra-text { + +.history-table, +tr td.status, +.history-table, +tr td.history-completedon, +.history-table, +tr td.row-extra-text, +.history-table tr td.status, +.history-table tr td.history-completedon, +.history-table tr td.row-extra-text { color: #fff; } + .table-messages .table-messages-remove { - border-bottom: 1px solid transparent!important; + border-bottom: 1px solid transparent !important; background: rgba(255, 255, 255, 0.25); } + .progress { background-color: transparent !important; box-shadow: none !important; -webkit-box-shadow: none !important; } + .progress-bar strong { - color: hsla(0,0%,100%,.7) !important; + color: hsla(0, 0%, 100%, .7) !important; } -.progress-bar + span{ - color: hsla(0,0%,100%,.7) !important; + +.progress-bar+span { + color: hsla(0, 0%, 100%, .7) !important; } -.progress-bar-info, .progress-bar { + +.progress-bar-info, +.progress-bar { background-color: var(--nav-button-color) !important; } -.glyphicon-compressed:before{ + +.glyphicon-compressed:before { color: #888; } -.direct-unpack span{ + +.direct-unpack span { color: #888; } -.processing-download > div { + +.processing-download>div { background-color: #888; } @@ -339,22 +454,37 @@ tbody>tr:last-child td { border: 1px solid transparent !important; background-color: rgba(0, 0, 0, 0.25) !important; } + #history-options .hover-button { color: white; } -.pagination>li>a, .pagination>li>span, .pagination>li>span:hover { +.pagination>li>a, +.pagination>li>span, +.pagination>li>span:hover { color: white; } -.pagination>li>a, .pagination>li>span { + +.pagination>li>a, +.pagination>li>span { background-color: rgba(0, 0, 0, 0.25) !important; border: none !important; } -.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus { + +.pagination>li>a:hover, +.pagination>li>span:hover, +.pagination>li>a:focus, +.pagination>li>span:focus { background-color: rgba(255, 255, 255, 0.25); border-color: transparent; } -.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus { + +.pagination>.disabled>span, +.pagination>.disabled>span:hover, +.pagination>.disabled>span:focus, +.pagination>.disabled>a, +.pagination>.disabled>a:hover, +.pagination>.disabled>a:focus { color: white; background-color: rgba(0, 0, 0, .25); border-color: transparent; @@ -364,6 +494,7 @@ tbody>tr:last-child td { .search-box input { border: transparent; } + .form-control { color: white; background-color: #1b1a1a; @@ -371,22 +502,30 @@ tbody>tr:last-child td { /*Tabbed sorting */ -.history-queue-swicher .nav-tabs>li>a, .history-queue-swicher .nav-tabs>li.active>a { +.history-queue-swicher .nav-tabs>li>a, +.history-queue-swicher .nav-tabs>li.active>a { border-bottom: 1px solid transparent; border: 1px solid transparent; color: #fff !important; } + .history-queue-swicher .nav { border-bottom: 1px solid transparent; } -.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { + +.nav-tabs>li.active>a, +.nav-tabs>li.active>a:hover, +.nav-tabs>li.active>a:focus { color: #555; background-color: rgba(255, 255, 255, 0.15); } -.nav>li>a:hover, .nav>li>a:focus { + +.nav>li>a:hover, +.nav>li>a:focus { text-decoration: none; background-color: rgba(255, 255, 255, 0.08); } + .badge { color: #fff; background-color: rgba(0, 0, 0, 0.25); @@ -397,67 +536,97 @@ tbody>tr:last-child td { background: var(--main-bg-color); border: none; } + .navbar-default .navbar-nav>li>a { color: #dddddd !important; } + .navbar-default .navbar-nav>.open>a { -background-color: hsla(0,0%,0%,.15); + background-color: hsla(0, 0%, 0%, .15); } -.navbar-default .navbar-nav>li>a:hover, .navbar-logo:hover { + +.navbar-default .navbar-nav>li>a:hover, +.navbar-logo:hover { background-color: transparent !important; } + .navbar-default .navbar-nav>li>a:hover { - background-color: hsla(0,0%,100%,.08) !important; + background-color: hsla(0, 0%, 100%, .08) !important; color: white !important; } + .navbar-default .navbar-nav>li>a.active { - background-color: hsla(0,0%,0%,.15) !important; + background-color: hsla(0, 0%, 0%, .15) !important; color: var(--settings-accent-color) !important; } + #content { color: #fff; } + .colmask { border: none; background-color: rgba(0, 0, 0, .25); } + table { - border-color: transparent!important; + border-color: transparent !important; } -.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { + +.table>thead>tr>th, +.table>tbody>tr>th, +.table>tfoot>tr>th, +.table>thead>tr>td, +.table>tbody>tr>td, +.table>tfoot>tr>td { border-top: transparent; } -.section, #addFeed, #addFeedContent { + +.section, +#addFeed, +#addFeedContent { border-bottom: 1px solid transparent; } -.alt, .infoTableSeperator.alt { + +.alt, +.infoTableSeperator.alt { background-color: rgba(0, 0, 0, .25); } + .info-container { color: #fff; } + .col2 table { background-color: transparent !important; } + .col2 table:hover { background-color: transparent !important; } + /*General Settings*/ -.Key tr:nth-child(odd), .tab-pane tr:nth-child(odd), .even { +.Key tr:nth-child(odd), +.tab-pane tr:nth-child(odd), +.even { background-color: transparent; } + .path { color: #fff; } + .col2 h3 { background: transparent; } + .form-control.advanced-button.config-hover { color: #fff; background-color: rgba(255, 255, 255, 0.25); border-color: rgba(255, 255, 255, 0.25); border-radius: 3px !important; } + .form-control.advanced-button.config-hover:hover { color: #fff; background-color: rgba(255, 255, 255, 0.3); @@ -466,52 +635,101 @@ table { } .form-control::-moz-placeholder { - color:#fff !important; - opacity:1 + color: #fff !important; + opacity: 1 } + .form-control:-ms-input-placeholder { - color:#fff !important; + color: #fff !important; } + .form-control::-webkit-input-placeholder { - color:#fff !important; + color: #fff !important; } -.col2 p, .col2-cats { + +.col2 p, +.col2-cats { color: #fff; } /*Input*/ -input[type="text"], input[type="email"], input[type="url"], input[type="number"], input[type="password"], input[type="date"], textarea, select { +input[type="text"], +input[type="email"], +input[type="url"], +input[type="number"], +input[type="password"], +input[type="date"], +textarea, +select { border: none; background-color: rgba(255, 255, 255, 0.25); border-radius: 3px !important; color: #fff !important; outline: none; } -input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="date"]:focus, textarea:focus, select:focus { + +input[type="text"]:focus, +input[type="email"]:focus, +input[type="url"]:focus, +input[type="number"]:focus, +input[type="password"]:focus, +input[type="date"]:focus, +textarea:focus, +select:focus { border: none; background-color: rgb(25, 26, 28); border-radius: 3px !important; outline: none; } -textarea:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, textarea:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus { +textarea:hover, +input[type="date"]:hover, +input[type="datetime"]:hover, +input[type="datetime-local"]:hover, +input[type="email"]:hover, +input[type="month"]:hover, +input[type="number"]:hover, +input[type="password"]:hover, +input[type="search"]:hover, +input[type="tel"]:hover, +input[type="text"]:hover, +input[type="time"]:hover, +input[type="url"]:hover, +input[type="week"]:hover, +textarea:focus, +input[type="date"]:focus, +input[type="datetime"]:focus, +input[type="datetime-local"]:focus, +input[type="email"]:focus, +input[type="month"]:focus, +input[type="number"]:focus, +input[type="password"]:focus, +input[type="search"]:focus, +input[type="tel"]:focus, +input[type="text"]:focus, +input[type="time"]:focus, +input[type="url"]:focus, +input[type="week"]:focus { background-color: rgba(255, 255, 255, 0.25); border: none; -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; } /*Servers*/ .Servers .ct-label { color: white; } + .Servers .ct-series-a .ct-point { stroke: #337ab7; stroke-width: 4px; } + .Servers .ct-series-a .ct-line { stroke: #ffffff; } + .Servers .ct-series-a .ct-area { fill: #ffffff; } @@ -520,20 +738,27 @@ textarea:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[ty .Categories form:first-of-type tr:last-of-type { background-color: transparent; } + .catTable { background-color: transparent !important; } + .catTable:hover { background-color: transparent !important; } + .Categories form.sorting-row:nth-child(2n-1) tr { background-color: transparent; } -input[disabled], select[disabled] { + +input[disabled], +select[disabled] { background-color: #1f1f1f; opacity: .5; } -input[disabled]:hover, select[disabled]:hover { + +input[disabled]:hover, +select[disabled]:hover { background-color: #1f1f1f; opacity: .5; } @@ -546,52 +771,72 @@ input[disabled]:hover, select[disabled]:hover { } .example { - background-color: rgba(255,255,255,0.15); + background-color: rgba(255, 255, 255, 0.15); } + /*modal*/ .modal-content { background: var(--modal-bg-color); } + .modal-body { background: var(--modal-bg-color); } + .modal-header { background: var(--modal-bg-color); } + .modal-body>.nav-tabs>li>a { color: white !important; opacity: 1 !important; border: transparent; } -.modal-body>.nav-tabs>li.active>a, .modal-body>.nav-tabs>li.active>a:hover, .modal-body>.nav-tabs>li.active>a:focus { + +.modal-body>.nav-tabs>li.active>a, +.modal-body>.nav-tabs>li.active>a:hover, +.modal-body>.nav-tabs>li.active>a:focus { color: #555; - background-color: hsla(0,0%,100%,.08); + background-color: hsla(0, 0%, 100%, .08); border: transparent; border-bottom-color: transparent; cursor: default; } + .modal-body>.nav-tabs>li>a:hover { border-color: transparent !important; } -.modal-body>.nav>li>a:hover, .modal-body>.nav>li>a:focus { - background-color: hsla(0,0%,100%,.08) !important; + +.modal-body>.nav>li>a:hover, +.modal-body>.nav>li>a:focus { + background-color: hsla(0, 0%, 100%, .08) !important; } + .modal-body>.tab-content>.active { background: var(--modal-bg-color) !important; } + #modal-options .tab-content h4 { color: white; } -#modal-options .options-switch label, #modal-options #options-orphans .process-all-orphaned { + +#modal-options .options-switch label, +#modal-options #options-orphans .process-all-orphaned { color: white; } -a.list-group-item, button.list-group-item { - color: #fff; + +a.list-group-item, +button.list-group-item { + color: #fff; } -a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus { - text-decoration: none; - color: #fff; - background-color: rgba(255, 255, 255, 0.08); + +a.list-group-item:hover, +button.list-group-item:hover, +a.list-group-item:focus, +button.list-group-item:focus { + text-decoration: none; + color: #fff; + background-color: rgba(255, 255, 255, 0.08); } legend { @@ -605,21 +850,28 @@ legend { border: 0; border-bottom: none; } + .form-control { border: transparent; } + .fade.in { background: rgba(0, 0, 0, 0.6); } + .fade { - -webkit-transition: none; - -o-transition: none; - transition: none; + -webkit-transition: none; + -o-transition: none; + transition: none; } -.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { + +.form-control[disabled], +.form-control[readonly], +fieldset[disabled] .form-control { background-color: #919191; opacity: 1; } + /* Scheduling */ .time { color: #fff; @@ -635,16 +887,24 @@ label { border: 1px solid rgba(255, 255, 255, 0); background-color: rgb(255 255 255 / 0); } + .container #inner { background-color: transparent; } + .language:hover { background-color: rgb(255 255 255 / 10%); } + .container .quoteBlock { background-color: rgb(0 0 0 / 25%); } -#content a, #content a:hover, #content a:active, #content a:visited, #serverResponse { + +#content a, +#content a:hover, +#content a:active, +#content a:visited, +#serverResponse { color: #eee; } @@ -652,6 +912,7 @@ label { #modal-options .table-server-connections th { border-left: none; } + #modal-options .table-server-connections th:last-child { border-right: none; -} +} \ No newline at end of file