Style Fixes

assets/scss/_portal.scss

@@ -6,7 +6,11 @@
   padding-top: 0 !important;
   border: 0 !important;
 }
-
+#sidenav-topics .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
+    color: #7D4698;
+    background-color: #fff;
+    font-weight: bold;
+}
 .toc-entry a:hover {
   color: #59316B !important;
 }

assets/scss/bootstrap.css

@@ -6413,9 +6413,7 @@ p {
 mark, .mark {
   color: #7D4698; }
 
-/*
- * Icons
- */
+/** Icons **/
 .ti:before {
   font-family: Tor Icons !important;
   font-style: normal;
@@ -6529,6 +6527,9 @@ mark, .mark {
   border-left: 2px solid #7D4698;
   font-weight: bold; }
 
+.jumbotron {
+  margin-top: -50px; }
+
 /*
  * Nav
  */
@@ -6854,6 +6855,14 @@ pre {
 .text-primary-light {
   color: #e6d5ee; }
 
+#topics {
+  margin: 0 auto;
+  display: block;
+  overflow-y: scroll;
+  height: 950px;
+  width: 97;
+  scroll-behavior: smooth; }
+
 .dropdown {
   display: block; }
 
@@ -6863,7 +6872,11 @@ pre {
 .dropdown:hover .dropdown-menu {
   display: block; }
 
-#navbarSupportedContent:target {
+.hamburger .navbar-toggler {
+  margin-left: 93%;
+  margin-top: -10%; }
+
+.hamburger:hover .hamburger-menu {
   display: block; }
 
 a.side-nav.active {
@@ -6872,6 +6885,16 @@ a.side-nav.active {
 .smalltopics {
   display: none; }
 
+.chevron {
+  height: 50px;
+  width: 50px; }
+
+.chevron-up {
+  display: none !important; }
+
+.chevron-down {
+  display: block; }
+
 @media (max-width: 991px) {
   nav.sidetopics {
     display: none !important;
@@ -6880,8 +6903,19 @@ a.side-nav.active {
   nav.smalltopics {
     display: block;
     width: 100%; }
-    nav.smalltopics button.navbar-toggler {
-      float: right; } }
+
+  .burger button {
+    float: right !important;
+    margin-top: -50px; }
+
+  .burger:hover .burger-menu {
+    display: block; }
+
+  .burger:hover .chevron-up {
+    display: block !important; }
+
+  .burger:hover .chevron-down {
+    display: none; } }
 /* Support Portal Styles
 *
 */
@@ -6889,16 +6923,17 @@ a.side-nav.active {
   padding-top: 0 !important;
   border: 0 !important; }
 
-.sidebar {
-  top: 0 !important;
-  border: 0 !important; }
+nav-pills .nav-link.active, .nav-pills .show > .nav-link {
+  color: #7D4698;
+  background-color: #fff;
+  font-weight: bold; }
 
 .toc-entry a:hover {
   color: #59316B !important; }
 
 .sidetopics {
   position: fixed !important;
-  margin-top: 400px;
+  margin-top: 353px;
   height: 500px;
   background: transparent; }
 

assets/static/bootstrap.css

@@ -6923,6 +6923,11 @@ a.side-nav.active {
   padding-top: 0 !important;
   border: 0 !important; }
 
+#sidenav-topics .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
+  color: #7D4698;
+  background-color: #fff;
+  font-weight: bold; }
+
 .toc-entry a:hover {
   color: #59316B !important; }
 

templates/footer.html

@@ -5,7 +5,7 @@
 	        <p class="mb-5 mt-5 text-white"><span class="font-weight-bold">Our mission:</span> to advance human rights and freedoms by creating and deploying free and open source anonymity and privacy technologies, supporting their unrestricted availability and use, and furthering their scientific and popular understanding.
       </div>
       <div class="col-sm-2 mt-5 d-none d-sm-block ">
-        <ul class="nav flex-column">
+        <ul class="nav flex-column mt-sm-5">
           {% set menubag = 'menu+' + this.alt %}
           {% for id, item in bag(menubag).items() %}
           <li{% if this.is_child_of(item.path) %} class="nav-item active" {% else %} class="nav-item"{% endif %}>
@@ -32,7 +32,7 @@
 	<p class="text-primary-light">Trademark, copyright notices, and rules for use by third parties can be found in our <a href="#" class="text-primary-light"><u>FAQ</u></a>.</p>
       </div>
       <div class="col-sm-2 mt-5">
-        <div class="btn-group dropdown">
+        <div class="btn-group dropdown float-right">
       	  <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
       	    English
       	  </button>
@@ -64,9 +64,9 @@
       $('.show').collapse();
 
       $(function() {
-	
+
         $(window).scroll(function(){
-    
+
           var pTop = $(window).scrollTop()
           if( pTop > 250 ){
      	    snap(70);

templates/navbar.html

@@ -9,7 +9,7 @@
     </button>
     <div class="collapse navbar-collapse hamburger-menu" id="navbarSupportedContent">
       <div class="justify-content-md-center mx-auto pt-2">
-	<ul class="navbar-nav">
+	<ul class="navbar-nav offset-md-3 ">
       	  {% set menubag = 'menu+' + this.alt %}
       	  {% for id, item in bag(menubag).items() %}
       	  <li{% if this.is_child_of(item.path) %} class="nav-item active" {% else %} class="nav-item"{% endif %}>