Adding styling for details?

Author: mkstadler

_includes/bibere/paper.html

@@ -74,7 +74,7 @@
                 {%- endif -%}
             {%- endfor -%}
         {%- endif -%}
-        <a class="collapse-clicker" onclick="$('#{{ clean_id }}_bibtex').slideToggle(200)">BibTex</a> ]
+        <a class="collapse-clicker" onclick="$('#{{ clean_id }}_bibtex').slideToggle(200)">&nbsp;BibTex</a> ]
         <div class="collapse" id="{{ clean_id }}_bibtex">
         <div class="panel panel-info">
             <pre class="panel-body details-panel">

css/group.scss

@@ -185,4 +185,122 @@ details {
   user-select: none;
   -webkit-user-select: none;
   touch-action: manipulation;
-}
+}
+
+
+$primary:       #0064a4;
+$link:          #666666;
+$link-hover:    #999999;
+
+$white:         #ffffff;
+$black:         #000000;
+
+.yearGroup {
+  font-size: 20px;
+}
+
+.papers {
+  padding-left: 5px;
+  margin: 5px;
+}
+
+// .papers li {
+//   margin: 10px;
+//   padding-left: 0px;
+// }
+
+.mainAuthor {
+  color:$primary;
+  font-weight: normal;
+}
+
+.mainAuthor a {
+  color:$primary;
+  font-weight: bold;
+}
+
+.title {
+  font-weight: bold;
+  display: block;
+}
+
+.venue {
+  font-style: italic;
+}
+
+.emphasisNote {
+  font-weight: bold;
+  color: $primary;
+}
+
+.note {
+  font-style: italic;
+  color: $primary;
+}
+
+.abstract {
+  display: none;
+  margin-block-start: 1em;
+  margin-block-end: 1em;
+}
+
+.tag {
+  margin-left: 10px;
+  padding: 3px;
+}
+
+.collapse {
+    display: none;
+}
+
+.details-panel {
+  margin: 2px;
+  padding: 2px;
+  font-size: 12px;
+}
+
+.tag_Conference {
+  background-color: $primary;
+  color: $white;
+}
+
+.tag_Journal {
+  background-color: $primary;
+  color: $white;
+}
+
+.tag_Workshop {
+  background-color: $link;
+  color: $white;
+}
+
+.tag_Chapter {
+  background-color: $link-hover;
+  color: $black;
+}
+
+.tag_Demo {
+  background-color: $link-hover;
+  color: $black;
+}
+
+
+/* .link a {
+  display: inline-block;
+} */
+
+
+/* .details-panel-body {
+  margin: 0px;
+  border: 0px;
+  padding: 10px;
+  font-size: 12px;
+}
+
+.details-panel-body:before {
+  content: "";
+}
+
+.details-panel-body:after {
+  content: "";
+} */