|
|
@ -1,4 +1,3 @@ |
|
|
|
|
|
|
|
/* dP dP dP */ |
|
|
|
/* 88 88 88 */ |
|
|
|
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ |
|
|
@ -13,11 +12,13 @@ |
|
|
|
* { |
|
|
|
outline: none; |
|
|
|
} |
|
|
|
|
|
|
|
body { |
|
|
|
background-repeat: repeat; |
|
|
|
background: var(--main-bg-color) !important; |
|
|
|
color: #FFF; |
|
|
|
} |
|
|
|
|
|
|
|
/* Scrollbar */ |
|
|
|
@media only screen and (min-width: 768px) { |
|
|
|
html { |
|
|
@ -25,15 +26,18 @@ body { |
|
|
|
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; |
|
|
@ -41,9 +45,11 @@ body { |
|
|
|
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; |
|
|
@ -51,104 +57,162 @@ body { |
|
|
|
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 { |
|
|
|
|
|
|
|
.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; |
|
|
|
} |
|
|
|
|
|
|
|
#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); |
|
|
|