Tablet-Layout vereinfacht und Sticky-Footer-Hack aus Phone-Layout ├╝bernommen
[website] / src / main / webapp / less / tablet / navigation.less
1 #breadcrumb
2 {
3   left: 11.9em;
4   right: 3em;
5 }
6 .cols_1 > .content #nav > #menu,
7 .cols_2 > .content #nav > #menu
8 {
9   position: absolute;
10   width: auto;
11   right: 3em;
12 }
13 #submenu
14 {
15   padding-right: 1em;
16 }
17
18 @media (max-width: @maxsmalltablet)
19 {
20   .cols_1 > .content #nav > #menu,
21   .cols_2 > .content #nav > #menu
22   {
23     top: -5.7em;
24     right: 2em;
25   }
26   #menu > li.m
27   {
28     padding: 0 0 0 3em;
29   }
30   #menu > li.m > .m
31   {
32     font-size: 200%; /* 32px */
33   }
34   #menu > li.m > a.m:hover:before,
35   #menu > li.m > a.m.selected:before,
36   #menu > li.m > strong.m:before
37   {
38     content: '> ';
39     margin-left: -.95em;
40   }
41   #breadcrumb
42   {
43     font-size: 87.5%; /* 14px */
44     top: 7.2em;
45     left: 10.3em;
46   }
47 }
48
49 @media (max-width: @maxsmallertablet)
50 {
51   .cols_1 > .content #nav > #menu,
52   .cols_2 > .content #nav > #menu
53   {
54     top: -4.5em;
55     right: 1em;
56   }
57   #menu > li.m
58   {
59     padding: 0 0 0 2em;
60   }
61   #menu > li.m > .m
62   {
63     font-size: 150%; /* 24px */
64   }
65   #breadcrumb
66   {
67     display: none;
68   }
69 }