theme/sky_high/style/pagelayout.css

   1 /** Path: theme pagelayout **/
   2
   3 /*********************************************************************************************
   4     column witdh: [[setting:regionwidth]]
   5 **********************************************************************************************/
   6
   7 body {
   8     margin:auto 0px;
   9     width:auto;
  10 }
  11
  12 #page {
  13     width:100%;
  14     max-width: 1600px;
  15     overflow:hidden;
  16     margin:0 auto;
  17 }
  18
  19 #page-content {
  20     clear: both;
  21     overflow: hidden;
  22     position: relative;
  23     width: 100%;
  24 }
  25
  26 /* @group Pre and Post */
  27
  28 #page-content #region-main-box {
  29     float: left;
  30     margin-left: -[[setting:regionwidth]];
  31     position: relative;
  32     width: 200%;
  33     right: 100%;
  34 }
  35
  36 #page-content #region-post-box {
  37     float: left;
  38     margin-left: -[[setting:regionwidth]];
  39     width: 100%;
  40     border-right: 2px solid #98bcd6;
  41     background: url([[pix:theme|top_bg]]) repeat-x top #fff;
  42 }
  43
  44 #page-content #region-main-wrap {
  45     float: left;
  46     width: 50%;
  47 }
  48
  49 #page-content #region-main {
  50     overflow: hidden;
  51     position: relative;
  52     margin-left: [[setting:regionwidthdouble]];
  53     left: 100%;
  54 }
  55
  56 #page-content #region-pre {
  57     float: right;
  58     position: relative;
  59     left: [[setting:leftregionwidthmargin]];
  60     width: [[setting:regionwidth]];
  61     background: transparent;
  62 }
  63
  64 #page-content #region-post {
  65     float: right;
  66     position: relative;
  67     left: [[setting:rightregionwidthmargin]];
  68     width: [[setting:regionwidth]];
  69     background: transparent;
  70 }
  71
  72 #page-content #region-main .region-content {
  73     overflow: hidden;
  74     margin: 20px;
  75     padding-bottom: 20px;
  76 }
  77
  78 #page-content #region-pre .region-content,
  79 #page-content #region-post .region-content {
  80     overflow: hidden;
  81     padding: 20px 10px;
  82 }
  83
  84 #page-footer {
  85     clear: both;
  86     float: left;
  87     width: 100%;
  88 }
  89
  90 /* @end */
  91
  92 /* @group Pre Side Only */
  93
  94 .side-pre-only #page-content #region-main-box {
  95     margin-left: 0px;
  96 }
  97
  98 .side-pre-only #page-content #region-post-box {
  99     margin-left: -[[setting:regionwidth]];
 100 }
 101
 102 .side-pre-only #page-content #region-main {
 103     margin-left: [[setting:regionwidth]];
 104 }
 105
 106 .side-pre-only #page-content #region-pre {
 107     left: [[setting:regionwidth]];
 108     width: [[setting:regionwidth]];
 109 }
 110
 111 .side-pre-only #page-content #region-post {
 112     width: 0%;
 113 }
 114
 115 /* @end */
 116
 117 /* @group Post Side Only */
 118
 119 .side-post-only #page-content #region-main-box {
 120     margin-left: 0px;
 121 }
 122
 123 .side-post-only #page-content #region-main-box #region-post-box {
 124     margin-left: -[[setting:regionwidth]];
 125 }
 126
 127 .side-post-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
 128     margin-left: [[setting:regionwidth]];
 129 }
 130
 131 .side-post-only #page-content #region-main-box #region-post-box #region-pre {
 132     left: 0;
 133     width: 0;
 134 }
 135
 136 .side-post-only #page-content #region-main-box #region-post-box #region-post {
 137     left: [[setting:regionwidth]];
 138     width: [[setting:regionwidth]];
 139 }
 140
 141 .has_dock.side-post-only .page-middle #region-main-box #region-post-box #region-main-wrap #region-main {
 142     margin-left: 200px;
 143 }
 144
 145 .blocks-moving.side-post-only #page-content #region-main-box {
 146     float: left;
 147     margin-left: -[[setting:regionwidth]];
 148     position: relative;
 149     width: 200%;
 150     right: 100%;
 151 }
 152
 153 .blocks-moving.side-post-only #page-content #region-main-box #region-post-box {
 154     float: left;
 155     margin-left: -[[setting:regionwidth]];
 156     width: 100%;
 157     border-right: 2px solid #98bcd6;
 158     background: url([[pix:theme|top_bg]]) repeat-x top #fff;
 159 }
 160
 161 .blocks-moving.side-post-only #page-content #region-main-box #region-post-box #region-main-wrap {
 162     float: left;
 163     width: 50%;
 164 }
 165
 166 .blocks-moving.side-post-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
 167     overflow: hidden;
 168     position: relative;
 169     margin-left: [[setting:regionwidthdouble]];
 170     left: 100%;
 171 }
 172
 173 .blocks-moving.side-post-only #page-content #region-main-box #region-post-box #region-pre {
 174     float: right;
 175     position: relative;
 176     left: [[setting:leftregionwidthmargin]];
 177     width: [[setting:regionwidth]];
 178     background: transparent;
 179 }
 180
 181 .blocks-moving.side-post-only #page-content #region-main-box #region-post-box #region-post {
 182     float: right;
 183     position: relative;
 184     left: [[setting:rightregionwidthmargin]];
 185     width: [[setting:regionwidth]];
 186     background: transparent;
 187 }
 188
 189 /* @end */
 190
 191 /* @group No Blocks */
 192
 193 .content-only #page-content #region-main-box {
 194     margin-left: 0px;
 195 }
 196
 197 .content-only #page-content #region-main-box #region-post-box {
 198     margin-left: 0px;
 199 }
 200
 201 .content-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
 202     margin-left: 0px;
 203 }
 204
 205 .content-only #page-content #region-main-box #region-post-box #region-pre {
 206     width: 0px;
 207 }
 208
 209 .content-only #page-content #region-main-box #region-post-box #region-post {
 210     width: 0px;
 211 }
 212
 213 /* @end */
 214
 215 /* @pagelayout-report - overflow */
 216
 217 .pagelayout-report #page-content #region-main {
 218     overflow: auto;
 219 }
 220 .pagelayout-report #page-content #region-main .region-content {
 221     overflow: visible;
 222 }