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
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

View File

@ -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;