summaryrefslogtreecommitdiff |
diff options
Diffstat (limited to 'src/css')
-rw-r--r-- | src/css/src/landing.scss | 1 | ||||
-rw-r--r-- | src/css/src/shared/general-header.scss | 14 | ||||
-rw-r--r-- | src/css/src/verbose.scss | 47 |
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%; |