/* Sourced from https://github.com/artyuum/Nginx-FancyIndex-Theme
* Changes made by Joe Davison */

* {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
}

body {
    color: #34495e;
    font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    margin: auto;
    max-width: 980px;
    padding: 15px;
}

.footer-logo {
	margin-right: 25px;
}

.footer-container {
	margin-top: 15px;
	display: flex;
	align-items: center;
}

.footer-text {
	font-style: italic;
	font-size: 85%;
}

.footer-text a:hover {
	text-decoration: underline;
}

a,
a:hover,
a:active,
a:visited {
    color: inherit;
    text-decoration: none;
}

.footer a {
        color: #4b6987;
}

table {
    width: 100%;
    border: none;
    overflow-x: auto;
    border-collapse: collapse;
}

table > thead {
    text-align: left;
    border-bottom: 01px solid #2c3e50;
}

table td {
    word-break: break-all;
    border-bottom: 1px solid #edf1f5;
    
}

table th, td {
    padding: 10px;
}

table tr td a {
    display: block;
    width: 100%;
}

table thead th:last-child,
table tr td:last-child {
    text-align: right;
}

h1 {
    font-size: 1em;
    text-align: center;
    padding-bottom: 15px;
}

h1:before {
    content: 'Index of ';
}

table tbody tr:hover {
    background: #f1f2f6;
}

/*********/
/* ICONS */
/*********/
table tbody tr a:before {
    content: '';
    font-family: 'Font Awesome 6 Free';
    padding: 5px 10px 0 0;
    width: 1em;
    display: inline-block;
    text-align: center;
}

/* Default */
table tbody tr a:before {
    content: "\f15b";
}

/* Directory */
table tbody tr a[href$="/"]:before {
    content: '\f07b';
}

/* Parent directory */
table tbody tr a.parent:before {
    content: '\f060';
}

/* Audio */
table tbody tr a[href$=".aif"]:before,
table tbody tr a[href$=".flac"]:before,
table tbody tr a[href$=".iff"]:before,
table tbody tr a[href$=".m3u"]:before,
table tbody tr a[href$=".m4a"]:before,
table tbody tr a[href$=".mp3"]:before,
table tbody tr a[href$=".wav"]:before,
table tbody tr a[href$=".wav"]:before {
    content: '\f001';
}

/* Video */
table tbody tr a[href$=".3g2"]:before,
table tbody tr a[href$=".3gp"]:before,
table tbody tr a[href$=".asf"]:before,
table tbody tr a[href$=".avi"]:before,
table tbody tr a[href$=".flv"]:before,
table tbody tr a[href$=".m4v"]:before,
table tbody tr a[href$=".mov"]:before,
table tbody tr a[href$=".mp4"]:before,
table tbody tr a[href$=".mpg"]:before,
table tbody tr a[href$=".mpeg"]:before,
table tbody tr a[href$=".mkv"]:before,
table tbody tr a[href$=".vob"]:before,
table tbody tr a[href$=".wmv"]:before,
table tbody tr a[href$=".webm"]:before {
    content: '\f008';
}

/* Image */
table tbody tr a[href$=".bmp"]:before,
table tbody tr a[href$=".dds"]:before,
table tbody tr a[href$=".gif"]:before,
table tbody tr a[href$=".jpeg"]:before,
table tbody tr a[href$=".jpg"]:before,
table tbody tr a[href$=".png"]:before,
table tbody tr a[href$=".tif"]:before,
table tbody tr a[href$=".tiff"]:before {
    content: '\f03e';
}

/* Archive */
table tbody tr a[href$=".7z"]:before,
table tbody tr a[href$=".gz"]:before,
table tbody tr a[href$=".rar"]:before,
table tbody tr a[href$=".tar"]:before,
table tbody tr a[href$=".tar.gz"]:before,
table tbody tr a[href$=".bz2"]:before,
table tbody tr a[href$=".zip"]:before,
table tbody tr a[href$=".rpm"]:before,
table tbody tr a[href$=".drpm"]:before,
table tbody tr a[href$=".tar.xz"]:before,
table tbody tr a[href$=".tar.zst"]:before,
table tbody tr a[href$=".xz"]:before,
table tbody tr a[href$=".gz"]:before {
    content: '\f1c6';
}

/* Signature */
table tbody tr a[href$=".sig"]:before {
    content: '\f56c';
}

/* Torrent */
table tbody tr a[href$=".torrent"]:before {
    content: '\f56d';
}
/* img */
table tbody tr a[href$=".sfs"]:before,
table tbody tr a[href$=".qcow2"]:before,
table tbody tr a[href$=".img"]:before {
    content: '\f0a0';
}



/* ISO image */
table tbody tr a[href$=".iso"]:before {
    content: '\f51f';
}



/*@media (prefers-color-scheme: dark) {
    body {
        color: #c9d1d9;
        background: #0d1117;
    }
    table td {
        border-bottom: 1px solid #ffffff0d;
    }
    table tbody tr:hover {
        color: #fff;
        background: #161b22;
    }
}*/