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