[gnome-web-www: 6/68] Corrected footer, submenu bugs and color fixed



commit 4314a5dd0213fdec00f3dd89022e77240dbabc25
Author: Saumya Dwivedi <sadwivedi groupon com>
Date:   Mon Jun 8 00:01:53 2015 +0530

    Corrected footer, submenu bugs and color fixed

 theme/css/responsive.css |   29 ++++++++++++++++++++++-------
 theme/footer.php         |   12 ++++++------
 theme/js/responsive.js   |   15 ++++++++-------
 theme/style.css          |    4 +---
 4 files changed, 37 insertions(+), 23 deletions(-)
---
diff --git a/theme/css/responsive.css b/theme/css/responsive.css
index b0b9e05..0b2481e 100644
--- a/theme/css/responsive.css
+++ b/theme/css/responsive.css
@@ -15,7 +15,7 @@
         margin-bottom: 20px;
     }
 }
-/*-------------Mobile-Menu----------------------*/
+/*-------------Mobile-Menu, Normal-Menu----------------------*/
 
 .mobile-menu {
     display: none;
@@ -25,6 +25,21 @@
     display: block;
 }
 
+.normal-menu .foundation-menu-item .sub-menu li a:active,
+.normal-menu .foundation-menu-item .sub-menu li a:focus,
+.normal-menu .foundation-menu-item .sub-menu li.current_page_item a{
+    background: rgb(128, 128, 128);
+    color: #fff;
+}
+
+.normal-menu .foundation-menu-item .sub-menu li a:hover{
+    background: rgb(211, 211, 211);
+}
+
+.normal-menu .foundation-menu-item .sub-menu li a {
+    color: #000;
+}
+
 .mobile-menu .top_bar ul li a {
   display: inline-block;
   width: 90%;
@@ -66,7 +81,7 @@
 }
 
 .menu-globalnav-container > .menu > .menu-item > .sub-menu {
-    background-color: #191919;
+    background-color: inherit;
 }
 
     /*----------------Smartphones-------------------*/
@@ -261,11 +276,11 @@
 .foundation_board img {
     margin: auto !important;
 }
-@media (max-width: 360px) {
+@media (min-width: 360px) and (max-width: 767px) {
     .foundation_board {
-        -moz-column-count: 1 !important;
-        -webkit-column-count: 1 !important;
-        column-count: 1 !important;
+        -moz-column-count: 2 !important;
+        -webkit-column-count: 2 !important;
+        column-count: 2 !important;
     }
 }
 @media (max-width: 767px) {
@@ -372,4 +387,4 @@ p[id *= apply-mobile-hidden] {
         margin-right: -20px;
         padding: 20px 20px;
     }
-}
\ No newline at end of file
+}
diff --git a/theme/footer.php b/theme/footer.php
index 8a53f2f..e007d3e 100644
--- a/theme/footer.php
+++ b/theme/footer.php
@@ -1,10 +1,10 @@
-    <!-- footer grass -->
-    <div id="footer_grass">
-        &nbsp;
-    </div>
+ <!-- footer -->
+    <div id="footer">   
+<!-- footer grass -->
+        <div id="footer_grass">
+            &nbsp;
+        </div>
 
-    <!-- footer -->
-    <div id="footer">
         <div class="container">
             <div class="links span9">
                 <?php
diff --git a/theme/js/responsive.js b/theme/js/responsive.js
index 8d00d52..1ead463 100644
--- a/theme/js/responsive.js
+++ b/theme/js/responsive.js
@@ -1,23 +1,24 @@
 
 $(function() {
-       //insert plus pull down button before each submenu
-//     $('+').insertBefore('.menu-globalnav-container > .menu > .menu-item > .sub-menu');
-       // $('<span id="plus-pull-1"> + </span>').insertBefore('#menu-globalnav-1 > .sub-menu');
-
-       // var mainmenu = document.getElementByID('sub-menu').getElementsByTagName('sub-menu'); 
-    
     //  Sub menu navigation of Foundation Menu
      $(".normal-menu .foundation-menu-item").click(function(){
 
+        //Toggle foundation menu option name as menu displays or hides.
          if($(".sub-menu").css("display") == "none") {
                $(".foundation-menu-item > a").html("Foundation -");
          }
          else{
                $(".foundation-menu-item > a").html("Foundation +");
+             $('.foundation-menu-item a').blur();
          }
          $(".sub-menu").toggle('slow');
      })
 
+
+     if( $("li.foundation-menu-item").hasClass("current-menu-parent") ){
+        $("li.foundation-menu-item .sub-menu").last().trigger('click');
+     }
+
      $(".mobile-menu .foundation-menu-item").click(function(){
 
          if($(".sub-menu").css("display") == "none") {
@@ -40,4 +41,4 @@ $(function() {
          $("#" + "apply-mobile-hidden_" + suffix).toggle();
 
      })
- });
\ No newline at end of file
+ });
diff --git a/theme/style.css b/theme/style.css
index 23ff92c..e165b26 100644
--- a/theme/style.css
+++ b/theme/style.css
@@ -171,7 +171,6 @@ a:visited {
     background: #2e3436 url("images/top_bar-bg.png") top repeat-x;
     margin-top: 23px;
     font-size: 13px;
-    line-height: normal;
     -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
     -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
     box-shadow: 0 2px 4px rgba(0,0,0,0.2);
@@ -275,7 +274,6 @@ a:visited {
 */  margin-top: 23px;
     margin-left: 0px;
     font-size: 13px;
-    line-height: normal;
     -moz-border-radius: 0 6px 6px 0;
     -webkit-border-radius: 0 6px 6px 0;
     border-radius: 0 6px 6px 0;
@@ -1337,4 +1335,4 @@ class[*="span"] .alpha {
 }
 class[*="span"] .omega {
     margin-right: 0;
-}
\ No newline at end of file
+}


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]