Skip to content
Browse files

Fixed cascading menus, hiding lower nav sub-menus, fixed alignment is…

…sues on Members page
  • Loading branch information...
1 parent 4658d1a commit 6ba0b9bba6999f64116913522dcedd65b3a9cd9d @derrickorama derrickorama committed
Showing with 108 additions and 36 deletions.
  1. +8 −16 wp-content/themes/retlehs-roots/css/bootstrap.css
  2. +100 −20 wp-content/themes/retlehs-roots/css/less/justin.less
View
24 wp-content/themes/retlehs-roots/css/bootstrap.css
@@ -371,7 +371,7 @@ button.btn.small,input[type="submit"].btn.small{*padding-top:3px;*padding-bottom
.navbar-form input[type="image"],.navbar-form input[type="checkbox"],.navbar-form input[type="radio"]{margin-top:3px;}
.navbar-form .input-append,.navbar-form .input-prepend{margin-top:6px;white-space:nowrap;}.navbar-form .input-append input,.navbar-form .input-prepend input{margin-top:0;}
.navbar-search{position:relative;float:left;margin-top:6px;margin-bottom:0;}.navbar-search .search-query{padding:4px 9px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-weight:normal;line-height:1;color:#ffffff;color:rgba(255, 255, 255, 0.75);background:#666;background:rgba(255, 255, 255, 0.3);border:1px solid #111;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.15);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.15);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.15);-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}.navbar-search .search-query :-moz-placeholder{color:#eeeeee;}
-.navbar-search .search-query ::-webkit-input-placeholder{color:#eeeeee;}
+.navbar-search .search-query::-webkit-input-placeholder{color:#eeeeee;}
.navbar-search .search-query:hover{color:#ffffff;background-color:#999999;background-color:rgba(255, 255, 255, 0.5);}
.navbar-search .search-query:focus,.navbar-search .search-query.focused{padding:5px 10px;color:#333333;text-shadow:0 1px 0 #ffffff;background-color:#ffffff;border:0;-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);box-shadow:0 0 3px rgba(0, 0, 0, 0.15);outline:0;}
.navbar-fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030;}
@@ -721,26 +721,18 @@ body{padding-top:0 !important;background:url("/img/bg-body.jpg") repeat;border-t
#searchform{float:right;padding-top:25px;}
.search-query{float:left;background:transparent;box-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border-right:none;}
#searchsubmit{float:left;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;width:35px;height:28px;margin:0 0 0 -1px;padding:0;font-size:0;line-height:0;text-indent:-9999px;background:url("/img/search-button.png") no-repeat;border-left:none;box-shadow:none;-moz-transition:none;}#searchsubmit:hover{background-position:0 100%;-moz-transition:none;}
-.main_nav{clear:both;float:left;width:100%;margin:18px 0 0 0;padding:0;list-style:none;}
-.main_nav li{float:left;position:relative;}
-.main_nav a{padding:10px 10px 18px;font-family:'Inika',serif;font-size:1.8em;font-weight:normal;color:#d94827;display:block;}
-.main_nav a.dropdown-toggle{padding-bottom:18px;background:url(/img/bg-main-nav-link.png) center bottom no-repeat;}
-.main_nav li ul{width:170px;margin:0;padding:0;list-style:none;position:absolute;top:46px;left:0;visibility:hidden;}
-.main_nav li li{float:none;visibility:hidden;}
-.main_nav li li a{margin:0;padding:10px 18px;font-size:1.4em;color:#d94827;text-decoration:none;background:#fff;}
-.main_nav li li a:hover{background:#000;color:#fff;}
-.main_nav li:hover li{visibility:visible;}
+.page-id-43{text-align:left;}
+.main_nav{clear:both;float:left;width:100%;margin:18px 0 0 0;padding:0;list-style:none;}.main_nav li{float:left;position:relative;padding-bottom:0;}.main_nav li ul{width:200px;margin:0;padding:0;list-style:none;position:absolute;top:54px;left:0;visibility:hidden;}
+.main_nav li li{float:none;}.main_nav li li a{margin:0;padding:10px 18px;font-size:1.4em;color:#d94827;text-decoration:none;background:#fff;}.main_nav li li a:hover{background:#000;color:#fff;}
+.main_nav a{padding:10px 10px 18px;font-family:'Inika',serif;font-size:1.8em;font-weight:normal;color:#d94827;display:block;}.main_nav a.parent{padding-bottom:18px;background:url(/img/bg-main-nav-link.png) center bottom no-repeat;}
#tagline{clear:left;float:left;font-family:'Inika',serif;font-size:2.8em;font-weight:normal;margin:36px 0 23px;line-height:42px;}
.page-header{padding-top:19px;padding-bottom:0;border-bottom:none;}
.page-header h1,.entry-title{font-family:'Inika',serif;font-size:1.8em;color:#d94827;}
#main p{font-family:'Open Sans',sans-serif;font-size:1.1em;line-height:20px;}
.well{background-color:transparent;border:none;}
-footer#content-info{background:url(/img/bg-footer.png) left top repeat-x;border-top:none;}
-footer#content-info ul{margin:0;padding:0;list-style:none;}
-footer#content-info ul li{float:left;width:16.666666666666668%;}
-footer#content-info ul li a{padding-bottom:15px;font-family:'Inika',serif;font-size:1.6em;}
-footer#content-info ul ul{display:none;}
-footer#content-info ul ul a{font-size:1.1em;}
+footer#content-info{background:url(/img/bg-footer.png) left top repeat-x;border-top:none;}footer#content-info ul{margin:0;padding:0;list-style:none;}footer#content-info ul ul a{font-size:1.1em;}
+footer#content-info li{float:left;width:16.666666666666668%;text-align:center;}footer#content-info li .caret,footer#content-info li .dropdown-menu{display:none;}
+footer#content-info a{padding-bottom:15px;font-family:'Inika',serif;font-size:1.2em;}
@media (max-width:481px){#tagline{margin:0;font-size:21px;line-height:24px;} .page-header{margin-top:0;}}#get_help{font-size:27px;line-height:30px;}#get_help ul{overflow:hidden;margin:36px 0 30px;list-style:none;}
#get_help li{margin-left:0;margin-right:30px;font-size:27px;font-family:'Open Sans',sans-serif;font-weight:600;font-style:italic;}
#get_help a{display:block;padding-left:48px;height:38px;line-height:38px;text-decoration:none;color:#000;background:url(../img/bg-home-bullet.png) left top no-repeat;}#get_help a:hover{background-position:0 -38px;}
View
120 wp-content/themes/retlehs-roots/css/less/justin.less
@@ -19,26 +19,106 @@ body { padding-top:0 !important; background:url("/img/bg-body.jpg") repeat; bord
#searchsubmit { float:left; .border-radius(0); width:35px; height:28px; margin:0 0 0 -1px; padding:0; font-size:0; line-height:0; text-indent:-9999px; background:url("/img/search-button.png") no-repeat; border-left:none; box-shadow:none; -moz-transition:none;
&:hover { background-position:0 100%; -moz-transition:none; }
}
- .main_nav { clear:both; float:left; width:100%; margin:18px 0 0 0; padding:0; list-style:none; }
- .main_nav li { float:left; position:relative; }
- .main_nav a { padding:10px 10px 18px; font-family: 'Inika', serif; font-size:1.8em; font-weight:normal; color:#d94827; display:block; }
- .main_nav a.parent { padding-bottom:18px; background:url(/img/bg-main-nav-link.png) center bottom no-repeat; }
- .main_nav li ul { width:170px; margin:0; padding:0; list-style:none; position:absolute; top:54px; left:0; visibility:hidden; }
- .main_nav li li { float:none; }
- .main_nav li li a { margin:0; padding:10px 18px; font-size:1.4em; color:#d94827; text-decoration:none; background:#fff; }
- .main_nav li li a:hover { background:#000; color:#fff; }
- #tagline { clear:left; float:left; font-family: 'Inika', serif; font-size:2.8em; font-weight:normal; margin:36px 0 23px; line-height:42px; }
- .page-header { padding-top:19px; padding-bottom:0; border-bottom:none; }
- .page-header h1, .entry-title { font-family: 'Inika', serif; font-size:1.8em; color:#d94827; }
- #main p { font-family: 'Open Sans', sans-serif; font-size:1.1em; line-height:20px; }
-
- .well { background-color:transparent; border:none; }
-
- footer#content-info { background:url(/img/bg-footer.png) left top repeat-x; border-top:none; }
- footer#content-info ul { margin:0; padding:0; list-style:none; }
- footer#content-info ul li { float:left; width:percentage(100/6/100); }
- footer#content-info ul li a { padding-bottom:15px; font-family: 'Inika', serif; font-size:1.6em; }
- footer#content-info ul ul a { font-size:1.1em; }
+
+body.page-id-43 {
+ text-align: left;
+}
+
+.main_nav {
+ clear:both;
+ float:left;
+ width:100%;
+ margin:18px 0 0 0;
+ padding:0;
+ list-style:none;
+
+ li {
+ float:left;
+ position:relative;
+ padding-bottom: 0;
+
+ ul {
+ width: 200px;
+ margin:0;
+ padding:0;
+ list-style:none;
+ position:absolute;
+ top:54px; left:0;
+ visibility:hidden;
+ }
+
+ li {
+ float:none;
+
+ a {
+ margin:0;
+ padding:10px 18px;
+ font-size:1.4em;
+ color:#d94827;
+ text-decoration:none;
+ background:#fff;
+
+ &:hover {
+ background:#000;
+ color:#fff;
+ }
+ }
+ }
+ }
+
+ a {
+ padding: 10px 10px 18px;
+ font-family: 'Inika', serif;
+ font-size: 1.8em;
+ font-weight: normal;
+ color: #d94827;
+ display: block;
+
+ &.parent {
+ padding-bottom: 18px;
+ background: url(/img/bg-main-nav-link.png) center bottom no-repeat;
+ }
+ }
+}
+
+#tagline { clear:left; float:left; font-family: 'Inika', serif; font-size:2.8em; font-weight:normal; margin:36px 0 23px; line-height:42px; }
+.page-header { padding-top:19px; padding-bottom:0; border-bottom:none; }
+ .page-header h1, .entry-title { font-family: 'Inika', serif; font-size:1.8em; color:#d94827; }
+#main p { font-family: 'Open Sans', sans-serif; font-size:1.1em; line-height:20px; }
+
+.well { background-color:transparent; border:none; }
+
+footer#content-info {
+ background:url(/img/bg-footer.png) left top repeat-x; border-top:none;
+
+ ul {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+
+ ul {
+ a {
+ font-size:1.1em;
+ }
+ }
+ }
+
+ li {
+ float: left;
+ width: percentage(100/6/100);
+ text-align: center;
+
+ .caret, .dropdown-menu {
+ display: none;
+ }
+ }
+
+ a {
+ padding-bottom: 15px;
+ font-family: 'Inika', serif;
+ font-size: 1.2em;
+ }
+}
@media (max-width: 481px) {
#tagline {

0 comments on commit 6ba0b9b

Please sign in to comment.
Something went wrong with that request. Please try again.