ResiLien
/
terraform
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

header home hover

This commit is contained in:
JT 2014-07-24 16:15:28 -07:00
parent 8115e1db44
commit 7e85af0392
3 changed files with 28 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
website/source/stylesheets/_buttons.less
View File

@ -28,10 +28,16 @@
.terra-btn{ .terra-btn{
background-color: rgba(130, 47, 247, 0.36); background-color: rgba(130, 47, 247, 0.36);
.transition( background-color 0.3s ease );
&:hover{
background-color: rgba(130, 47, 247, 0.8);
.transition( background-color 0.3s ease );
}
} }
//dot animation on header main nav link hover //animation on header main nav link hover
.li-under a::after { /*.li-under a::after {
position: absolute; position: absolute;
top: 68%; top: 68%;
left: 50%; left: 50%;
@ -56,4 +62,4 @@
-webkit-transform: skewY(15deg) translateY(10px); -webkit-transform: skewY(15deg) translateY(10px);
-moz-transform: skewY(15deg) translateY(10px); -moz-transform: skewY(15deg) translateY(10px);
transform: skewY(15deg) translateY(10px); transform: skewY(15deg) translateY(10px);
} }*/

4
website/source/stylesheets/_header.less
View File

@ -97,8 +97,8 @@ body.page-sub{
.nav > li > a:hover, .nav > li > a:focus { .nav > li > a:hover, .nav > li > a:focus {
background-color: transparent; background-color: transparent;
/*color: @p; color: lighten(@purple, 15%);
.transition( color 0.3s ease );*/ .transition( color 0.3s ease );
} }
.main-links.navbar-nav{ .main-links.navbar-nav{

17
website/source/stylesheets/main.css
View File

@ -161,8 +161,9 @@ body.page-sub #header .main-links.navbar-nav li > a {
#header .nav > li > a:hover, #header .nav > li > a:hover,
#header .nav > li > a:focus { #header .nav > li > a:focus {
background-color: transparent; background-color: transparent;
/*color: @p; color: #ae79fa;
.transition( color 0.3s ease );*/ -webkit-transition: color 0.3s ease;
transition: color 0.3s ease;
} }
#header .main-links.navbar-nav { #header .main-links.navbar-nav {
margin-top: 28px; margin-top: 28px;
@ -621,8 +622,15 @@ body.page-home #footer {
} }
.terra-btn { .terra-btn {
background-color: rgba(130, 47, 247, 0.36); background-color: rgba(130, 47, 247, 0.36);
-webkit-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
} }
.li-under a::after { .terra-btn:hover {
background-color: rgba(130, 47, 247, 0.8);
-webkit-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
/*.li-under a::after {
position: absolute; position: absolute;
top: 68%; top: 68%;
left: 50%; left: 50%;
@ -640,13 +648,14 @@ body.page-home #footer {
-moz-transform: translateY(-10px); -moz-transform: translateY(-10px);
transform: translateY(-10px); transform: translateY(-10px);
} }
.li-under a:hover::after, .li-under a:hover::after,
.li-under a:focus::after { .li-under a:focus::after {
opacity: 1; opacity: 1;
-webkit-transform: skewY(15deg) translateY(10px); -webkit-transform: skewY(15deg) translateY(10px);
-moz-transform: skewY(15deg) translateY(10px); -moz-transform: skewY(15deg) translateY(10px);
transform: skewY(15deg) translateY(10px); transform: skewY(15deg) translateY(10px);
} }*/
/*body.page-home{ /*body.page-home{
background-color: #f8f8f8; background-color: #f8f8f8;
}*/ }*/