Revert "MDL-31345 theme_afterburner fixes pagelayout-report overflow"
[moodle.git] / theme / afterburner / style / afterburner_layout.css
CommitLineData
12b3d582 1/*
041cfef9
ME
2Page Layout and Docking Module for Afterburner Moodle 2.0 Theme Set
3-----------------------------------------------------------------*/
12b3d582
SH
4html {
5 margin: 0;
6 padding: 0;
7 background-color: #fff;
8}
9body {
10 margin: 0;
11 padding: 0;
12 background: #fff url([[pix:theme|core/bground]]) repeat-x fixed;
13}
14#page-wrapper {
15 width:90%;
16 margin: 0 auto;
17 background: transparent;
18 border: 1px solid #eee;
19}
20#page {
21 width: 100%;
22 margin: 0 auto;
23 padding:0;
24 background: transparent;
25}
26/*
041cfef9 273 Column Page Layout
12b3d582 28-----------------------*/
041cfef9 29#page-content {
12b3d582
SH
30 position:relative; /* fixes IE7 overflow hidden bug stoping layout jumping out of place */
31 clear:both;
32 float:left;
33 width:100%; /* width of whole page */
34 overflow:hidden; /* This chops off any overhanging divs */
35 background: #d1e0e7; /* Left column background colour */
041cfef9
ME
36}
37#region-main-box {
12b3d582
SH
38 float:left;
39 width:200%;
40 position:relative;
41 left:220px;
42 background: #fff; /* Centre column background colour */
041cfef9
ME
43}
44#region-post-box {
12b3d582
SH
45 float:left;
46 width:100%;
47 position:relative;
48 left:50%;
49 margin-left: -440px;
50 background: #eee; /* Right column background colour */
51}
041cfef9 52#region-main-wrap {
12b3d582
SH
53 float:right;
54 width:50%;
55 position:relative;
56 right:100%;
041cfef9
ME
57}
58#region-main-pad {
12b3d582
SH
59 margin:0 10px 0 450px;
60 overflow:hidden;
041cfef9
ME
61}
62#region-main {
12b3d582
SH
63 width:100%;
64 overflow:hidden;
041cfef9
ME
65}
66#region-pre {
12b3d582
SH
67 float:left;
68 width:220px;
69 position:relative;
70 margin-left:-50%;
71 left:220px;
72 overflow:hidden;
041cfef9
ME
73}
74#region-post {
12b3d582
SH
75 float:left;
76 width:220px;
77 position:relative;
78 left:0px;
79 overflow:hidden;
041cfef9 80}
041cfef9 81#page-content #region-main-box .region-content {
12b3d582
SH
82 margin: 0;
83 padding:0;
041cfef9
ME
84}
85#page-site-index .headingblock {
12b3d582
SH
86 margin-bottom:9px;
87 margin-left: 3px;
041cfef9
ME
88}
89#page-footer {
12b3d582
SH
90 clear:both;
91 float:left;
92 width: 100%;
93 height: 70px;
94 margin: 0;
95 padding: 0;
96 background-color: #fff;
97 border-top: 1px dotted #ccc;
98}
99/*
041cfef9
ME
100Block Region Layout
101-----------------------*/
041cfef9 102#region-pre .block-region {
12b3d582
SH
103 float: left;
104 width: 220px;
105 margin: 0;
106 padding: 0;
041cfef9
ME
107}
108#region-post .block-region {
12b3d582
SH
109 float: right;
110 width: 220px;
111 margin: 0;
112 padding: 0;
113}
114/*
041cfef9
ME
115PLEASE DO NOT ALTER THESE SETTINGS UNLESS YOU KNOW WHAT YOU ARE DOING AS IT WILL BREAK PAGE LAYOUT
116------------------------------------------------------------------------------------------------*/
12b3d582 117/*
041cfef9 118SIDE-PRE-ONLY (Left Column + Middle Column)
afc7026a 119----------------------------------------*/
041cfef9
ME
120.side-pre-only #region-main-box {width: 200%; left: 220px;}
121.side-pre-only #region-post-box {width: 100%; left: 50%; margin-left: -220px; background-color: #fff;}
122.side-pre-only #region-main-wrap {width: 50%; right: 100%;}
123.side-pre-only #region-main-pad {margin: 0px 10px 0px 230px;}
124.side-pre-only #region-main {width: 100%;}
125.side-pre-only #region-pre {width: 220px; left: 0px; margin-left:-50%;}
126.side-pre-only #region-post {width: 0px; left: 0px;}
12b3d582 127/*
041cfef9 128SIDE-POST-ONLY (Middle Column + Right Column)
afc7026a 129------------------------------------------*/
041cfef9
ME
130.side-post-only #page-content { background-color: #fff;}
131.side-post-only #region-main-box {width: 200%; left: 220px;}
132.side-post-only #region-post-box {width: 100%; left: 50%; margin-left: -440px;}
133.side-post-only #region-main-wrap {width: 50%; right: 100%;}
134.side-post-only #region-main-pad {margin: 0px 10px 0px 230px;}
135.side-post-only #region-main {width: 100%;}
136.side-post-only #region-pre {width: 0px;left: 0px;}
137.side-post-only #region-post {width: 220px; left: 0px;}
12b3d582 138/*
afc7026a
ME
139SIDE-POST-ONLY WHEN MOVING BLOCKS (Left Column + Middle Column + Right Column)
140---------------------------------------------------------------------------*/
141.blocks-moving.side-post-only #region-main-box {left: 220px;}
142.blocks-moving.side-post-only #region-post-box {margin-left: -440px;}
143.blocks-moving.side-post-only #region-main-pad {margin: 0 10px 0 450px;}
144.blocks-moving.side-post-only #region-pre {width: 220px;left: 220px;}
145.blocks-moving.side-post-only #region-post {width: 220px;left: 0px;}
146/*
12b3d582 147CONTENT ONLY - NO SIDE BLOCKS WHATSOEVER (Middle Column Only)
afc7026a 148----------------------------------------------------------*/
041cfef9
ME
149.content-only #page-content { background-color: #fff;}
150.content-only #region-main-box {width: 200%; left: 0px;}
151.content-only #region-post-box {width: 100%; left: 50%; margin-left: 0px; background-color: #fff;}
152.content-only #region-main-wrap {width: 50%; right: 100%;}
153.content-only #region-main-pad {margin: 0px 10px 0px 10px;}
154.content-only #region-main {width: 100%}
155.content-only #region-pre { width:0;left:0;}
01f3b0aa 156.content-only #region-post { width: 0;left:0;}