From e5a965d777eb1f27893cd121d2880dab4af1b078 Mon Sep 17 00:00:00 2001 From: Angie Byron <webchick@24967.no-reply.drupal.org> Date: Tue, 31 Aug 2010 21:05:33 +0000 Subject: [PATCH] #805452 by Jeff Burnz, tim.plunkett, mgifford: Fixed Bartik, your skip link is always hidden; even on focus. --- themes/bartik/css/style.css | 40 ++++++++++++++++++++++++++++++++++++- 1 file changed, 39 insertions(+), 1 deletion(-) diff --git a/themes/bartik/css/style.css b/themes/bartik/css/style.css index 8ff57b4f74fe..7240606c92dc 100644 --- a/themes/bartik/css/style.css +++ b/themes/bartik/css/style.css @@ -67,6 +67,7 @@ body, #header, #footer-wrapper, #preview #preview-header, +#skip-link, ul.contextual-links, ul.links, ul.primary, @@ -196,8 +197,45 @@ ul.tips { /* ------------------ Header ------------------ */ #skip-link { + left: 50%; + margin-left: -5.25em; + margin-top: 0; position: absolute; - top: -9999px; + width: auto !important; + z-index: 50; +} +#skip-link a, +#skip-link a:link, +#skip-link a:visited { + background: #444; + background: rgba(0, 0, 0, 0.6); + color: #fff; + display: block; + font-size: 0.94em; + height: 1px; + left: -10000px; + line-height: 1.7; + position: absolute; + text-decoration: none; + top: auto; + width: 1px; + -khtml-border-radius: 0 0 10px 10px; + -moz-border-radius: 0 0 10px 10px; + -webkit-border-top-left-radius: 0; + -webkit-border-top-right-radius: 0; + -webkit-border-bottom-left-radius: 10px; + -webkit-border-bottom-right-radius: 10px; + border-radius: 0 0 10px 10px; +} +#skip-link a:hover, +#skip-link a:active, +#skip-link a:focus { + height: auto; + outline: 0; + overflow: visible; + padding: 1px 10px 2px 10px; + position: static; + width: auto; } #header, #preview #preview-header { -- GitLab