Merge branch 'MDL-29269' of git://github.com/stronk7/moodle
[moodle.git] / theme / formal_white / style / pagelayout.css
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 ************************************************************************/
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  ****/
39 #page-header {
40     background-color:[[setting:headerbgc]];
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 }
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 */
52     background-color:[[setting:lblockcolumnbgc]]; /* colore della colonna di sinistra */
53     float:none;
54 }
56 #page-content #region-main-box {
57     left:[[setting:blockcolumnwidth]];
58     background-color:#FFF;
59 }
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 */
67     background-color:[[setting:rblockcolumnbgc]]; /* colore della colonna di destra */
68 }
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 }
75 #page-content #region-pre {
76     left:[[setting:blockcolumnwidth]]; /*400-[[setting:blockcolumnwidth]]*/
77     width:[[setting:blockcolumnwidth]];
78     background-color:[[setting:lblockcolumnbgc]]; /* colore della colonna di sx */
79 }
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 */
87     background-color:[[setting:rblockcolumnbgc]]; /* colore del fondo della parte occupata dai contenuti della colonna centrale e della colonna dx */
88 }
90 #page-content .region-content {
91     padding:0.6em 8px 0.1em 8px; /* definisco lo spazio sopra e sotto ai blocchi */
92 }
94 .pagelayout-report #page-content .region-content {
95     overflow: auto;
96 }
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]];}
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]];}
107 /** Report layout **/
108     .pagelayout-report #report-main-content .region-content {margin-left:[[setting:blockcolumnwidth]];}
109     .pagelayout-report #report-region-pre {width:[[setting:blockcolumnwidth]];}
111 /** Correct for right to left languages **/
112     .dir-rtl.pagelayout-report #report-main-content .region-content {margin-left:0;margin-right:[[setting:blockcolumnwidth]];}
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;}