theme/magazine/style/layout.css

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