Changed the list of comments to html5.

--HG--
branch : dev
This commit is contained in:
Jonathan Wall
2010-10-15 12:28:12 -07:00
parent 3315c6f644
commit 7ba0ab27a6
2 changed files with 22 additions and 18 deletions

View File

@@ -3,14 +3,19 @@
<ul class="comments"> <ul class="comments">
@foreach (var comment in Model) { @foreach (var comment in Model) {
<li> <li>
<div class="comment"> <article class="comment">
<span class="who">@Html.LinkOrDefault(comment.Record.UserName, comment.Record.SiteName, new { rel = "nofollow" })</span> <header>
<span>said @Html.Link(Html.DateTimeRelative(comment.Record.CommentDateUtc.GetValueOrDefault(), T).ToString(), "#")</span> <h4>
</div> <span class="who">@Html.LinkOrDefault(comment.Record.UserName, comment.Record.SiteName, new { rel = "nofollow" })
<div class="text"> </span>
<p>@comment.Record.CommentText</p> <span>said <time datetime="@comment.Record.CommentDateUtc.GetValueOrDefault()">@Html.Link(Html.DateTimeRelative(comment.Record.CommentDateUtc.GetValueOrDefault(), T).ToString(), "#")</time>
</div> </span>
</li> </h4>
</header>
<p class="text">@comment.Record.CommentText</p>
</article>
</li>
} }
</ul> </ul>

View File

@@ -408,27 +408,26 @@ button:focus, .button:focus {
ul.comments, form.comment { ul.comments, form.comment {
margin:1.2em 0 1.2em 1.8em; margin:1.2em 0 1.2em 1.8em;
list-style: none;
} }
div.comment { article.comment h4 {
font-size:1.3em; font-size:1.4em;
font-style:italic;
color:#484848;
} }
div.comment a { article.comment a {
color:#484848; color:#484848;
text-decoration:none; text-decoration:none;
} }
div.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;
} }
ul.comments li div.text { article.comment p.text {
margin:.6em 0 2.4em 0; margin:.6em 0 2.4em 0;
} }