From 287dea4b07e7edca561068ad82b289ac0f726363 Mon Sep 17 00:00:00 2001
From: David Rotermund <54365609+davrot@users.noreply.github.com>
Date: Sat, 2 Dec 2023 13:59:47 +0100
Subject: [PATCH] Update default.html

Signed-off-by: David Rotermund <54365609+davrot@users.noreply.github.com>
---
 _layouts/default.html | 97 +++++++++++++++----------------------------
 1 file changed, 33 insertions(+), 64 deletions(-)

diff --git a/_layouts/default.html b/_layouts/default.html
index 4c78049..3157102 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -165,64 +165,6 @@
             color: #c60c2b
         }        
 
-        .navbar .navbar-collapse ul.navbar-main .navbar-main-wrap .navbar-inner-wrap,.navbar .navbar-collapse ul.navbar-main .navbar-main-wrap2 .navbar-inner-wrap,.navbar .navbar-collapse ul.navbar-main .navbar-main-wrap .navbar-inner-wrap2,.navbar .navbar-collapse ul.navbar-main .navbar-main-wrap2 .navbar-inner-wrap2 {
-            display: inline-flex;
-            max-height: 56px;
-            white-space: nowrap;
-            transition: 0.3s ease-in-out;
-            padding: 0;
-            margin: 0;
-            list-style-type: none
-        }        
-
-        .navbar .navbar-collapse ul.navbar-main>li .overview a,.navbar .navbar-collapse ul.navbar-main .navbar-main-wrap>li .overview a,.navbar .navbar-collapse ul.navbar-main .navbar-main-wrap2>li .overview a,.navbar .navbar-collapse ul.navbar-main .navbar-inner-wrap>li .overview a,.navbar .navbar-collapse ul.navbar-main .navbar-main-wrap .navbar-inner-wrap>li .overview a,.navbar .navbar-collapse ul.navbar-main .navbar-main-wrap2 .navbar-inner-wrap>li .overview a,.navbar .navbar-collapse ul.navbar-main .navbar-inner-wrap2>li .overview a,.navbar .navbar-collapse ul.navbar-main .navbar-main-wrap .navbar-inner-wrap2>li .overview a,.navbar .navbar-collapse ul.navbar-main .navbar-main-wrap2 .navbar-inner-wrap2>li .overview a {
-            font-size: 20px;
-            font-size: 1.25rem;
-            color: #fff;
-            padding: 10px;
-            padding-left: 20px;
-            position: relative;
-            margin-right: 32px!important;
-            margin-left: 2px;
-            margin-top: 2px
-        }
-        
-        .navbar .navbar-collapse ul.navbar-main>li .overview a:hover,.navbar .navbar-collapse ul.navbar-main .navbar-main-wrap>li .overview a:hover,.navbar .navbar-collapse ul.navbar-main .navbar-main-wrap2>li .overview a:hover,.navbar .navbar-collapse ul.navbar-main .navbar-inner-wrap>li .overview a:hover,.navbar .navbar-collapse ul.navbar-main .navbar-main-wrap .navbar-inner-wrap>li .overview a:hover,.navbar .navbar-collapse ul.navbar-main .navbar-main-wrap2 .navbar-inner-wrap>li .overview a:hover,.navbar .navbar-collapse ul.navbar-main .navbar-inner-wrap2>li .overview a:hover,.navbar .navbar-collapse ul.navbar-main .navbar-main-wrap .navbar-inner-wrap2>li .overview a:hover,.navbar .navbar-collapse ul.navbar-main .navbar-main-wrap2 .navbar-inner-wrap2>li .overview a:hover {
-            color: #fff;
-            background-color: transparent;
-            text-decoration: underline
-        }
-        
-        .navbar .navbar-collapse ul.navbar-main>li .overview a:before,.navbar .navbar-collapse ul.navbar-main .navbar-main-wrap>li .overview a:before,.navbar .navbar-collapse ul.navbar-main .navbar-main-wrap2>li .overview a:before,.navbar .navbar-collapse ul.navbar-main .navbar-inner-wrap>li .overview a:before,.navbar .navbar-collapse ul.navbar-main .navbar-main-wrap .navbar-inner-wrap>li .overview a:before,.navbar .navbar-collapse ul.navbar-main .navbar-main-wrap2 .navbar-inner-wrap>li .overview a:before,.navbar .navbar-collapse ul.navbar-main .navbar-inner-wrap2>li .overview a:before,.navbar .navbar-collapse ul.navbar-main .navbar-main-wrap .navbar-inner-wrap2>li .overview a:before,.navbar .navbar-collapse ul.navbar-main .navbar-main-wrap2 .navbar-inner-wrap2>li .overview a:before {
-            content: "\e258";
-            font-family: "Glyphicons Halflings";
-            position: absolute;
-            left: 0;
-            top: 11px;
-            height: 31px;
-            font-size: 15px
-        }
-        
-        .navbar .navbar-collapse ul.navbar-main>li>.dropdown-wrap,.navbar .navbar-collapse ul.navbar-main .navbar-main-wrap>li>.dropdown-wrap,.navbar .navbar-collapse ul.navbar-main .navbar-main-wrap2>li>.dropdown-wrap,.navbar .navbar-collapse ul.navbar-main .navbar-inner-wrap>li>.dropdown-wrap,.navbar .navbar-collapse ul.navbar-main .navbar-main-wrap .navbar-inner-wrap>li>.dropdown-wrap,.navbar .navbar-collapse ul.navbar-main .navbar-main-wrap2 .navbar-inner-wrap>li>.dropdown-wrap,.navbar .navbar-collapse ul.navbar-main .navbar-inner-wrap2>li>.dropdown-wrap,.navbar .navbar-collapse ul.navbar-main .navbar-main-wrap .navbar-inner-wrap2>li>.dropdown-wrap,.navbar .navbar-collapse ul.navbar-main .navbar-main-wrap2 .navbar-inner-wrap2>li>.dropdown-wrap {
-            padding: 0 0 50px 30px;
-            box-shadow: 0 5px 10px 0 rgba(0,0,0,.2)
-        }
-        
-        .navbar .navbar-collapse ul.navbar-main>li>.dropdown-wrap>.overflow-wrap>ul.dropdown-menu,.navbar .navbar-collapse ul.navbar-main .navbar-main-wrap>li>.dropdown-wrap>.overflow-wrap>ul.dropdown-menu,.navbar .navbar-collapse ul.navbar-main .navbar-main-wrap2>li>.dropdown-wrap>.overflow-wrap>ul.dropdown-menu,.navbar .navbar-collapse ul.navbar-main .navbar-inner-wrap>li>.dropdown-wrap>.overflow-wrap>ul.dropdown-menu,.navbar .navbar-collapse ul.navbar-main .navbar-main-wrap .navbar-inner-wrap>li>.dropdown-wrap>.overflow-wrap>ul.dropdown-menu,.navbar .navbar-collapse ul.navbar-main .navbar-main-wrap2 .navbar-inner-wrap>li>.dropdown-wrap>.overflow-wrap>ul.dropdown-menu,.navbar .navbar-collapse ul.navbar-main .navbar-inner-wrap2>li>.dropdown-wrap>.overflow-wrap>ul.dropdown-menu,.navbar .navbar-collapse ul.navbar-main .navbar-main-wrap .navbar-inner-wrap2>li>.dropdown-wrap>.overflow-wrap>ul.dropdown-menu,.navbar .navbar-collapse ul.navbar-main .navbar-main-wrap2 .navbar-inner-wrap2>li>.dropdown-wrap>.overflow-wrap>ul.dropdown-menu {
-            width: 100vw
-        }
-        
-        .navbar .navbar-collapse ul.navbar-main>li .dropdown-wrap,.navbar .navbar-collapse ul.navbar-main .navbar-main-wrap>li .dropdown-wrap,.navbar .navbar-collapse ul.navbar-main .navbar-main-wrap2>li .dropdown-wrap,.navbar .navbar-collapse ul.navbar-main .navbar-inner-wrap>li .dropdown-wrap,.navbar .navbar-collapse ul.navbar-main .navbar-main-wrap .navbar-inner-wrap>li .dropdown-wrap,.navbar .navbar-collapse ul.navbar-main .navbar-main-wrap2 .navbar-inner-wrap>li .dropdown-wrap,.navbar .navbar-collapse ul.navbar-main .navbar-inner-wrap2>li .dropdown-wrap,.navbar .navbar-collapse ul.navbar-main .navbar-main-wrap .navbar-inner-wrap2>li .dropdown-wrap,.navbar .navbar-collapse ul.navbar-main .navbar-main-wrap2 .navbar-inner-wrap2>li .dropdown-wrap {
-            display: none;
-            background-color: transparent;
-            width: 100%;
-            z-index: 1;
-            user-select: none;
-            position: absolute;
-            left: -50%;
-            transform: translateX(50%)
-        }        
-
         .brand-image {
             height: 75px;
             margin-bottom: 25px;
@@ -258,6 +200,33 @@
             font-size: 1.375rem;
             color: #00326d
         }
