diff --git a/theme/overlay/style/pagelayout.css b/theme/overlay/style/pagelayout.css index 9c951e6504c..22f1792e187 100644 --- a/theme/overlay/style/pagelayout.css +++ b/theme/overlay/style/pagelayout.css @@ -1,37 +1,43 @@ /** Path: theme pagelayout **/ -body {margin:auto 0px;width:auto; height: 100%} -#page {width:100%; min-height: 100%;} +body {margin:auto 0px; + width:auto; + height: 100% +} +#page { + width:100%; + min-height: 100%; +} #page-content { clear: both; position: relative; - width: 100%;min-height: 100%; + width: 100%; + min-height: 100%; } - #page-content #region-main-box { float: left; margin-left: -200px; position: relative; width: 200%; - right: 100%;min-height: 100%; + right: 100%; + min-height: 100%; } - #page-content #region-post-box { float: left; margin-left: -200px; - width: 100%;min-height: 100%; + width: 100%; + min-height: 100%; } - #page-content #region-main-wrap { float: left; - width: 50%;min-height: 100%; + width: 50%; + min-height: 100%; } - #page-content #region-main { position: relative; margin-left: 400px; - left: 100%;min-height: 100%; + left: 100%; + min-height: 100%; } - #page-content #region-pre { float: right; position: relative; @@ -39,32 +45,29 @@ body {margin:auto 0px;width:auto; height: 100%} left: 200px; min-height: 100%; } - #page-content #region-post { float: right; position: relative; left: 600px; - width: 200px;min-height: 100%; + width: 200px; + min-height: 100%; } - #page-content #region-main .region-content { overflow: hidden; - padding: 20px 20px 20px 0;min-height: 100%; + padding: 20px 20px 20px 0; + min-height: 100%; } - .pagelayout-report #page-content #region-main .region-content { overflow: auto; - padding-bottom:0; - margin-bottom:20px; + padding-bottom: 0; + margin-bottom: 20px; } - #page-content #region-pre .region-content, #page-content #region-post .region-content { overflow: hidden; padding: 20px 10px; min-height: 100%; } - #page-footer { clear: both; float: left; @@ -74,45 +77,78 @@ body {margin:auto 0px;width:auto; height: 100%} /** Only side pre **/ .side-pre-only #page-content #region-main-box { - margin-left: 0px; + margin-left: 0; } - .side-pre-only #page-content #region-main-box #region-post-box { margin-left: -200px; } - .side-pre-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main { margin-left: 200px; } - .side-pre-only #page-content #region-main-box #region-post-box #region-pre { left: 200px; width: 200px; } - .side-pre-only #page-content #region-main-box #region-post-box #region-post { - width: 0%; + width: 0; } /** Only side post **/ .side-post-only #page-content #region-main-box { - margin-left: 0px; + margin-left: 0; } - .side-post-only #page-content #region-main-box #region-post-box { margin-left: -200px; } - .side-post-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main { margin-left: 200px; } - +.side-post-only #page-content #region-main-box #region-post-box #region-pre { + left: 0; + width: 0; +} .side-post-only #page-content #region-main-box #region-post-box #region-post { - left: 400px; + left: 200px; width: 200px; } - +.blocks-moving.side-post-only #page-content #region-main-box { + float: left; + margin-left: -200px; + position: relative; + width: 200%; + right: 100%;min-height: 100%; +} +.blocks-moving.side-post-only #page-content #region-main-box #region-post-box { + float: left; + margin-left: -200px; + width: 100%;min-height: 100%; +} +.blocks-moving.side-post-only #page-content #region-main-box #region-post-box #region-main-wrap { + float: left; + width: 50%; + min-height: 100%; +} +.blocks-moving.side-post-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main { + position: relative; + margin-left: 400px; + left: 100%; + min-height: 100%; +} +.blocks-moving.side-post-only #page-content #region-main-box #region-post-box #region-pre { + float: right; + position: relative; + width: 200px; + left: 200px; + min-height: 100%; +} +.blocks-moving.side-post-only #page-content #region-main-box #region-post-box #region-post { + float: right; + position: relative; + left: 600px; + width: 200px; + min-height: 100%; +} .has_dock.side-post-only .page-middle #region-main-box #region-post-box #region-main-wrap #region-main { margin-left: 200px; } @@ -120,21 +156,17 @@ body {margin:auto 0px;width:auto; height: 100%} /** No blocks whatsoever **/ .content-only #page-content #region-main-box { - margin-left: 0px; + margin-left: 0; } - .content-only #page-content #region-main-box #region-post-box { - margin-left: 0px; + margin-left: 0; } - .content-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main { - margin-left: 0px; + margin-left: 0; } - .content-only #page-content #region-main-box #region-post-box #region-pre { - width: 0px; + width: 0; } - .content-only #page-content #region-main-box #region-post-box #region-post { - width: 0px; + width: 0; } \ No newline at end of file