1a1954647d8b644b913da6d1bd532d6589b835f3
[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 {
40     font-size: 100%;
41 }
43 #page-header {
44     background-color:[[setting:headerbgc]];
45     /* arrotonadamento angoli in alto dell'header */
46     -moz-border-radius:6px 6px 0px 0px;    /* Firefox */
47     -webkit-border-radius:6px 6px 0px 0px; /* Safari, Chrome */
48     border-radius:6px 6px 0px 0px;         /* CSS3 */
49 }
51 #page-content {
52     /* arrotonadamento angolo in basso a sx */
53     /* -moz-border-radius:0px 0px 0px 6px;    /* Firefox */
54     /* -webkit-border-radius:0px 0px 0px 6px; /* Safari, Chrome */
55     /* border-radius:0px 0px 0px 6px;         /* CSS3 */
56     background-color:[[setting:lblockcolumnbgc]]; /* colore della colonna di sinistra */
57     float:none;
58 }
60 #page-content #region-main-box {
61     left:[[setting:blockcolumnwidth]];
62     background-color:#FFF;
63 }
65 #page-content #region-post-box {
66     margin-left:[[calculated:minusdoubleblockcolumnwidth]];
67     /* arrotonadamento angolo in basso a dx */
68     /* -moz-border-radius:0px 0px 6px 0px;    /* Firefox */
69     /* -webkit-border-radius:0px 0px 6px 0px; /* Safari, Chrome */
70     /* border-radius:0px 0px 6px 0px;         /* CSS3 */
71     background-color:[[setting:rblockcolumnbgc]]; /* colore della colonna di destra */
72 }
74 #page-content #region-main {
75     margin-left:[[calculated:doubleblockcolumnwidth]];
76     background-color:white; /* questo serve a togliere la curvatura dagli angoli della zona centrale */
77 }
79 #page-content #region-pre {
80     left:[[setting:blockcolumnwidth]]; /*400-[[setting:blockcolumnwidth]]*/
81     width:[[setting:blockcolumnwidth]];
82     background-color:[[setting:lblockcolumnbgc]]; /* colore della colonna di sx */
83 }
85 #page-content #region-post {
86     width:[[setting:blockcolumnwidth]];
87     /* arrotonadamento angolo in basso a dx */
88     /* -moz-border-radius:0px 0px 6px 0px;    /* Firefox */
89     /* -webkit-border-radius:0px 0px 6px 0px; /* Safari, Chrome */
90     /* border-radius:0px 0px 6px 0px;         /* CSS3 */
91     background-color:[[setting:rblockcolumnbgc]]; /* colore del fondo della parte occupata dai contenuti della colonna centrale e della colonna dx */
92 }
94 #page-content .region-content {
95     padding:[[setting:blockpadding]] [[setting:blockpadding]] 0 [[setting:blockpadding]];
96 }
98 #maincontent {
99     margin-top:0;
102 .pagelayout-report #page-content .region-content {
103     overflow: auto;
106 /** Only side pre **/
107     .side-pre-only #page-content #region-post-box {margin-left:-[[setting:blockcolumnwidth]];}
108     .side-pre-only #page-content #region-main {margin-left:[[setting:blockcolumnwidth]];}
110 /** Only side post **/
111     .side-post-only #page-content #region-post-box {margin-left:-[[setting:blockcolumnwidth]];}
112     .side-post-only #page-content #region-main {margin-left:[[setting:blockcolumnwidth]];}
113     .has_dock.side-post-only .page-middle #region-main {margin-left:[[setting:blockcolumnwidth]];}
115 /** Report layout **/
116     .pagelayout-report #report-main-content .region-content {margin-left:[[setting:blockcolumnwidth]];}
117     .pagelayout-report #report-region-pre {width:[[setting:blockcolumnwidth]];}
119 /** Correct for right to left languages **/
120     .dir-rtl.pagelayout-report #report-main-content .region-content {margin-left:0;margin-right:[[setting:blockcolumnwidth]];}
122 /** Stabalise IE6 behaviour on the report layout **/
123 /* aggiunti/sovrascritti da me */
124     .ie6.pagelayout-report #report-region-wrap {float:none;width:[[setting:blockcolumnwidth]];left:auto;position:absolute;top:0;}