83988b637f4f9a8bd9bc84248b36e863795fe977
[moodle.git] / theme / nonzero / style / pagelayout.css
1 /** Path: theme pagelayout **/
2 body {margin:auto 0px;width:auto;}
3 #page {width:100%;overflow:hidden;}
4 #page-content {
5     clear: both;
6     overflow: hidden;
7     position: relative;
8     width: 100%;
9 }
11 #page-content #region-main-box {
12     float: left;
13     margin-left: -[[setting:regionpostwidth]];
14     position: relative;
15     width: 200%;
16     right: 100%;
17 }
19 #page-content #region-post-box {
20     float: left;
21     margin-left: -[[setting:regionprewidth]];
22     width: 100%;
23 }
25 #page-content #region-main-wrap {
26     float: left;
27     width: 50%;
28 }
30 #page-content #region-main {
31     overflow: hidden;
32     position: relative;
33     margin-left: [[setting:regionsumwidth]];
34     left: 100%;
35 }
37 #page-content #region-pre {
38     float: right;
39     position: relative;
40     width: [[setting:regionprewidth]];
41     left: [[setting:regionprewidth]];
42 }
44 #page-content #region-post {
45     float: right;
46     position: relative;
47     left: [[setting:regiondoublepresumwidth]];
48     width: [[setting:regionpostwidth]];
49 }
51 #page-content #region-main .region-content {
52     overflow: hidden;
53     padding: 20px 20px 20px 0;
54 }
56 #page-content #region-pre .region-content,
57 #page-content #region-post .region-content {
58     overflow: hidden;
59     padding: 20px 10px;
60 }
62 #page-footer {
63     clear: both;
64     float: left;
65     width: 100%;
66 }
68 /** Only side pre **/
69 .side-pre-only #page-content #region-main-box {
70     margin-left: 0;
71 }
73 .side-pre-only #page-content #region-post-box {
74     margin-left: -[[setting:regionprewidth]];
75 }
77 .side-pre-only #page-content #region-main {
78     margin-left: [[setting:regionprewidth]];
79 }
81 .side-pre-only #page-content #region-pre {
82     left: [[setting:regionprewidth]];
83     width: [[setting:regionprewidth]];
84 }
86 .side-pre-only #page-content #region-post {
87     left: 0;
88     width: 0;
89 }
91 /** Only side post **/
92 .side-post-only #page-content #region-main-box {
93     margin-left: 0;
95 }
97 .side-post-only #page-content #region-post-box {
98     margin-left: -[[setting:regionpostwidth]];
99 }
101 .side-post-only #page-content #region-main {
102     margin-left: [[setting:regionpostwidth]];
105 .side-post-only #page-content #region-pre {
106     left: 0;
107     width: 0;
109 .side-post-only #page-content #region-post {
110     left: [[setting:regionpostwidth]];
111     width: [[setting:regionpostwidth]];
114 .has_dock.side-post-only .page-middle #region-main-box #region-post-box #region-main-wrap #region-main {
115     margin-left: [[setting:regionprewidth]];
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%;
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%;
133 .blocks-moving.side-post-only #page-content #region-main-box #region-post-box #region-main-wrap {
134     float: left;
135     width: 50%;
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%;
145 .blocks-moving.side-post-only #page-content #region-main-box #region-post-box #region-pre {
146     float: right;
147     position: relative;
148     left: [[setting:leftregionwidthmargin]];
149     width: [[setting:regionprewidth]];
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]];
159 /** No blocks whatsoever **/
160 .content-only #page-content #region-main-box {
161     margin-left: 0px;
164 .content-only #page-content #region-post-box {
165     margin-left: 0px;
168 .content-only #page-content #region-main {
169     margin-left: 0px;
172 .content-only #page-content #region-pre {
173     width: 0px;
176 .content-only #page-content #region-post {
177     width: 0px;
180 .pagelayout-report #page-content #region-main {overflow:auto;}
181 .pagelayout-report #page-content #region-main .region-content {overflow:visible;}