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-main-box #region-post-box {
  66         right: 77%;
  67 }
  68
  69 .side-pre-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
  70         left: 100%;
  71         width: 77%;
  72 }
  73
  74 .side-pre-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main .region-content {
  75         overflow: hidden;
  76         padding: 20px 10px;
  77         padding-top: 10px;
  78 }
  79
  80 .side-pre-only #page-content #region-main-box #region-post-box #region-pre {
  81         left: 1%;
  82         width: 21%;
  83 }
  84
  85 .side-pre-only #page-content #region-main-box #region-post-box #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-main-box #region-post-box {
  96         right: 76%;
  97 }
  98
  99 .side-post-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
 100         left: 100%;
 101         width: 77%;
 102 }
 103
 104 .side-post-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main .region-content {
 105         overflow: hidden;
 106         padding: 20px 10px;
 107 }
 108
 109 .side-post-only #page-content #region-main-box #region-post-box #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 /** No blocks whatsoever **/
 119
 120 .content-only #page-content #region-main-box {
 121         right: 0%;
 122 }
 123
 124 .content-only #page-content #region-main-box #region-post-box {
 125         right: 100%;
 126 }
 127
 128 .content-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
 129         width: 98%;
 130 }
 131
 132 .content-only #page-content #region-main-box #region-post-box #region-pre {
 133         width: 0%;
 134 }
 135
 136 #region-pre {
 137         padding-top: 0px;
 138 }
 139
 140 /** fix for some extra padding in side-post-only view **/
 141
 142 .side-post-only div.region-content {
 143         padding-top: 0px !important;
 144 }
 145
 146 #region-post {
 147         padding-top: 0px;
 148 }