|
1 |
|
2 /* ---------- Basic Layout Styles ----------- */ |
|
3 |
|
4 html, |
|
5 body, |
|
6 #page { |
|
7 height: 100%; |
|
8 } |
|
9 #page-wrapper { |
|
10 min-height: 100%; |
|
11 min-width: 960px; |
|
12 } |
|
13 #header div.section, |
|
14 #featured div.section, |
|
15 #messages div.section, |
|
16 #main, |
|
17 #triptych, |
|
18 #footer-columns, |
|
19 #footer { |
|
20 width: 960px; |
|
21 margin-left: auto; |
|
22 margin-right: auto; |
|
23 } |
|
24 #header div.section { |
|
25 position: relative; |
|
26 } |
|
27 .region-header { |
|
28 float: right; /* LTR */ |
|
29 margin: 0 5px 10px; |
|
30 } |
|
31 .with-secondary-menu .region-header { |
|
32 margin-top: 3em; |
|
33 } |
|
34 .without-secondary-menu .region-header { |
|
35 margin-top: 15px; |
|
36 } |
|
37 #secondary-menu { |
|
38 position: absolute; |
|
39 right: 0; /* LTR */ |
|
40 top: 0; |
|
41 width: 480px; |
|
42 } |
|
43 #content, |
|
44 #sidebar-first, |
|
45 #sidebar-second, |
|
46 .region-triptych-first, |
|
47 .region-triptych-middle, |
|
48 .region-triptych-last, |
|
49 .region-footer-firstcolumn, |
|
50 .region-footer-secondcolumn, |
|
51 .region-footer-thirdcolumn, |
|
52 .region-footer-fourthcolumn { |
|
53 display: inline; |
|
54 float: left; /* LTR */ |
|
55 position: relative; |
|
56 } |
|
57 .one-sidebar #content { |
|
58 width: 720px; |
|
59 } |
|
60 .two-sidebars #content { |
|
61 width: 480px; |
|
62 } |
|
63 .no-sidebars #content { |
|
64 width: 960px; |
|
65 float: none; |
|
66 } |
|
67 #sidebar-first, |
|
68 #sidebar-second { |
|
69 width: 240px; |
|
70 } |
|
71 #main-wrapper { |
|
72 min-height: 300px; |
|
73 } |
|
74 #content .section, |
|
75 .sidebar .section { |
|
76 padding: 0 15px; |
|
77 } |
|
78 #breadcrumb { |
|
79 margin: 0 15px; |
|
80 } |
|
81 .region-triptych-first, |
|
82 .region-triptych-middle, |
|
83 .region-triptych-last { |
|
84 margin: 20px 20px 30px; |
|
85 width: 280px; |
|
86 } |
|
87 #footer-wrapper { |
|
88 padding: 35px 5px 30px; |
|
89 } |
|
90 .region-footer-firstcolumn, |
|
91 .region-footer-secondcolumn, |
|
92 .region-footer-thirdcolumn, |
|
93 .region-footer-fourthcolumn { |
|
94 padding: 0 10px; |
|
95 width: 220px; |
|
96 } |
|
97 #footer { |
|
98 width: 940px; |
|
99 min-width: 920px; |
|
100 } |