1bf154ac6233762ab9104ca3a7a191803c456d48
[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 }
77 #page-content #region-pre .region-content,
78 #page-content #region-post .region-content {
79     overflow: hidden;
80     padding: 20px 10px;
81 }
83 #page-footer {
84     clear: both;
85     float: left;
86     width: 100%;
87 }
89 /* @end */
91 /* @group Pre Side Only */
93 .side-pre-only #page-content #region-main-box {
94     margin-left: 0px;
95 }
97 .side-pre-only #page-content #region-post-box {
98     margin-left: -[[setting:regionwidth]];
99 }
101 .side-pre-only #page-content #region-main {
102     margin-left: [[setting:regionwidth]];
105 .side-pre-only #page-content #region-pre {
106     left: [[setting:regionwidth]];
107     width: [[setting:regionwidth]];
110 .side-pre-only #page-content #region-post {
111     width: 0%;
114 /* @end */
116 /* @group Post Side Only */
118 .side-post-only #page-content #region-main-box {
119     margin-left: 0px;
122 .side-post-only #page-content #region-main-box #region-post-box {
123     margin-left: -[[setting:regionwidth]];
126 .side-post-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
127     margin-left: [[setting:regionwidth]];
130 .side-post-only #page-content #region-main-box #region-post-box #region-pre {
131     left: 0;
132     width: 0;
135 .side-post-only #page-content #region-main-box #region-post-box #region-post {
136     left: [[setting:regionwidth]];
137     width: [[setting:regionwidth]];
140 .has_dock.side-post-only .page-middle #region-main-box #region-post-box #region-main-wrap #region-main {
141     margin-left: 200px;
144 .blocks-moving.side-post-only #page-content #region-main-box {
145     float: left;
146     margin-left: -[[setting:regionwidth]];
147     position: relative;
148     width: 200%;
149     right: 100%;
152 .blocks-moving.side-post-only #page-content #region-main-box #region-post-box {
153     float: left;
154     margin-left: -[[setting:regionwidth]];
155     width: 100%;
156     border-right: 2px solid #98bcd6;
157     background: url([[pix:theme|top_bg]]) repeat-x top #fff;
160 .blocks-moving.side-post-only #page-content #region-main-box #region-post-box #region-main-wrap {
161     float: left;
162     width: 50%;
165 .blocks-moving.side-post-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
166     overflow: hidden;
167     position: relative;
168     margin-left: [[setting:regionwidthdouble]];
169     left: 100%;
172 .blocks-moving.side-post-only #page-content #region-main-box #region-post-box #region-pre {
173     float: right;
174     position: relative;
175     left: [[setting:leftregionwidthmargin]];
176     width: [[setting:regionwidth]];
177     background: transparent;
180 .blocks-moving.side-post-only #page-content #region-main-box #region-post-box #region-post {
181     float: right;
182     position: relative;
183     left: [[setting:rightregionwidthmargin]];
184     width: [[setting:regionwidth]];
185     background: transparent;
188 /* @end */
190 /* @group No Blocks */
192 .content-only #page-content #region-main-box {
193     margin-left: 0px;
196 .content-only #page-content #region-main-box #region-post-box {
197     margin-left: 0px;
200 .content-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
201     margin-left: 0px;
204 .content-only #page-content #region-main-box #region-post-box #region-pre {
205     width: 0px;
208 .content-only #page-content #region-main-box #region-post-box #region-post {
209     width: 0px;
212 /* @end */
214 /* @pagelayout-report - overflow */
216 .pagelayout-report #page-content #region-main {
217     overflow: auto;
219 .pagelayout-report #page-content #region-main .region-content {
220     overflow: visible;