Grouping CSS into css/ directory so as to separate from LESS.

--HG-- rename : layouts/1-column-fixed.css => layouts/css/1-column-fixed.css rename : layouts/1-column-fluid.css => layouts/css/1-column-fluid.css rename : layouts/2-columns-fixed-sb-left-under-full.css => layouts/css/2-columns-fixed-sb-left-under-full.css rename : layouts/2-columns-fixed-sb-left-under.css => layouts/css/2-columns-fixed-sb-left-under.css rename : layouts/2-columns-fixed-sb-left.css => layouts/css/2-columns-fixed-sb-left.css rename : layouts/2-columns-fixed-sb-right-under-full.css => layouts/css/2-columns-fixed-sb-right-under-full.css rename : layouts/2-columns-fixed-sb-right-under.css => layouts/css/2-columns-fixed-sb-right-under.css rename : layouts/2-columns-fixed-sb-right.css => layouts/css/2-columns-fixed-sb-right.css rename : layouts/2-columns-fluid-sb-fixed-left-sb-under.css => layouts/css/2-columns-fluid-sb-fixed-left-sb-under.css rename : layouts/2-columns-fluid-sb-fixed-left.css => layouts/css/2-columns-fluid-sb-fixed-left.css rename : layouts/2-columns-fluid-sb-fixed-right-sb-under.css => layouts/css/2-columns-fluid-sb-fixed-right-sb-under.css rename : layouts/2-columns-fluid-sb-fixed-right.css => layouts/css/2-columns-fluid-sb-fixed-right.css rename : layouts/2-columns-percentage-sb-fixed-left-sb-under.css => layouts/css/2-columns-percentage-sb-fixed-left-sb-under.css rename : layouts/2-columns-percentage-sb-fixed-left.css => layouts/css/2-columns-percentage-sb-fixed-left.css rename : layouts/2-columns-percentage-sb-fixed-right-sb-under.css => layouts/css/2-columns-percentage-sb-fixed-right-sb-under.css rename : layouts/2-columns-percentage-sb-fixed-right.css => layouts/css/2-columns-percentage-sb-fixed-right.css rename : layouts/3-columns-fixed-sb-both.css => layouts/css/3-columns-fixed-sb-both.css rename : layouts/3-columns-fixed-sb-left.css => layouts/css/3-columns-fixed-sb-left.css rename : layouts/3-columns-fixed-sb-right.css => layouts/css/3-columns-fixed-sb-right.css rename : layouts/3-columns-fluid-sb-fixed-both.css => layouts/css/3-columns-fluid-sb-fixed-both.css rename : layouts/3-columns-fluid-sb-fixed-left.css => layouts/css/3-columns-fluid-sb-fixed-left.css rename : layouts/3-columns-fluid-sb-fixed-right.css => layouts/css/3-columns-fluid-sb-fixed-right.css rename : layouts/3-columns-percentage-sb-both.css => layouts/css/3-columns-percentage-sb-both.css rename : layouts/3-columns-percentage-sb-left.css => layouts/css/3-columns-percentage-sb-left.css rename : layouts/3-columns-percentage-sb-right.css => layouts/css/3-columns-percentage-sb-right.css rename : layouts/3-columns-sb-both-hybrid-left.css => layouts/css/3-columns-sb-both-hybrid-left.css rename : layouts/3-columns-sb-both-hybrid-right.css => layouts/css/3-columns-sb-both-hybrid-right.css rename : layouts/3-columns-sb-left-hybrid.css => layouts/css/3-columns-sb-left-hybrid.css rename : layouts/3-columns-sb-right-hybrid.css => layouts/css/3-columns-sb-right-hybrid.css
zamoose · Jun 18, 2012 · 0ca3842 · 0ca3842
1 parent 7f39c94
commit 0ca3842
Show file tree

Hide file tree

