diff --git a/user/themes/epau-antimatter/css-compiled/template.css b/user/themes/epau-antimatter/css-compiled/template.css index 7ddf553..2c81653 100644 --- a/user/themes/epau-antimatter/css-compiled/template.css +++ b/user/themes/epau-antimatter/css-compiled/template.css @@ -156,23 +156,6 @@ b, strong, label, th { display: inline-block; padding: 0.3rem 0.8rem; -webkit-backface-visibility: hidden; } - #header #navbar ul.navigation li a:before, #header #navbar ul.navigation li a:after { - content: ""; - position: absolute; - width: 100%; - height: 1px; - bottom: 0; - left: 0; - background-color: #000; - visibility: hidden; - -webkit-transform: scaleX(0); - -moz-transform: scaleX(0); - -ms-transform: scaleX(0); - -o-transform: scaleX(0); - transform: scaleX(0); - -webkit-transition: all 0.2s ease; - -moz-transition: all 0.2s ease; - transition: all 0.2s ease; } #header #navbar ul.navigation li a:hover:before { visibility: visible; -webkit-transform: scaleX(0.75); @@ -825,6 +808,15 @@ ul.pagination { padding: 0.3rem 0.8rem; -webkit-backface-visibility: hidden; } +#header #navbar ul.navigation li:after { + display: inline; + content: "|"; + padding: 0 .1em; + vertical-align: top; } + +#header #navbar ul.navigation li a:hover { + font-weight: 900; } + #header.scrolled #navbar ul.navigation li a { color: black !important; font-size: 0.95rem; @@ -835,7 +827,7 @@ ul.pagination { flex-direction: row; } #logo img { - padding: 1rem; } + padding: 0.5rem; } .callout { padding-top: 0.5rem; } diff --git a/user/themes/epau-antimatter/scss/template/_custom.scss b/user/themes/epau-antimatter/scss/template/_custom.scss index e57ff3c..30c3d80 100644 --- a/user/themes/epau-antimatter/scss/template/_custom.scss +++ b/user/themes/epau-antimatter/scss/template/_custom.scss @@ -26,10 +26,23 @@ display: inline-block; padding: 0.3rem 0.8rem; -webkit-backface-visibility: hidden; - + // float: left; } +#header #navbar ul.navigation li:after { + display: inline; + content: "|"; + padding: 0 .1em; + vertical-align: top; +} + +#header #navbar ul.navigation li a:hover { + font-weight: 900; +} + + + #header.scrolled #navbar ul.navigation li a { color: black !important; font-size: 0.95rem; @@ -45,7 +58,7 @@ } #logo img { - padding: 1rem; + padding: 0.5rem; } diff --git a/user/themes/epau-antimatter/scss/template/_header.scss b/user/themes/epau-antimatter/scss/template/_header.scss index d42c3c5..530dd11 100644 --- a/user/themes/epau-antimatter/scss/template/_header.scss +++ b/user/themes/epau-antimatter/scss/template/_header.scss @@ -113,6 +113,7 @@ $dropdown-color: #f6f6f6; z-index: 1000; position: relative; padding-bottom: 1px; + } ul { @@ -143,19 +144,19 @@ $dropdown-color: #f6f6f6; -webkit-backface-visibility: hidden; - &:before, &:after { - content: ""; - position: absolute; - width: 100%; - height: 1px; - bottom: 0; - left: 0; - background-color: $core-accent; - visibility: hidden; - @include transform(scaleX(0)); - @include transition(all 0.2s ease); - - } + // &:before, &:after { + // content: ""; + // position: absolute; + // width: 100%; + // height: 1px; + // bottom: 0; + // left: 0; + // background-color: $core-accent; + // visibility: hidden; + // @include transform(scaleX(0)); + // @include transition(all 0.2s ease); + // + // } &:hover:before { visibility: visible; @@ -174,6 +175,7 @@ $dropdown-color: #f6f6f6; top: 0; visibility: visible; @include transform(scaleX(0.75)); + } } @@ -198,6 +200,9 @@ $dropdown-color: #f6f6f6; &.active > a { background-color: darken($dropdown-color, 4%); color: $core-accent; + + + } &:hover > a { @@ -224,6 +229,7 @@ $dropdown-color: #f6f6f6; /* Active on Hover */ &:hover > ul { display: block; + } } @@ -293,6 +299,7 @@ $dropdown-color: #f6f6f6; } a:before, a:after { background-color: rgba($header-text,0.7) !important; + } }