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, .hentry .mejs-controls .mejs-time-rail .mejs-time-current,
.header-extra, .header-extra,
.search-toggle, .search-toggle,
.primary-navigation ul ul,
.primary-navigation li:hover > a,
.widget-area button, .widget-area button,
.widget-area html input[type="button"], .widget-area html input[type="button"],
.widget-area input[type="reset"], .widget-area input[type="reset"],

View File

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