141 lines
2.2 KiB
CSS
141 lines
2.2 KiB
CSS
:root {
|
|
--font-size: 16px;
|
|
--font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
|
|
}
|
|
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
html {
|
|
font-size: var(--font-size);
|
|
font-family: var(--font-family);
|
|
}
|
|
|
|
body {
|
|
padding: 2rem;
|
|
color: white;
|
|
background-color: #121212;
|
|
background-image: url("/public/img/bg/darkstorm.jpg");
|
|
}
|
|
|
|
div#admin-container {
|
|
max-width: 1280px;
|
|
margin: 0 auto;
|
|
padding: 1rem;
|
|
}
|
|
|
|
header {
|
|
margin-bottom: 2rem;
|
|
}
|
|
|
|
main {
|
|
display: flex;
|
|
gap: 2rem;
|
|
margin-bottom: 2rem;
|
|
}
|
|
|
|
main p:not(:last-of-type) {
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
main > nav {
|
|
flex: 0 0 auto;
|
|
}
|
|
|
|
nav a.ui.button {
|
|
display: block;
|
|
text-align: left;
|
|
&:not(:last-of-type) { margin-bottom: 0.25rem; }
|
|
}
|
|
|
|
nav div.group:not(:last-of-type) {
|
|
margin-bottom: 2rem;
|
|
}
|
|
|
|
main > section {
|
|
flex: 1;
|
|
}
|
|
|
|
table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
outline-width: none;
|
|
font-family: var(--font-family);
|
|
border: 1px solid rgba(0, 0, 0, 0.1);
|
|
|
|
& > caption {
|
|
margin: 1rem;
|
|
}
|
|
|
|
& :is(td,th) {
|
|
border: 1px solid rgba(0, 0, 0, 0.4);
|
|
padding: 0.5rem 1rem;
|
|
}
|
|
|
|
& thead tr {
|
|
background: rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
& tbody tr:nth-of-type(even) {
|
|
background: rgba(0, 0, 0, 0.1);
|
|
&:hover { background: rgba(0, 0, 0, 0.2); }
|
|
}
|
|
|
|
td:hover {
|
|
color: white;
|
|
background: rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
tr:hover {
|
|
background: rgba(0, 0, 0, 0.2);
|
|
}
|
|
}
|
|
|
|
.table-wrapper {
|
|
width: 100%; /* Ensure the wrapper takes 100% of the parent's width */
|
|
max-height: 300px; /* Set the desired height limit */
|
|
overflow-x: auto; /* Enable horizontal scrolling if the table overflows */
|
|
overflow-y: auto; /* Enable vertical scrolling if needed */
|
|
display: block; /* Ensure block-level behavior */
|
|
-webkit-overflow-scrolling: touch; /* Smooth scrolling on touch devices */
|
|
}
|
|
|
|
a {
|
|
color: #015df7;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
|
|
&:hover {
|
|
color: hsl(218, 99%, 29%);
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
|
|
.small {
|
|
font: 10px verdana;
|
|
}
|
|
.highlight {
|
|
color: red;
|
|
}
|
|
.light {
|
|
color: #999999;
|
|
}
|
|
.title {
|
|
border: solid 1px black;
|
|
background-color: #eeeeee;
|
|
font-weight: bold;
|
|
padding: 5px;
|
|
margin: 3px;
|
|
}
|
|
|
|
footer {
|
|
display: flex;
|
|
justify-content: space-around;
|
|
font-size: 0.8rem;
|
|
padding: 0.5rem;
|
|
margin: 2rem 0;
|
|
}
|