| summaryrefslogtreecommitdiff | 
diff options
Diffstat (limited to 'src')
| -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%; | 


