CSS für Media-Queries in einer Datei zusammengefasst
[website] / src / main / webapp / less / tablet / footer.less
1 .cols_1 > #footer
2 {
3   margin: 0 0 0 -5em;
4   padding: 2em 3em 2em 5em;
5   background-color: @heller;
6 }
7 .cols_1 > #footer > #footerlinks
8 {
9   position: static;
10   border-style: none;
11 }
12 .cols_1 > #footer > #footerlinks > li.f
13 {
14   line-height: 1em;
15   margin: 0 1em 0 0;
16   padding: 0;
17 }
18 .cols_1 > #footer > #footerlinks > li.f > a.f
19 {
20   color: @hintergrund;
21   border-color: @hintergrund;
22 }
23 .cols_1 > #footer > #footerlinks > li#copyright
24 {
25   position: static;
26   float: right;
27   font-size: 137.5%;
28   margin: 0;
29 }
30 .cols_2 > #footer > #footer
31 {
32   padding: 0;
33 }
34 .cols_2 > #footer > #footerlinks
35 {
36   position: static;
37   border-style: none;
38   margin: 4em 0 0 2em;
39 }
40 .cols_2 > #footer > #footerlinks > li.f
41 {
42   line-height: 1em;
43   display: block;
44   margin: 0;
45   color: @hintergrund;
46 }
47 .cols_2 > #footer > #footerlinks > li#copyright
48 {
49   line-height: 1em;
50   font-size: 137.5%;
51   top: auto;
52   bottom: 1em;
53   right: -9em;
54 }
55 .cols_2 > #footer > #footerlinks a.f
56 {
57   color: @hintergrund;
58   border-color: @hintergrund;
59 }
60 .cols_2 > #footer > #footerlinks a.f:hover
61 {
62   color: @hintergrund;
63   border-color: @hintergrund;
64   border-style: solid;
65 }