theme-overlay MDL-25750 Fixed overflow problem with report layout.
[moodle.git] / theme / overlay / style / pagelayout.css
CommitLineData
b2214c5a 1/** Path: theme pagelayout **/
b2214c5a
S
2body {margin:auto 0px;width:auto; height: 100%}
3#page {width:100%;overflow:hidden; min-height: 100%;}
4#page-content {
3e82d633
SH
5 clear: both;
6 position: relative;
7 width: 100%;min-height: 100%;
b2214c5a
S
8}
9
10#page-content #region-main-box {
3e82d633
SH
11 float: left;
12 margin-left: -200px;
13 position: relative;
14 width: 200%;
15 right: 100%;min-height: 100%;
16}
17
18#page-content #region-post-box {
19 float: left;
20 margin-left: -200px;
21 width: 100%;min-height: 100%;
b2214c5a
S
22}
23
3e82d633
SH
24#page-content #region-main-wrap {
25 float: left;
26 width: 50%;min-height: 100%;
b2214c5a
S
27}
28
3e82d633
SH
29#page-content #region-main {
30 position: relative;
31 margin-left: 400px;
32 left: 100%;min-height: 100%;
b2214c5a
S
33}
34
3e82d633
SH
35#page-content #region-pre {
36 float: right;
37 position: relative;
38 width: 200px;
39 left: 200px;
40 min-height: 100%;
b2214c5a
S
41}
42
3e82d633
SH
43#page-content #region-post {
44 float: right;
45 position: relative;
46 left: 600px;
47 width: 200px;min-height: 100%;
b2214c5a
S
48}
49
3e82d633
SH
50#page-content #region-main .region-content {
51 overflow: hidden;
52 padding: 20px 20px 20px 0;min-height: 100%;
b2214c5a
S
53}
54
3e82d633
SH
55.pagelayout-report #page-content #region-main .region-content {
56 overflow: auto;
57 padding-bottom:0;
58 margin-bottom:20px;
b2214c5a
S
59}
60
3e82d633
SH
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%;
b2214c5a
S
66}
67
68#page-footer {
3e82d633
SH
69 clear: both;
70 float: left;
71 width: 100%;
b2214c5a
S
72}
73
74/** Only side pre **/
75
76.side-pre-only #page-content #region-main-box {
3e82d633 77 margin-left: 0px;
b2214c5a
S
78}
79
80.side-pre-only #page-content #region-main-box #region-post-box {
3e82d633 81 margin-left: -200px;
b2214c5a
S
82}
83
84.side-pre-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
3e82d633 85 margin-left: 200px;
b2214c5a
S
86}
87
88.side-pre-only #page-content #region-main-box #region-post-box #region-pre {
3e82d633
SH
89 left: 200px;
90 width: 200px;
b2214c5a
S
91}
92
93.side-pre-only #page-content #region-main-box #region-post-box #region-post {
3e82d633 94 width: 0%;
b2214c5a
S
95}
96
97/** Only side post **/
98
99.side-post-only #page-content #region-main-box {
3e82d633 100 margin-left: 0px;
b2214c5a
S
101}
102
103.side-post-only #page-content #region-main-box #region-post-box {
3e82d633 104 margin-left: -200px;
b2214c5a
S
105}
106
107.side-post-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
3e82d633 108 margin-left: 200px;
b2214c5a
S
109}
110
111.side-post-only #page-content #region-main-box #region-post-box #region-post {
3e82d633
SH
112 left: 400px;
113 width: 200px;
b2214c5a
S
114}
115
116.has_dock.side-post-only .page-middle #region-main-box #region-post-box #region-main-wrap #region-main {
3e82d633 117 margin-left: 200px;
b2214c5a
S
118}
119
120/** No blocks whatsoever **/
121
122.content-only #page-content #region-main-box {
3e82d633 123 margin-left: 0px;
b2214c5a
S
124}
125
126.content-only #page-content #region-main-box #region-post-box {
3e82d633 127 margin-left: 0px;
b2214c5a
S
128}
129
130.content-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
3e82d633 131 margin-left: 0px;
b2214c5a
S
132}
133
134.content-only #page-content #region-main-box #region-post-box #region-pre {
3e82d633 135 width: 0px;
b2214c5a
S
136}
137
138.content-only #page-content #region-main-box #region-post-box #region-post {
3e82d633 139 width: 0px;
b2214c5a 140}