diff --git a/hmml_to_html/default.css b/hmml_to_html/default.css
index 923cde8..7a641f1 100644
--- a/hmml_to_html/default.css
+++ b/hmml_to_html/default.css
@@ -2,6 +2,55 @@
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);
}