From 1d14316169badc02578325a15e7a5b2276305506 Mon Sep 17 00:00:00 2001 From: Lance Willett Date: Thu, 10 Oct 2013 03:37:09 +0000 Subject: [PATCH] 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. Built from https://develop.svn.wordpress.org/trunk@25754 git-svn-id: http://core.svn.wordpress.org/trunk@25667 1a063a9b-81f0-0310-95a4-ce76da25c4cd --- wp-content/themes/twentyfourteen/inc/customizer.php | 2 ++ wp-content/themes/twentyfourteen/style.css | 12 ++++++------ 2 files changed, 8 insertions(+), 6 deletions(-) diff --git a/wp-content/themes/twentyfourteen/inc/customizer.php b/wp-content/themes/twentyfourteen/inc/customizer.php index 34993a039a..eaabdddcfc 100644 --- a/wp-content/themes/twentyfourteen/inc/customizer.php +++ b/wp-content/themes/twentyfourteen/inc/customizer.php @@ -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"], diff --git a/wp-content/themes/twentyfourteen/style.css b/wp-content/themes/twentyfourteen/style.css index 36a0715c30..ddb83ae640 100644 --- a/wp-content/themes/twentyfourteen/style.css +++ b/wp-content/themes/twentyfourteen/style.css @@ -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 */