From 7e85af03921cd8c2fcc24ed60906d2259297ee56 Mon Sep 17 00:00:00 2001
From: JT <jt@ofitsownkind.com>
Date: Thu, 24 Jul 2014 16:15:28 -0700
Subject: [PATCH] header home hover

---
 website/source/stylesheets/_buttons.less | 12 +++++++++---
 website/source/stylesheets/_header.less  |  4 ++--
 website/source/stylesheets/main.css      | 25 ++++++++++++++++--------
 3 files changed, 28 insertions(+), 13 deletions(-)

diff --git a/website/source/stylesheets/_buttons.less b/website/source/stylesheets/_buttons.less
index 5d0104079..321144554 100755
--- a/website/source/stylesheets/_buttons.less
+++ b/website/source/stylesheets/_buttons.less
@@ -28,10 +28,16 @@
 
 .terra-btn{
   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
-.li-under a::after {
+//animation on header main nav link hover
+/*.li-under a::after {
   position: absolute;
   top: 68%;
   left: 50%;
@@ -56,4 +62,4 @@
     -webkit-transform: skewY(15deg) translateY(10px);
     -moz-transform: skewY(15deg) translateY(10px);
     transform: skewY(15deg) translateY(10px);
-}
+}*/
\ No newline at end of file
diff --git a/website/source/stylesheets/_header.less b/website/source/stylesheets/_header.less
index f9b33eb3d..8d56a34bb 100755
--- a/website/source/stylesheets/_header.less
+++ b/website/source/stylesheets/_header.less
@@ -97,8 +97,8 @@ body.page-sub{
 
     .nav > li > a:hover, .nav > li > a:focus {
         background-color: transparent;
-        /*color: @p;
-        .transition( color 0.3s ease );*/
+        color: lighten(@purple, 15%);
+        .transition( color 0.3s ease );
     }
 
     .main-links.navbar-nav{
diff --git a/website/source/stylesheets/main.css b/website/source/stylesheets/main.css
index dee83c720..cb1bfa96a 100644
--- a/website/source/stylesheets/main.css
+++ b/website/source/stylesheets/main.css
@@ -161,8 +161,9 @@ body.page-sub #header .main-links.navbar-nav li > a {
 #header .nav > li > a:hover,
 #header .nav > li > a:focus {
   background-color: transparent;
-  /*color: @p;
-        .transition( color 0.3s ease );*/
+  color: #ae79fa;
+  -webkit-transition: color 0.3s ease;
+  transition: color 0.3s ease;
 }
 #header .main-links.navbar-nav {
   margin-top: 28px;
@@ -621,8 +622,15 @@ body.page-home #footer {
 }
 .terra-btn {
   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;
   top: 68%;
   left: 50%;
@@ -640,13 +648,14 @@ body.page-home #footer {
   -moz-transform: translateY(-10px);
   transform: translateY(-10px);
 }
+
 .li-under a:hover::after,
 .li-under a:focus::after {
-  opacity: 1;
-  -webkit-transform: skewY(15deg) translateY(10px);
-  -moz-transform: skewY(15deg) translateY(10px);
-  transform: skewY(15deg) translateY(10px);
-}
+    opacity: 1;
+    -webkit-transform: skewY(15deg) translateY(10px);
+    -moz-transform: skewY(15deg) translateY(10px);
+    transform: skewY(15deg) translateY(10px);
+}*/
 /*body.page-home{
 	background-color: #f8f8f8;
 }*/