summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--src/css/src/landing.scss1
-rw-r--r--src/css/src/shared/general-header.scss14
-rw-r--r--src/css/src/verbose.scss47
3 files changed, 15 insertions, 47 deletions
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%;