nix
113 lines
1.8 KiB
CSS
Executable File
113 lines
1.8 KiB
CSS
Executable File
/* Comfortaa */
|
|
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;700&display=swap');
|
|
|
|
/* Global */
|
|
body {
|
|
background: #1c1e26;
|
|
color: #ededed;
|
|
font-family: "Comfortaa", sans-serif;
|
|
padding: 2.5rem;
|
|
line-height: 1.7;
|
|
}
|
|
|
|
/* Title */
|
|
h1 {
|
|
color: #bd93f9;
|
|
text-align: center;
|
|
font-size: 2.4rem;
|
|
margin-bottom: 2.3rem;
|
|
font-weight: 700;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
/* Table container */
|
|
table {
|
|
width: 100%;
|
|
max-width: 900px;
|
|
margin: 0 auto;
|
|
border-collapse: collapse;
|
|
background: #262933;
|
|
border-radius: 16px;
|
|
overflow: hidden;
|
|
box-shadow: 0 14px 32px rgba(0,0,0,0.4);
|
|
}
|
|
|
|
/* Header row */
|
|
th {
|
|
background: #2f3340;
|
|
padding: 1rem 1.2rem;
|
|
font-size: 0.95rem;
|
|
color: #bbb;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.08em;
|
|
text-align: left;
|
|
}
|
|
|
|
/* File rows */
|
|
td {
|
|
padding: 0.9rem 1.2rem;
|
|
border-bottom: 1px solid #343847;
|
|
font-size: 1rem;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
/* Hover effect */
|
|
tr:hover td {
|
|
background: #3a3f51;
|
|
}
|
|
|
|
/* Links */
|
|
a {
|
|
color: #bd93f9;
|
|
text-decoration: none;
|
|
font-weight: 700;
|
|
transition: 0.2s;
|
|
}
|
|
|
|
a:hover {
|
|
color: #ffb2ff;
|
|
text-shadow: 0 0 6px rgba(255, 150, 255, 0.6);
|
|
}
|
|
|
|
/* Icons */
|
|
img {
|
|
width: 22px;
|
|
height: 22px;
|
|
margin-right: 6px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
/* Parent directory row */
|
|
tr:first-of-type td {
|
|
background: #232630;
|
|
}
|
|
|
|
/* File size/date columns */
|
|
td:nth-child(3),
|
|
td:nth-child(4) {
|
|
color: #a1a8c6;
|
|
font-size: 0.9rem;
|
|
}
|
|
|
|
/* Apache signature footer */
|
|
address {
|
|
text-align: center;
|
|
margin-top: 2rem;
|
|
color: #737a95;
|
|
font-size: 0.85rem;
|
|
font-style: normal;
|
|
}
|
|
|
|
/* Responsive */
|
|
@media (max-width: 700px) {
|
|
body {
|
|
padding: 1.3rem;
|
|
}
|
|
table {
|
|
font-size: 0.9rem;
|
|
}
|
|
td, th {
|
|
padding: 0.7rem;
|
|
}
|
|
}
|