Basis-Layout im Hinblick auf kleine Bildschirme überarbeitet
[website] / src / main / webapp / less / screen / footer.less
1 @import '../variables.less';
2
3 #footer
4 {
5   padding: 2em 0;
6 }
7 .cols_1 > #footer
8 {
9   padding-top: 0;
10 }
11 #footer > hr
12 {
13   display: none;
14 }
15 #footerlinks
16 {
17   border-top: 1.25em solid @normal; /** 20px */
18 }
19 #footerlinks > li.f
20 {
21   line-height: .6666666667em; /* 20px */
22   display: inline-block;
23   float: none;
24   margin: .5em 1em 0 0;
25   color: @normal;
26   vertical-align: top;
27 }
28 #footerlinks > li#copyright
29 {
30   position: absolute;
31   float: none;
32   width: auto;
33   right: .625em;
34   top: -1em; /** 30px */
35   line-height: 1.4em; /* 42px */
36   color: @hintergrund;
37   margin: 0;
38   font-size: 187.5%; /** 30px */
39 }
40 #footerlinks a.f
41 {
42   color: @normal;
43   border-color: @normal;
44 }
45 #footerlinks a.f:hover
46 {
47   color: @dunkler;
48   border-color: @dunkler;
49   border-style: solid;
50 }