+
+        .darkblue-container {
+            position: relative;
+            padding-right: 0;
+            padding-left: 0;
+            width: 100vw;
+            left: 50%;
+            transform: translateX(-50%);
+            background-color: #00326d;
+            z-index: 1;
+            overflow: hidden;
+            transition: 0.3s ease-in-out
+        }        
+
+        .darkblue-container .darkblue-bar {
+            max-width: 1180px;
+            margin: 0 auto;
+            height: 100%;
+            padding: 7px 15px
+        }
+        
+        .darkblue-container .darkblue-bar .darkblue-title {
+            line-height: 37px;
+            font-size: 22px;
+            font-size: 1.375rem;
+            color: #fff
+        }        
         
     </style>
     
@@ -265,21 +234,21 @@
 
 <body>
     <header>
-        <a href="https://www.uni-bremen.de/" <img class="brand-image" src="/pytutorial/logo_ub_2021.png"> </a>
+        <a href="https://www.uni-bremen.de/"> <img class="brand-image" src="/pytutorial/logo_ub_2021.png"> </a>
         <p>
         <div class="lightblue-container"><div class="lightblue-bar"><div class="lightblue-title">Python Tutorials</div></div></div>            
-        <ul class="navbar-inner-wrap2">
-            <li class=" ">
-            <h1>{{ site.title }}
-            </li>
-        </ul>
+        <div class="darkblue-container"><div class="darkblue-bar"><div class="darkblue-title">Python Tutorials</div></div></div> 
     </header>
 
     <!-- Main content -->
     <main>
         {{ content }}
+    
     </main>
 
+    <footer>
+    </footer>
+    
 </body>
 
 </html>