--HG--
branch : dev
This commit is contained in:
Sebastien Ros
2010-10-15 18:04:25 -07:00
4 changed files with 137 additions and 101 deletions

View File

@@ -217,6 +217,10 @@
<Content Include="TheAdmin\Theme.png" /> <Content Include="TheAdmin\Theme.png" />
<Content Include="TheAdmin\Views\User.cshtml" /> <Content Include="TheAdmin\Views\User.cshtml" />
<Content Include="TheAdmin\Views\Header.cshtml" /> <Content Include="TheAdmin\Views\Header.cshtml" />
<Content Include="TheThemeMachine\Views\Items\BlogPost.Summary.cshtml" />
<Content Include="TheThemeMachine\Views\Items\BlogPost.cshtml">
<SubType>Designer</SubType>
</Content>
<None Include="TheThemeMachine\Views\Layout.cshtml" /> <None Include="TheThemeMachine\Views\Layout.cshtml" />
</ItemGroup> </ItemGroup>
<Import Project="$(MSBuildBinPath)\Microsoft.CSharp.targets" /> <Import Project="$(MSBuildBinPath)\Microsoft.CSharp.targets" />

View File

@@ -65,20 +65,20 @@ header, footer, aside, nav, article { display: block; }
.group:after .group:after
{ {
content: "."; content: ".";
display: block; display: block;
height: 0; height: 0;
clear: both; clear: both;
visibility: hidden; visibility: hidden;
} }
.zone-asidethird:after .zone-asidethird:after
{ {
content: "."; content: ".";
display: block; display: block;
height: 0; height: 0;
clear: both; clear: both;
visibility: hidden; visibility: hidden;
} }
@@ -170,28 +170,33 @@ pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height:
#layout-header #layout-header
{ {
margin: 30px auto; margin: 30px auto;
} }
#branding #branding
{ {
font-family: 'Lobster', Tahoma, Arial, Helvetica, sans-serif; font-family: 'Lobster', Tahoma, Arial, Helvetica, sans-serif;
font-size: 3.4em; font-size: 3.4em;
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
#branding a #branding a
{ {
text-decoration:none; text-decoration:none;
color: #434343; color: #434343;
} }
#layout-tripel #layout-tripel
{ {
border-top: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb;
} }
#layout-before-main
{
border-bottom: 1px solid #dbdbdb;
}
#layout-main #layout-main
{ {
border-top: 1px solid #fff; border-top: 1px solid #fff;
@@ -199,17 +204,17 @@ pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height:
#layout-after-main #layout-after-main
{ {
border-top: 1px solid #dbdbdb;
} }
/* Navigation */ /* Navigation */
#layout-navigation #layout-navigation
{ {
width: 960px; width: 960px;
margin: 0 auto; margin: 0 auto;
display: block; display: block;
border-bottom: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;
} }
nav ul nav ul
@@ -217,41 +222,45 @@ nav ul
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
} }
nav ul li nav ul li
{ {
border:1px solid #dbdbdb; border:1px solid #dbdbdb;
background:#f6f6f6; background:#f6f6f6;
display:block; display:block;
float:left; float:left;
margin:0 2px -1px 0; margin:0 2px -1px 0;
} }
nav ul li.current nav ul li.current
{ {
border-bottom: 1px solid #fff; border-bottom: 1px solid #fff;
background:#fff; background:#fff;
} }
nav ul a nav ul a
{ {
padding:0 18px; padding:0 18px;
display:block; display:block;
float:left; float:left;
color: #333; color: #333;
font-size:1.4em; font-size:1.4em;
text-decoration:none; text-decoration:none;
line-height:24px; line-height:24px;
} }
#layout-footer #layout-footer
{ {
border-top: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb;
} }
#footer-sig
{
}
/* Zones */ /* Zones */
/*.zone { /*.zone {
background-color: yellow; background-color: yellow;
box-shadow:inset 0 0 1px red; box-shadow:inset 0 0 1px red;
-moz-box-shadow:inset 0 0 1px red; -moz-box-shadow:inset 0 0 1px red;
-webkit-box-shadow:inset 0 0 1px red; -webkit-box-shadow:inset 0 0 1px red;
} Used for visualizing zones */ } Used for visualizing zones */
.zone-header { } .zone-header { }
.zone-footer { padding: 24px 0 12px 0px; float: left; font-size: 1.3em; color: #999999; } .zone-footer { padding: 24px 0 12px 0px; float: left; font-size: 1.3em; color: #999999; }
@@ -272,7 +281,7 @@ nav ul
.has-aside-two .aside-second .has-aside-two .aside-second
{ {
width: 360px; width: 360px;
float: right; float: right;
} }
@@ -292,13 +301,18 @@ nav ul
} }
.has-asides .aside-first, .has-asides .aside-second .has-asides .aside-first, .has-asides .aside-second
{ {
width: 180px; width: 180px;
} }
.has-asides .aside-first, .has-asides .aside-second, .has-asides #layout-content .has-asides .aside-first, .has-asides .aside-second, .has-asides #layout-content
{ {
float:left; float:left;
} }
/* Blogs */
.blog-post {}
.blog-post-title {}
.meta {}
/* Secondary /* Secondary
@@ -325,12 +339,12 @@ label { font-size: 1.3em; font-weight: normal; display:block; paddin
label.forcheckbox { margin:0 0 0 .4em; display:inline; } label.forcheckbox { margin:0 0 0 .4em; display:inline; }
input[type="text"], input[type="password"] { input[type="text"], input[type="password"] {
display: block; display: block;
padding: 0.3em; padding: 0.3em;
} }
input[type="checkbox"] { input[type="checkbox"] {
margin:.2em 0 1.2em 0; margin:.2em 0 1.2em 0;
} }
fieldset ol { list-style-type:none; padding: 0; margin: 0; } fieldset ol { list-style-type:none; padding: 0; margin: 0; }
@@ -339,12 +353,12 @@ fieldset ol li { margin: 0 0 6px 0; }
/* /*
input[type="submit"], input[type="button"], button, .button, .button:link, .button:visited { input[type="submit"], input[type="button"], button, .button, .button:link, .button:visited {
color:#333; color:#333;
background:#F5F5F5; background:#F5F5F5;
background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#cbcbcb)); background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#cbcbcb));
background:-moz-linear-gradient(top , #F5F5F5, #cbcbcb); background:-moz-linear-gradient(top , #F5F5F5, #cbcbcb);
border:1px solid #999; border:1px solid #999;
cursor:pointer; cursor:pointer;
margin:.2em 0 2em 0; margin:.2em 0 2em 0;
padding:.3em 1.8em; padding:.3em 1.8em;
text-align:center; text-align:center;
} }
@@ -355,9 +369,9 @@ input[type="submit"]:focus, input[type="button"]:focus,
button:hover, .button:hover, button:hover, .button:hover,
button:active, .button:active, button:active, .button:active,
button:focus, .button:focus { button:focus, .button:focus {
text-decoration:none; text-decoration:none;
background: #ebebeb; background: #ebebeb;
background: -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#ebebeb)); background: -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#ebebeb));
background:-moz-linear-gradient(top , #e1e1e1, #ebebeb); background:-moz-linear-gradient(top , #e1e1e1, #ebebeb);
} }
*/ */
@@ -406,54 +420,54 @@ article.comment h4 {
} }
article.comment a { article.comment a {
color:#484848; color:#484848;
text-decoration:none; text-decoration:none;
} }
article.comment span.who { article.comment span.who {
font-weight:600; font-weight:600;
font-style:normal; font-style:normal;
text-transform:capitalize; text-transform:capitalize;
color:#333; color:#333;
} }
article.comment p.text { article.comment p.text {
margin:.6em 0 2.4em 0; margin:.6em 0 2.4em 0;
} }
.user-display { .user-display {
display:inline; display:inline;
} }
/*.aside.third { /*.aside.third {
border-top:1px solid #dbdbdb; border-top:1px solid #dbdbdb;
clear:both; clear:both;
}*/ }*/
#footer-quad div.zone { #footer-quad div.zone {
float:left; float:left;
width:240px; width:240px;
/*padding:12px 6px 0 6px;*/ /*padding:12px 6px 0 6px;*/
} }
/* Featured Zone - switch to an image */ /* Featured Zone - switch to an image */
.featuredimage { .featuredimage {
float:left; float:left;
border: 1px solid #dbdbdb; border: 1px solid #dbdbdb;
width: 462px; width: 462px;
height: 240px; height: 240px;
margin: 6px; margin: 6px;
} }
/* Recent Zone */ /* Recent Zone */
#zone-recent ul li { #zone-recent ul li {
float:left; float:left;
width: 462px; width: 462px;
margin: 6px; margin: 6px;
} }
.clearfix { .clearfix {
@@ -461,40 +475,32 @@ article.comment p.text {
} }
#footer div { #footer div {
/*border:1px solid #ff0000;*/ /*border:1px solid #ff0000;*/
} }
/* Tripel */ /* Tripel */
#layout-tripel div { #layout-tripel div {
float:left; float:left;
width:960px;
/*padding:12px 6px 0 6px;*/ /*padding:12px 6px 0 6px;*/
} }
/*1 zone on */
.tripel-1 #tripel-first { width:960px; }
/*2 zone on */
.tripel-2 #tripel-second { width:960px; }
/*3 zone on */
.tripel-3 #tripel-third { width:960px; }
/*2 zones on */ /*2 zones on */
/* If zones 1, 2 are on */ /* If zones 1, 2 are on */
.tripel-12 #tripel-first, .tripel-12 #tripel-second { width:480px; } .tripel-12 #layout-tripel div { width:480px; }
/* If zones 2, 3 are on */ /* If zones 2, 3 are on */
.tripel-23 #tripel-second, .tripel-23 #tripel-third { width:480px; } .tripel-23 #layout-tripel div { width:480px; }
/* If zones 1, 3 are on */ /* If zones 1, 3 are on */
.tripel-13 #tripel-first, .tripel-13 #tripel-third { width:480px; } .tripel-13 #layout-tripel div { width:480px; }
/*3 zones on */ /*3 zones on */
/* If zones 1, 2, 3 are on */ /* If zones 1, 2, 3 are on */
.tripel-123 #tripel-first, .tripel-123 #tripel-second, .tripel-123 #tripel-third { width:320px; } .tripel-123 #layout-tripel div { width:320px; }

View File

@@ -0,0 +1,15 @@
@using Orchard.Blogs.Extensions;
@using Orchard.Blogs.Models;
@using Orchard.Core.Common.Extensions;
@using Orchard.Core.Common.Models;
@using Orchard.Core.Common.ViewModels;
<h2>@Html.Link((string)Model.Title, Url.BlogPost((BlogPostPart)Model.ContentItem.Get(typeof(BlogPostPart))))</h2>
<!-- TODO: Meta should be it's own shape and not part of the blog summary view. Theme authors will need access to it. -->
<div class="meta">
@Html.PublishedState(new CommonMetadataViewModel((CommonPart)Model.ContentItem.Get(typeof(CommonPart))), T)
@Display(Model.meta)
</div>
<div class="content">@Display(Model.Content)</div>

View File

@@ -0,0 +1,11 @@
<div class="blog-post @Display(Model.Slug)">
<h1 class="blog-post-title">@Html.TitleForPage((string)Model.Title)</h1>
@if (Model.Meta != null) {
<div class="meta">
@Display(Model.Meta)
</div>
}
<div class="content">
@Display(Model.Content)
</div>
</div>