From 05740a6837c04c43f3d6a746eb49cce72d9475ce Mon Sep 17 00:00:00 2001 From: Andrew Nacin Date: Wed, 7 Nov 2012 22:15:49 +0000 Subject: [PATCH] Customizer accessibility: Align focus styles with hover styles. props helenyhou. fixes #21283. git-svn-id: https://develop.svn.wordpress.org/trunk@22452 602fd350-edb4-49c9-b593-d223f7449a82 --- wp-admin/css/customize-controls.css | 18 +++++------------- 1 file changed, 5 insertions(+), 13 deletions(-) diff --git a/wp-admin/css/customize-controls.css b/wp-admin/css/customize-controls.css index c760c2e69c..9c1c3a049f 100644 --- a/wp-admin/css/customize-controls.css +++ b/wp-admin/css/customize-controls.css @@ -68,7 +68,7 @@ body { .control-section:hover .customize-section-title, .control-section .customize-section-title:hover, .control-section.open .customize-section-title, -.customize-section-title:focus { +.control-section .customize-section-title:focus { color: #fff; text-shadow: 0 -1px 0 #333; background: #808080; @@ -105,11 +105,13 @@ body { display: none; } -.customize-section-title:hover:after { +.customize-section-title:hover:after, +.customize-section-title:focus:after { border-color: #aaa transparent; } -.control-section .customize-section-title:hover:after { +.control-section .customize-section-title:hover:after, +.control-section .customize-section-title:focus:after { border-color: #eee transparent; } @@ -127,11 +129,6 @@ body { color: #999; } -#customize-info .customize-section-title:focus .preview-notice { - color: #ccc; - text-shadow: 0 -1px 0 #333; -} - #customize-info .theme-name { font-size: 20px; font-weight: 200; @@ -141,11 +138,6 @@ body { text-shadow: 0 1px 0 #fff; } -#customize-info .customize-section-title:focus .theme-name { - color: #fff; - text-shadow: 0 -1px 0 #333; -} - #customize-info .theme-screenshot { width: 258px; border: 1px solid #ccc;