diff options
| -rw-r--r-- | themes/bartik/css/style.css | 40 |
1 files changed, 39 insertions, 1 deletions
diff --git a/themes/bartik/css/style.css b/themes/bartik/css/style.css index 8ff57b4f7..7240606c9 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 { |