mirror of
https://github.com/gilbN/theme.park.git
synced 2024-11-20 18:12:31 +01:00
142 lines
4.6 KiB
CSS
142 lines
4.6 KiB
CSS
|
|
||
|
/* 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 */
|
||
|
|
||
|
body {
|
||
|
background-repeat: repeat;
|
||
|
background: var(--main-bg-color) !important;
|
||
|
color: #FFF;
|
||
|
}
|
||
|
/* 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 {
|
||
|
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 {
|
||
|
color: #fff !important;
|
||
|
}
|
||
|
a {
|
||
|
color: #ffffff;
|
||
|
}
|
||
|
.dataTables_wrapper .dataTables_filter input {
|
||
|
background: rgba(255, 255, 255, 0.08);
|
||
|
border: none;
|
||
|
outline: none;
|
||
|
}
|
||
|
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 {
|
||
|
border-left: none;
|
||
|
}
|
||
|
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 {
|
||
|
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 {
|
||
|
background-color: transparent;
|
||
|
}
|
||
|
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 {
|
||
|
border-top: 1px solid #0000;
|
||
|
}
|
||
|
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 {
|
||
|
background-color: rgba(0, 0, 0, 0.25);
|
||
|
}
|
||
|
#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 {
|
||
|
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 {
|
||
|
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;
|
||
|
|
||
|
}
|