sergiotarxz/Wordpress
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Customizer accessibility: Align focus styles with hover styles. props helenyhou. fixes #21283.

Browse Source 
git-svn-id: https://develop.svn.wordpress.org/trunk@22452 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Andrew Nacin 2012-11-07 22:15:49 +00:00
parent 80c7908e62
commit 05740a6837
1 changed files with 5 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
wp-admin/css/customize-controls.css
View File

@ -68,7 +68,7 @@ body {
.control-section:hover .customize-section-title, .control-section:hover .customize-section-title,
.control-section .customize-section-title:hover, .control-section .customize-section-title:hover,
.control-section.open .customize-section-title, .control-section.open .customize-section-title,
.customize-section-title:focus { .control-section .customize-section-title:focus {
color: #fff; color: #fff;
text-shadow: 0 -1px 0 #333; text-shadow: 0 -1px 0 #333;
background: #808080; background: #808080;
@ -105,11 +105,13 @@ body {
display: none; display: none;
} }
.customize-section-title:hover:after { .customize-section-title:hover:after,
.customize-section-title:focus:after {
border-color: #aaa transparent; 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; border-color: #eee transparent;
} }
@ -127,11 +129,6 @@ body {
color: #999; color: #999;
} }
#customize-info .customize-section-title:focus .preview-notice {
color: #ccc;
text-shadow: 0 -1px 0 #333;
}
#customize-info .theme-name { #customize-info .theme-name {
font-size: 20px; font-size: 20px;
font-weight: 200; font-weight: 200;
@ -141,11 +138,6 @@ body {
text-shadow: 0 1px 0 #fff; 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 { #customize-info .theme-screenshot {
width: 258px; width: 258px;
border: 1px solid #ccc; border: 1px solid #ccc;