Browse Source

formatting

pull/182/head
Marius 4 years ago
parent
commit
9a45b4c0d5
  1. 146
      CSS/themes/jackett/jackett-base.css

146
CSS/themes/jackett/jackett-base.css

@ -1,4 +1,3 @@
/* dP dP dP */ /* dP dP dP */
/* 88 88 88 */ /* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ /* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
@ -13,142 +12,207 @@
* { * {
outline: none; outline: none;
} }
body { body {
background-repeat: repeat; background-repeat: repeat;
background: var(--main-bg-color) !important; background: var(--main-bg-color) !important;
color: #FFF; color: #FFF;
} }
/* Scrollbar */
@media only screen and (min-width: 768px) { /* Scrollbar */
@media only screen and (min-width: 768px) {
html { html {
height: 100%; height: 100%;
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;
} }
body { body {
overflow-y: auto; overflow-y: auto;
height: 100%; height: 100%;
background: var(--main-bg-color) background: var(--main-bg-color)
} }
} }
::-webkit-scrollbar {
width: 14px; ::-webkit-scrollbar {
} width: 14px;
::-webkit-scrollbar-thumb { }
min-height: 50px;
border: 3px solid transparent; ::-webkit-scrollbar-thumb {
border-radius: 8px; min-height: 50px;
background-color: hsla(0,0%,100%,.2); border: 3px solid transparent;
background-clip: padding-box; border-radius: 8px;
} background-color: hsla(0, 0%, 100%, .2);
::-webkit-scrollbar-track { background-clip: padding-box;
background-color: transparent; }
}
::-webkit-scrollbar-thumb:hover { ::-webkit-scrollbar-track {
min-height: 50px; background-color: transparent;
border: 3px solid transparent; }
border-radius: 8px;
background-color: hsla(0,0%,100%,.5); ::-webkit-scrollbar-thumb:hover {
background-clip: padding-box; min-height: 50px;
} border: 3px solid transparent;
.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 { 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; 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; color: #fff !important;
} }
a { a {
color: #ffffff; color: #ffffff;
} }
a:focus, a:hover {
a:focus,
a:hover {
color: #f1f1f1; color: #f1f1f1;
} }
.dataTables_wrapper .dataTables_filter input { .dataTables_wrapper .dataTables_filter input {
background: rgba(255, 255, 255, 0.08); background: rgba(255, 255, 255, 0.08);
border: none; border: none;
outline: none; outline: none;
color: #fff; 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; 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; 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-top: 1px solid #ddd0;
border-right: 1px solid #0000; border-right: 1px solid #0000;
} }
button, input, select, textarea {
button,
input,
select,
textarea {
background: rgba(0, 0, 0, 0.25); background: rgba(0, 0, 0, 0.25);
border: none; border: none;
outline: none; outline: none;
} }
#page { #page {
background-color: rgba(0, 0, 0, 0.25); 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; 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); background-color: rgba(255, 255, 255, 0.08);
} }
table.dataTable tbody tr { table.dataTable tbody tr {
background-color: transparent; background-color: transparent;
} }
table.dataTable tfoot th, table.dataTable tfoot td {
table.dataTable tfoot th,
table.dataTable tfoot td {
border-top: 1px solid #0000; 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; border-bottom: 1px solid #0000;
} }
.form-control { .form-control {
color: #fff; color: #fff;
background-color: rgba(0, 0, 0, 0.25); background-color: rgba(0, 0, 0, 0.25);
border: 1px solid #ccc0; 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); 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; color: black;
} }
#footer { #footer {
color: #ffffff; color: #ffffff;
} }
.modal-content { .modal-content {
background: var(--modal-bg-color); background: var(--modal-bg-color);
} }
.dropdown-menu { .dropdown-menu {
background: var(--modal-bg-color); background: var(--modal-bg-color);
} }
.dropdown-menu>li>a { .dropdown-menu>li>a {
color: #fff; color: #fff;
} }
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
color: #ffffff; color: #ffffff;
background-color: rgba(255, 255, 255, 0.08); background-color: rgba(255, 255, 255, 0.08);
} }
.close { .close {
color: #fff; color: #fff;
} }
.btn-default { .btn-default {
color: #fff; color: #fff;
background-color: var(--button-color); background-color: var(--button-color);
border-color: #ccc0; 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; color: #fff;
background-color: var(--button-color-hover); background-color: var(--button-color-hover);
border-color: #00000000; border-color: #00000000;
} }
.input-group-addon { .input-group-addon {
color: #fff; color: #fff;
background-color: rgba(0, 0, 0, 0.25); background-color: rgba(0, 0, 0, 0.25);
border: 1px solid #0000; border: 1px solid #0000;
} }
.alert-info { .alert-info {
color: #ffffff; color: #ffffff;
background-color: var(--modal-bg-color); background-color: var(--modal-bg-color);

Loading…
Cancel
Save