Tablet-Layout vereinfacht und Sticky-Footer-Hack aus Phone-Layout ├╝bernommen
[website] / src / main / webapp / less / tablet / footer.less
1 .cols_1 > #footer
2 {
3   padding: 2em 3em 1.5em 5em;
4   @media (max-width: @maxsmalltablet)
5   {
6     padding: 1.5em 2em 1em 3em;
7   }
8   @media (max-width: @maxsmallertablet)
9   {
10     padding: 1em 1em .75em 2.5em;
11   }
12   background-color: @heller;
13 }
14 .cols_1 > #footer > #footerlinks
15 {
16   position: static;
17   border-style: none;
18 }
19 .cols_1 > #footer > #footerlinks > li.f
20 {
21   line-height: 1em;
22   margin: 0 1em 0 0;
23   padding: 0;
24 }
25 .cols_1 > #footer > #footerlinks > li.f > a.f
26 {
27   color: @hintergrund;
28   border-color: @hintergrund;
29 }
30 .cols_1 > #footer > #footerlinks > li#copyright
31 {
32   position: static;
33   float: right;
34   font-size: 137.5%;
35   margin: 0;
36 }
37 .cols_2 > #footer > #footerlinks
38 {
39   position: static;
40   border-style: none;
41   margin: 4em 0 0 2em;
42 }
43 .cols_2 > #footer > #footerlinks > li.f
44 {
45   line-height: 1em;
46   display: block;
47   margin: 0 0 .25em 0;
48   color: @hintergrund;
49 }
50 .cols_2 > #footer > #footerlinks > li#copyright
51 {
52   line-height: 1em;
53   font-size: 137.5%;
54   top: auto;
55   bottom: 0;
56   left: 0;
57   right: 0;
58   padding: 0 2.18181818em 1.5em; /* ? 3*16px ? */
59   @media (max-width: @maxsmalltablet)
60   {
61     padding-right: 1.45454545em;
62     padding-bottom: 1em;
63   }
64   @media (max-width: @maxsmallertablet)
65   {
66     padding-right: .72727272em;
67     padding-bottom: .5em;
68   }
69   background-color: @heller;
70   text-align: right;
71 }
72 .cols_2 > #footer > #footerlinks a.f
73 {
74   color: @hintergrund;
75   border-color: @hintergrund;
76 }
77 .cols_2 > #footer > #footerlinks a.f:hover
78 {
79   color: @hintergrund;
80   border-color: @hintergrund;
81   border-style: solid;
82 }