(#77) Get Started nav bar to resemble the .btn .btn-default .btn-sm s…

…tyles
buddycloud · Nov 18, 2014 · 84f7550 · 84f7550
1 parent 570d9d3
commit 84f7550
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 5 deletions.
diff --git a/theme/static/css/site.css b/theme/static/css/site.css
@@ -545,12 +545,18 @@ dd {
   background: linear-gradient(to right, rgba(255, 255, 255, 0), #e5e9ef 50%, #e5e9ef);
 }
 
-.nav_bar_grey_btn {
+.nav_bar_grey_lnk > .nav_bar_grey_span {
   background-color: #E5E9EF;
+  border: 5px solid transparent; 
+  border-radius: 5px;
 }
 
-.active > .nav_bar_grey_btn,
-.nav_bar_grey_btn:hover {
+.active > .nav_bar_grey_lnk > .nav_bar_grey_span,
+.nav_bar_grey_lnk > .nav_bar_grey_span:hover {
   background-color: #E5E9EF !important;
   color: #2DAEBF !important;
 }
+
+.nav_bar_grey_lnk:hover {
+  color: #2DAEBF !important;
+}
diff --git a/theme/templates/base.html b/theme/templates/base.html
@@ -33,8 +33,14 @@
           <ul class="nav navbar-nav">
           {% for page in PAGES|sort(attribute='order') if not (page.show_in_top_menu == "false") %}
               <li {% if active_page == page.show_as_selected|default(page.slug) %}class="active"{% endif %} >
-                  <a href="{{ SITEURL }}/{{ page.url }}" {% if page.button_style == "grey" %}class="nav_bar_grey_btn"{% endif %}>
-                      {{ page.top_menu_name|default(page.title) }}
+                  <a href="{{ SITEURL }}/{{ page.url }}" {% if page.button_style == "grey" %}class="nav_bar_grey_lnk"{% endif %}>
+                      {% if page.button_style == "grey" %}
+                      <span class="nav_bar_grey_span">
+                      {% endif %}
+                          {{ page.top_menu_name|default(page.title) }}
+                      {% if page.button_style == "grey" %}
+                      </span>
+                      {% endif %}
                   </a>
               </li>
               {% if page.order == "4" %}