[geeklog-cvs] geeklog: newpro: RTL fixes for CSS layout

[geeklog-cvs at lists.geeklog.net]

changeset 8596:7af52a12eafd
url:  http://project.geeklog.net/cgi-bin/hgwebdir.cgi/geeklog/rev/7af52a12eafd
user: Rouslan Placella <rouslan at placella.com>
date: Sun Apr 15 15:29:15 2012 +0100
description:
newpro: RTL fixes for CSS layout

diffstat:

 public_html/layout/newpro/css/layout.css |  40 +++++++++++++------------------
 1 files changed, 17 insertions(+), 23 deletions(-)

diffs (104 lines):

diff -r 7701ab85f66c -r 7af52a12eafd public_html/layout/newpro/css/layout.css
--- a/public_html/layout/newpro/css/layout.css	Sun Apr 15 14:53:46 2012 +0100
+++ b/public_html/layout/newpro/css/layout.css	Sun Apr 15 15:29:15 2012 +0100
@@ -175,9 +175,9 @@
 
 div#container div#wrapper {
   overflow: visible;  /* Adjust floating element */
-  width: 960px;  /*  Site Width[W] */
+  width: 100%;
   margin: 0 auto;
-  padding: 0 0 2em 0;
+  padding: 0 0 8px;
 }
 
 /* Content generated by the float clear */
@@ -225,20 +225,18 @@
 
 div#container div#wrapper div#leftblocks {
   overflow: auto;
-  float: left;
+  float: {left};
   width: 180px;  /*  Left Block Width[L] */
-  margin: 0 780px 0 0;  /*  Right Margin =  Site All Width[W] -  Left Block Width[L] */
+  margin-{right}: 780px;  /*  Right Margin =  Site All Width[W] -  Left Block Width[L] */
   padding: 0;
 }
 
 /* JavaScript Disenabled  Left Block Container */
 body.js_off div#container div#wrapper div#leftblocks {
-  float: left;
-  margin: 0 -180px 0 0;  /*  Right Margin = -( Left Block Width[L]) */
+  float: {left};
+  margin-{right}: -180px;  /*  Right Margin = -( Left Block Width[L]) */
 }
 
-
-
 /*--------------------------------------
    Center Block Container
     div#centerblocks is always display.
@@ -250,26 +248,23 @@
 
 /* JavaScript Enabled* 3 Column ( Left Block*  Center Block*  Right Block)  Center Block Container */
 body.left-center-right div#container div#wrapper div#centerblocks {
-  float: left;
+  float: {left};
   width: 580px;  /*  Center Block Width =  Site All Width[W] -  Left Block Width[L] -  Right Block Width[R] -  Right Padding -  Left Padding */
-  margin: 0 0 0 -780px;  /*  Left Margin = -( Site All Width[W] -  Left Block Width[L]) */
-  padding: 0 10px;
+  margin-{left}: -770px;  /*  Left Margin = -( Site All Width[W] -  Left Block Width[L]) - 10px */
 }
 
 /* JavaScript Enabled* 2 Column ( Left Block*  Center Block)  Center Block Container */
 body.left-center div#container div#wrapper div#centerblocks {
-  float: left;
+  float: {left};
   width: 770px;  /*  Center Block Width =  Site All Width[W] -  Left Block Width[L] -  Right Padding -  Left Padding */
-  margin: 0 0 0 -780px;  /*  Left Margin = -( Site All Width[W] -  Left Block Width[L]) */
-  padding: 0 0 0 10px;
+  margin-{left}: -770px;  /*  Left Margin = -( Site All Width[W] -  Left Block Width[L]) */
 }
 
 /* JavaScript Enabled* 2 Column ( Center Block*  Right Block)  Center Block Container */
 body.center-right div#container div#wrapper div#centerblocks {
-  float: left;
+  float: {left};
   width: 770px;  /*  Site All Width[W] -  Right Block Width[R] -  Right Padding -  Left Padding */
-  margin: 0 180px 0 0;  /*  Right Margin =  Right Block Width[R] */
-  padding: 0 10px 0 0;
+  margin-{right}: 180px;  /*  Right Margin =  Right Block Width[R] */
 }
 
 /* JavaScript Enabled* 1 Column ( Center Block)  Center Block Container */
@@ -282,10 +277,9 @@
 /* JavaScript Disenabled  Center Block Container */
 body.js_off div#container div#wrapper div#centerblocks {
   display: inline;  /* Win IE 6(Float Left Right Margin is too wide) */
-  float: left;
+  float: {left};
   width: 580px;  /*  Center Block Width =  Site All Width[W] -  Left Block Width[L] -  Right Block Width[R] -  Right Padding -  Left Padding */
-  margin: 0 0 0 180px;  /*  Left Margin =  Left Block Width[L] */
-  padding: 0 10px;
+  margin-{left}: 180px;  /*  Left Margin =  Left Block Width[L] */
 }
 
 
@@ -297,14 +291,14 @@
 
 div#container div#wrapper div#rightblocks {
   overflow: auto;
-  float: left;
+  float: {left};
   width: 180px;  /*  Right Block Width[R] */
-  margin: 0 0 0 -180px;  /*  Left Margin = -( Right Block Width[R]) */
+  margin-{left}: -180px;  /*  Left Margin = -( Right Block Width[R]) */
 }
 
 /* JavaScript Disenabled  Right Block Container */
 body.js_off div#container div#wrapper div#rightblocks {
-  float: right;
+  float: {right};
   margin: 0;
 }