table {
    background-color: #F3F3F3;
    border-collapse: collapse;
    width: 100%;
    margin: 15px 0;
}

th {
    background-color: #FF6000;
    color: #FFF;
    cursor: pointer;
    padding: 5px 10px;
}

th small {
    font-size: 9px;
}

td, th {
    text-align: left;
}

a {
    text-decoration: none;
}

td a {
    color: #663300;
    display: block;
    padding: 5px 10px;
}
th a {
    padding-left: 0
}

td:first-of-type a {
    background: url(/static/img/folder.png) no-repeat 10px 50%;
    padding-left: 35px;
}
th:first-of-type {
    padding-left: 35px;
}

td:not(:first-of-type) a {
    background-image: none !important;
}

tr:nth-of-type(odd) {
    background-color: #E6E6E6;
}

tr:hover td {
    background-color:#CACACA;
}

tr:hover td a {
    color: #000;
}

/* directories */
table tr.dir td:first-of-type a
{background-image: url(/static/img/folder.png);}


.css_result .code {
    white-space: pre;
    padding: 10px;
    display: block;
    font-size: 14px;
    /*font-family: 'Courier new';*/
    font-weight: bold;
    background: rgba(255, 112, 0, 0);
    /*border-radius: 4px;*/
    color: #FF6000;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.11);
    border: 1px solid #696d72;
    border-color: rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.3), inset 0 1px 5px rgba(0, 0, 0, 0.1);
}


.css_result .code {
    white-space: pre;
    padding: 10px;
    display: block;
    font-size: 14px;
    /*font-family: 'Courier new';*/
    font-weight: bold;
    background: rgba(255, 112, 0, 0);
    /*border-radius: 4px;*/
    color: #FF6000;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.11);
    border: 1px solid #696d72;
    border-color: rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.3), inset 0 1px 5px rgba(0, 0, 0, 0.1);
}