From 731565cad4ec6217c7cfd124b7bb04de477843ce Mon Sep 17 00:00:00 2001
From: Vrifox <gitea@vrifox.cc>
Date: Wed, 30 Dec 2020 21:53:03 +0100
Subject: [PATCH] update

---
 scss/import/blog.scss             | 192 ++++++++++++++++++++++--------
 scss/import/nom_globaltopbar.scss |  12 +-
 2 files changed, 154 insertions(+), 50 deletions(-)

diff --git a/scss/import/blog.scss b/scss/import/blog.scss
index 737e603..02be647 100644
--- a/scss/import/blog.scss
+++ b/scss/import/blog.scss
@@ -2,7 +2,12 @@
 // :root
 
 :root {
+  --branding--title--text-transform: initial !important;
+  --global--color-background: #{$white} !important;
   --global--color-dark-gray: #{$blog_body-bg} !important;
+  //--global--color-primary: var(--global--color-white) !important;
+  --global--font-size-page-title: 39px !important;
+  --global--font-size-xl: 30px !important;
 }
 
 // general
@@ -10,12 +15,21 @@
 body {
   #page {
     header#masthead {
+      .site-branding {
+        .site-description {
+          font-style: italic;
+        }
+      }
       nav#site-navigation {
         .primary-menu-container {
           ul#primary-menu-list {
             .menu-item {
               a {
                 text-decoration-style: solid;
+                text-decoration: underline;
+                &:hover {
+                  text-decoration-style: dotted;
+                }
                 p.menu-item-description {
                   display: none;
                 }
@@ -25,45 +39,54 @@ body {
         }
       }
     }
+    footer {
+      .site-info {
+        display: none;
+      }
+    }
   }
 }
 
-// home
+// post preview
 
-body.home {
-  #page {
-    #content {
-      #primary {
-        #main {
-          article.post {
-            header.entry-header {
-              h2.entry-title {
-                line-height: 42px;
-                margin-bottom: -20px;
-                max-width: var(--responsive--alignfull-width);
-                text-align: center;
-                width: var(--responsive--alignwide-width);
-                a {
-                  font-size: 39px;
-                  text-decoration: none;
+body {
+  &.home, 
+  &.tag, 
+  &.category {
+    #page {
+      #content {
+        #primary {
+          #main {
+            article.post {
+              header.entry-header {
+                h2.entry-title {
+                  line-height: 42px;
+                  margin-bottom: -20px;
+                  max-width: var(--responsive--alignfull-width);
+                  text-align: center;
+                  width: var(--responsive--alignwide-width);
+                  a {
+                    font-size: 39px;
+                  }
                 }
               }
-            }
-            .entry-content {
-              h2 {
-                font-size: 30px;
-                line-height: 35px;
-              }
-              .more-link-container {
-                a.more-link {
-                  background: transparent;
-                  border: 1px solid $white;
-                  padding: 10px 40px;
-                  text-decoration: none;
-                  transition: background .2s, border .2s !important;
-                  &:hover {
-                    background: $nom-blue;
-                    border-color: $nom-blue;
+              .entry-content {
+                h2 {
+                  font-size: 30px;
+                  line-height: 35px;
+                }
+                .more-link-container {
+                  a.more-link {
+                    background: var(--button--color-background);
+                    border: var(--button--border-width) solid var(--button--color-background);
+                    color: var(--button--color-text);
+                    font-weight: var(--button--font-weight);
+                    padding: 10px 40px;
+                    text-decoration: none;
+                    &:hover {
+                      background: transparent;
+                      color: var(--button--color-text-hover);
+                    }
                   }
                 }
               }
@@ -75,23 +98,96 @@ body.home {
   }
 }
 
-// post
+// tag / category header
 
-body.post-template-cover, 
-body.single-post {
-  #page {
-    #content {
-      #primary {
-        #main {
-          article.post {
-            header.entry-header {
-              h1.entry-title {
-                font-size: 39px;
+body {
+  &.tag,
+  &.category {
+    #page {
+      #content {
+        #primary {
+          #main {
+            header.page-header {
+              h1 {
                 font-weight: 400;
-                line-height: 42px;
-                margin-bottom: -20px;
-                text-align: center;
-                text-decoration: none;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+// post
+
+body {
+  &.post-template-cover, 
+  &.single-post {
+    #page {
+      #content {
+        #primary {
+          #main {
+            article.post {
+              header.entry-header {
+                h1.entry-title {
+                  font-size: 39px;
+                  font-weight: 400;
+                  line-height: 42px;
+                  margin-bottom: -20px;
+                  text-align: center;
+                  text-decoration: none;
+                }
+              }
+              .entry-content {
+                .yarpp-related {
+                  margin: 3em auto 0 auto !important;
+                  ol {
+                    color: rgb(155, 155, 170);
+                    list-style: none;
+                    margin: 0;
+                    padding-left: 0;
+                    li {
+                      margin: 15px 0;
+                      a {
+                        font-weight: normal !important;
+                        text-decoration: underline;
+                        &:hover {
+                          text-decoration-style: dotted;
+                        }
+                      }
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+
+// lightbox plugin
+
+#slb_viewer_wrap {
+  #slb_viewer_slb_default {
+    .slb_viewer_layout {
+      .slb_container {
+        padding: 0 !important; // kein Rand
+        box-shadow: none !important; // kein »glow« bzw. Schatten
+        .slb_details {
+          .inner {
+            .slb_data {
+              .slb_data_content {
+                .slb_data_title {
+                  font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
+                  font-size: 16px;
+                  font-weight: 500;
+                  letter-spacing: 0;
+                  margin: 10px 10px 0px 10px; // gleichmaessiger Rand
+                }
               }
             }
           }
diff --git a/scss/import/nom_globaltopbar.scss b/scss/import/nom_globaltopbar.scss
index ff897af..25a5e80 100644
--- a/scss/import/nom_globaltopbar.scss
+++ b/scss/import/nom_globaltopbar.scss
@@ -13,7 +13,6 @@ $ngtb_height: 32px; // ngtb == nom_globaltopbar
   .nom_globaltopbar {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
-    background: $blog_body-bg;
     border-bottom: 3px $nom-blue solid;
     box-sizing: border-box;
     display: flex;
@@ -30,6 +29,11 @@ $ngtb_height: 32px; // ngtb == nom_globaltopbar
     white-space: nowrap;
     width: 100%;
     z-index: 9999;
+    @if $type == blog {
+      background: var(--global--color-background);
+    } @else {
+      background: $blog_body-bg;
+    }
     @if $type == wiki {
       position: absolute;
       top: 0;
@@ -49,12 +53,16 @@ $ngtb_height: 32px; // ngtb == nom_globaltopbar
         display: flex;
         margin: 0;
         a {
-          color: $grey-light;
           font-size: 14px;
           font-weight: normal;
           padding: 4px 6px;
           text-decoration: none;
           transition: background .2s,color .2s;
+          @if $type == blog {
+            color: var(--global--color-primary);
+          } @else {
+            color: $grey-light;
+          }
           &:hover,
           &:active,
           &:focus {