MDL-26953 theme_nonzero: Quick fix to incorrect left position
[moodle.git] / theme / nonzero / style / pagelayout.css
CommitLineData
4817aee5 1/** Path: theme pagelayout **/
4817aee5
PS
2body {margin:auto 0px;width:auto;}
3#page {width:100%;overflow:hidden;}
4#page-content {
367a75fa
SH
5 clear: both;
6 overflow: hidden;
7 position: relative;
8 width: 100%;
4817aee5
PS
9}
10
11#page-content #region-main-box {
367a75fa 12 float: left;
d4bb7626 13 margin-left: -[[setting:regionpostwidth]];
367a75fa
SH
14 position: relative;
15 width: 200%;
16 right: 100%;
4817aee5
PS
17}
18
367a75fa
SH
19#page-content #region-post-box {
20 float: left;
d4bb7626 21 margin-left: -[[setting:regionprewidth]];
367a75fa 22 width: 100%;
4817aee5
PS
23}
24
367a75fa
SH
25#page-content #region-main-wrap {
26 float: left;
27 width: 50%;
4817aee5
PS
28}
29
367a75fa
SH
30#page-content #region-main {
31 overflow: hidden;
32 position: relative;
33 margin-left: [[setting:regionsumwidth]];
34 left: 100%;
4817aee5
PS
35}
36
367a75fa
SH
37#page-content #region-pre {
38 float: right;
39 position: relative;
40 width: [[setting:regionprewidth]];
41 left: [[setting:regionprewidth]];
4817aee5
PS
42}
43
367a75fa
SH
44#page-content #region-post {
45 float: right;
46 position: relative;
47 left: [[setting:regiondoublepresumwidth]];
48 width: [[setting:regionpostwidth]];
4817aee5
PS
49}
50
367a75fa
SH
51#page-content #region-main .region-content {
52 overflow: hidden;
53 padding: 20px 20px 20px 0;
4817aee5
PS
54}
55
367a75fa
SH
56#page-content #region-pre .region-content,
57#page-content #region-post .region-content {
58 overflow: hidden;
59 padding: 20px 10px;
4817aee5
PS
60}
61
62#page-footer {
367a75fa
SH
63 clear: both;
64 float: left;
65 width: 100%;
4817aee5
PS
66}
67
68/** Only side pre **/
4817aee5 69.side-pre-only #page-content #region-main-box {
d4bb7626 70 margin-left: 0;
4817aee5
PS
71}
72
367a75fa
SH
73.side-pre-only #page-content #region-post-box {
74 margin-left: -[[setting:regionprewidth]];
4817aee5
PS
75}
76
367a75fa
SH
77.side-pre-only #page-content #region-main {
78 margin-left: [[setting:regionprewidth]];
4817aee5
PS
79}
80
367a75fa
SH
81.side-pre-only #page-content #region-pre {
82 left: [[setting:regionprewidth]];
d4bb7626 83 width: [[setting:regionprewidth]];
4817aee5
PS
84}
85
367a75fa 86.side-pre-only #page-content #region-post {
d4bb7626
ME
87 left: 0;
88 width: 0;
4817aee5
PS
89}
90
91/** Only side post **/
4817aee5 92.side-post-only #page-content #region-main-box {
d4bb7626 93 margin-left: 0;
367a75fa 94
4817aee5
PS
95}
96
367a75fa
SH
97.side-post-only #page-content #region-post-box {
98 margin-left: -[[setting:regionpostwidth]];
4817aee5
PS
99}
100
367a75fa
SH
101.side-post-only #page-content #region-main {
102 margin-left: [[setting:regionpostwidth]];
4817aee5
PS
103}
104
d4bb7626
ME
105.side-post-only #page-content #region-pre {
106 left: 0;
107 width: 0;
108}
367a75fa 109.side-post-only #page-content #region-post {
d4bb7626 110 left: [[setting:regionpostwidth]];
367a75fa 111 width: [[setting:regionpostwidth]];
4817aee5
PS
112}
113
114.has_dock.side-post-only .page-middle #region-main-box #region-post-box #region-main-wrap #region-main {
367a75fa 115 margin-left: [[setting:regionprewidth]];
4817aee5
PS
116}
117
d4bb7626
ME
118.blocks-moving.side-post-only #page-content #region-main-box {
119 float: left;
120 margin-left: -[[setting:regionpostwidth]];
121 position: relative;
122 width: 200%;
123 right: 100%;
124}
125
126.blocks-moving.side-post-only #page-content #region-main-box #region-post-box {
127 float: left;
128 margin-left:
129 -[[setting:regionprewidth]];
130 width: 100%;
131}
132
133.blocks-moving.side-post-only #page-content #region-main-box #region-post-box #region-main-wrap {
134 float: left;
135 width: 50%;
136}
137
138.blocks-moving.side-post-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
139 overflow: hidden;
140 position: relative;
141 margin-left: [[setting:regionsumwidth]];
142 left: 100%;
143}
144
145.blocks-moving.side-post-only #page-content #region-main-box #region-post-box #region-pre {
146 float: right;
147 position: relative;
9a23f94b 148 left: [[setting:regionprewidth]];
d4bb7626
ME
149 width: [[setting:regionprewidth]];
150}
151
152.blocks-moving.side-post-only #page-content #region-main-box #region-post-box #region-post {
153 float: right;
154 position: relative;
155 left: [[setting:regiondoublepresumwidth]];
156 width: [[setting:regionpostwidth]];
157}
158
4817aee5 159/** No blocks whatsoever **/
4817aee5 160.content-only #page-content #region-main-box {
367a75fa
SH
161 margin-left: 0px;
162}
163
164.content-only #page-content #region-post-box {
165 margin-left: 0px;
4817aee5
PS
166}
167
367a75fa
SH
168.content-only #page-content #region-main {
169 margin-left: 0px;
4817aee5
PS
170}
171
367a75fa
SH
172.content-only #page-content #region-pre {
173 width: 0px;
4817aee5
PS
174}
175
367a75fa
SH
176.content-only #page-content #region-post {
177 width: 0px;
4817aee5
PS
178}
179
367a75fa
SH
180.pagelayout-report #page-content #region-main {overflow:auto;}
181.pagelayout-report #page-content #region-main .region-content {overflow:visible;}