1/** 2 * This file provides the design styles for the direct / menu jump links. 3 * 4 * @author Jana Deutschlaender <deutschlaender@cosmocode.de> 5 */ 6 7.nav-direct { 8 background-color: __nav_direct_background__; 9 margin-top: -1px; 10 11 p { 12 box-sizing: border-box; 13 text-align: center; 14 position: absolute; 15 left: 0; 16 top: -1px; 17 width: 100%; 18 height: 1px; 19 z-index: 200; 20 21 a:link, 22 a:visited { 23 .sr-out(); 24 25 box-shadow: __box_shadow__; 26 display: block; 27 width: 100%; 28 background-color: __nav_direct_background__; 29 border-bottom: 1px solid __shadow_color__; 30 color: __nav_direct_color__; 31 line-height: @line-height-default; 32 text-decoration: none; 33 padding: 1em; 34 box-sizing: border-box; 35 border-radius: 0; 36 } 37 38 a:focus, 39 a:hover, 40 a:active { 41 top: 0; 42 left: 0; 43 text-decoration: underline; 44 min-height: 50px; 45 } 46 47 a:hover, 48 a:active { 49 text-decoration: none; 50 } 51 } 52} 53