skip-link.css 547 B

12345678910111213141516171819202122232425
  1. /**
  2. * @file
  3. * Styles for the skip link.
  4. */
  5. .skip-link {
  6. left: 50%;
  7. -webkit-transform: translateX(-50%);
  8. -ms-transform: translateX(-50%);
  9. transform: translateX(-50%);
  10. z-index: 50;
  11. background: #444;
  12. background: rgba(0, 0, 0, 0.6);
  13. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  14. font-size: 0.94em;
  15. line-height: 1.7em;
  16. padding: 1px 10px 2px;
  17. border-radius: 0 0 10px 10px;
  18. border-bottom-width: 0;
  19. outline: 0;
  20. }
  21. .skip-link.visually-hidden.focusable:focus {
  22. position: absolute !important;
  23. color: #fff;
  24. }