Showing 58 changed files with 303 additions and 0 deletions.
diff --git a/layouts/1-column-fixed.css → layouts/css/1-column-fixed.css b/layouts/1-column-fixed.css → layouts/css/1-column-fixed.css
diff --git a/layouts/1-column-fluid.css → layouts/css/1-column-fluid.css b/layouts/1-column-fluid.css → layouts/css/1-column-fluid.css
diff --git a/...ts/2-columns-fixed-sb-left-under-full.css → ...ss/2-columns-fixed-sb-left-under-full.css b/...ts/2-columns-fixed-sb-left-under-full.css → ...ss/2-columns-fixed-sb-left-under-full.css
diff --git a/layouts/2-columns-fixed-sb-left-under.css → ...uts/css/2-columns-fixed-sb-left-under.css b/layouts/2-columns-fixed-sb-left-under.css → ...uts/css/2-columns-fixed-sb-left-under.css
diff --git a/layouts/2-columns-fixed-sb-left.css → layouts/css/2-columns-fixed-sb-left.css b/layouts/2-columns-fixed-sb-left.css → layouts/css/2-columns-fixed-sb-left.css
diff --git a/...s/2-columns-fixed-sb-right-under-full.css → ...s/2-columns-fixed-sb-right-under-full.css b/...s/2-columns-fixed-sb-right-under-full.css → ...s/2-columns-fixed-sb-right-under-full.css
diff --git a/layouts/2-columns-fixed-sb-right-under.css → ...ts/css/2-columns-fixed-sb-right-under.css b/layouts/2-columns-fixed-sb-right-under.css → ...ts/css/2-columns-fixed-sb-right-under.css
diff --git a/layouts/2-columns-fixed-sb-right.css → layouts/css/2-columns-fixed-sb-right.css b/layouts/2-columns-fixed-sb-right.css → layouts/css/2-columns-fixed-sb-right.css
diff --git a/...-columns-fluid-sb-fixed-left-sb-under.css → ...-columns-fluid-sb-fixed-left-sb-under.css b/...-columns-fluid-sb-fixed-left-sb-under.css → ...-columns-fluid-sb-fixed-left-sb-under.css
diff --git a/layouts/2-columns-fluid-sb-fixed-left.css → ...uts/css/2-columns-fluid-sb-fixed-left.css b/layouts/2-columns-fluid-sb-fixed-left.css → ...uts/css/2-columns-fluid-sb-fixed-left.css
diff --git a/...columns-fluid-sb-fixed-right-sb-under.css → ...columns-fluid-sb-fixed-right-sb-under.css b/...columns-fluid-sb-fixed-right-sb-under.css → ...columns-fluid-sb-fixed-right-sb-under.css
diff --git a/layouts/2-columns-fluid-sb-fixed-right.css → ...ts/css/2-columns-fluid-sb-fixed-right.css b/layouts/2-columns-fluid-sb-fixed-right.css → ...ts/css/2-columns-fluid-sb-fixed-right.css
diff --git a/...mns-percentage-sb-fixed-left-sb-under.css → ...mns-percentage-sb-fixed-left-sb-under.css b/...mns-percentage-sb-fixed-left-sb-under.css → ...mns-percentage-sb-fixed-left-sb-under.css
diff --git a/...ts/2-columns-percentage-sb-fixed-left.css → ...ss/2-columns-percentage-sb-fixed-left.css b/...ts/2-columns-percentage-sb-fixed-left.css → ...ss/2-columns-percentage-sb-fixed-left.css
diff --git a/...ns-percentage-sb-fixed-right-sb-under.css → ...ns-percentage-sb-fixed-right-sb-under.css b/...ns-percentage-sb-fixed-right-sb-under.css → ...ns-percentage-sb-fixed-right-sb-under.css
diff --git a/...s/2-columns-percentage-sb-fixed-right.css → ...s/2-columns-percentage-sb-fixed-right.css b/...s/2-columns-percentage-sb-fixed-right.css → ...s/2-columns-percentage-sb-fixed-right.css
diff --git a/layouts/3-columns-fixed-sb-both.css → layouts/css/3-columns-fixed-sb-both.css b/layouts/3-columns-fixed-sb-both.css → layouts/css/3-columns-fixed-sb-both.css
diff --git a/layouts/3-columns-fixed-sb-left.css → layouts/css/3-columns-fixed-sb-left.css b/layouts/3-columns-fixed-sb-left.css → layouts/css/3-columns-fixed-sb-left.css
diff --git a/layouts/3-columns-fixed-sb-right.css → layouts/css/3-columns-fixed-sb-right.css b/layouts/3-columns-fixed-sb-right.css → layouts/css/3-columns-fixed-sb-right.css
diff --git a/layouts/3-columns-fluid-sb-fixed-both.css → ...uts/css/3-columns-fluid-sb-fixed-both.css b/layouts/3-columns-fluid-sb-fixed-both.css → ...uts/css/3-columns-fluid-sb-fixed-both.css
diff --git a/layouts/3-columns-fluid-sb-fixed-left.css → ...uts/css/3-columns-fluid-sb-fixed-left.css b/layouts/3-columns-fluid-sb-fixed-left.css → ...uts/css/3-columns-fluid-sb-fixed-left.css
diff --git a/layouts/3-columns-fluid-sb-fixed-right.css → ...ts/css/3-columns-fluid-sb-fixed-right.css b/layouts/3-columns-fluid-sb-fixed-right.css → ...ts/css/3-columns-fluid-sb-fixed-right.css
diff --git a/layouts/3-columns-percentage-sb-both.css → layouts/css/3-columns-percentage-sb-both.css b/layouts/3-columns-percentage-sb-both.css → layouts/css/3-columns-percentage-sb-both.css
diff --git a/layouts/3-columns-percentage-sb-left.css → layouts/css/3-columns-percentage-sb-left.css b/layouts/3-columns-percentage-sb-left.css → layouts/css/3-columns-percentage-sb-left.css
diff --git a/layouts/3-columns-percentage-sb-right.css → ...uts/css/3-columns-percentage-sb-right.css b/layouts/3-columns-percentage-sb-right.css → ...uts/css/3-columns-percentage-sb-right.css
diff --git a/layouts/3-columns-sb-both-hybrid-left.css → ...uts/css/3-columns-sb-both-hybrid-left.css b/layouts/3-columns-sb-both-hybrid-left.css → ...uts/css/3-columns-sb-both-hybrid-left.css
diff --git a/layouts/3-columns-sb-both-hybrid-right.css → ...ts/css/3-columns-sb-both-hybrid-right.css b/layouts/3-columns-sb-both-hybrid-right.css → ...ts/css/3-columns-sb-both-hybrid-right.css
diff --git a/layouts/3-columns-sb-left-hybrid.css → layouts/css/3-columns-sb-left-hybrid.css b/layouts/3-columns-sb-left-hybrid.css → layouts/css/3-columns-sb-left-hybrid.css
diff --git a/layouts/3-columns-sb-right-hybrid.css → layouts/css/3-columns-sb-right-hybrid.css b/layouts/3-columns-sb-right-hybrid.css → layouts/css/3-columns-sb-right-hybrid.css
diff --git a/layouts/less/1-column-fixed.less b/layouts/less/1-column-fixed.less
@@ -0,0 +1,10 @@
+/*
+ @containerwidth: 960px
+ @primarysbwidth: 350px
+ @secondarysbwidth: 350px
+ @footerwidth: 100%
+*/
+#container{width:@containerwidth;margin:0 auto}
+#primarysb{float:left;width:@primarysbwidth}
+#secondarysb{float:right;width:@secondarysbwidth}
+#footer{clear:both;width:@footerwidth}
diff --git a/layouts/less/1-column-fluid.less b/layouts/less/1-column-fluid.less
@@ -0,0 +1,8 @@
+/*
+ @primarysbwidth: 50%
+ @secondarysbwidth: 49.9%
+ @footerwidth: 100%
+*/
+#primarysb{float:left;width:@primarysbwidth}
+#secondarysb{float:left;width:@secondarysbwidth}
+#footer{clear:left;width:@footerwidth}
diff --git a/layouts/less/2-columns-fixed-sb-left-under-full.less b/layouts/less/2-columns-fixed-sb-left-under-full.less
@@ -0,0 +1,10 @@
+/*
+ @containerwidth: 960px
+ @lbcontentwidth: 700px
+ @primarysbwidth: 200px
+ @secondarysbwidth: 100%
+*/
+#container{width:@containerwidth;margin:0 auto}
+#lb-content{float:right;width:@lbcontentwidth}
+#primarysb{float:left;width:@primarysbwidth}
+#secondarysb{clear:both;width:@secondarysbwidth}
diff --git a/layouts/less/2-columns-fixed-sb-left-under.less b/layouts/less/2-columns-fixed-sb-left-under.less
@@ -0,0 +1,12 @@
+/*
+ @containerwidth: 960px
+ @lbcontentwidth: 700px
+ @primarysbwidth: 200px
+ @secondarysbwidth: 700px
+ @footerwidth: 100%
+*/
+#container{width:@containerwidth;margin:0 auto}
+#lb-content{float:right;width:@lbcontentwidth}
+#primarysb{float:left;width:@primarysbwidth}
+#secondarysb{float:right;width:@secondarysbwidth}
+#footer{clear:both;width:@footerwidth}
diff --git a/layouts/less/2-columns-fixed-sb-left.less b/layouts/less/2-columns-fixed-sb-left.less
@@ -0,0 +1,12 @@
+/*
+ containerwidth: 960px
+ lbcontentwidth: 700px
+ primarysbwidth: 200px
+ secondarysbwidth: 200px
+ footerwidth: 100%
+*/
+#container{width:@containerwidth;margin:0 auto}
+#lb-content{float:right;width:@lbcontentwidth}
+#primarysb{float:left;width:@primarysbwidth}
+#secondarysb{float:left;clear:left;width:@secondarysbwidth}
+#footer{clear:both;width:@footerwidth}
diff --git a/layouts/less/2-columns-fixed-sb-right-under-full.less b/layouts/less/2-columns-fixed-sb-right-under-full.less
@@ -0,0 +1,10 @@
+/*
+ @containerwidth: 960px
+ @lbcontentwidth: 700px
+ @primarysbwidth: 200px
+ @secondarysbwidth: 100%
+*/
+#container{width:@containerwidth;margin:0 auto}
+#lb-content{float:left;width:@lbcontentwidth}
+#primarysb{float:right;width:@primarysbwidth}
+#secondarysb{clear:both;width:@secondarysbwidth}
diff --git a/layouts/less/2-columns-fixed-sb-right-under.less b/layouts/less/2-columns-fixed-sb-right-under.less
@@ -0,0 +1,12 @@
+/*
+ containerwidth: 960px
+ lbcontentwidth: 700px
+ primarysbwidth: 200px
+ secondarysbwidth: 700px
+ footerwidth: 100%
+*/
+#container{width:@containerwidth;margin:0 auto}
+#lb-content{float:left;width:@lbcontentwidth}
+#primarysb{float:right;width:@primarysbwidth}
+#secondarysb{float:left;width:@secondarysbwidth}
+#footer{clear:both;width:@footerwidth}
diff --git a/layouts/less/2-columns-fixed-sb-right.less b/layouts/less/2-columns-fixed-sb-right.less
@@ -0,0 +1,12 @@
+/*
+ containerwidth: 960px
+ lbcontentwidth: 700px
+ primarysbwidth: 200px
+ secondarysbwidth: 200px
+ foooterwidth: 100%
+*/
+#container{width:@containerwidth;margin:0 auto}
+#lb-content{float:left;width:@lbcontentwidth}
+#primarysb{float:right;width:@primarysbwidth}
+#secondarysb{float:right;clear:right;width:@secondarysbwidth}
+#footer{clear:both;width:@footerwidth}
diff --git a/layouts/less/2-columns-fluid-sb-fixed-left-sb-under.less b/layouts/less/2-columns-fluid-sb-fixed-left-sb-under.less
@@ -0,0 +1,9 @@
+/*
+ @wrapperwidth: 100%;
+ @primarysbwidth: 200px;
+ @secondarysbwidth: 100%;
+*/
+#wrapper{float:left;width:@wrapperwidth}
+#lb-content{margin-left:@primarysbwidth}
+#primarysb{float:left;width:@primarysbwidth;margin-left:-@wrapperwidth}
+#secondarysb{clear:left;width:@secondarysbwidth}
diff --git a/layouts/less/2-columns-fluid-sb-fixed-left.less b/layouts/less/2-columns-fluid-sb-fixed-left.less
@@ -0,0 +1,11 @@
+/*
+ @wrapperwidth: 100%;
+ @lbcontentwidth: 700px;
+ @primarysbwidth: 200px;
+ @footerwidth: 100%;
+*/
+#wrapper{float:right;width:@wrapperwidth;margin-left:-@primarysbwidth}
+#lb-content{margin-left:@primarysbwidth}
+#primarysb{float:left;width:@primarysbwidth}
+#secondarysb{float:left;clear:left;width:@primarysbwidth}
+#footer{clear:both;width:@footerwidth}
diff --git a/layouts/less/2-columns-fluid-sb-fixed-right-sb-under.less b/layouts/less/2-columns-fluid-sb-fixed-right-sb-under.less
@@ -0,0 +1,10 @@
+/*
+ @wrapperwidth: 100%;
+ @lbcontentwidth: 700px;
+ @primarysbwidth: 200px;
+ @secondarysbwidth: 100%;
+*/
+#wrapper{float:left;width:@wrapperwidth}
+#lb-content{margin-right:@primarysbwidth}
+#primarysb{float:left;width:@primarysbwidth;margin-left:-@primarysbwidth}
+#secondarysb{clear:left;width:@secondarysbwidth}
diff --git a/layouts/less/2-columns-fluid-sb-fixed-right.less b/layouts/less/2-columns-fluid-sb-fixed-right.less
@@ -0,0 +1,10 @@
+/*
+ @wrapperwidth: 100%;
+ @primarysbwidth: 200px;
+ @footerwidth: 100%;
+*/
+#wrapper{float:left;width:@wrapperwidth;margin-left:-@primarysbwidth}
+#lb-content{margin-left:@primarysbwidth}
+#primarysb{float:right;width:@primarysbwidth}
+#secondarysb{float:right;clear:right;width:@primarysbwidth}
+#footer{clear:both;width:@footerwidth}
diff --git a/layouts/less/2-columns-percentage-sb-fixed-left-sb-under.less b/layouts/less/2-columns-percentage-sb-fixed-left-sb-under.less
@@ -0,0 +1,8 @@
+/*
+ @wrapperwidth: 70%;
+ @primarysbwidth: 29.9%;
+ @secondarysbwidth: 100%;
+*/
+#wrapper{float:right;width:@wrapperwidth}
+#primarysb{float:left;width:@primarysbwidth}
+#secondarysb{clear:both;width:@secondarysbwidth}
diff --git a/layouts/less/2-columns-percentage-sb-fixed-left.less b/layouts/less/2-columns-percentage-sb-fixed-left.less
@@ -0,0 +1,10 @@
+/*
+ @wrapperwidth: 100%;
+ @primarysbwidth: 32.9%;
+ @footerwidth: 100%;
+*/
+#wrapper{float:right;width:@wrapperwidth;margin-right:-@primarysbwidth - .1%}
+#lb-content{margin-right:@primarysbwidth+.1%}
+#primarysb{float:left;width:@primarysbwidth}
+#secondarysb{float:left;clear:left;width:@primarysbwidth}
+#footer{clear:both;width:@footerwidth}
diff --git a/layouts/less/2-columns-percentage-sb-fixed-right-sb-under.less b/layouts/less/2-columns-percentage-sb-fixed-right-sb-under.less
@@ -0,0 +1,8 @@
+/*
+ @wrapperwidth: 70%;
+ @primarysbwidth: 29.9%;
+ @secondarysbwidth: 100%;
+*/
+#wrapper{float:left;width:@wrapperwidth}
+#primarysb{float:right;width:@primarysbwidth}
+#secondarysb{clear:both;width:@secondarysbwidth}
diff --git a/layouts/less/2-columns-percentage-sb-fixed-right.less b/layouts/less/2-columns-percentage-sb-fixed-right.less
@@ -0,0 +1,10 @@
+/*
+ @wrapperwidth: 100%;
+ @primarysbwidth: 32.9%;
+ @footerwidth: 100%;
+*/
+#wrapper{float:left;width:@wrapperwidth;margin-left:-@primarysbwidth - .1%}
+#lb-content{margin-left:@primarysbwidth + .1%}
+#primarysb{float:right;width:@primarysbwidth}
+#secondarysb{float:right;clear:right;width:@primarysbwidth}
+#footer{clear:both;width:@footerwidth}
diff --git a/layouts/less/3-columns-fixed-sb-both.less b/layouts/less/3-columns-fixed-sb-both.less
@@ -0,0 +1,13 @@
+/*
+ @containerwidth: 960px;
+ @wrapperwidth: 100%;
+ @primarysbwidth: 150px;
+ @footerwidth: 100%;
+*/
+#container{width:@containerwidth;margin:0 auto}
+#wrapper{float:left;width:@wrapperwidth}
+#lb-content{margin: 0 @primarysbwidth - 5px}
+#primarysb{float:left;width:@primarysbwidth;margin-left:-@containerwidth}
+#secondarysb{float:left;width:@primarysbwidth;margin-left:-@primarysbwidth}
+#footer{clear:left;width:@footerwidth}
+div#container div#allwrapper{padding-left:0;padding-right:0;}
diff --git a/layouts/less/3-columns-fixed-sb-left.less b/layouts/less/3-columns-fixed-sb-left.less
@@ -0,0 +1,12 @@
+/*
+ @containerwidth: 960px;
+ @wrapperwidth: 100%;
+ @primarysbwidth: 150px;
+ @footerwidth: 100%;
+*/
+#container{width:@containerwidth;margin:0 auto}
+#wrapper{float:left;width:@wrapperwidth}
+#lb-content{margin-left: @primarysbwidth * 2}
+#primarysb{float:left;width:@primarysbwidth;margin-left:-@containerwidth + 20px}
+#secondarysb{float:left;width:@primarysbwidth;margin-left:-@containerwidth + 20px + @primarysbwidth}
+#footer{clear:left;width:100%}
diff --git a/layouts/less/3-columns-fixed-sb-right.less b/layouts/less/3-columns-fixed-sb-right.less
@@ -0,0 +1,12 @@
+/*
+ @containerwidth: 960px;
+ @wrapperwidth: 100%;
+ @primarysbwidth: 150px;
+ @footerwidth: 100%;
+*/
+#container{width:@containerwidth;margin:0 auto}
+#wrapper{float:left;width:@wrapperwidth}
+#lb-content{margin-right: @primarysbwidth * 2}
+#primarysb{float:left;width:@primarysbwidth;margin-left:-@primarysbwidth * 2}
+#secondarysb{float:left;width:@primarysbwidth;margin-left:-@primarysbwidth}
+#footer{clear:left;width:@footerwidth}
diff --git a/layouts/less/3-columns-fluid-sb-fixed-both.less b/layouts/less/3-columns-fluid-sb-fixed-both.less
@@ -0,0 +1,10 @@
+/*
+ @wrapperwidth: 100%;
+ @primarysbwidth: 200px;
+ @footerwidth: 100%;
+*/
+#wrapper{float:left;width:@wrapperwidth}
+#lb-content{margin: 0 200px}
+#primarysb{float:left;width:@primarysbwidth;margin-left:-@wrapperwidth}
+#secondarysb{float:left;width:@primarysbwidth;margin-left:-@primarysbwidth}
+#footer{clear:left;width:@footerwidth}
diff --git a/layouts/less/3-columns-fluid-sb-fixed-left.less b/layouts/less/3-columns-fluid-sb-fixed-left.less
@@ -0,0 +1,10 @@
+/*
+ @wrapperwidth: 100%;
+ @primarysbwidth: 200px;
+ @footerwidth: 100%;
+*/
+#wrapper{float:right;width:@wrapperwidth;margin-left:-@primarysbwidth * 2}
+#lb-content{margin-left:@primarysbwidth * 2}
+#primarysb{float:left;width:@primarysbwidth}
+#secondarysb{float:right;width:@primarysbwidth}
+#footer{clear:both;width:@footerwidth}
diff --git a/layouts/less/3-columns-fluid-sb-fixed-right.less b/layouts/less/3-columns-fluid-sb-fixed-right.less
@@ -0,0 +1,10 @@
+/*
+ @wrapperwidth: 100%;
+ @primarysbwidth: 200px;
+ @footerwidth: 100%;
+*/
+#wrapper{float:left;width:@wrapperwidth}
+#lb-content{margin-right:@primarysbwidth * 2}
+#primarysb{float:left;width:@primarysbwidth;margin-left:-@primarysbwidth * 2}
+#secondarysb{float:left;width:@primarysbwidth;margin-left:-@primarysbwidth}
+#footer{clear:left;width:@footerwidth}
diff --git a/layouts/less/3-columns-percentage-sb-both.less b/layouts/less/3-columns-percentage-sb-both.less
@@ -0,0 +1,10 @@
+/* 
+ @wrapperwidth: 100%;
+ @primarysbwidth: 25%;
+ @footerwidth: 100%;
+*/
+#wrapper{float:left;width:@wrapperwidth}
+#lb-content{margin: 0 @primarysbwidth}
+#primarysb{float:left;width:@primarysbwidth;margin-left:-@wrapperwidth}
+#secondarysb{float:left;width:@primarysbwidth;margin-left:-@primarysbwidth}
+#footer{clear:left;width:@footerwidth}
diff --git a/layouts/less/3-columns-percentage-sb-left.less b/layouts/less/3-columns-percentage-sb-left.less
@@ -0,0 +1,10 @@
+/*
+ @wrapperwidth: 100%;
+ @primarysbwidth: 25%;
+ @footerwidth: 100%;
+*/
+#wrapper{float:left;width:@wrapperwidth}
+#lb-content{margin-left: @primarysbwidth * 2}
+#primarysb{float:left;width:@primarysbwidth;margin-left:-@wrapperwidth}
+#secondarysb{float:left;width:@primarysbwidth;margin-left:-@wrapperwidth + @primarysbwidth}
+#footer{clear:left;width:100%}
diff --git a/layouts/less/3-columns-percentage-sb-right.less b/layouts/less/3-columns-percentage-sb-right.less
@@ -0,0 +1,10 @@
+/*
+ @wrapperwidth: 100%;
+ @primarysbwidth: 25%;
+ @footerwidth: 100%;
+*/
+#wrapper{float:left;width:@wrapperwidth}
+#lb-content{margin-right: @primarysbwidth * 2}
+#primarysb{float:left;width:@primarysbwidth;margin-left:-@primarysbwidth * 2}
+#secondarysb{float:left;width:@primarysbwidth;margin-left:-@primarysbwidth}
+#footer{clear:left;width:@footersbwidth}
diff --git a/layouts/less/3-columns-sb-both-hybrid-left.less b/layouts/less/3-columns-sb-both-hybrid-left.less
@@ -0,0 +1,11 @@
+/*
+ @wrapperwidth: 100%;
+ @primarysbwidth: 33%;
+ @secondarysbwidth: 200px;
+ @footerwidth: 100%;
+*/
+#wrapper{float:left;width:@wrapperwidth}
+#lb-content{margin: 0 @secondarysbwidth 0 @primarysbwidth}
+#primarysb{float:left;width:@primarysbwidth;margin-left:-@wrapperwidth}
+#secondarysb{float:left;width:@secondarysbwidth;margin-left:-@secondarysbwidth}
+#footer{clear:left;width:@footerwidth}
diff --git a/layouts/less/3-columns-sb-both-hybrid-right.less b/layouts/less/3-columns-sb-both-hybrid-right.less
@@ -0,0 +1,11 @@
+/*
+ @wrapperwidth: 100%;
+ @primarysbwidth: 200px;
+ @secondarysbwidth: 33%;
+ @footerwidth: 100%;
+*/
+#wrapper{float:left;width:@wrapperwidth}
+#lb-content{margin: 0 @secondarysbwidth 0 @primarysbwidth}
+#primarysb{float:left;width:@primarysbwidth;margin-left:-@wrapperwidth}
+#secondarysb{float:left;width:@secondarysbwidth;margin-left:-@secondarysbwidth}
+#footer{clear:left;width:@footerwidth}
diff --git a/layouts/less/3-columns-sb-left-hybrid.less b/layouts/less/3-columns-sb-left-hybrid.less
@@ -0,0 +1,11 @@
+/*
+ @wrapperwidth: 100%;
+ @primarysbwidth: 25%;
+ @secondarysbwidth: 200px;
+ @footerwidth: 100%;
+*/
+#wrapper{float:left;width:@wrapperwidth;margin-left:-@secondarysbwidth}
+#lb-content{margin: 0 @primarysbwidth 0 @secondarysbwidth}
+#primarysb{float:left;width:@primarysbwidth;margin-left:-@primarysbwidth}
+#secondarysb{float:left;width:@secondarysbwidth}
+#footer{clear:left;width:@footerwidth}
diff --git a/layouts/less/3-columns-sb-right-hybrid.less b/layouts/less/3-columns-sb-right-hybrid.less
@@ -0,0 +1,11 @@
+/*
+ @wrapperwidth: 100%;
+ @primarysbwidth: 200px;
+ @secondarysbwidth: 25%;
+ @footerwidth: 100%;
+*/
+#wrapper{float:left;width:@wrapperwidth;margin-left:-@secondarysbwidth}
+#lb-content{margin: 0 @primarysbwidth 0 @secondarysbwidth}
+#primarysb{float:left;width:@primarysbwidth;margin-left:-@primarysbwidth}
+#secondarysb{float:left;width:@secondarysbwidth}
+#footer{clear:left;width:@footerwidth}