gnunetbib

commit e07a9ecfa13f3d7ea5519c9304d77439476dfbc2
parent cfe1ca26a52a9d8552ed0b1b8a50d1f1b54788ff
Author: ng0 <ng0@n0.is>
Date:   Sat,  6 Jul 2019 12:07:19 +0000

Fix the navbar.

Diffstat:
M
_template_.html
 | 
15
++++++++-------
M
css/main.css
 | 
37
++++++++++++++-----------------------

2 files changed, 22 insertions(+), 30 deletions(-)
diff --git 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
@@ -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 {