MDL-29056 theme-formal_white fix for the report pagelayout that was preventing horizo...
[moodle.git] / theme / formal_white / style / pagelayout.css
CommitLineData
4afb01db 1/************************************************************************
2 questo file sovrascrive parzialmente
3 il corrispondente foglio di stile nel tema "base"
4 Lo ho ottenuto
5 - duplicando l'originale
6 - modificando quanto necessario
7 - cancellando quanto conservato dell'originale
8************************************************************************/
9
10/****
11 * Three column floating div layout with 2,1,3 column order
12 * Based on: http://matthewjamestaylor.com/blog/holy-grail-no-quirks-mode.htm
13 * And: http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm
14 *
15 * #page
16 * #page-header
17 * #page-content
18 * | #region-main-box
19 * | #region-post-box
20 * | #region-main-wrap
21 * | | #region-main
22 * | | .region-content
23 * | #region-pre
24 * | | .region-content
25 * | #region-post
26 * | | .region-content
27 * #page-footer
28 *
29 * The body tag may also contain one of three layout specific classes that describe
30 * the regions of the page and allow us to theme more easily.
31 *
32 * default (no class) = Content + side pre + side post
33 * side-pre-only = Content + side pre
34 * side-post-only = Content + side post
35 * content-only = Content
36 *
37 ****/
38
39#page-header {
0e412e87 40 background-color:[[setting:headerbgc]];
4afb01db 41 /* arrotonadamento angoli in alto dell'header */
42 -moz-border-radius:6px 6px 0px 0px; /* Firefox */
43 -webkit-border-radius:6px 6px 0px 0px; /* Safari, Chrome */
44 border-radius:6px 6px 0px 0px; /* CSS3 */
45}
c6926ff0 46
4afb01db 47#page-content {
48 /* arrotonadamento angolo in basso a sx */
49 /* -moz-border-radius:0px 0px 0px 6px; /* Firefox */
50 /* -webkit-border-radius:0px 0px 0px 6px; /* Safari, Chrome */
51 /* border-radius:0px 0px 0px 6px; /* CSS3 */
b396e167 52 background-color:[[setting:lblockcolumnbgc]]; /* colore della colonna di sinistra */
4afb01db 53 float:none;
54}
c6926ff0 55
4afb01db 56#page-content #region-main-box {
57 left:[[setting:blockcolumnwidth]];
58 background-color:#FFF;
59}
c6926ff0 60
4afb01db 61#page-content #region-post-box {
62 margin-left:[[setting:minusdoubleblockcolumnwidth]]; /*-2*[[setting:blockcolumnwidth]]*/
63 /* arrotonadamento angolo in basso a dx */
64 /* -moz-border-radius:0px 0px 6px 0px; /* Firefox */
65 /* -webkit-border-radius:0px 0px 6px 0px; /* Safari, Chrome */
66 /* border-radius:0px 0px 6px 0px; /* CSS3 */
b396e167 67 background-color:[[setting:rblockcolumnbgc]]; /* colore della colonna di destra */
4afb01db 68}
c6926ff0 69
4afb01db 70#page-content #region-main {
71 margin-left:[[setting:doubleblockcolumnwidth]];/*2*[[setting:blockcolumnwidth]]*/
72 background-color:white; /* questo serve a togliere la curvatura dagli angoli della zona centrale */
73}
c6926ff0 74
4afb01db 75#page-content #region-pre {
76 left:[[setting:blockcolumnwidth]]; /*400-[[setting:blockcolumnwidth]]*/
77 width:[[setting:blockcolumnwidth]];
b396e167 78 background-color:[[setting:lblockcolumnbgc]]; /* colore della colonna di sx */
4afb01db 79}
c6926ff0 80
4afb01db 81#page-content #region-post {
82 width:[[setting:blockcolumnwidth]];
83 /* arrotonadamento angolo in basso a dx */
84 /* -moz-border-radius:0px 0px 6px 0px; /* Firefox */
85 /* -webkit-border-radius:0px 0px 6px 0px; /* Safari, Chrome */
86 /* border-radius:0px 0px 6px 0px; /* CSS3 */
b396e167 87 background-color:[[setting:rblockcolumnbgc]]; /* colore del fondo della parte occupata dai contenuti della colonna centrale e della colonna dx */
4afb01db 88}
c6926ff0 89
4afb01db 90#page-content .region-content {
91 padding:0.6em 8px 0.1em 8px; /* definisco lo spazio sopra e sotto ai blocchi */
92}
93
c6926ff0 94.pagelayout-report #page-content .region-content {
95 overflow: auto;
96}
97
4afb01db 98/** Only side pre **/
99 .side-pre-only #page-content #region-post-box {margin-left:-[[setting:blockcolumnwidth]];}
100 .side-pre-only #page-content #region-main {margin-left:[[setting:blockcolumnwidth]];}
101
102/** Only side post **/
103 .side-post-only #page-content #region-post-box {margin-left:-[[setting:blockcolumnwidth]];}
104 .side-post-only #page-content #region-main {margin-left:[[setting:blockcolumnwidth]];}
105 .has_dock.side-post-only .page-middle #region-main {margin-left:[[setting:blockcolumnwidth]];}
106
107/** Report layout **/
108 .pagelayout-report #report-main-content .region-content {margin-left:[[setting:blockcolumnwidth]];}
109 .pagelayout-report #report-region-pre {width:[[setting:blockcolumnwidth]];}
110
111/** Correct for right to left languages **/
112 .dir-rtl.pagelayout-report #report-main-content .region-content {margin-left:0;margin-right:[[setting:blockcolumnwidth]];}
113
114/** Stabalise IE6 behaviour on the report layout **/
115/* aggiunti/sovrascritti da me */
116 .ie6.pagelayout-report #report-region-wrap {float:none;width:[[setting:blockcolumnwidth]];left:auto;position:absolute;top:0;}