MDL-30500 Fix for Sky High report & print layout
[moodle.git] / theme / sky_high / style / pagelayout.css
CommitLineData
dc38e364
S
1/** Path: theme pagelayout **/
2
3/*********************************************************************************************
4146e435 4 column witdh: [[setting:regionwidth]]
dc38e364
S
5**********************************************************************************************/
6
7body {
367a75fa
SH
8 margin:auto 0px;
9 width:auto;
dc38e364 10}
367a75fa 11
dc38e364 12#page {
367a75fa
SH
13 width:100%;
14 max-width: 1600px;
15 overflow:hidden;
16 margin:0 auto;
dc38e364
S
17}
18
19#page-content {
367a75fa
SH
20 clear: both;
21 overflow: hidden;
22 position: relative;
23 width: 100%;
dc38e364
S
24}
25
26/* @group Pre and Post */
27
28#page-content #region-main-box {
367a75fa
SH
29 float: left;
30 margin-left: -[[setting:regionwidth]];
31 position: relative;
32 width: 200%;
33 right: 100%;
dc38e364
S
34}
35
367a75fa
SH
36#page-content #region-post-box {
37 float: left;
38 margin-left: -[[setting:regionwidth]];
39 width: 100%;
40 border-right: 2px solid #98bcd6;
41 background: url([[pix:theme|top_bg]]) repeat-x top #fff;
dc38e364
S
42}
43
367a75fa
SH
44#page-content #region-main-wrap {
45 float: left;
46 width: 50%;
dc38e364
S
47}
48
367a75fa
SH
49#page-content #region-main {
50 overflow: hidden;
51 position: relative;
52 margin-left: [[setting:regionwidthdouble]];
53 left: 100%;
dc38e364
S
54}
55
367a75fa
SH
56#page-content #region-pre {
57 float: right;
58 position: relative;
59 left: [[setting:leftregionwidthmargin]];
60 width: [[setting:regionwidth]];
61 background: transparent;
dc38e364
S
62}
63
367a75fa
SH
64#page-content #region-post {
65 float: right;
66 position: relative;
67 left: [[setting:rightregionwidthmargin]];
68 width: [[setting:regionwidth]];
69 background: transparent;
dc38e364
S
70}
71
367a75fa
SH
72#page-content #region-main .region-content {
73 overflow: hidden;
74 margin: 20px;
e580c659 75 padding-bottom: 20px;
dc38e364
S
76}
77
367a75fa
SH
78#page-content #region-pre .region-content,
79#page-content #region-post .region-content {
80 overflow: hidden;
81 padding: 20px 10px;
dc38e364
S
82}
83
84#page-footer {
367a75fa
SH
85 clear: both;
86 float: left;
87 width: 100%;
dc38e364
S
88}
89
dc38e364
S
90/* @end */
91
92/* @group Pre Side Only */
93
94.side-pre-only #page-content #region-main-box {
367a75fa 95 margin-left: 0px;
dc38e364
S
96}
97
367a75fa
SH
98.side-pre-only #page-content #region-post-box {
99 margin-left: -[[setting:regionwidth]];
dc38e364
S
100}
101
367a75fa
SH
102.side-pre-only #page-content #region-main {
103 margin-left: [[setting:regionwidth]];
dc38e364
S
104}
105
367a75fa
SH
106.side-pre-only #page-content #region-pre {
107 left: [[setting:regionwidth]];
108 width: [[setting:regionwidth]];
dc38e364
S
109}
110
367a75fa
SH
111.side-pre-only #page-content #region-post {
112 width: 0%;
dc38e364
S
113}
114
dc38e364
S
115/* @end */
116
117/* @group Post Side Only */
118
119.side-post-only #page-content #region-main-box {
367a75fa 120 margin-left: 0px;
dc38e364
S
121}
122
123.side-post-only #page-content #region-main-box #region-post-box {
367a75fa 124 margin-left: -[[setting:regionwidth]];
dc38e364
S
125}
126
127.side-post-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
367a75fa 128 margin-left: [[setting:regionwidth]];
dc38e364
S
129}
130
4146e435
ME
131.side-post-only #page-content #region-main-box #region-post-box #region-pre {
132 left: 0;
133 width: 0;
134}
135
dc38e364 136.side-post-only #page-content #region-main-box #region-post-box #region-post {
4146e435 137 left: [[setting:regionwidth]];
367a75fa 138 width: [[setting:regionwidth]];
dc38e364
S
139}
140
141.has_dock.side-post-only .page-middle #region-main-box #region-post-box #region-main-wrap #region-main {
367a75fa 142 margin-left: 200px;
dc38e364
S
143}
144
4146e435
ME
145.blocks-moving.side-post-only #page-content #region-main-box {
146 float: left;
147 margin-left: -[[setting:regionwidth]];
148 position: relative;
149 width: 200%;
150 right: 100%;
151}
dc38e364 152
4146e435
ME
153.blocks-moving.side-post-only #page-content #region-main-box #region-post-box {
154 float: left;
155 margin-left: -[[setting:regionwidth]];
156 width: 100%;
157 border-right: 2px solid #98bcd6;
158 background: url([[pix:theme|top_bg]]) repeat-x top #fff;
159}
160
161.blocks-moving.side-post-only #page-content #region-main-box #region-post-box #region-main-wrap {
162 float: left;
163 width: 50%;
164}
165
166.blocks-moving.side-post-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
167 overflow: hidden;
168 position: relative;
169 margin-left: [[setting:regionwidthdouble]];
170 left: 100%;
171}
172
173.blocks-moving.side-post-only #page-content #region-main-box #region-post-box #region-pre {
174 float: right;
175 position: relative;
176 left: [[setting:leftregionwidthmargin]];
177 width: [[setting:regionwidth]];
178 background: transparent;
179}
180
181.blocks-moving.side-post-only #page-content #region-main-box #region-post-box #region-post {
182 float: right;
183 position: relative;
184 left: [[setting:rightregionwidthmargin]];
185 width: [[setting:regionwidth]];
186 background: transparent;
187}
dc38e364
S
188
189/* @end */
190
191/* @group No Blocks */
192
193.content-only #page-content #region-main-box {
367a75fa 194 margin-left: 0px;
dc38e364
S
195}
196
197.content-only #page-content #region-main-box #region-post-box {
367a75fa 198 margin-left: 0px;
dc38e364
S
199}
200
201.content-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
367a75fa 202 margin-left: 0px;
dc38e364
S
203}
204
205.content-only #page-content #region-main-box #region-post-box #region-pre {
367a75fa 206 width: 0px;
dc38e364
S
207}
208
209.content-only #page-content #region-main-box #region-post-box #region-post {
367a75fa 210 width: 0px;
dc38e364
S
211}
212
4146e435 213/* @end */
dc38e364 214
4146e435 215/* @pagelayout-report - overflow */
dc38e364 216
367a75fa 217.pagelayout-report #page-content #region-main {
4146e435 218 overflow: auto;
367a75fa
SH
219}
220.pagelayout-report #page-content #region-main .region-content {
4146e435 221 overflow: visible;
367a75fa 222}