theme-overlay MDL-25750 Fixed overflow problem with report layout.
[moodle.git] / theme / overlay / style / pagelayout.css
1 /** Path: theme pagelayout **/
2 body {margin:auto 0px;width:auto; height: 100%}
3 #page {width:100%;overflow:hidden; min-height: 100%;}
4 #page-content {
5     clear: both;
6     position: relative;
7     width: 100%;min-height: 100%;
8 }
10 #page-content #region-main-box {
11     float: left;
12     margin-left: -200px;
13     position: relative;
14     width: 200%;
15     right: 100%;min-height: 100%;
16 }
18 #page-content #region-post-box {
19     float: left;
20     margin-left: -200px;
21     width: 100%;min-height: 100%;
22 }
24 #page-content #region-main-wrap {
25     float: left;
26     width: 50%;min-height: 100%;
27 }
29 #page-content #region-main {
30     position: relative;
31     margin-left: 400px;
32     left: 100%;min-height: 100%;
33 }
35 #page-content #region-pre {
36     float: right;
37     position: relative;
38     width: 200px;
39     left: 200px;
40     min-height: 100%;
41 }
43 #page-content #region-post {
44     float: right;
45     position: relative;
46     left: 600px;
47     width: 200px;min-height: 100%;
48 }
50 #page-content #region-main .region-content {
51     overflow: hidden;
52     padding: 20px 20px 20px 0;min-height: 100%;
53 }
55 .pagelayout-report #page-content #region-main .region-content {
56     overflow: auto;
57     padding-bottom:0;
58     margin-bottom:20px;
59 }
61 #page-content #region-pre .region-content,
62 #page-content #region-post .region-content {
63     overflow: hidden;
64     padding: 20px 10px;
65     min-height: 100%;
66 }
68 #page-footer {
69     clear: both;
70     float: left;
71     width: 100%;
72 }
74 /** Only side pre **/
76 .side-pre-only #page-content #region-main-box {
77     margin-left: 0px;
78 }
80 .side-pre-only #page-content #region-main-box #region-post-box {
81     margin-left: -200px;
82 }
84 .side-pre-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
85     margin-left: 200px;
86 }
88 .side-pre-only #page-content #region-main-box #region-post-box #region-pre {
89     left: 200px;
90     width: 200px;
91 }
93 .side-pre-only #page-content #region-main-box #region-post-box #region-post {
94     width: 0%;
95 }
97 /** Only side post **/
99 .side-post-only #page-content #region-main-box {
100     margin-left: 0px;
103 .side-post-only #page-content #region-main-box #region-post-box {
104     margin-left: -200px;
107 .side-post-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
108     margin-left: 200px;
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;