diff --git a/website/source/stylesheets/_buttons.less b/website/source/stylesheets/_buttons.less index 4e28979232..e67378235d 100755 --- a/website/source/stylesheets/_buttons.less +++ b/website/source/stylesheets/_buttons.less @@ -53,7 +53,7 @@ .li-under a:hover::after, .li-under a:focus::after { opacity: 1; - -webkit-transform: skewY(15deg) translateY(15px); - -moz-transform: skewY(15deg) translateY(15px); - transform: skewY(15deg) translateY(15px); + -webkit-transform: skewY(15deg) translateY(18px); + -moz-transform: skewY(15deg) translateY(18px); + transform: skewY(15deg) translateY(18px); } diff --git a/website/source/stylesheets/_header.less b/website/source/stylesheets/_header.less index 97c370830a..6bb7e72bcf 100755 --- a/website/source/stylesheets/_header.less +++ b/website/source/stylesheets/_header.less @@ -151,6 +151,14 @@ body.page-sub{ float: none; display: inline-block; + .li-under a:hover::after, + .li-under a:focus::after { + opacity: 1; + -webkit-transform: skewY(15deg) translateY(8px); + -moz-transform: skewY(15deg) translateY(8px); + transform: skewY(15deg) translateY(8px); + } + .li-under a::after { background-color: @purple; } diff --git a/website/source/stylesheets/main.css b/website/source/stylesheets/main.css index 2390b983c9..e52585c41b 100644 --- a/website/source/stylesheets/main.css +++ b/website/source/stylesheets/main.css @@ -250,6 +250,13 @@ body.page-sub #header { float: none; display: inline-block; } +#footer .footer-links .li-under a:hover::after, +#footer .footer-links .li-under a:focus::after { + opacity: 1; + -webkit-transform: skewY(15deg) translateY(8px); + -moz-transform: skewY(15deg) translateY(8px); + transform: skewY(15deg) translateY(8px); +} #footer .footer-links .li-under a::after { background-color: #822ff7; } @@ -519,9 +526,9 @@ body.page-sub #header { .li-under a:hover::after, .li-under a:focus::after { opacity: 1; - -webkit-transform: skewY(15deg) translateY(15px); - -moz-transform: skewY(15deg) translateY(15px); - transform: skewY(15deg) translateY(15px); + -webkit-transform: skewY(15deg) translateY(18px); + -moz-transform: skewY(15deg) translateY(18px); + transform: skewY(15deg) translateY(18px); } /*body.page-home{ background-color: #f8f8f8;