/* Epoxy style for Apache HTTPd
 *
 * Heavily inspired by @adamwhitcroft's gorgeous Apaxy theme:
 * https://oupala.github.io/apaxy/
 *
 * However, beautiful as Apaxy may be,
 * - the scripting + 3rd party dependencies suck.
 * - this one is more specific, allowing easier README integration
 *   (https://httpd.apache.org/docs/2.4/mod/mod_autoindex.html#readmename)
 */


html {
    min-height:calc(100% - 1.4rem);
    border-top: .7rem solid #eceef1;
    border-bottom: .7rem solid #eceef1;
}

body {
    font-family: 'Open Sans', sans-serif;
    max-width: 80rem;
    margin: auto;
}

th[class^=indexcol] {
    font-size: .75rem;
    text-align: left;
}

[class^=indexcol] > a {
    color: #61666c;
    text-decoration: none;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

th.indexcolname {
    min-width: 16em; /* "Parent Directory" */
}

th.indexcollastmod {
    min-width: 13em; /* "Last modified" */
}

td[class^=index] {
    white-space: nowrap;
}

td.indexcolname {
    width: 100%;
}

td.indexcolsize {
    padding-right: 2rem;
}

td.indexcollastmod {
    padding-right: 3rem;
}

td.indexcolicon {
    padding-right: .5rem;
    padding-left: 1rem;
}

td.indexcolname > a {
    width: 100%;
    display: block;
}

h1#indextitle, table#indexlist {
    margin-left: 3rem;
}

h1 {
    color: #61666c;
}
table#indexlist {
    font-size: .875rem;
    border-collapse: collapse;
    font-weight: 400;
    line-height: 2rem;
    width: calc(100%-4rem);
    margin-left: 2rem;
    margin-right: 2rem;
    margin-bottom: 2rem;
}


tr.even, tr.odd {
    border-bottom: 1px solid #edf1f5;
}

tr.even:hover, tr.odd:hover {
    background: #f6f6f6;
    transition:background 300ms ease;
}


div#readme {
    margin-left: 3rem;
    margin-right: 3rem;
}


a {
    color: red;
    text-decoration: none;
}