diff --git a/_sass/_set.scss b/_sass/_set.scss index 45d0eb7d..feccd7b5 100644 --- a/_sass/_set.scss +++ b/_sass/_set.scss @@ -70,6 +70,7 @@ /* Style the navbar */ #logo { padding:10px; + z-index: 10000; } .logo { @@ -79,6 +80,7 @@ left: 50%; transform: translateX(-50%); width: 300px; + height: 95px; background-color: transparent; background-repeat: no-repeat; background-position: center center; @@ -91,14 +93,10 @@ display: flex; flex-wrap: wrap; justify-content: center; - align-content: space-evenly; - background-color: rgba(255, 255, 255, 0.5); + align-items: center; + } .sticky { - position: fixed; - top: 20px; - left: 50%; - transform: translateX(-50%); background-color: _palette(bg); background-repeat: no-repeat; @@ -136,11 +134,12 @@ nav { list-style-type: none; margin: 10px; width: 80%; + padding: 0; a { width: 100%; display: block; margin: auto !important; - + font-size: 14px } } } @@ -196,8 +195,8 @@ nav { .close-button { - background: _palette(accent-dark); - color: #FFFFFF; + background-color: #FFFFFF; + color: _palette(accent-dark); line-height: 48px; position: absolute; right: -12px; @@ -207,8 +206,8 @@ nav { height: 48px; text-decoration: none; font-weight: bold; - -webkit-border-radius: 12px; - -moz-border-radius: 12px; + -webkit-border-radius: 48px; + -moz-border-radius: 48px; border-radius: 48px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; @@ -217,8 +216,8 @@ nav { } .close-button:hover { - background: _palette(bg_alt); - color: _palette(bg); + background-color: _palette(accen-dark); + color: #FFFFFF; } #closearea { @@ -228,48 +227,6 @@ nav { } -@media only screen and (min-width: 769px) { - .logo { - position: fixed; - top:20px; - left: 95%; - transform: translateX(-95%); - background-color: transparent; - background-repeat: no-repeat; - background-position: center center; - background-size: 95% 95%; - -webkit-transition: all 400ms ease-in; - -moz-transition: all 400ms ease-in; - transition: all 400ms ease-in; - box-shadow: none; - border-radius: 20px; - z-index: 90000; - - } - .sticky { - position: fixed; - top: 20px; - right: 20px; - - background-color: _palette(bg); - background-repeat: no-repeat; - background-position: center center; - background-size: 95% 95%; - -webkit-transition: all 400ms ease-in; - -moz-transition: all 400ms ease-in; - transition: all 400ms ease-in; - box-shadow: 0 0 10px 1px _palette(border-alt); - } - nav { - top: 120px; - left: 95%; - transform: translate(-95%); - } - -} - - - //* POSTS *// #post-text { diff --git a/_sass/libs/_vars.scss b/_sass/libs/_vars.scss index 11a27ef1..1ff6dcc7 100644 --- a/_sass/libs/_vars.scss +++ b/_sass/libs/_vars.scss @@ -1,7 +1,7 @@ // Misc. $misc: ( z-index-base: 10000, - overlay-opacity: 0.5, + overlay-opacity: 0.75, lightbox-opacity: 0.75, gallery-limit: 32, items-limit: 16 diff --git a/assets/panix-logo-dark.svg b/assets/panix-logo-dark.svg index fb3bfe6e..b1215cee 100644 --- a/assets/panix-logo-dark.svg +++ b/assets/panix-logo-dark.svg @@ -1,10 +1,10 @@ - + - - - + + + diff --git a/assets/panix-logo.svg b/assets/panix-logo.svg index 18f7377a..943f3bf1 100644 --- a/assets/panix-logo.svg +++ b/assets/panix-logo.svg @@ -1,10 +1,10 @@ - + - - - + + +