style.css

@import url(https://fonts.googleapis.com/css?family=Open+Sans);

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

html {
    min-height:100%;
    border:10px solid #ECEEF1;
    color:#61666c;
    font-weight:400;
    font-size:1em;
    font-family:"Open Sans", sans-serif;
    line-height:2em;
}

body {
    margin:0 auto;
    max-width:80%;
    padding:20px;
    -webkit-backface-visibility:hidden;
}

h1 {
    color:#2a2a2a;
    font-weight:400;
    margin-bottom:1.3em;
    font-size: 2em;
}

h1 a {
    color:#2a2a2a;
}

h1 a:hover {
    color:#f32236;
}

a {
    color:#61666c;
    text-decoration:none;
}

a:hover {
    color:#2a2a2a;
}

table {
    width:100%;
    table-layout:fixed;
    border-collapse:collapse;
    font-size:.925em;
}

tr:hover td {
    background:#f6f6f6;
}

td {
    padding:5px 0;
    outline:0;
    border:0;
    overflow:hidden;
    border-bottom:1px solid #edf1f5;
    vertical-align:middle;
    text-align:left;
    -webkit-transition:background 196ms ease;
       -moz-transition:background 196ms ease;
        -ms-transition:background 196ms ease;
         -o-transition:background 196ms ease;
            transition:background 196ms ease;
}

td a {
    display:block;
}

address {
    font-size:80%;
    text-align:left;
    font-style:normal;
}

address a {
    color:#f32236;
    text-decoration:none;
}

address a:hover {
    color:#f37c4c;
}

.folder {
    width: 0px;
    height: 0px;
    padding: 8px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEISURBVDiNrZGxSgNREEXPCw/S7EZIZWelYqFlvsDKQhC0ssoPmCIfYG1hoWCXP7C3Si+ksBJEtBHE2JhgdgvNm5lnIQYkuLAbb3/vnHvHxRjpdbYugX1+62qpaXsHx7dTCuRixPU6m7a2voFzNQBijAxfnsnzLAA2Z4JYr/v+4cnNrru+2DlrrG4fNZdXig7NafT6xOShf+6DWjtJEj7eh6UCkiThTa3tg2gaPvNSZgCVKUE09aKGSSgdACBq+CCKVgwIongRw6TwU38TyA+BLkAQRCtvMKtQdYNZhaobfBPoAgRq/7CBig3G41GrkaalzJMsQ8UGPljs3t0/nkZolQlwMKBW634BV/GiU2qcKJgAAAAASUVORK5CYII=")
}

.default {
    width: 0px;
    height: 0px;
    padding: 8px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAC0SURBVDiN7Y8tjsMwGESn1kgBAQEGoSELs7fojdpb9FShYd4gh4TmCt+PXVReV4U70sD3NHNZ1/VqZo9Syi8aEkJIJG+XZVnSNE3zOI4IIbwFl1JwnieO4/ijiMwxRohIywDEGJFznunucPcmGABeHM0MtdZmAQCYGaiqHwtUFXT3jwXfufAv+JJAVUGyGTYzBJI5pQQRQa31rYoIUkogmdn3/X3f98e2bT8tC7qu24dhuD8BD6e7SzzK9MwAAAAASUVORK5CYII=")
}