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

git-svn-id: https://develop.svn.wordpress.org/trunk@18057 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Ian Stewart 2011-05-26 18:41:35 +00:00
parent 9294a6cb6d
commit 064786d47c
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;
}