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 }
  76
  77 #page-content #region-pre .region-content,
  78 #page-content #region-post .region-content {
  79     overflow: hidden;
  80     padding: 20px 10px;
  81 }
  82
  83 #page-footer {
  84     clear: both;
  85     float: left;
  86     width: 100%;
  87 }
  88
  89 /* @end */
  90
  91 /* @group Pre Side Only */
  92
  93 .side-pre-only #page-content #region-main-box {
  94     margin-left: 0px;
  95 }
  96
  97 .side-pre-only #page-content #region-post-box {
  98     margin-left: -[[setting:regionwidth]];
  99 }
 100
 101 .side-pre-only #page-content #region-main {
 102     margin-left: [[setting:regionwidth]];
 103 }
 104
 105 .side-pre-only #page-content #region-pre {
 106     left: [[setting:regionwidth]];
 107     width: [[setting:regionwidth]];
 108 }
 109
 110 .side-pre-only #page-content #region-post {
 111     width: 0%;
 112 }
 113
 114 /* @end */
 115
 116 /* @group Post Side Only */
 117
 118 .side-post-only #page-content #region-main-box {
 119     margin-left: 0px;
 120 }
 121
 122 .side-post-only #page-content #region-main-box #region-post-box {
 123     margin-left: -[[setting:regionwidth]];
 124 }
 125
 126 .side-post-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
 127     margin-left: [[setting:regionwidth]];
 128 }
 129
 130 .side-post-only #page-content #region-main-box #region-post-box #region-pre {
 131     left: 0;
 132     width: 0;
 133 }
 134
 135 .side-post-only #page-content #region-main-box #region-post-box #region-post {
 136     left: [[setting:regionwidth]];
 137     width: [[setting:regionwidth]];
 138 }
 139
 140 .has_dock.side-post-only .page-middle #region-main-box #region-post-box #region-main-wrap #region-main {
 141     margin-left: 200px;
 142 }
 143
 144 .blocks-moving.side-post-only #page-content #region-main-box {
 145     float: left;
 146     margin-left: -[[setting:regionwidth]];
 147     position: relative;
 148     width: 200%;
 149     right: 100%;
 150 }
 151
 152 .blocks-moving.side-post-only #page-content #region-main-box #region-post-box {
 153     float: left;
 154     margin-left: -[[setting:regionwidth]];
 155     width: 100%;
 156     border-right: 2px solid #98bcd6;
 157     background: url([[pix:theme|top_bg]]) repeat-x top #fff;
 158 }
 159
 160 .blocks-moving.side-post-only #page-content #region-main-box #region-post-box #region-main-wrap {
 161     float: left;
 162     width: 50%;
 163 }
 164
 165 .blocks-moving.side-post-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
 166     overflow: hidden;
 167     position: relative;
 168     margin-left: [[setting:regionwidthdouble]];
 169     left: 100%;
 170 }
 171
 172 .blocks-moving.side-post-only #page-content #region-main-box #region-post-box #region-pre {
 173     float: right;
 174     position: relative;
 175     left: [[setting:leftregionwidthmargin]];
 176     width: [[setting:regionwidth]];
 177     background: transparent;
 178 }
 179
 180 .blocks-moving.side-post-only #page-content #region-main-box #region-post-box #region-post {
 181     float: right;
 182     position: relative;
 183     left: [[setting:rightregionwidthmargin]];
 184     width: [[setting:regionwidth]];
 185     background: transparent;
 186 }
 187
 188 /* @end */
 189
 190 /* @group No Blocks */
 191
 192 .content-only #page-content #region-main-box {
 193     margin-left: 0px;
 194 }
 195
 196 .content-only #page-content #region-main-box #region-post-box {
 197     margin-left: 0px;
 198 }
 199
 200 .content-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
 201     margin-left: 0px;
 202 }
 203
 204 .content-only #page-content #region-main-box #region-post-box #region-pre {
 205     width: 0px;
 206 }
 207
 208 .content-only #page-content #region-main-box #region-post-box #region-post {
 209     width: 0px;
 210 }
 211
 212 /* @end */
 213
 214 /* @pagelayout-report - overflow */
 215
 216 .pagelayout-report #page-content #region-main {
 217     overflow: auto;
 218 }
 219 .pagelayout-report #page-content #region-main .region-content {
 220     overflow: visible;
 221 }