xref: /template/sprintdoc/css/area_nav-direct.less (revision ca90ebc1c0558ca85441f4a87808dc0dd471f02f)
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