More updates to the CSS for the new theme.

--HG--
branch : dev

src/Orchard.Web/Themes/TheThemeMachine/Styles/site.css

@@ -132,31 +132,40 @@ p, .meta {
 
 /* Sidebar off - Content Zone 960 */
 #content {
-    clear:both;
+    /*clear:both;
-    /*padding:12px;*/
+    padding:12px;*/
 }
 
-/*Right Sidebar on - Content Zone 600 */
+/*One Sidebar on */
 .has-sidebar #content {
 	background-color:#e8e8e8;
 	width: 600px;
     /*padding:12px 6px 6px 12px;*/
 	float:left;
-    clear:both;
+    /*clear:both;*/
 }
 
-/*Left Sidebar on - Content Zone 600 
+.has-sidebar .sidebar {
-
-.has-sidebar #content {
-	float:right;
-}*/
-
-.sidebar {
     background-color:#f6f6f6;
     width: 360px;
 	float:right;
 }
 
+/*Two Sidebars on */
+.has-sidebars #content {
+	background-color:#e8e8e8;
+	width: 600px;
+}
+
+.has-sidebars .sidebar {
+    background-color:#f6f6f6;
+    width: 180px;
+}
+
+.has-sidebars .primary, .has-sidebars .secondary, .has-sidebars #content {
+    float:left;
+}
+
 #sitemap {
     clear:both;
 }

src/Orchard.Web/Themes/TheThemeMachine/Views/Layout.cshtml

@@ -7,9 +7,21 @@
     // Zone is an alias for Display
     Func<dynamic, dynamic> Zone = x => Display(x);
 
-    if (Model.Sidebar != null) {
+
+
+    if (Model.Sidebar != null && Model.Sidebar2 == null) {
         Model.Classes.Add("has-sidebar");
     }
+    else if (Model.Sidebar == null && Model.Sidebar2 != null) {
+        Model.Classes.Add("has-sidebar-left");
+    }
+    else if (Model.Sidebar != null && Model.Sidebar2 != null) {
+        Model.Classes.Add("has-sidebars");
+    }
+    else {
+
+    }
+
 
     //Model.Attributes.Add("onclick", "javscript:alert('woot')"); 
 
@@ -73,10 +85,9 @@
     </div>
     }
 
-    @{WorkContext.Layout.Sidebar1.Add("just some text in featured");}
+    @if(Model.Sidebar2 != null) {
-    @if(Model.Sidebar1 != null) {
+    <aside class="sidebar secondary">
-    <aside class="sidebar">
+        @Zone(Model.Sidebar2)
-        @Zone(Model.Sidebar1)
     </aside>
     }
 
@@ -86,14 +97,10 @@
         @Zone(Model.Content)
     </div>
     }
-    else {
+ 
-    <div id="content" class="group">
-        Let's take over the home page
-    </div>
-    }
 
     @if(Model.Sidebar != null) {
-    <aside class="sidebar">
+    <aside class="sidebar primary">
         @Zone(Model.Sidebar)
     </aside>
     }