diff options
| author | Sem <sembrestels@riseup.net> | 2012-10-09 06:16:50 +0200 |
|---|---|---|
| committer | Sem <sembrestels@riseup.net> | 2012-10-09 06:16:50 +0200 |
| commit | 44c30caa65d912512d012818f9e18e3ff80eaf68 (patch) | |
| tree | 6c796c8ea8e36038e9c96f1e9d972469c369487f | |
| parent | e965969e0d86520fe43a56fbd62d8505dfed78c5 (diff) | |
| download | saravea_theme-44c30caa65d912512d012818f9e18e3ff80eaf68.tar.gz saravea_theme-44c30caa65d912512d012818f9e18e3ff80eaf68.tar.bz2 | |
Liquid layout.
| -rw-r--r-- | views/default/css/elements/layout.php | 53 |
1 files changed, 34 insertions, 19 deletions
diff --git a/views/default/css/elements/layout.php b/views/default/css/elements/layout.php index a399857..c7238cb 100644 --- a/views/default/css/elements/layout.php +++ b/views/default/css/elements/layout.php @@ -25,16 +25,16 @@ body { min-width: 998px; } .elgg-page-default .elgg-page-header > .elgg-inner { - width: 980px; + min-width: 980px; margin: 0 auto; height: 90px; } .elgg-page-default .elgg-page-body > .elgg-inner { - width: 980px; + min-width: 980px; margin: 0 auto; } .elgg-page-default .elgg-page-footer > .elgg-inner { - width: 940px; + min-width: 940px; margin: 0 auto; padding: 5px 20px; border-top: 1px solid #DEDEDE; @@ -76,22 +76,28 @@ body { background: transparent url(<?php echo elgg_get_site_url(); ?>mod/n1_theme/_graphics/n1_small.png) no-repeat 650px bottom; } -/***** PAGE BODY LAYOUT ******/ -.elgg-layout { - min-height: 360px; -} -.elgg-layout-one-sidebar { - background: transparent url(<?php echo elgg_get_site_url(); ?>mod/n1_theme/_graphics/sidebar_background.gif) repeat-y right top; +/***** LIQUID LAYOUT *******/ + +.elgg-page-body { + position: relative; /* This fixes the IE7 overflow hidden bug */ + clear: both; + float: left; + width: 100%; /* width of whole page */ + overflow: hidden; /* This chops off any overhanging divs */ + background-color: #dedede; } -.elgg-layout-two-sidebar { - background: transparent url(<?php echo elgg_get_site_url(); ?>mod/n1_theme/_graphics/two_sidebar_background.gif) repeat-y right top; +.elgg-layout { + right: 25%; + background-color: #eee; + float: left; + position: relative; + width: 100%; + min-height: 500px; } .elgg-sidebar { - position: relative; - padding: 20px 10px; - float: right; - width: 220px; - margin: 0 0 0 10px; + left: 31%; + width: 21%; + padding: 20px; } .elgg-sidebar-alt { position: relative; @@ -101,8 +107,8 @@ body { margin: 0 10px 0 0; } .elgg-main { - position: relative; - min-height: 360px; + left: 27%; + width: 71%; padding: 10px; padding-left: 20px; } @@ -111,9 +117,18 @@ body { margin-bottom: 10px; } +.elgg-main, .elgg-sidebar { + float: left; + position: relative; + padding: 1em 0 1em 0; + overflow: hidden; +} + /***** PAGE FOOTER ******/ .elgg-page-footer { - position: relative; + clear:both; + float:left; + width:100%; } .elgg-page-footer { color: #999; |