Basis-Layout f├╝r veraltete Browser (IE6 & Co.) ├╝berarbeitet
[website] / src / main / webapp / less / screen / layout.less
1 @import '../variables.less';
2
3 .content
4 {
5   position: relative;
6 }
7 .content.cols_2
8 {
9   padding: 0 27em 0 0;
10   background-image: url('../../img/bg.gif');
11   background-repeat: repeat-y;
12   background-position: right top;
13 }
14 .content.cols_2 > .main
15 {
16   float: left;
17   min-height: 1em;
18   position: relative;
19   width: 100%;
20 }
21 .content.cols_2 > .marginal
22 {
23   float: left;
24   margin: 0 -27em 0 2.625em;
25   padding: 0 2em 1.0625em 2em;
26   position: relative;
27   width: 20.375em;
28   background-color: @heller;
29 }
30 .cols_2 > .content > .marginal h1,
31 .cols_2 > .content > .marginal h2,
32 .cols_2 > .content > .marginal h3,
33 .cols_2 > .content > .marginal h4
34 {
35   color: @hintergrund;
36 }
37 .content #nav
38 {
39   position: absolute;
40   top: 0;
41   width: 100%;
42 }
43 .content.cols_2 #nav
44 {
45   position: relative;
46   top: auto;
47   right: auto;
48   width: 22.375em; /** 358px = 326px + 32px*/
49 }
50 .content.cols_2 #nav > #menu
51 {
52   margin: 0 0 -2.125em 0; /** 0 0 -34px 0 */
53 }
54 .content.cols_1 #nav > #menu
55 {
56   position: absolute;
57   top: -7em; /** 112px */
58   right: 0;
59   margin: 0;
60 }
61
62 /** Always display vertical scroll-bars */
63 body { overflow-y: scroll; }