Created
July 23, 2012 19:51
-
-
Save enile8/3165788 to your computer and use it in GitHub Desktop.
Horizontal Subnav On The Twenty Eleven Theme
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
Theme Name: Twenty Eleven Child | |
Description: Twenty Eleven Child Theme with Horizontal Subnav. | |
Author: Blake <-- That's me! | |
Template: twentyeleven | |
*/ | |
@import url("../twentyeleven/style.css"); | |
/* =Menu | |
-------------------------------------------------------------- */ | |
#access { | |
background: #222; /* Show a solid color for older browsers */ | |
background: -moz-linear-gradient(#252525, #0a0a0a); | |
background: -o-linear-gradient(#252525, #0a0a0a); | |
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); /* older webkit syntax */ | |
background: -webkit-linear-gradient(#252525, #0a0a0a); | |
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px; | |
-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px; | |
box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px; | |
clear: both; | |
display: block; | |
float: left; | |
margin: 0 auto 6px; | |
width: 100%; | |
position: relative!important; | |
} | |
#access ul { | |
font-size: 13px; | |
list-style: none; | |
margin: 0 0 0 -0.8125em; | |
padding-left: 0; | |
} | |
#access li { | |
float: left; | |
position: static!important; | |
} | |
#access a { | |
color: #eee; | |
display: block; | |
line-height: 3.333em; | |
padding: 0 1.2125em; | |
text-decoration: none; | |
} | |
#access ul ul { | |
clear: both; | |
background: #f9f9f9; | |
-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2); | |
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2); | |
box-shadow: 0 3px 3px rgba(0,0,0,0.2); | |
-moz-border-radius-bottomright: 5px; | |
-khtml-border-radius-bottomright: 5px; | |
-webkit-border-bottom-right-radius: 5px; | |
-moz-border-radius-bottomleft: 5px; | |
-khtml-border-radius-bottomleft: 5px; | |
-webkit-border-bottom-left-radius: 5px; | |
display: none; | |
float: left; | |
margin: 0; | |
top: 3.333em; | |
left: 0; | |
width: 100%!important; | |
z-index: 99999; | |
} | |
#access ul ul li { | |
left: 100%; | |
top: 0; | |
list-style: none; | |
display: block!important; | |
} | |
#access ul ul ul { | |
left: auto!important; | |
top: auto!important; | |
} | |
#access ul ul a { | |
background: #f9f9f9; | |
border-bottom: none!important; | |
color: #444; | |
font-size: 13px; | |
font-weight: normal; | |
height: auto; | |
line-height: 2.3em; | |
} | |
#access li:hover > a, | |
#access ul ul :hover > a, | |
#access a:focus { | |
background: #888; /* Show a solid color for older browsers */ | |
background: -moz-linear-gradient(#888888, #666666); | |
background: -o-linear-gradient(#888888, #666666); | |
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#888888), to(#666666)); /* older webkit syntax */ | |
background: -webkit-linear-gradient(#888888, #666666); | |
color: #f2f2f2; | |
} | |
#access li:hover > a, | |
#access a:focus { | |
background: #f9f9f9; /* Show a solid color for older browsers */ | |
background: -moz-linear-gradient(#f9f9f9, #e5e5e5); | |
background: -o-linear-gradient(#f9f9f9, #e5e5e5); | |
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */ | |
background: -webkit-linear-gradient(#f9f9f9, #e5e5e5); | |
color: #373737; | |
} | |
#access ul li:hover > ul { | |
display: inline!important; | |
position: absolute!important; | |
} | |
#access .current_page_item > a, | |
#access .current_page_ancestor > a { | |
font-weight: bold; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment