diff options
| -rw-r--r-- | design/sass/_comments.scss | 29 | ||||
| -rw-r--r-- | design/templates/comments/form.html | 5 | ||||
| -rw-r--r-- | design/templates/comments/list.html | 2 |
3 files changed, 25 insertions, 11 deletions
diff --git a/design/sass/_comments.scss b/design/sass/_comments.scss index 7abbe83..f480728 100644 --- a/design/sass/_comments.scss +++ b/design/sass/_comments.scss @@ -1,14 +1,11 @@ //### COMMENTS AND FORMS ### .comments--header { @include constrain_narrow; - font-family: Helvetica Neue, Helvetica, sans-serif; + @include fancy_sans; line-height: 6em; @include fontsize(16); font-style: italic; - &:before { - @include faded_line_after; - margin-top: 2em; - } + margin-top: 2em; } .comments--wrapper { @include constrain_narrow(); @@ -36,15 +33,17 @@ } .comment--body { margin-bottom: 3em; + @include fontsize(22); } .who { - font-family: Helvetica Neue, Helvetica, sans-serif; - @include fontsize(18); + @include fancy_sans; + @include fontsize(22); } .when { - @include fontsize(13); + @include fancy_sans; + @include fontsize(15); + color: #999; margin-left: 1em; - font-style: italic; } .gravatar { @@ -59,6 +58,7 @@ .comment--form--wrapper { @include constrain_narrow(); + border-top: 3px double #efefef; p { font-family: $fancy_serif; } @@ -85,5 +85,16 @@ } .comment--form--header { margin-top: 2em; + .hed { + @include fontsize(28); + margin: 0; + } + .subhed { + font-style: italic; + @include fontsize(20); + line-height: 1.25; + margin-top: 0; + margin-bottom: 0; + } } diff --git a/design/templates/comments/form.html b/design/templates/comments/form.html index 6bc0edf..d7e5ee3 100644 --- a/design/templates/comments/form.html +++ b/design/templates/comments/form.html @@ -1,6 +1,9 @@ {% load comments i18n %} <div class="comment--form--wrapper"> -<p class="comment--form--header">Your thoughts? Please leave a reply:</p> +<div class="comment--form--header"> + <p class="hed">Thoughts?</p> + <p class="subhed">Please leave a reply:</p> +</div> <form action="{% comment_form_target %}" method="post" class="comment--form"> {% if next %}<div><input type="hidden" name="next" value="{{ next }}" /></div>{% endif %} <input type="hidden" name="rder" value="{{ form.instance.content_object.get_absolute_url }}" /> diff --git a/design/templates/comments/list.html b/design/templates/comments/list.html index d5012f8..d3fe441 100644 --- a/design/templates/comments/list.html +++ b/design/templates/comments/list.html @@ -12,7 +12,7 @@ </noscript> <div class="comment--head"> <span class="who"><b>{%if comment.url %}<a href="{{comment.url}}" rel="nofollow" target="_blank">{{comment.name}}</a>{% else %}{{comment.name}}{%endif%}</b></span> - <span class="when">{{comment.submit_date}}</span> + <span class="when">{{comment.submit_date|date:"F d, Y"}} at {{comment.submit_date|date:"g:i a"}}</span> </div> <div class="comment--body"> |