From: Laury GvR <laury@gaslightmedia.com>
Date: Mon, 10 Nov 2014 22:10:48 +0000 (-0500)
Subject: Navigation styling.
X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=47898a38c767b70ee09b98e75d3cb34214d4454b;p=web%2FWP-Theme-GaslightMedia.git

Navigation styling.
---

diff --git a/css/app.css b/css/app.css
index d0b320b..2b86f26 100644
--- a/css/app.css
+++ b/css/app.css
@@ -6191,9 +6191,15 @@ article h2 {
 .top-bar-menu > li.menu-item > a {
   padding-bottom: 10px; }
 
-#menu-menu-1 .glmServicesNav > a {
+#menu-menu-1 > li > a {
   padding-bottom: 10px; }
 
+.glmServicesNav {
+  margin-left: -28px; }
+
+#menu-menu-1 .glmServicesNav > a {
+  border-top-left-radius: 8px; }
+
 
 
 
@@ -6285,6 +6291,13 @@ span.wpcf7-list-item {
  * 5.0 Plugins
  * ----------------------------------------------------------------------------
  */
+nav.top-bar.expanded {
+  max-height: 6000px; }
+
+nav.top-bar {
+  max-height: 45px;
+  transition: max-height 0.3s ease-in-out; }
+
 /*
  * Menu Effects: A collection of CSS3 menu effects (degrades gracefully in IE8).
  *
diff --git a/scss/site/_structure.scss b/scss/site/_structure.scss
index 1814b65..a31405c 100644
--- a/scss/site/_structure.scss
+++ b/scss/site/_structure.scss
@@ -676,9 +676,16 @@ article h2 {
     .top-bar-menu > li.menu-item  > a {
         padding-bottom: 10px;
     }
-    #menu-menu-1 .glmServicesNav > a {
+    #menu-menu-1 > li > a {
         padding-bottom: 10px;
     }
+    
+    .glmServicesNav {
+        margin-left: -28px;
+    }
+    #menu-menu-1 .glmServicesNav > a {
+        border-top-left-radius: 8px;
+    }
     .top-bar-menu > li.menu-item  > ul li ul li:only-child a {
 /*        border-top-right-radius: 15px;*/
 /*        border-bottom-right-radius: 15px;*/
@@ -798,6 +805,15 @@ article h2 {
  * ----------------------------------------------------------------------------
  */
 
+nav.top-bar.expanded {
+     max-height: 6000px;
+}
+nav.top-bar {
+    max-height: 45px;
+    transition: max-height .3s ease-in-out;
+}
+
+
 // Insert styles here
 /*
  * Menu Effects: A collection of CSS3 menu effects (degrades gracefully in IE8).