More updates to the CSS for the new theme.

--HG--
branch : dev
This commit is contained in:
Jonathan Wall
2010-10-11 15:03:07 -07:00
parent 6f72d040b3
commit 71d3c9c32a
2 changed files with 69 additions and 53 deletions

View File

@@ -132,31 +132,40 @@ p, .meta {
/* Sidebar off - Content Zone 960 */
#content {
clear:both;
/*padding:12px;*/
/*clear:both;
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 #content {
float:right;
}*/
.sidebar {
.has-sidebar .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;
}
@@ -166,37 +175,37 @@ p, .meta {
#navigation {
width: 960px;
margin: 4px auto;
width: 960px;
margin: 4px auto;
display:block;
border-bottom: 1px solid #999;
}
nav ul {
padding: 0 0 0 8px;
}
nav ul li
{
border:1px solid #999;
background:#e7e7e7;
display:block;
float:left;
margin:0 2px -1px 0;
}
nav ul li.on {
border-bottom: 1px solid #fff;
background:#fff;
}
nav ul a {
padding:0 18px;
display:block;
float:left;
font-size:1.4em;
text-decoration:none;
line-height:24px;
}
nav ul {
padding: 0 0 0 8px;
}
nav ul li
{
border:1px solid #999;
background:#e7e7e7;
display:block;
float:left;
margin:0 2px -1px 0;
}
nav ul li.on {
border-bottom: 1px solid #fff;
background:#fff;
}
nav ul a {
padding:0 18px;
display:block;
float:left;
font-size:1.4em;
text-decoration:none;
line-height:24px;
}
#footer {}
@@ -288,6 +297,6 @@ form.inline p { margin-bottom:0; }
}
.clearfix {
clear:both;
.clearfix {
clear:both;
}

View File

@@ -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.Sidebar1 != null) {
<aside class="sidebar">
@Zone(Model.Sidebar1)
@if(Model.Sidebar2 != null) {
<aside class="sidebar secondary">
@Zone(Model.Sidebar2)
</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>
}