From 74f1fad31d99c4e9758abb94fce5234b8a0c021a Mon Sep 17 00:00:00 2001 From: Ian Stewart Date: Mon, 20 Oct 2014 19:38:41 +0000 Subject: [PATCH] Twenty Fifteen: updated styles for skip link. Props afercia and iamtakashi, fixes #30043. git-svn-id: https://develop.svn.wordpress.org/trunk@29976 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-content/themes/twentyfifteen/style.css | 26 ++++++++++++------- 1 file changed, 17 insertions(+), 9 deletions(-) diff --git a/src/wp-content/themes/twentyfifteen/style.css b/src/wp-content/themes/twentyfifteen/style.css index 50d1cec4b2..56ca545bb4 100644 --- a/src/wp-content/themes/twentyfifteen/style.css +++ b/src/wp-content/themes/twentyfifteen/style.css @@ -1155,23 +1155,31 @@ a:focus { width: 1px; } -.screen-reader-text:hover, -.screen-reader-text:focus { +/* must have higher specificity than alternative color schemes inline styles */ +.site .skip-link { background-color: #f1f1f1; - border-radius: 0; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2); - clip: auto; color: #21759b; display: block; - font: bold 14px/normal "Open Sans", sans-serif; - height: auto; + font: bold 14px/normal "Noto Sans", sans-serif; + left: -9999em; outline: none; padding: 15px 23px 14px; - position: absolute; - top: 5px; - left: 5px; text-decoration: none; text-transform: none; + top: -9999em; +} + +.logged-in .site .skip-link { + box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); + font: bold 14px/normal "Open Sans", sans-serif; +} + +.site .skip-link:focus { + clip: auto; + height: auto; + left: 6px; + top: 7px; width: auto; z-index: 100000; }