MDL-30500 Fix for Sky High report & print layout
[moodle.git] / theme / sky_high / style / pagelayout.css
1 /** Path: theme pagelayout **/
3 /*********************************************************************************************
4     column witdh: [[setting:regionwidth]]
5 **********************************************************************************************/
7 body {
8     margin:auto 0px;
9     width:auto;
10 }
12 #page {
13     width:100%;
14     max-width: 1600px;
15     overflow:hidden;
16     margin:0 auto;
17 }
19 #page-content {
20     clear: both;
21     overflow: hidden;
22     position: relative;
23     width: 100%;
24 }
26 /* @group Pre and Post */
28 #page-content #region-main-box {
29     float: left;
30     margin-left: -[[setting:regionwidth]];
31     position: relative;
32     width: 200%;
33     right: 100%;
34 }
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;
42 }
44 #page-content #region-main-wrap {
45     float: left;
46     width: 50%;
47 }
49 #page-content #region-main {
50     overflow: hidden;
51     position: relative;
52     margin-left: [[setting:regionwidthdouble]];
53     left: 100%;
54 }
56 #page-content #region-pre {
57     float: right;
58     position: relative;
59     left: [[setting:leftregionwidthmargin]];
60     width: [[setting:regionwidth]];
61     background: transparent;
62 }
64 #page-content #region-post {
65     float: right;
66     position: relative;
67     left: [[setting:rightregionwidthmargin]];
68     width: [[setting:regionwidth]];
69     background: transparent;
70 }
72 #page-content #region-main .region-content {
73     overflow: hidden;
74     margin: 20px;
75     padding-bottom: 20px;
76 }
78 #page-content #region-pre .region-content,
79 #page-content #region-post .region-content {
80     overflow: hidden;
81     padding: 20px 10px;
82 }
84 #page-footer {
85     clear: both;
86     float: left;
87     width: 100%;
88 }
90 /* @end */
92 /* @group Pre Side Only */
94 .side-pre-only #page-content #region-main-box {
95     margin-left: 0px;
96 }
98 .side-pre-only #page-content #region-post-box {
99     margin-left: -[[setting:regionwidth]];
102 .side-pre-only #page-content #region-main {
103     margin-left: [[setting:regionwidth]];
106 .side-pre-only #page-content #region-pre {
107     left: [[setting:regionwidth]];
108     width: [[setting:regionwidth]];
111 .side-pre-only #page-content #region-post {
112     width: 0%;
115 /* @end */
117 /* @group Post Side Only */
119 .side-post-only #page-content #region-main-box {
120     margin-left: 0px;
123 .side-post-only #page-content #region-main-box #region-post-box {
124     margin-left: -[[setting:regionwidth]];
127 .side-post-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
128     margin-left: [[setting:regionwidth]];
131 .side-post-only #page-content #region-main-box #region-post-box #region-pre {
132     left: 0;
133     width: 0;
136 .side-post-only #page-content #region-main-box #region-post-box #region-post {
137     left: [[setting:regionwidth]];
138     width: [[setting:regionwidth]];
141 .has_dock.side-post-only .page-middle #region-main-box #region-post-box #region-main-wrap #region-main {
142     margin-left: 200px;
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%;
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;
161 .blocks-moving.side-post-only #page-content #region-main-box #region-post-box #region-main-wrap {
162     float: left;
163     width: 50%;
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%;
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;
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;
189 /* @end */
191 /* @group No Blocks */
193 .content-only #page-content #region-main-box {
194     margin-left: 0px;
197 .content-only #page-content #region-main-box #region-post-box {
198     margin-left: 0px;
201 .content-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
202     margin-left: 0px;
205 .content-only #page-content #region-main-box #region-post-box #region-pre {
206     width: 0px;
209 .content-only #page-content #region-main-box #region-post-box #region-post {
210     width: 0px;
213 /* @end */
215 /* @pagelayout-report - overflow */
217 .pagelayout-report #page-content #region-main {
218     overflow: auto;
220 .pagelayout-report #page-content #region-main .region-content {
221     overflow: visible;