From 743e3887689a8288a3c80c00387cf29a28298d48 Mon Sep 17 00:00:00 2001
From: Vrifox <gitea@vrifox.cc>
Date: Sat, 17 Oct 2020 19:17:38 +0200
Subject: [PATCH] use variables instead of fixed values; removed no longer used
 code; added background to active/opened site (.navSel);

---
 scss/import/colors.scss |  2 +-
 scss/import/wiki.scss   | 24 ++++++++++--------------
 2 files changed, 11 insertions(+), 15 deletions(-)

diff --git a/scss/import/colors.scss b/scss/import/colors.scss
index 4eb3c97..8906f52 100644
--- a/scss/import/colors.scss
+++ b/scss/import/colors.scss
@@ -5,4 +5,4 @@ $nom-blue: rgb(70, 136, 222); // #4588de
 $nom-blue-dark: rgb(50, 116, 202);
 $nom-blue-light: rgb(110, 176, 255); // #6db0ff
 $grey: rgb(155, 155, 170); 
-$grey-light: rgb(155, 155, 170);
+$grey-light: rgb(175, 175, 190);
diff --git a/scss/import/wiki.scss b/scss/import/wiki.scss
index 65e40f2..16d538e 100644
--- a/scss/import/wiki.scss
+++ b/scss/import/wiki.scss
@@ -63,33 +63,29 @@
                           position: relative;
                         }
                         a {
+                          &.navSel {
+                            background: $nom-blue;
+                            border-color: $nom-blue-dark;
+                            color: rgb(255, 255, 255);
+                          }
                           &.navSel, 
                           &.node, 
                           &.nodeFdUrl, 
                           &.nodeSel,
                           &.nodeUrl {
                             border: 1px solid transparent;
+                            border-radius: 2px;
                             margin: -2px 0 0 -17px;
                             padding: 3px 3px 3px 17px;
                             position: absolute;
                             transition: background .1s, color .1s, border .1s;
                             &:focus,
                             &:hover { // ueberlange Menupunkte; Hoverefekt
-                              background: rgb(69, 136, 222);
-                              border-color: rgb(49, 116, 202);
-                              border-radius: 2px;
+                              background: $nom-blue-dark;
+                              border-color: $nom-blue-dark;
                               color: rgb(255, 255, 255);
                               text-decoration: none;
                               z-index: 2;
-                              
-                              //position:absolute;
-                              //z-index: 2;
-                              //background-color: #fff;
-                              //background-color: rgba(230, 227, 250, 0.99) !important;
-                              //padding: 3px;
-                              //border: 1px solid black !important;
-                              //margin-top: -3px;
-                              //font-weight: none;
                             }
                           }
                         }
@@ -104,11 +100,11 @@
             .pad {
               .pageId {
                 span {
-                  box-shadow: 0 0 5px rgb(200, 200, 200);
+                  box-shadow: 0 0 5px $grey-light;
                 }
               }
               .page {
-                box-shadow: 0 0 5px rgb(200, 200, 200);
+                box-shadow: 0 0 5px $grey-light;
                 counter-reset: level1; // content only
                 h1 {
                   counter-reset: level2;