update doc css

docs/style.css

 /*
     override css elements of daux.io blue theme
-    version 2023-11-10
+    version 2024-10-24
 */
 :root {
     /* Axels Overrides */
@@ -8,14 +8,17 @@
     --link-color: #228;
     --brand-color: var(--color-text);
     --brand-background: var(--body-background);
-    --code-tag-border-color: #d8d8d8;
+    --code-tag-background-color: #f0f3f3;
+    --code-tag-border-color: #dee;
+    --code-tag-box-shadow: none;
     --hr-color: none;
+    --pager-background-color: #f8fafa;
+    --pager-border-color: none;
     --search-field-background: none;
     --search-field-border-color: none;
     --sidebar-background: var(--body-background);
     --sidebar-border-color: none;
-    --sidebar-link-active-background: #e8f4f6;
-    --sidebar-link-active-background: #eee;
+    --sidebar-link-active-background: #f0f4f6;
     /* Axels custom values */
     --axel_bg-toc: var(--body-background);
     --axel_bg-toc-head: #f8f8f8;
@@ -34,12 +37,13 @@
     --axel_h2-hero-bottom: 2px solid #912;
     --axel_h3: #333;
     --axel_h3-bottom: 0px solid #ddd;
-    --axel_h4: #444;
-    --axel_hero_bg: #f8f8f8;
+    --axel_h4: #478;
+    --axel_h5: #699;
+    --axel_hero_bg: #faf8f6;
     --axel_img-border: 2px dashed #ccc;
     --axel_nav-bg: #fcfcfc;
     --axel_nav-buttomborder: #ddd;
-    --axel_pre-background: #f8f8f8;
+    --axel_pre-background: #faf8f6;
     --axel-th-background: #e0e4e8;
     --axel-article-nav-border-top: 0px dotted #ddd;
 }
@@ -76,6 +80,8 @@
     --axel_h2-hero-bottom: 2px solid #712;
     --axel_h3: #589;
     --axel_h3-bottom: 0px solid #333;
+    --axel_h4: #478;
+    --axel_h5: #278;
     --axel_hero_bg: #242424;
     --axel_img-border: 2px dashed #555;
     --axel_nav-bg: #242424;
@@ -125,6 +131,17 @@ a.Brand {
     padding-top: 1em;
 }
 
+.s-content h1::before{
+    background: #fee;
+    border: 3px double #f00;
+    color: #f00;
+    content: 'FEHLER: Keine Überschrift 1 in einer Markdown-Datei für Daux verwenden! Mit H2 beginnen!';
+    display: block;
+    font-size: 50%;
+    padding: 0.3em;
+    margin-bottom: 2em;
+}
+
 .s-content h1 {
     background: var(--axel_h1-bg);
     color: var(--axel_h1);
@@ -170,6 +187,13 @@ img{
 
 .s-content > h4 {
     color: var(--axel_h4);
+    font-size: 140%;
+    font-weight: bold;
+    margin: 2em 0;
+}
+
+.s-content > h5 {
+    color: var(--axel_h5);
     font-size: 135%;
     font-weight: bold;
     margin: 2em 0;
@@ -245,6 +269,7 @@ div.hero h2 {
         position: fixed;
         right: 2em;
         top: 1em;
+        height: 96%;
     }
 }
 
@@ -258,12 +283,14 @@ div.hero h2 {
     border-top-left-radius: 1em;
     font-size: 1.1em;
     margin: 0;
-    padding: 0;
+    padding: 0.3em;
 }
 
 .TableOfContentsContainer__content {
-    border-width: 1px;
+    border-width: 0px;
     font-size: 0.5em;
+    height: inherit; 
+    overflow: auto;
 }
 
 ul.TableOfContents ul {
@@ -271,6 +298,10 @@ ul.TableOfContents ul {
     padding-left: 1em;
 }
 
+.TableOfContents a:hover{
+    text-decoration: underline;
+}
+
 /* ----- Icons on links --- */
 
 .EditOn a::before{
@@ -285,6 +316,10 @@ ul.TableOfContents ul {
     content: '🌐 ';
 }
 
+.Links a[href^="https://wwww"]::before {
+    content: '🌐 ';
+}
+
 .Links a[href^="https://os-docs.iml.unibe.ch"]::before {
     content: '📗 ';
 }