Revert "MDL-31345 theme_afterburner fixes pagelayout-report overflow"
[moodle.git] / theme / afterburner / style / afterburner_layout.css
1 /*
2 Page Layout and Docking Module for Afterburner Moodle 2.0 Theme Set
3 -----------------------------------------------------------------*/
4 html {
5     margin: 0;
6     padding: 0;
7     background-color: #fff;
8 }
9 body {
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 /*
27 3 Column Page Layout
28 -----------------------*/
29 #page-content {
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 */
36 }
37 #region-main-box {
38     float:left;
39     width:200%;
40     position:relative;
41     left:220px;
42     background: #fff;        /* Centre column background colour */
43 }
44 #region-post-box {
45     float:left;
46     width:100%;
47     position:relative;
48     left:50%;
49     margin-left: -440px;
50     background: #eee;        /* Right column background colour */
51 }
52 #region-main-wrap {
53     float:right;
54     width:50%;
55     position:relative;
56     right:100%;
57 }
58 #region-main-pad {
59     margin:0 10px 0 450px;
60     overflow:hidden;
61 }
62 #region-main {
63     width:100%;
64     overflow:hidden;
65 }
66 #region-pre {
67     float:left;
68     width:220px;
69     position:relative;
70     margin-left:-50%;
71     left:220px;
72     overflow:hidden;
73 }
74 #region-post {
75     float:left;
76     width:220px;
77     position:relative;
78     left:0px;
79     overflow:hidden;
80 }
81 #page-content #region-main-box .region-content {
82     margin: 0;
83     padding:0;
84 }
85 #page-site-index .headingblock {
86     margin-bottom:9px;
87     margin-left: 3px;
88 }
89 #page-footer {
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 /*
100 Block Region Layout
101 -----------------------*/
102 #region-pre .block-region {
103     float: left;
104     width: 220px;
105     margin: 0;
106     padding: 0;
108 #region-post .block-region {
109     float: right;
110     width: 220px;
111     margin: 0;
112     padding: 0;
114 /*
115 PLEASE DO NOT ALTER THESE SETTINGS UNLESS YOU KNOW WHAT YOU ARE DOING AS IT WILL BREAK PAGE LAYOUT
116 ------------------------------------------------------------------------------------------------*/
117 /*
118 SIDE-PRE-ONLY (Left Column + Middle Column)
119 ----------------------------------------*/
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;}
127 /*
128 SIDE-POST-ONLY (Middle Column + Right Column)
129 ------------------------------------------*/
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;}
138 /*
139 SIDE-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 /*
147 CONTENT ONLY - NO SIDE BLOCKS WHATSOEVER (Middle Column Only)
148 ----------------------------------------------------------*/
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;}
156 .content-only #region-post { width: 0;left:0;}