[styles] Simplified headings and made slight style tweaks

Headings no longer have the = at the sides and the definition lists-like style with the borderds and background
Changed ul and ol inline start padding back to default, for non-presentations
Removed unused styles and reorganised certain rules

1 files changed, 7 insertions, 32 deletions

diff --git a/src/styles.css b/src/styles.css
index 8e38188..698f76c 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -68,7 +68,6 @@
   --em-color:                black;
   --fg-selection-color:      white;
   --header-color:            #006b8f;
-  --header-bg-color:         #e3e3e3;
   --pre-bg-color:            var(--hi-bg);
   --strong-color:            black;
   --table-border-color:      black;
@@ -167,41 +166,27 @@ a, a strong {
 i, em { color: var(--em-color); }
 
 .noMaxWidth { max-width: initial; }
-.spacer     { flex: 1; }
 .no-wrap {
     color: inherit;
     vertical-align: baseline;
     white-space: nowrap;
   }
 
-ul, ol { padding-inline-start: 30px; }
-
 h1, h2, h3, h4, h5, h6 {
-    background-color: var(--header-bg-color);
-    border: 2px solid var(--accent-line-color);
-    border-bottom: none;
-    border-top: none;
     color: var(--header-color);
     display: inline-block;
     line-height: 1.25em;
-    padding: 0 0.5em;
+    border-bottom: 2px solid var(--border-color);
   }
   h1 { display: block; font-size: 1.7em; margin-block-end: 0.5em; }
   h2 { margin-top: 2.5em; }
   h3 { margin-top: 2em; }
 
-  .h-anchor {
-      border: none !important;
-      display: inline;
-    }
-    .h-anchor img {
-        border: none;
-        height: 1.3em;
-        vertical-align: text-bottom;
-      }
+  .h-anchor { border: none !important; display: inline; }
+    .h-anchor img { border: none; height: 1.3em; vertical-align: text-bottom; }
   .h-anchor img, .icon, .file-icon, .file-wrapper > summary {
-      /* Since link images are made for dark mode, and have white-ish foreground,
-       * this filter makes them black (when in light mode)
+      /* Since link images are made for dark mode, and have a white-ish
+       * foreground, this filter makes them black (when in light mode)
        */
       filter: invert(1) brightness(0);
     }
@@ -209,15 +194,6 @@ h1, h2, h3, h4, h5, h6 {
       margin-top: 0;
     }
 
-  h1::before, h2::before, h3::before, h4::before, h5::before {
-      color: var(--border-color);
-      content: "\2550  ";
-    }
-  h1::after, h2::after, h3::after, h4::after, h5::after {
-      color: var(--border-color);
-      content: "  \2550";
-    }
-
 /* The following CSS is a modified version of sindresorhus's github-markdown-css repo: https://github.com/sindresorhus/github-markdown-css */
 code, pre {
   background-color: var(--pre-bg-color);
@@ -320,11 +296,10 @@ dt, dd {
     min-height: calc(100vh - 16px);
   }
   #sidebar {
-      font-size: 1.2em;
-      max-width: 11.2em;
-      text-align: left;
       background-color: var(--body-bg);
+      font-size: 1.2em;
       margin-right: 8px;
+      max-width: 11.2em;
     }
     #sidebar > * {
         border: 3px solid var(--accent-line-color);