Twenty Fifteen: make it clear that a link is a link in post and comment meta by underlining it on hover or focus

Props morganestes, iamtakashi, fixes #30108


Built from https://develop.svn.wordpress.org/trunk@30208


git-svn-id: http://core.svn.wordpress.org/trunk@30208 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Ian Stewart 2014-11-03 17:01:23 +00:00
parent 89526ca7f1
commit a46c99cf78
6 changed files with 283 additions and 214 deletions

View File

@ -538,14 +538,14 @@ img.aligncenter {
padding: 4.5454% 9.0909%;
}
.posted-on a:before,
.byline a:before,
.cat-links span + a:before,
.tags-links span + a:before,
.comments-link a:before,
.entry-format a:before,
.edit-link a:before,
.full-size-link a:before {
.posted-on:before,
.byline:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.entry-format:before,
.edit-link:before,
.full-size-link:before {
top: 4px;
}
@ -649,8 +649,8 @@ img.aligncenter {
padding-left: 5.5em;
}
.comment-metadata .edit-link a:before,
.pingback .edit-link a:before {
.comment-metadata .edit-link:before,
.pingback .edit-link:before {
top: 8px;
}

View File

@ -182,7 +182,8 @@ function twentyfifteen_header_background_color_css() {
}
@media screen and (min-width: 59.6875em) {
.site-header {
.site-header,
.secondary {
background-color: transparent;
}
@ -227,25 +228,29 @@ function twentyfifteen_sidebar_text_color_css() {
color: %1$s;
}
.secondary-toggle:focus {
outline-color: %1$s;
.secondary-toggle {
border-color: %1$s; /* Fallback for IE7 and IE8 */
border-color: %3$s;
}
.secondary-toggle:hover {
.secondary-toggle:hover,
.secondary-toggle:focus {
border-color: %1$s; /* Fallback for IE7 and IE8 */
border-color: %4$s;
}
@media screen and (min-width: 59.6875em) {
.dropdown-toggle:after,
.main-navigation a,
.social-navigation a,
.widget-title,
.widget a {
color: %1$s;
}
.site-title a {
outline-color: %1$s; /* Fallback for IE7 and IE8 */
outline-color: %4$s;
}
.dropdown-toggle:focus {
outline-color: %1$s;
@media screen and (min-width: 59.6875em) {
.secondary a,
.dropdown-toggle:after,
.widget-title,
.widget blockquote cite,
.widget blockquote small {
color: %1$s;
}
.widget button,
@ -256,26 +261,30 @@ function twentyfifteen_sidebar_text_color_css() {
background-color: %1$s;
}
.textwidget a {
border-color: %1$s;
}
.secondary a:hover,
.secondary a:focus,
.main-navigation .menu-item-description,
.main-navigation a:hover,
.main-navigation a:focus,
.social-navigation a:hover:before,
.social-navigation a:focus:before,
.widget,
.widget a:hover,
.widget a:focus,
.widget blockquote,
.widget blockquote cite,
.widget blockquote small,
.widget .wp-caption-text,
.widget .gallery-caption {
color: %1$s; /* Fallback for IE7 and IE8 */
color: %2$s;
}
.widget button:hover,
.widget button:focus,
.widget input[type="button"]:hover,
.widget input[type="button"]:focus,
.widget input[type="reset"]:hover,
.widget input[type="reset"]:focus,
.widget input[type="submit"]:hover,
.widget input[type="submit"]:focus,
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
background-color: %1$s; /* Fallback for IE7 and IE8 */
background-color: %2$s;
}
@ -286,33 +295,35 @@ function twentyfifteen_sidebar_text_color_css() {
.main-navigation ul,
.main-navigation li,
.secondary-toggle,
.widget_categories .children,
.widget_nav_menu .sub-menu,
.widget_pages .children,
.widget input,
.widget textarea,
.widget table,
.widget th,
.widget td,
.widget input,
.widget textarea,
.widget pre,
.widget li,
.widget_categories .children,
.widget_nav_menu .sub-menu,
.widget_pages .children,
.widget abbr[title] {
border-color: %1$s; /* Fallback for IE7 and IE8 */
border-color: %3$s;
}
.dropdown-toggle:hover,
.dropdown-toggle:focus,
.widget hr {
background-color: %1$s; /* Fallback for IE7 and IE8 */
background-color: %3$s;
}
.widget input:focus,
.widget textarea:focus {
border-color: %1$s; /* Fallback for IE7 and IE8 */
border-color: %4$s;
}
.sidebar a:focus,
.dropdown-toggle:focus {
outline-color: %4$s;
}
}
';

View File

@ -327,9 +327,15 @@ function twentyfifteen_color_scheme_css() {
.entry-summary a,
.page-content a,
.comment-content a,
.pingback .comment-body > a,
.author-description a,
.taxonomy-description a,
.textwidget a,
.entry-footer a:hover,
.comment-metadata a:hover,
.pingback .edit-link a:hover,
.comment-list .reply a:hover,
.comment-list .reply a:focus {
.site-info a:hover {
border-color: %4$s;
}
@ -367,16 +373,6 @@ function twentyfifteen_color_scheme_css() {
.comment-navigation,
.comment-navigation a,
.widget,
.entry-content a:hover,
.entry-content a:focus,
.entry-summary a:hover,
.entry-summary a:focus,
.page-content a:hover,
.page-content a:focus,
.comment-content a:hover,
.comment-content a:focus,
.author-description a:hover,
.author-description a:focus,
.author-heading,
.entry-footer,
.entry-footer a,
@ -386,7 +382,8 @@ function twentyfifteen_color_scheme_css() {
.comment-author,
.comment-metadata,
.comment-metadata a,
.pingback .comment-edit-link,
.pingback .edit-link,
.pingback .edit-link a,
.post-password-form label,
.comment-form label,
.comment-notes,
@ -405,16 +402,8 @@ function twentyfifteen_color_scheme_css() {
/* Secondary Text Color */
blockquote,
.entry-content a:hover,
.entry-content a:focus,
.entry-summary a:hover,
.entry-summary a:focus,
.page-content a:hover,
.page-content a:focus,
.comment-content a:hover,
.comment-content a:focus,
.author-description a:hover,
.author-description a:focus {
.logged-in-as a:hover,
.comment-author a:hover {
border-color: %4$s; /* Fallback for IE7 and IE8 */
border-color: %5$s;
}
@ -467,6 +456,13 @@ function twentyfifteen_color_scheme_css() {
}
/* Border Focus Color */
a:focus,
button:focus,
input:focus {
outline-color: %4$s; /* Fallback for IE7 and IE8 */
outline-color: %7$s;
}
input:focus,
textarea:focus {
border-color: %4$s; /* Fallback for IE7 and IE8 */
@ -474,18 +470,10 @@ function twentyfifteen_color_scheme_css() {
}
/* Sidebar Link Color */
.secondary-toggle:hover {
border-color: %8$s;
}
.secondary-toggle:before {
color: %8$s;
}
.secondary-toggle:focus {
outline-color: %8$s;
}
.site-title a,
.site-description {
color: %8$s;
@ -503,6 +491,18 @@ function twentyfifteen_color_scheme_css() {
border-color: %10$s;
}
/* Sidebar Border Focus Color */
.secondary-toggle:hover,
.secondary-toggle:focus {
border-color: %8$s; /* Fallback for IE7 and IE8 */
border-color: %11$s;
}
.site-title a {
outline-color: %8$s; /* Fallback for IE7 and IE8 */
outline-color: %11$s;
}
/* Meta Background Color */
.entry-footer {
background-color: %12$s;
@ -529,23 +529,11 @@ function twentyfifteen_color_scheme_css() {
.widget input[type="submit"],
.widget_calendar tbody a,
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus,
.widget mark,
.widget ins {
.widget_calendar tbody a:focus {
color: %2$s;
}
/* Sidebar Link Color */
.widget button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"],
.widget_calendar tbody a,
.widget mark,
.widget ins {
background-color: %8$s;
}
.secondary a,
.dropdown-toggle:after,
.widget-title,
@ -554,8 +542,16 @@ function twentyfifteen_color_scheme_css() {
color: %8$s;
}
.dropdown-toggle:focus {
outline-color: %8$s;
.widget button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"],
.widget_calendar tbody a {
background-color: %8$s;
}
.textwidget a {
border-color: %8$s;
}
/* Sidebar Text Color */
@ -569,8 +565,6 @@ function twentyfifteen_color_scheme_css() {
color: %9$s;
}
.dropdown-toggle:hover,
.dropdown-toggle:focus,
.widget button:hover,
.widget button:focus,
.widget input[type="button"]:hover,
@ -596,8 +590,6 @@ function twentyfifteen_color_scheme_css() {
.widget table,
.widget th,
.widget td,
.widget input,
.widget textarea,
.widget pre,
.widget li,
.widget_categories .children,
@ -607,15 +599,21 @@ function twentyfifteen_color_scheme_css() {
border-color: %10$s;
}
.dropdown-toggle:hover,
.dropdown-toggle:focus,
.widget hr {
background-color: %10$s;
}
/* Sidebar Border Focus Color */
.widget input:focus,
.widget textarea:focus {
border-color: %11$s;
}
.sidebar a:focus,
.dropdown-toggle:focus {
outline-color: %11$s;
}
}
';

View File

@ -276,14 +276,14 @@ img.alignleft {
margin: 0 0 1.6em 1.6em;
}
.posted-on a:before,
.byline a:before,
.cat-links span + a:before,
.tags-links span + a:before,
.comments-link a:before,
.entry-format a:before,
.edit-link a:before,
.full-size-link a:before {
.posted-on:before,
.byline:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.entry-format:before,
.edit-link:before,
.full-size-link:before {
margin-right: auto;
margin-left: 2px;
}

View File

@ -140,7 +140,8 @@ q {
}
a:focus {
outline: thin dotted;
outline: 2px solid #c1c1c1;
outline: 2px solid rgba(51, 51, 51, 0.3);
}
a:hover,
@ -165,14 +166,14 @@ a img {
.comment-reply-title small a:before,
.comment-navigation .nav-next a:after,
.comment-navigation .nav-previous a:before,
.posted-on a:before,
.byline a:before,
.cat-links span + a:before,
.tags-links span + a:before,
.comments-link a:before,
.entry-format a:before,
.edit-link a:before,
.full-size-link a:before,
.posted-on:before,
.byline:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.entry-format:before,
.edit-link:before,
.full-size-link:before,
.pagination .prev:before,
.pagination .next:before,
.image-navigation a:before,
@ -476,7 +477,7 @@ button,
input,
select,
textarea {
background-color: #fff;
background-color: #f7f7f7;
border-radius: 0;
font-size: 16px;
font-size: 1.6rem;
@ -502,10 +503,24 @@ textarea {
input:focus,
textarea:focus {
background-color: #fff;
border: 1px solid #c1c1c1;
border: 1px solid rgba(51, 51, 51, 0.3);
color: #333;
outline: 0;
}
input:focus,
select:focus {
outline: 2px solid #c1c1c1;
outline: 2px solid rgba(51, 51, 51, 0.3);
}
button[disabled],
input[disabled],
select[disabled],
textarea[disabled] {
cursor: default;
opacity: .5;
}
button,
@ -538,11 +553,6 @@ input[type="submit"]:focus {
outline: 0;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
}
@ -572,6 +582,15 @@ textarea {
vertical-align: top;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
outline: 0;
}
.post-password-form {
position: relative;
}
@ -596,6 +615,11 @@ textarea {
bottom: 0;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0;
}
/**
* 6.0 Navigations
@ -715,7 +739,8 @@ a:focus {
}
.dropdown-toggle:focus {
outline: dotted thin #333;
outline: 1px solid #c1c1c1;
outline: 1px solid rgba(51, 51, 51, 0.3);
}
.dropdown-toggle.toggle-on:after {
@ -876,22 +901,19 @@ a:focus {
left: 0;
}
.secondary-toggle:hover {
background-color: transparent;
border: 1px solid rgba(51, 51, 51, 0.3);
}
.secondary-toggle:hover,
.secondary-toggle:focus {
background-color: transparent;
border: 1px solid transparent;
outline: dotted thin #333;
border: 1px solid #c1c1c1;
border: 1px solid rgba(51, 51, 51, 0.3);
outline: 0;
}
.secondary-toggle.toggled-on:before {
content: "\f405";
font-size: 32px;
top: 1px;
left: 0;
top: 0;
left: -1px;
}
.post-navigation {
@ -899,7 +921,6 @@ a:focus {
border-top: 1px solid #eaeaea;
border-top: 1px solid rgba(51, 51, 51, 0.1);
font-weight: 700;
overflow: hidden;
}
.post-navigation a {
@ -1504,10 +1525,19 @@ img.aligncenter {
opacity: 0.8;
}
.widget_text > div > :last-child {
.textwidget > :last-child {
margin-bottom: 0;
}
.textwidget a {
border-bottom: 1px solid #333;
}
.textwidget a:hover,
.textwidget a:focus {
border-bottom: 0;
}
/**
* 12.0 Content
@ -1700,7 +1730,8 @@ a.post-thumbnail:focus {
.entry-content a,
.entry-summary a,
.page-content a,
.comment-content a {
.comment-content a,
.pingback .comment-body > a {
border-bottom: 1px solid #333;
}
@ -1711,11 +1742,10 @@ a.post-thumbnail:focus {
.page-content a:hover,
.page-content a:focus,
.comment-content a:hover,
.comment-content a:focus {
border-color: #707070;
border-color: rgba(51, 51, 51, 0.7);
color: #707070;
color: rgba(51, 51, 51, 0.7);
.comment-content a:focus,
.pingback .comment-body > a:hover,
.pingback .comment-body > a:focus {
border-bottom: 0;
}
.entry-content .more-link {
@ -1781,8 +1811,7 @@ a.post-thumbnail:focus {
.author-description a:hover,
.author-description a:focus {
border-color: rgba(51, 51, 51, 0.7);
color: rgba(51, 51, 51, 0.7);
border-bottom: 0;
}
.author-description > :last-child {
@ -1815,6 +1844,10 @@ a.post-thumbnail:focus {
color: rgba(51, 51, 51, 0.7);
}
.entry-footer a:hover {
border-bottom: 1px solid #333;
}
.entry-footer a:hover,
.entry-footer a:focus {
color: #333;
@ -1835,19 +1868,18 @@ a.post-thumbnail:focus {
display: none;
}
.sticky .posted-on,
.sticky .posted-on + .byline:before {
.sticky .posted-on {
display: none;
}
.posted-on a:before,
.byline a:before,
.cat-links span + a:before,
.tags-links span + a:before,
.comments-link a:before,
.entry-format a:before,
.edit-link a:before,
.full-size-link a:before {
.posted-on:before,
.byline:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.entry-format:before,
.edit-link:before,
.full-size-link:before {
margin-right: 2px;
position: relative;
}
@ -1862,67 +1894,67 @@ a.post-thumbnail:focus {
margin-right: 1em;
}
.format-aside .entry-format a:before {
.format-aside .entry-format:before {
content: "\f101";
}
.format-image .entry-format a:before {
.format-image .entry-format:before {
content: "\f473";
}
.format-gallery .entry-format a:before {
.format-gallery .entry-format:before {
content: "\f103";
}
.format-video .entry-format a:before {
.format-video .entry-format:before {
content: "\f104";
}
.format-status .entry-format a:before {
.format-status .entry-format:before {
content: "\f105";
}
.format-quote .entry-format a:before {
.format-quote .entry-format:before {
content: "\f106";
}
.format-link .entry-format a:before {
.format-link .entry-format:before {
content: "\f107";
}
.format-chat .entry-format a:before {
.format-chat .entry-format:before {
content: "\f108";
}
.format-audio .entry-format a:before {
.format-audio .entry-format:before {
content: "\f109";
}
.posted-on a:before {
.posted-on:before {
content: "\f307";
}
.byline a:before {
.byline:before {
content: "\f304";
}
.cat-links span + a:before {
.cat-links:before {
content: "\f301";
}
.tags-links span + a:before {
.tags-links:before {
content: "\f302";
}
.comments-link a:before {
.comments-link:before {
content: "\f300";
}
.full-size-link a:before {
.full-size-link:before {
content: "\f402";
}
.edit-link a:before {
.edit-link:before {
content: "\f411";
}
@ -1945,6 +1977,15 @@ a.post-thumbnail:focus {
padding-top: 0.4em;
}
.taxonomy-description a {
border-bottom: 1px solid #333;
}
.taxonomy-description a:hover,
.taxonomy-description a:focus {
border-bottom: 0;
}
.taxonomy-description > :last-child {
margin-bottom: 0;
}
@ -2138,6 +2179,11 @@ a.post-thumbnail:focus {
margin-bottom: 0.4em;
}
.comment-author a:hover {
border-bottom: 1px solid #707070;
border-bottom: 1px solid rgba(51, 51, 51, 0.7);
}
.comment-author .avatar {
border-radius: 50%;
float: left;
@ -2173,6 +2219,11 @@ a.post-thumbnail:focus {
color: rgba(51, 51, 51, 0.7);
}
.comment-metadata a:hover,
.pingback .edit-link a:hover{
border-bottom: 1px solid #333;
}
.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .edit-link a:hover,
@ -2192,7 +2243,7 @@ a.post-thumbnail:focus {
margin-left: 1em;
}
.pingback .edit-link a:before {
.pingback .edit-link:before {
top: 5px;
}
@ -2233,6 +2284,7 @@ a.post-thumbnail:focus {
.comment-list .reply a:focus {
border-color: #333;
color: #333;
outline: 0;
}
.comment-form {
@ -2272,6 +2324,10 @@ a.post-thumbnail:focus {
margin-bottom: 2em;
}
.logged-in-as a:hover {
border-bottom: 1px solid #333;
}
.no-comments {
border-top: 1px solid #eaeaea;
border-top: 1px solid rgba(51, 51, 51, 0.1);
@ -2335,6 +2391,10 @@ a.post-thumbnail:focus {
color: rgba(51, 51, 51, 0.7);
}
.site-info a:hover {
border-bottom: 1px solid #333;
}
.site-info a:hover,
.site-info a:focus {
color: #333;
@ -3136,14 +3196,14 @@ span > video {
top: 3px;
}
.posted-on a:before,
.byline a:before,
.cat-links span + a:before,
.tags-links span + a:before,
.comments-link a:before,
.entry-format a:before,
.edit-link a:before,
.full-size-link a:before {
.posted-on:before,
.byline:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.entry-format:before,
.edit-link:before,
.full-size-link:before {
top: 3px;
}
@ -3222,11 +3282,11 @@ span > video {
width: 42px;
}
.comment-metadata .edit-link a:before {
.comment-metadata .edit-link:before {
top: 2px;
}
.pingback .edit-link a:before {
.pingback .edit-link:before {
top: 6px;
}
@ -3666,14 +3726,14 @@ span > video {
top: 0;
}
.posted-on a:before,
.byline a:before,
.cat-links span + a:before,
.tags-links span + a:before,
.comments-link a:before,
.entry-format a:before,
.edit-link a:before,
.full-size-link a:before {
.posted-on:before,
.byline:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.entry-format:before,
.edit-link:before,
.full-size-link:before {
top: 4px;
}
@ -3747,11 +3807,11 @@ span > video {
line-height: 2;
}
.comment-metadata .edit-link a:before {
.comment-metadata .edit-link:before {
top: 8px;
}
.pingback .edit-link a:before {
.pingback .edit-link:before {
top: 8px;
}
@ -4312,14 +4372,14 @@ span > video {
padding: 5% 10%;
}
.posted-on a:before,
.byline a:before,
.cat-links span + a:before,
.tags-links span + a:before,
.comments-link a:before,
.entry-format a:before,
.edit-link a:before,
.full-size-link a:before {
.posted-on:before,
.byline:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.entry-format:before,
.edit-link:before,
.full-size-link:before {
top: 0;
}
@ -4406,11 +4466,11 @@ span > video {
width: 24px;
}
.comment-metadata .edit-link a:before {
.comment-metadata .edit-link:before {
top: 3px;
}
.pingback .edit-link a:before {
.pingback .edit-link:before {
top: 5px;
}
@ -4837,14 +4897,14 @@ span > video {
top: 3px;
}
.posted-on a:before,
.byline a:before,
.cat-links span + a:before,
.tags-links span + a:before,
.comments-link a:before,
.entry-format a:before,
.edit-link a:before,
.full-size-link a:before {
.posted-on:before,
.byline:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.entry-format:before,
.edit-link:before,
.full-size-link:before {
top: 3px;
}
@ -4923,11 +4983,11 @@ span > video {
left: 6px;
}
.comment-metadata .edit-link a:before {
.comment-metadata .edit-link:before {
top: 6px;
}
.pingback .edit-link a:before {
.pingback .edit-link:before {
top: 6px;
}
@ -5349,14 +5409,14 @@ span > video {
top: 0;
}
.posted-on a:before,
.byline a:before,
.cat-links span + a:before,
.tags-links span + a:before,
.comments-link a:before,
.entry-format a:before,
.edit-link a:before,
.full-size-link a:before {
.posted-on:before,
.byline:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.entry-format:before,
.edit-link:before,
.full-size-link:before {
top: 4px;
}
@ -5430,11 +5490,11 @@ span > video {
top: 8px;
}
.comment-metadata .edit-link a:before {
.comment-metadata .edit-link:before {
top: 8px;
}
.pingback .edit-link a:before {
.pingback .edit-link:before {
top: 8px;
}

View File

@ -4,7 +4,7 @@
*
* @global string $wp_version
*/
$wp_version = '4.1-alpha-30207';
$wp_version = '4.1-alpha-30208';
/**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.