Fix the navbar.

2 files changed, 22 insertions, 30 deletions

diff --git a/_template_.html b/_template_.html
index bbb1226..a5d0a36 100644
--- a/_template_.html
+++ b/_template_.html
@@ -13,7 +13,7 @@
 
      Generated by `%(command_line)s'
      (C) Eddie Kohler 1999-2000, Nick Mathewson 2003
-     (C) Nils Gillmann 2018
+     (C) ng0 2018, 2019
 -->
 
 <!-- gnunet bib meshnetworking bibliography -->
@@ -28,6 +28,13 @@
   </p>
   <!-- TODO: breadcrumbs -->
   <hr>
+  <section class="side-bar">
+    <strong>%(sectiontypes)s:</strong><br>
+    <ul class="bar-list">
+      %(sections)s
+    </ul>
+  </section>
+  <hr>
   <section>
     <h2>Publications by %(field)s</h2>
     <div class="sheet">
@@ -35,12 +42,6 @@
         %(entries)s
       <!-- </ul> -->
     </div>
-    <section class="side-bar">
-      <strong>%(sectiontypes)s:</strong><br>
-      <ul class="bar-list">
-        %(sections)s
-      </ul>
-    </section>
   </section>
   <hr class="hidden-hr">
   <footer>
diff --git a/css/main.css b/css/main.css
index 4d3a082..c8364ad 100644
--- a/css/main.css
+++ b/css/main.css
@@ -60,6 +60,7 @@ SPAN.availability {
   font-weight: normal;
 }
 
+
 UL {
   list-style: outside;
 }
@@ -111,14 +112,14 @@ H3 {
   color: #006;
 }
 
-/*
+
 .side-bar {
     box-sizing: border-box;
     color: black;
     font-size: 0.9em;
     padding: 30px 0px;
 }
-*/
+
 .bar-title {
     color: black;
     font-size: 14px;
@@ -129,29 +130,28 @@ H3 {
 }
 
 .bar-list {
-    list-style-type: none;
+    list-style: none;
     padding: 0px;
 }
 
+li:after{ content: ""; }
+li:before{ content: ""; }
+
 .bar-item {
-    display: inline-block;
-    margin: 10px 5px;
-    vertical-align: top;
+    display: inline;
 }
 
 .bar-link:link, .bar-link:visited {
-    border-color: silver;
-    border-radius: 4px;
-    border-style: solid;
-    border-width: thin;
     color: black;
     padding: 5px 10px;
 }
 
+/*
 .bar-link:active, .bar-link:focus, .bar-link:hover {
     background-color: #FF73F4;
     border-color: #FF73F4;
 }
+*/
 
 .feed-link {
     background-image: url("/static/base/img/feed-bg-white.png");
@@ -166,16 +166,11 @@ H3 {
 }
 
 .side-bar {
-    border-color: #999;
-    border-radius: 4px;
-    border-style: solid;
-    border-width: thin;
-    display: inline-block;
+    display: inline;
     padding: 0px;
     text-align: left;
     vertical-align: top;
-    width: 20%;
-    position: fixed;
+    width: 350px;
 }
 
 @media screen and (min-width: 1280px) {
@@ -196,18 +191,14 @@ H3 {
     }
 
     .bar-item {
-        display: block;
+        display: inline;
         margin: 0px;
     }
 
     .bar-link:link,
     .bar-link:visited {
-        border-color: #F5F5F5;
-        border-radius: 0px;
-        border-style: solid none none none;
-        display: block;
+        display: inline;
         margin: 0px;
-        padding: 8px 8px 8px 16px;
     }
 }
 .sheet {