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 8.nav-direct { 9 background-color: @nav_direct_background; 10 margin-top: -1px; 11 12 p { 13 box-sizing: border-box; 14 text-align: center; 15 position: absolute; 16 left: 0; 17 top: -1px; 18 width: 100%; 19 height: 1px; 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