caddy_file_listing/style.css

/* This stylesheet file is based on the browse.html template, provided at
 * https://github.com/caddyserver/caddy/blob/master/modules/caddyhttp/fileserver/browse.html
 */

* { padding: 0; margin: 0; }

body {
    padding: 1em;
	font-family: monospace;
	text-rendering: optimizespeed;
	background-color: #20202a;
    color: #A09999;
}

main {
    display: block;
}

.readmeFile > * {
    background-color: inherit;
    color: inherit;
}

.readmeHeader {
    font-size: small;
    color: #979494;
    margin-bottom: 1em;
}
.readmeFile {
    margin-top: 1em;
    padding: 0.5em;
    margin: 1rem;

    color: white;
}
.readmeFile li {
    list-style-position: inside;
}
/* .readmeFile li { */
    /* margin-left: 1rem; */
    /* margin-right: 1rem; */
/* } */

a {
	color: #7dc1ff;
	text-decoration: none;
}

a:active {
    border-radius: 1rem;
    box-shadow: 3px 3px 15px black;
}

a:hover,
h1 a:hover {
	color: #b0ff94;
}

a:visited {
	color: #fd7dfd;
}

a:visited:hover {
	color: #b0ff94;
}
header {
	padding-top: 25px;
	padding-bottom: 15px;
}

h1 {
	font-size: 20px;
	font-weight: normal;
	white-space: nowrap;
	overflow-x: hidden;
	text-overflow: ellipsis;
	color: #999;
}

h1 a {
	/* color: #000; */
	margin: 0 4px;
}

h1 a:hover {
	text-decoration: underline;
}

h1 a:first-child {
	margin: 0;
}
table {
	width: 100%;
	border-collapse: collapse;
}

tr {
	border-bottom: 1px dashed #555;
}


tbody tr:hover {
	background-color: #30303A;
}

th,
td {
	text-align: left;
	padding: 10px 0;
}

th {
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 16px;
	white-space: nowrap;
}

th a {
	color: white;
}


td {
	white-space: nowrap;
	font-size: 14px;
}


@media (max-width: 600px) {
	.hideable {
		display: none;
	}

	td:nth-child(2) {
		width: auto;
	}

	th:nth-child(3),
	td:nth-child(3) {
		padding-right: 5%;
		text-align: right;
	}

	h1 {
		color: #000;
	}

	h1 a {
		margin: 0;
	}

	#filter {
		max-width: 100px;
	}
}