From be6663d525c33b6ea41ecf8290f195d1eaecf345 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: http://core.svn.wordpress.org/trunk@22452 1a063a9b-81f0-0310-95a4-ce76da25c4cd --- 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;