Mercurial > hg > isophonics-drupal-site
annotate core/themes/bartik/css/components/skip-link.css @ 5:c69a71b4f40f
Add slideshow module
author | Chris Cannam |
---|---|
date | Thu, 07 Dec 2017 14:46:23 +0000 |
parents | 4c8ae668cc8c |
children | af1871eacc83 |
rev | line source |
---|---|
Chris@0 | 1 /** |
Chris@0 | 2 * @file |
Chris@0 | 3 * Styles for the skip link. |
Chris@0 | 4 */ |
Chris@0 | 5 |
Chris@0 | 6 .skip-link { |
Chris@0 | 7 left: 50%; |
Chris@0 | 8 -webkit-transform: translateX(-50%); |
Chris@0 | 9 -ms-transform: translateX(-50%); |
Chris@0 | 10 transform: translateX(-50%); |
Chris@0 | 11 z-index: 50; |
Chris@0 | 12 background: #444; |
Chris@0 | 13 background: rgba(0, 0, 0, 0.6); |
Chris@0 | 14 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; |
Chris@0 | 15 font-size: 0.94em; |
Chris@0 | 16 line-height: 1.7em; |
Chris@0 | 17 padding: 1px 10px 2px; |
Chris@0 | 18 border-radius: 0 0 10px 10px; |
Chris@0 | 19 border-bottom-width: 0; |
Chris@0 | 20 outline: 0; |
Chris@0 | 21 } |
Chris@0 | 22 .skip-link.visually-hidden.focusable:focus { |
Chris@0 | 23 position: absolute !important; |
Chris@0 | 24 color: #fff; |
Chris@0 | 25 } |