theme/binarius/style/pagelayout.css

   1 /*********************************************************************************************
   2
   3     left column: 250px
   4     right column: 250px
   5     padding left/right column: 10px
   6     padding center column: 30px
   7
   8 **********************************************************************************************/
   9
  10 body {
  11     margin: auto 0px;
  12     width: auto;
  13 }
  14
  15 #page {
  16     width: 100%;
  17     overflow: hidden;
  18 }
  19
  20 #page-header {
  21     float: left;
  22     width: 100%;
  23 }
  24
  25 #page-content {
  26     clear: both;
  27     float: left;
  28     overflow: hidden;
  29     position: relative;
  30     width: 100%;
  31 }
  32
  33 #page-content #region-main-box {
  34     float: left;
  35     margin-left: 0;
  36     position: relative;
  37     width: 200%;
  38     right: 100%;
  39 }
  40
  41 #page-content #region-main-box #region-post-box {
  42     float: left;
  43     margin-left: -250px;
  44     width: 100%;
  45 }
  46
  47 #page-content #region-main-box #region-post-box #region-main-wrap {
  48     float: left;
  49     width: 50%;
  50 }
  51
  52 #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
  53     overflow: hidden;
  54     position: relative;
  55     margin-left: 250px;
  56     left: 100%;
  57 }
  58
  59 #page-content #region-main-box #region-post-box #region-pre {
  60     float: right;
  61     position: relative;
  62     left: 250px;
  63     width: 250px;
  64 }
  65
  66 #page-content #region-main-box #region-post-box #region-post {
  67     float: right;
  68     position: relative;
  69     left: 250px;
  70     width: 250px;
  71 }
  72
  73 #page-content #region-main-box #region-post-box #region-main-wrap #region-main .region-content {
  74     overflow: hidden;
  75     padding: 10px 20px 20px 10px;
  76 }
  77
  78 #page-content #region-main-box #region-post-box #region-pre .region-content,
  79 #page-content #region-main-box #region-post-box #region-post .region-content {
  80     overflow: hidden;
  81     padding: 10px 0 20px 10px;
  82 }
  83
  84 #page-footer {
  85     clear: both;
  86     float: left;
  87     width: 100%;
  88 }
  89
  90
  91 .has_dock.side-post-only .page-middle #region-main-box #region-post-box #region-main-wrap #region-main {
  92     margin-left: 200px;
  93 }
  94
  95 /** No blocks whatsoever **/
  96
  97 .content-only #page-content #region-main-box {
  98     margin-left: 0px;
  99 }
 100
 101 .content-only #page-content #region-main-box #region-post-box {
 102     margin-left: 0px;
 103 }
 104
 105 .content-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
 106     margin-left: 0px;
 107 }
 108
 109 .content-only #page-content #region-main-box #region-post-box #region-pre {
 110     width: 0px;
 111 }
 112
 113 .content-only #page-content #region-main-box #region-post-box #region-post {
 114     width: 0px;
 115 }
 116
 117 /** Report layout **/
 118 .pagelayout-report {border-top:1px solid #555555;}
 119 .pagelayout-report #page {width:auto;position:relative;overflow:visible;}
 120 .pagelayout-report #page-header {float:none;}
 121 .pagelayout-report #page-content {float:none;overflow:visible;width:auto;}
 122 .pagelayout-report #report-main-content {float:left;width:100%;}
 123 .pagelayout-report #report-main-content .region-content {margin-left:210px;margin-top:20px;}
 124 .pagelayout-report #report-main-content .region-content table {background-color:#FFF;}
 125 .pagelayout-report #report-region-wrap {width:0;float:right;position:relative;left:-100%;}
 126 .pagelayout-report #report-region-pre {width:200px;margin-top:20px;}
 127 .pagelayout-report #page-footer {float:none;}
 128 .pagelayout-report #page-content .region-content {overflow:visible;}
 129 .pagelayout-report.content-only #report-main-content .region-content {margin-left:0;}
 130 .pagelayout-report #page-content-wrapper #page-content #report-main-content .region-content
 131  .no-overflow {overflow: auto;}
 132
 133 /** Correct for right to left languages **/
 134 .dir-rtl.pagelayout-report #report-main-content .region-content {margin-left:0;margin-right:200px;}
 135 .dir-rtl.pagelayout-report #report-region-wrap {left:0;}
 136
 137 /** Stabalise IE6 behaviour on the report layout **/
 138 .ie6.pagelayout-report #report-main-content,
 139 .ie7.pagelayout-report #report-main-content {float:none;width:auto;}
 140 .ie6.pagelayout-report #report-region-wrap,
 141 .ie7.pagelayout-report #report-region-wrap {float:none;width:200px;left:auto;position:absolute;top:0;}
 142 .ie6.pagelayout-report #report-region-pre,
 143 .ie6.pagelayout-report #report-region-pre .block
 144 .ie7.pagelayout-report #report-region-pre,
 145 .ie7.pagelayout-report #report-region-pre .block {width:100%;}