Twenty Fourteen: improve primary navigation styles for a clearer distinction between hover and the current page highlight, and change color to harmonize with the search toggle. Props iamtakashi, fixes #25554.

git-svn-id: https://develop.svn.wordpress.org/trunk@25754 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Lance Willett 2013-10-10 03:36:15 +00:00
parent b36e73407e
commit 983f56193e
2 changed files with 8 additions and 6 deletions

View File

@ -131,6 +131,8 @@ function twentyfourteen_customizer_styles() {
.hentry .mejs-controls .mejs-time-rail .mejs-time-current,
.header-extra,
.search-toggle,
.primary-navigation ul ul,
.primary-navigation li:hover > a,
.widget-area button,
.widget-area html input[type="button"],
.widget-area input[type="reset"],

View File

@ -675,7 +675,7 @@ body {
white-space: nowrap;
}
.primary-navigation ul ul {
background-color: rgba(0, 0, 0, 0.9);
background-color: #24890d;
float: left;
position: absolute;
top: 48px;
@ -699,11 +699,11 @@ body {
.primary-navigation ul ul li {
}
.primary-navigation li:hover > a {
background-color: #2b2b2b;
background-color: #24890d;
color: #fff;
}
.primary-navigation ul ul a:hover {
color: #8c8c8c;
background-color: #000;
}
.primary-navigation ul li:hover > ul,
.primary-navigation ul li.a11y-focus > ul {
@ -713,9 +713,9 @@ body {
.primary-navigation ul ul li.a11y-focus > ul {
left: 100%;
}
.primary-navigation li.current_page_item > a,
.primary-navigation li.current-menu-item > a {
color: #5FF23D;
.primary-navigation .current_page_item > a,
.primary-navigation .current-menu-item > a {
color: #5ff23d;
}
/* Secondary Navigation */