Reduce the size of the comment text area in blogs. Move the styling from global textarea to target only the text area in the comment fields. Remove the top border in blog list items. Clean up various things in the comment box, including removing the extra "comment" label and added friendly verbage to the comment from for authenticated users.

--HG--
branch : dev
This commit is contained in:
Michael Bach
2010-07-26 14:07:10 -07:00
parent 4414fcb7b1
commit da3ccbf7e3
2 changed files with 8 additions and 4 deletions

View File

@@ -204,7 +204,7 @@ textarea, select {
input.text,
input.title { width: 300px; padding:5px; }
input.title { font-size:1.5em; }
textarea { width: 390px; height: 250px; padding:5px; }
textarea { padding:5px; }
input[type=checkbox], input[type=radio],
input.checkbox, input.radio {
@@ -339,8 +339,9 @@ body { background: #f3f4f4 url('../Content/Images/bkg.jpg') repeat-x; }
/*========= BLOGS =========*/
.blogPosts, .taggedPosts { margin: 0px; padding: 0px; }
.blogPosts li, .taggedPosts li { padding: 30px 0px 0px 0px; list-style: none; border-top: solid 1px #e2e2e2; }
.blogPosts li, .taggedPosts li { padding: 30px 0px 0px 0px; list-style: none; border-bottom: solid 1px #e2e2e2; }
.blogdescription { font-size: 1.3em; line-height: 150%; color: #6da8c0; }
.blogPosts h3 { font-size: 1.6em; margin: 0; padding: 0 0 2px 0; line-height:100%; }
#comments { padding-top: 20px; border-top: dashed 1px #d8d8d8; padding-bottom: 10px; margin-top: 30px; }
.comments { position: relative; padding: 0px 0px 20px 0px; margin: 0px; clear: both; }
@@ -351,9 +352,11 @@ body { background: #f3f4f4 url('../Content/Images/bkg.jpg') repeat-x; }
.comment-form h2 { border-bottom: dashed 1px #d8d8d8; padding-bottom: 10px; }
.comment-form .who {}
.comment-form .who label { float: left; text-align: right; width: 50px; padding: 12px 10px 0px 0px; }
.comment-form .what { padding: 10px 0px 0px 60px;}
.comment-form .what { padding: 10px 0px 0px 0px;}
.comment-form .what label[for=CommentText] { float: none; display:block; }
.comment-form .what input[type=submit] { margin: 10px 0px; }
.comment-form .what #CommentText { width: 97%; }
.comment-form .what .CommentUserName { display: block; }
.posted { margin: 0px 0px 10px 0px; color: #999999; }

View File

@@ -46,7 +46,8 @@ else { %>
}%>
<fieldset class="what">
<div>
<label for="CommentText"><% if (Request.IsAuthenticated) { %><%: T("Hi, {0}!", Html.Encode(Page.User.Identity.Name)) %><br /><% } %><%: T("Comment") %></label>
<label for="CommentText">
<% if (Request.IsAuthenticated) { %><%: T("<span class='CommentUserName'>Leave a comment {0}!</span>", Html.Encode(Page.User.Identity.Name)) %><br /><% } %></label>
<textarea id="CommentText" rows="10" cols="30" name="CommentText"></textarea>
</div>
<div>