From 9a45b4c0d593afe476c474604a279fcbc060cb96 Mon Sep 17 00:00:00 2001 From: Marius <24592972+gilbN@users.noreply.github.com> Date: Wed, 14 Apr 2021 22:31:36 +0200 Subject: [PATCH] formatting --- CSS/themes/jackett/jackett-base.css | 146 ++++++++++++++++++++-------- 1 file changed, 105 insertions(+), 41 deletions(-) diff --git a/CSS/themes/jackett/jackett-base.css b/CSS/themes/jackett/jackett-base.css index 74bac08e..3fcb8a6d 100644 --- a/CSS/themes/jackett/jackett-base.css +++ b/CSS/themes/jackett/jackett-base.css @@ -1,4 +1,3 @@ - /* dP dP dP */ /* 88 88 88 */ /* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ @@ -13,142 +12,207 @@ * { outline: none; } + body { background-repeat: repeat; - background: var(--main-bg-color) !important; - color: #FFF; + background: var(--main-bg-color) !important; + color: #FFF; } - /* Scrollbar */ - @media only screen and (min-width: 768px) { + +/* 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; - } -.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { + +::-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; +} + +.dataTables_wrapper .dataTables_length, +.dataTables_wrapper .dataTables_filter, +.dataTables_wrapper .dataTables_info, +.dataTables_wrapper .dataTables_processing, +.dataTables_wrapper .dataTables_paginate, +.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, +.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, +.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { color: #fff; } -.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { + +.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, +.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, +.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { color: #fff !important; } + a { color: #ffffff; } -a:focus, a:hover { + +a:focus, +a:hover { color: #f1f1f1; } + .dataTables_wrapper .dataTables_filter input { background: rgba(255, 255, 255, 0.08); border: none; outline: none; color: #fff; } -table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td { + +table.dataTable.cell-border tbody tr:first-child th, +table.dataTable.cell-border tbody tr:first-child td { border-top: none; } -table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child { + +table.dataTable.cell-border tbody tr th:first-child, +table.dataTable.cell-border tbody tr td:first-child { border-left: none; } -table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td { + +table.dataTable.cell-border tbody th, +table.dataTable.cell-border tbody td { border-top: 1px solid #ddd0; border-right: 1px solid #0000; } -button, input, select, textarea { + +button, +input, +select, +textarea { background: rgba(0, 0, 0, 0.25); border: none; - outline: none; + outline: none; } + #page { background-color: rgba(0, 0, 0, 0.25); } -table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd { + +table.dataTable.stripe tbody tr.odd, +table.dataTable.display tbody tr.odd { background-color: transparent; } -table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { + +table.dataTable.hover tbody tr:hover, +table.dataTable.display tbody tr:hover { background-color: rgba(255, 255, 255, 0.08); } + table.dataTable tbody tr { background-color: transparent; } -table.dataTable tfoot th, table.dataTable tfoot td { + +table.dataTable tfoot th, +table.dataTable tfoot td { border-top: 1px solid #0000; } -table.dataTable thead th, table.dataTable thead td { + +table.dataTable thead th, +table.dataTable thead td { border-bottom: 1px solid #0000; } + .form-control { color: #fff; background-color: rgba(0, 0, 0, 0.25); border: 1px solid #ccc0; } -.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { + +.form-control[disabled], +.form-control[readonly], +fieldset[disabled] .form-control { background-color: rgba(0, 0, 0, 0.25); } -.dataTables_length select, .dataTables_filter input, .dataTable.compact tfoot td select { + +.dataTables_length select, +.dataTables_filter input, +.dataTable.compact tfoot td select { color: black; } + #footer { color: #ffffff; } + .modal-content { background: var(--modal-bg-color); } + .dropdown-menu { background: var(--modal-bg-color); } + .dropdown-menu>li>a { color: #fff; } -.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { + +.dropdown-menu>li>a:focus, +.dropdown-menu>li>a:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.08); } + .close { color: #fff; } + .btn-default { color: #fff; background-color: var(--button-color); border-color: #ccc0; } -.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default { + +.btn-default.active, +.btn-default.focus, +.btn-default:active, +.btn-default:focus, +.btn-default:hover, +.open>.dropdown-toggle.btn-default { color: #fff; background-color: var(--button-color-hover); border-color: #00000000; } + .input-group-addon { color: #fff; background-color: rgba(0, 0, 0, 0.25); border: 1px solid #0000; } + .alert-info { color: #ffffff; background-color: var(--modal-bg-color);