Twenty Eleven: focus styles for all links; Fixes #17410

git-svn-id: http://svn.automattic.com/wordpress/trunk@18057 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
iandstewart 2011-05-26 18:41:35 +00:00
parent a7d3ff7df0
commit 7692708e25
3 changed files with 37 additions and 8 deletions

View File

@ -57,6 +57,11 @@ a {
#site-title a {
color: #eee;
}
#site-title a:hover,
#site-title a:focus,
#site-title a:active {
color: #e4741f;
}
#site-description {
color: #858585;
}
@ -92,7 +97,9 @@ a {
.entry-title a {
color: #ddd;
}
.entry-title a:hover {
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
color: #e4741f;
}
.entry-meta {
@ -133,7 +140,9 @@ a {
background: #555;
color: #000;
}
.entry-meta .edit-link a:hover {
.entry-meta .edit-link a:hover,
.entry-meta .edit-link a:focus,
.entry-meta .edit-link a:active {
background: #888;
}
@ -161,7 +170,9 @@ a {
border-color: #222;
color: #888;
}
.entry-header .comments-link a:hover {
.entry-header .comments-link a:hover,
.entry-header .comments-link a:focus,
.entry-header .comments-link a:active {
background: #888;
border-color: #aaa;
color: #000;

View File

@ -311,7 +311,12 @@ function twentyeleven_print_link_color_style() {
<style>
/* Link color */
a,
#site-title a:focus,
#site-title a:hover,
#site-title a:active,
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active,
.widget_twentyeleven_ephemera .comments-link a:hover,
section.recent-posts .other-recent-posts a[rel="bookmark"]:hover,
section.recent-posts .other-recent-posts .comments-link a:hover,

View File

@ -484,6 +484,11 @@ a:hover {
line-height: 36px;
text-decoration: none;
}
#site-title a:hover,
#site-title a:focus,
#site-title a:active {
color: #1b8be0;
}
#site-description {
color: #7a7a7a;
font-size: 14px;
@ -559,10 +564,12 @@ a:hover {
width: 168px;
}
#access li:hover > a,
#access ul ul :hover > a {
#access ul ul :hover > a,
#access a:focus {
background: #efefef;
}
#access li:hover > a {
#access li:hover > a,
#access a:focus {
background: #f9f9f9; /* Show a solid color for older browsers */
background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */
@ -689,7 +696,9 @@ a:hover {
color: #222;
text-decoration: none;
}
.entry-title a:hover {
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
color: #1b8be0;
}
.entry-meta {
@ -858,7 +867,9 @@ dl.gallery-item {
width: 48px;
height: 48px;
}
.entry-header .comments-link a:hover {
.entry-header .comments-link a:hover,
.entry-header .comments-link a:focus,
.entry-header .comments-link a:active {
background: #777;
border-color: #555;
color: #fff;
@ -1161,7 +1172,9 @@ article.intro .edit-link a {
right: 20px;
text-decoration: none;
}
article.intro .edit-link a:hover {
article.intro .edit-link a:hover,
article.intro .edit-link a:focus,
article.intro .edit-link a:active {
background: #777;
}