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 ************************************************************************/
   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 {
  40     font-size: 100%;
  41 }
  42
  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 }
  50
  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 }
  59
  60 #page-content #region-main-box {
  61     left:[[setting:blockcolumnwidth]];
  62     background-color:#FFF;
  63 }
  64
  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 }
  73
  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 }
  78
  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 }
  84
  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 }
  93
  94 #page-content .region-content {
  95     padding:[[setting:blockpadding]] [[setting:blockpadding]] 0 [[setting:blockpadding]];
  96 }
  97
  98 #maincontent {
  99     margin-top:0;
 100 }
 101
 102 .pagelayout-report #page-content .region-content {
 103     overflow: auto;
 104 }
 105
 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]];}
 109
 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]];}
 114
 115 /** Report layout **/
 116     .pagelayout-report #report-main-content .region-content {background-color:white;margin-left:[[setting:blockcolumnwidth]];}
 117     .pagelayout-report #report-region-pre {width:[[setting:blockcolumnwidth]];}
 118
 119 /** Correct for right to left languages **/
 120     .dir-rtl.pagelayout-report #report-main-content .region-content {margin-left:0;margin-right:[[setting:blockcolumnwidth]];}
 121
 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;}