Annotation-System/hmml_to_html/hero.css

.title {
    background-color: #444;
}

.title > a {
    color: rgba(38, 139, 210, 1);
}

.title > a:visited {
    color: rgba(38, 139, 210, 1);
}

.title .refs_container {
    transition: box-shadow 800ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-shadow: inset 0 0 0 #B57714;
}

.title .refs_container:hover {
    background-color: #666;
}

.title .refs_container.current {
    box-shadow: inset 0px 0px 30px #B57714;
}

.title .refs_container .refs {
    background-color: black;
    border: 3px solid #444;
    border-top: none;
}

.title .refs_container > .refs .ref {
    border-bottom: 1px solid rgb(51, 51, 51);
    color: white;
}

.title .refs_container > .refs .ref.current {
    background-color: #8B3D23;
    color: black;
}

.title .refs_container > .refs .ref:hover {
    background-color: #222;
}

.title .refs_container > .refs .ref.current:hover {
    background-color: rgba(139, 61, 35, 0.7);
}

.title .refs_container > .refs .ref .source {
    color: #888;
}

.markers_container > .marker {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.markers_container > .marker:hover > .content {
    background-color: #222;
}

.markers_container > .marker:hover .faded .content {
    background-color: rgba(139, 61, 35, 0.7);
    color: black;
}

.markers_container > .marker > .content {
    background-color: #161616;
    color: #8A877D;
}

.markers_container > .marker.current > .content {
    color: #B57714;
}

.markers_container > .marker .progress .content {
    background-color: #8B3D23;
    color: black;
}