quackscape/assets/css/userarea.css

165 lines
3.2 KiB
CSS
Raw Normal View History

body {
background-color: #2d2d30;
color: #ccc;
font-family: "Courier New", monospace;
}
.admin-header {
background-color: #333333;
padding: 10px 20px;
color: #ffffff;
display: flex;
justify-content: space-between;
align-items: center;
}
.user-info {
color: #9cdcfe;
text-align: right;
}
.admin-sidebar {
background-color: #1e1e1e;
color: #9cdcfe;
padding: 20px;
height: calc(100vh - 50px);
overflow-y: auto;
}
.admin-main {
background-color: #252526;
color: #ccc;
padding: 20px;
min-height: calc(100vh - 50px);
}
.admin-sidebar a {
color: #9cdcfe;
text-decoration: none;
padding: 10px;
display: block;
}
.admin-sidebar a:hover {
background-color: #333333;
}
.form-control,
.btn-primary,
.btn-secondary {
background-color: #333333;
color: #9cdcfe;
border: 1px solid #3c3c3c;
}
.btn-primary {
background-color: #007acc;
border-color: #007acc;
}
.btn-secondary {
background-color: #3c3c3c;
border-color: #3c3c3c;
}
.nav-tabs {
border-bottom: 1px solid #444;
}
.nav-tabs .nav-link {
border: 1px solid transparent;
border-radius: 0.25rem;
background-color: #333;
color: #9cdcfe;
margin-right: 2px;
}
.nav-tabs .nav-link.active {
color: #fff;
background-color: #007acc;
border-color: #444 #444 #fff;
}
.nav-tabs .nav-link:hover {
border-color: #555 #555 #444;
}
.tab-content {
background-color: #252526;
color: #ccc;
border: 1px solid #444;
padding: 20px;
border-radius: 0.25rem;
}
.dataTables_wrapper {
font-family: 'Courier New', monospace;
color: #9CDCFE;
font-size: 0.9rem;
margin: 20px 0;
}
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
color: #000;
padding: 0.5rem;
border: 1px solid #3C3C3C;
background-color: #fff;
border-radius: 0.25rem;
margin-left: 10px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
padding: 0.5rem 1rem;
background-color: #333;
border: 1px solid #3C3C3C;
border-radius: 0.25rem;
margin-left: 5px;
color: #9CDCFE;
cursor: pointer;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
background-color: #007ACC;
color: #fff;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
background-color: #007ACC;
color: #fff;
}
table.dataTable thead th,
table.dataTable thead td {
padding: 15px 10px;
border-bottom: 1px solid #444;
color: #DCDCAA;
}
table.dataTable tbody tr {
background-color: #252526;
}
table.dataTable tbody tr:hover {
background-color: #333333;
}
table.dataTable tbody td {
padding: 15px 10px;
border-color: #444;
}
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
margin-top: 0.5em;
font-size: 0.8em;
}
table.dataTable {
width: 100% !important;
}