theme/nonzero/style/pagelayout.css

   1 /** Path: theme pagelayout **/
   2 body {margin:auto 0px;width:auto;}
   3 #page {width:100%;overflow:hidden;}
   4 #page-content {
   5     clear: both;
   6     overflow: hidden;
   7     position: relative;
   8     width: 100%;
   9 }
  10
  11 #page-content #region-main-box {
  12     float: left;
  13     margin-left: -[[setting:regionpostwidth]];
  14     position: relative;
  15     width: 200%;
  16     right: 100%;
  17 }
  18
  19 #page-content #region-post-box {
  20     float: left;
  21     margin-left: -[[setting:regionprewidth]];
  22     width: 100%;
  23 }
  24
  25 #page-content #region-main-wrap {
  26     float: left;
  27     width: 50%;
  28 }
  29
  30 #page-content #region-main {
  31     overflow: hidden;
  32     position: relative;
  33     margin-left: [[setting:regionsumwidth]];
  34     left: 100%;
  35 }
  36
  37 #page-content #region-pre {
  38     float: right;
  39     position: relative;
  40     width: [[setting:regionprewidth]];
  41     left: [[setting:regionprewidth]];
  42 }
  43
  44 #page-content #region-post {
  45     float: right;
  46     position: relative;
  47     left: [[setting:regiondoublepresumwidth]];
  48     width: [[setting:regionpostwidth]];
  49 }
  50
  51 #page-content #region-main .region-content {
  52     overflow: hidden;
  53     padding: 20px 20px 20px 0;
  54 }
  55
  56 #page-content #region-pre .region-content,
  57 #page-content #region-post .region-content {
  58     overflow: hidden;
  59     padding: 20px 10px;
  60 }
  61
  62 #page-footer {
  63     clear: both;
  64     float: left;
  65     width: 100%;
  66 }
  67
  68 /** Only side pre **/
  69 .side-pre-only #page-content #region-main-box {
  70     margin-left: 0;
  71 }
  72
  73 .side-pre-only #page-content #region-post-box {
  74     margin-left: -[[setting:regionprewidth]];
  75 }
  76
  77 .side-pre-only #page-content #region-main {
  78     margin-left: [[setting:regionprewidth]];
  79 }
  80
  81 .side-pre-only #page-content #region-pre {
  82     left: [[setting:regionprewidth]];
  83     width: [[setting:regionprewidth]];
  84 }
  85
  86 .side-pre-only #page-content #region-post {
  87     left: 0;
  88     width: 0;
  89 }
  90
  91 /** Only side post **/
  92 .side-post-only #page-content #region-main-box {
  93     margin-left: 0;
  94
  95 }
  96
  97 .side-post-only #page-content #region-post-box {
  98     margin-left: -[[setting:regionpostwidth]];
  99 }
 100
 101 .side-post-only #page-content #region-main {
 102     margin-left: [[setting:regionpostwidth]];
 103 }
 104
 105 .side-post-only #page-content #region-pre {
 106     left: 0;
 107     width: 0;
 108 }
 109 .side-post-only #page-content #region-post {
 110     left: [[setting:regionpostwidth]];
 111     width: [[setting:regionpostwidth]];
 112 }
 113
 114 .has_dock.side-post-only .page-middle #region-main-box #region-post-box #region-main-wrap #region-main {
 115     margin-left: [[setting:regionprewidth]];
 116 }
 117
 118 .blocks-moving.side-post-only #page-content #region-main-box {
 119     float: left;
 120     margin-left: -[[setting:regionpostwidth]];
 121     position: relative;
 122     width: 200%;
 123     right: 100%;
 124 }
 125
 126 .blocks-moving.side-post-only #page-content #region-main-box #region-post-box {
 127     float: left;
 128     margin-left:
 129     -[[setting:regionprewidth]];
 130     width: 100%;
 131 }
 132
 133 .blocks-moving.side-post-only #page-content #region-main-box #region-post-box #region-main-wrap {
 134     float: left;
 135     width: 50%;
 136 }
 137
 138 .blocks-moving.side-post-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
 139     overflow: hidden;
 140     position: relative;
 141     margin-left: [[setting:regionsumwidth]];
 142     left: 100%;
 143 }
 144
 145 .blocks-moving.side-post-only #page-content #region-main-box #region-post-box #region-pre {
 146     float: right;
 147     position: relative;
 148     left: [[setting:regionprewidth]];
 149     width: [[setting:regionprewidth]];
 150 }
 151
 152 .blocks-moving.side-post-only #page-content #region-main-box #region-post-box #region-post {
 153     float: right;
 154     position: relative;
 155     left: [[setting:regiondoublepresumwidth]];
 156     width: [[setting:regionpostwidth]];
 157 }
 158
 159 /** No blocks whatsoever **/
 160 .content-only #page-content #region-main-box {
 161     margin-left: 0px;
 162 }
 163
 164 .content-only #page-content #region-post-box {
 165     margin-left: 0px;
 166 }
 167
 168 .content-only #page-content #region-main {
 169     margin-left: 0px;
 170 }
 171
 172 .content-only #page-content #region-pre {
 173     width: 0px;
 174 }
 175
 176 .content-only #page-content #region-post {
 177     width: 0px;
 178 }
 179
 180 .pagelayout-report #page-content #region-main {overflow:auto;}
 181 .pagelayout-report #page-content #region-main .region-content {overflow:visible;}