a0c495228bea13fdaaa9a3886c57c7c383f21b4e
[moodle.git] / theme / overlay / style / pagelayout.css
1 /** Path: theme pagelayout **/
5 body {margin:auto 0px;width:auto; height: 100%}
6 #page {width:100%;overflow:hidden; min-height: 100%;}
7 #page-content {
8         clear: both;
9         position: relative;
10         width: 100%;min-height: 100%;
11 }
13 #page-content #region-main-box {
14         float: left;
15         margin-left: -200px;
16         position: relative;
17         width: 200%;
18         right: 100%;min-height: 100%;
19 }
21 #page-content #region-main-box #region-post-box {
22         float: left;
23         margin-left: -200px;
24         width: 100%;min-height: 100%;
25 }
27 #page-content #region-main-box #region-post-box #region-main-wrap {
28         float: left;
29         width: 50%;min-height: 100%;
30 }
32 #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
33         
34         position: relative;
35         margin-left: 400px;
36         left: 100%;min-height: 100%;
37 }
39 #page-content #region-main-box #region-post-box #region-pre {
40         float: right;
41         position: relative;
42         width: 200px;
43         left: 200px;
44         min-height: 100%;
45         
46 }
48 #page-content #region-main-box #region-post-box #region-post {
49         float: right;
50         position: relative;
51         left: 600px;
52         width: 200px;min-height: 100%;
53 }
55 #page-content #region-main-box #region-post-box #region-main-wrap #region-main .region-content {
56         overflow: hidden;
57         padding: 20px 20px 20px 0;min-height: 100%;
58 }
60 #page-content #region-main-box #region-post-box #region-pre .region-content,
61 #page-content #region-main-box #region-post-box #region-post .region-content {
62         overflow: hidden;
63         padding: 20px 10px;min-height: 100%;
64 }
66 #page-footer {
67         clear: both;
68         float: left;
69         width: 100%;
70 }
72 /** Only side pre **/
74 .side-pre-only #page-content #region-main-box {
75         margin-left: 0px;
76 }
78 .side-pre-only #page-content #region-main-box #region-post-box {
79         margin-left: -200px;
80 }
82 .side-pre-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
83         margin-left: 200px;
84 }
86 .side-pre-only #page-content #region-main-box #region-post-box #region-pre {
87         left: 200px;
88         width: 200px;
89 }
91 .side-pre-only #page-content #region-main-box #region-post-box #region-post {
92         width: 0%;
93 }
95 /** Only side post **/
97 .side-post-only #page-content #region-main-box {
98         margin-left: 0px;
99         
102 .side-post-only #page-content #region-main-box #region-post-box {
103         margin-left: -200px;
106 .side-post-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
107         margin-left: 200px;
108         
111 .side-post-only #page-content #region-main-box #region-post-box #region-post {
112                 left: 400px;
113                 width: 200px;
116 .has_dock.side-post-only .page-middle #region-main-box #region-post-box #region-main-wrap #region-main {
117         margin-left: 200px;
120 /** No blocks whatsoever **/
122 .content-only #page-content #region-main-box {
123         margin-left: 0px;
126 .content-only #page-content #region-main-box #region-post-box {
127         margin-left: 0px;
130 .content-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
131         margin-left: 0px;
134 .content-only #page-content #region-main-box #region-post-box #region-pre {
135         width: 0px;
138 .content-only #page-content #region-main-box #region-post-box #region-post {
139         width: 0px;