body {
    background-color: #121212;
    color: #ddd;
    font-family: monospace;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 2em;
    margin: 0;
}

img, h1, h2 {
    vertical-align: middle;
}

img {
    border: 0;
    width: 64px;
    height: 64px;
}

a:target {
    background-color: #ccc;
}

a.d,
a.h,
a.i,
a.line {
    text-decoration: none;
}

#blob a {
    color: #555;
}

#blob a:hover {
    color: blue;
    text-decoration: none;
}

table thead td {
    font-weight: bold;
}

table td {
    padding: 0 0.4em;
}

#content table td {
    white-space: normal;
}

#index tbody tr:nth-child(odd),
#log tbody tr:nth-child(odd) {
    background-color: #222831; /* claro */
}

#index tbody tr:nth-child(even),
#log tbody tr:nth-child(even) {
    background-color: #1a1d24; /* oscuro */
}

#index tbody tr,
#log tbody tr {
    border-bottom: 1px solid #ddd; /* linea separadora */
}

.desc {
    font-size: 1em;
    font-weight: bold;
    color: #eee;
}

a {
    color: #56c8ff;
}

table tbody tr td:nth-child(5) {
    color: #00ff00; /* Verde para "+" */
    font-weight: bold;
}

table tbody tr td:nth-child(6) {
    color: #ff4c4c; /* Rojo para "-" */
    font-weight: bold;
}

span.i, a.i {
    color: #00ff00; /* verde brillante */
    font-weight: bold;
}

span.d, a.d {
    color: #ff0000; /* rojo brillante */
    font-weight: bold;
}