[gnome-web-www: 6/68] Corrected footer, submenu bugs and color fixed
- From: Tom Tryfonidis <tomtryf src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gnome-web-www: 6/68] Corrected footer, submenu bugs and color fixed
- Date: Tue, 24 Jan 2017 15:47:42 +0000 (UTC)
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">
-
- </div>
+ <!-- footer -->
+ <div id="footer">
+<!-- footer grass -->
+ <div id="footer_grass">
+
+ </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]