first commit
This commit is contained in:
Executable
+112
@@ -0,0 +1,112 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user