summaryrefslogtreecommitdiff
path: root/views/default/css/elements/layout.php
diff options
context:
space:
mode:
authorSem <sembrestels@riseup.net>2012-10-09 06:16:50 +0200
committerSem <sembrestels@riseup.net>2012-10-09 06:16:50 +0200
commit44c30caa65d912512d012818f9e18e3ff80eaf68 (patch)
tree6c796c8ea8e36038e9c96f1e9d972469c369487f /views/default/css/elements/layout.php
parente965969e0d86520fe43a56fbd62d8505dfed78c5 (diff)
downloadsaravea_theme-44c30caa65d912512d012818f9e18e3ff80eaf68.tar.gz
saravea_theme-44c30caa65d912512d012818f9e18e3ff80eaf68.tar.bz2
Liquid layout.
Diffstat (limited to 'views/default/css/elements/layout.php')
-rw-r--r--views/default/css/elements/layout.php53
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;