butter-kanglam-ui/assets/css/butter-dir-listing.css
2024-06-05 12:39:00 -05:00

112 lines
No EOL
1.5 KiB
CSS

/* Based on the default lighttpd styles, this butters up the UI */
a,
a:active {
text-decoration: none;
color: blue;
}
a:visited {
color: #48468F;
}
a:hover,
a:focus {
text-decoration: underline;
color: red;
}
body {
}
h2 {
font-family: "Poppins", sans-serif;
margin-bottom: 12px;
}
table {
margin-left: 12px;
}
th,
td {
font: 90% monospace;
text-align: left;
}
th {
font-weight: bold;
padding-right: 14px;
padding-bottom: 3px;
}
td {
padding-right: 14px;
}
td.s,
th.s {
text-align: right;
}
/* Don't display the .. nav tool. */
tbody tr.d:first-of-type
{
display: none;
}
div.list {
/* Hide the builtin listing, we're going to render our own. */
display: none;
}
div.foot {
/* No need to display the lighttpd version; this is user-facing. */
display: none;
}
.container {
display: flex;
align-items: center;
width: 100%;
height: 30px;
box-sizing: border-box;
}
.logo-container {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
}
.logo-container img {
width: 20px;
height: 20px;
}
.text-container {
display: flex;
flex-direction: column;
justify-content: center;
flex-grow: 1;
padding: 0 10px;
box-sizing: border-box;
}
.text-container .upper-text {
font-size: 14px;
line-height: 18px;
}
.text-container .lower-text {
font-size: 12px;
color: gray;
}
.empty-block {
width: 30px;
height: 30px;
}