From bb2ea8aeecba2dca692e695e16b81c14c92724a7 Mon Sep 17 00:00:00 2001
From: Nathanael Sensfelder <SpamShield0@MultiAgentSystems.org>
Date: Tue, 4 Sep 2018 22:31:35 +0200
Subject: Homogenizes page headers.

---
 src/css/src/landing.scss               |  1 -
 src/css/src/shared/general-header.scss | 14 +++++++++-
 src/css/src/verbose.scss               | 47 ++--------------------------------
 3 files changed, 15 insertions(+), 47 deletions(-)

(limited to 'src/css')

diff --git a/src/css/src/landing.scss b/src/css/src/landing.scss
index 573e5c4..02f454a 100644
--- a/src/css/src/landing.scss
+++ b/src/css/src/landing.scss
@@ -22,7 +22,6 @@ html, body, .fullscreen-module
 
 .main-server-logo img
 {
-   margin-top: 4em;
    height: 15em;
 }
 
diff --git a/src/css/src/shared/general-header.scss b/src/css/src/shared/general-header.scss
index 701a6bc..13f2cd0 100644
--- a/src/css/src/shared/general-header.scss
+++ b/src/css/src/shared/general-header.scss
@@ -1,12 +1,14 @@
 @import 'colors';
 @import 'shadows';
 
+body > header,
 .fullscreen-module > header
 {
    display: flex;
    flex-direction: row;
 }
 
+body > header nav,
 .fullscreen-module > header nav
 {
    display: flex;
@@ -17,15 +19,19 @@
    justify-content: space-around;
 }
 
+body > header nav a,
 .fullscreen-module > header nav a
 {
    color: $GOLD-0;
-   transition: background-color 0.3s ease-out;
    font-size: 1.5em;
    font-variant: small-caps;
    font-weight: bold;
    text-decoration: none;
    margin: 0.5em;
+   padding: 0.2em 0.5em 0.2em 0.5em;
+   border-radius: 5px;
+   background-color: rgba(0,0,0,0);
+   transition: background-color ease-out 0.5s;
 }
 
 .main-server-logo
@@ -42,3 +48,9 @@
    top: 0;
    right: 0;
 }
+
+body > header nav a:hover,
+.fullscreen-module > header nav a:hover,
+{
+   background-color: rgba(0,0,0,0.5);
+}
diff --git a/src/css/src/verbose.scss b/src/css/src/verbose.scss
index 445d402..b6f34ee 100644
--- a/src/css/src/verbose.scss
+++ b/src/css/src/verbose.scss
@@ -1,6 +1,8 @@
 @import 'shared/colors';
 @import 'shared/shadows';
 
+@import 'shared/general-header';
+
 *
 {
    color: $GOLD-0;
@@ -16,51 +18,6 @@ body
    align-items: center;
 }
 
-body > header,
-.fullscreen-module > header
-{
-   display: flex;
-   flex-direction: row;
-}
-
-body > header nav,
-.fullscreen-module > header nav
-{
-   display: flex;
-   flex-direction: row;
-   flex-wrap: wrap;
-   flex: 1;
-   align-items: center;
-   justify-content: space-around;
-}
-
-body > header nav a,
-.fullscreen-module > header nav a
-{
-   color: $GOLD-0;
-   transition: background-color 0.3s ease-out;
-   font-size: 1.5em;
-   font-variant: small-caps;
-   font-weight: bold;
-   text-decoration: none;
-   margin: 0.5em;
-}
-
-.main-server-logo
-{
-   z-index: 1;
-   margin: 0.5em;
-}
-
-.main-server-version
-{
-   z-index: 0;
-   position: absolute;
-   font-size: 0.7em;
-   top: 0;
-   right: 0;
-}
-
 main
 {
    width: 100%;
-- 
cgit v1.2.3-70-g09d2