Update the OSS style so that it can scale horizontally to window size.

Note that this requires rendering the sidebar first in the html page.  These
changes have not been tested against windows browsers yet.

diff --git a/in/style/default.css b/in/style/default.css
index 3bca6295b04c80b64a728e5ce0d7d17f29f78091..b2d3f7b79cdeedf6a46acc87d8ecf10dba1e7633 100644 (file)
--- a/in/style/default.css
+++ b/in/style/default.css
@@ -43,12 +43,10 @@ body {
        font-size: 14px;\r
        color: #494949;\r
        background-color: #FFF;\r
+       margin: 16px 24px;\r
 }\r
 \r
 #container {\r
-       width: 955px;\r
-       margin-left: auto;\r
-       margin-right: auto;\r
        background-image: url(/style/sidebar_border.gif);\r
        background-repeat: repeat-y;\r
 }\r
@@ -64,12 +62,9 @@ body {
 ================================================ */\r
 \r
 #header {\r
-       margin-bottom: 18px;\r
-       width: 955px;\r
-       margin-left: auto;\r
-       margin-right: auto;\r
-       padding: 16px 0;\r
        height: 86px;\r
+       padding-bottom: 16px;\r
+       margin-bottom: 18px;\r
 }\r
 \r
 #homeLink {\r
@@ -105,7 +100,6 @@ body {
 ================================================ */\r
 \r
 #topInfo {\r
-       float: right;\r
 }\r
 \r
 #topInfo p {\r
@@ -272,9 +266,8 @@ h4 {
 ================================================ */\r
 \r
 #content {\r
-       width: 636px;\r
-       float: right;\r
        margin-top: 6px;\r
+       margin-left: 319px;\r
 }\r
 \r
 /* =============================================\r
@@ -648,17 +641,11 @@ hr {
 ================================================ */\r
 \r
 #footer {\r
-       margin: 18px 0 0 0;\r
        border-top: 1px solid #d4d4d4;\r
-       //background-color: #F0F2F6;\r
-       padding-bottom: 20px;\r
-       //border-bottom: 1px solid #d4d4d4;\r
+       margin: 16px 0;\r
 }\r
 \r
 #footerInner {\r
-       width: 955px;\r
-       margin-left: auto;\r
-       margin-right: auto;\r
        margin-top: 18px;\r
        color: #23292F;\r
        font-family: Arial, Helvetica, sans-serif;\r

diff --git a/in/style/default.tmpl b/in/style/default.tmpl
index 9b54ff89d812074ee8e6303b844da80ea830628e..6ead91ce95f748aa582b51b88f7c167aabe3bcc0 100644 (file)
--- a/in/style/default.tmpl
+++ b/in/style/default.tmpl
@@ -70,12 +70,6 @@ support@this.domain
 
 <div id="wrapper" class="clearfix">
 
-<div id="content">
-<div class="articleBody"> <!-- can add narrow to the class too -->
-${self.contents()}
-</div> <!--close articleBody (narrow) -->
-</div> <!--close content -->
-
 <div id="sidebar">
 
 <div class="articleListing">
@@ -125,6 +119,13 @@ ${self.contents()}
 </div> <!-- close articleListing -->
 
 </div> <!-- close sidebar -->
+
+<div id="content">
+<div class="articleBody"> <!-- can add narrow to the class too -->
+${self.contents()}
+</div> <!--close articleBody (narrow) -->
+</div> <!--close content -->
+
 </div> <!-- close wrapper -->
 </div> <!-- close container -->