diff options
Diffstat (limited to 'design')
| -rw-r--r-- | design/sass/_global.scss | 9 | ||||
| -rw-r--r-- | design/sass/_writing_details.scss | 108 | ||||
| -rw-r--r-- | design/templates/details/about.html | 18 |
3 files changed, 114 insertions, 21 deletions
diff --git a/design/sass/_global.scss b/design/sass/_global.scss index 5051d3d..c65c21a 100644 --- a/design/sass/_global.scss +++ b/design/sass/_global.scss @@ -90,11 +90,11 @@ h1 { .mailing-list--wrapper { @include constrain_narrow; @include breakpoint(gamma) { - margin-top: 6em; + margin-top: 3em; max-width: 580px; h5 { margin-bottom: .5em; - margin-top: 5em; + margin-top: 2em; } } h5 { @@ -107,7 +107,10 @@ h1 { margin-top: 5em; } } - +.divide-after:after { + margin-bottom: 3em; + @include faded_line_after; +} //**************** Page Breadcrumbs ************************ #breadcrumbs { diff --git a/design/sass/_writing_details.scss b/design/sass/_writing_details.scss index d0101ac..09fc6bb 100644 --- a/design/sass/_writing_details.scss +++ b/design/sass/_writing_details.scss @@ -115,6 +115,12 @@ .picfull { margin-top: 20px; } +.picfullv { + margin-top: 20px; +margin-left: auto; +margin-right: auto; +display: block; +} .picwide { clear: both; margin: 1em 0; @@ -224,6 +230,108 @@ } } +//### COMMENTS AND FORMS ### +.comments--header { + font-family: Helvetica Neue, Helvetica, sans-serif; + line-height: 6em; + @include fontsize(24); + &:before { + @include faded_line_after; + margin-top: 2em; + } +} +.comments--wrapper { + @include constrain_narrow(); + text-align: left; + margin-top: -2em; +} +.comment { + margin-top: 2.5em; + margin-bottom: 2.5em; + &:first-child { + margin-top: none; + } + &:after { + @include faded_line_after; + } + &:last-child:after { + display: none; + } +} +.comment--head, .comment--body { + margin-left: 80px; +} +.comment--head { + margin-bottom: 1em; +} +.comment--body { + margin-bottom: 3em; +} +.who { + font-family: Helvetica Neue, Helvetica, sans-serif; + @include fontsize(18); +} +.when { + @include fontsize(13); + margin-left: 1em; + font-style: italic; +} + +.gravatar { + border: 2px $brown solid; + background: transparent; + max-width: 100%; + padding: 0; + float: left; + margin-top: 5px; +} + + +.comment--form--wrapper { + @include constrain_narrow(); + &:before { + @include faded_line_after; + } +} +.comment--form--header { + margin-top: 2em; +} +.comment--form { + margin: 0 auto; + @include breakpoint(delta) { + margin-left: 20% + } + label { + display: block; + font-weight: 500; + letter-spacing: 1px; + font-family: "Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; + @include fontsize(13); + } + input, textarea { + padding: .25em; + border: #c5c5c5 1px solid; + border-radius: .125em; + color: darken($body_font_light, 20); + width: 100%; + @include breakpoint(gamma) { + width: 70%; + } + } + input[type="submit"] { + width: auto; + color: white; + letter-spacing: 1px; + background: $orange; + font: bold .65em Verdana,sans-serif; + text-transform: uppercase; + border: none; + border-radius: .25em; + padding: 8px 12px 7px; + } +} + + // ############################################## // On double and double-dark make the top wide // with two columns of text (nothing for ie9- diff --git a/design/templates/details/about.html b/design/templates/details/about.html deleted file mode 100644 index f627a3c..0000000 --- a/design/templates/details/about.html +++ /dev/null @@ -1,18 +0,0 @@ -{% extends 'base.html' %} -{% load typogrify_tags %} -{% block pagetitle %}Luxagraf | About{% endblock %} -{% block metadescription %}About: Luxagraf is written and published by Scott Gilbertson. Writing is done in notebooks, later Vim, and published to the web with GeoDjango. Photos taken with a Panasonic GF1.{% endblock %} -{%block htmlclass%}class="single"{%endblock%} -{%block bodyid%}id="about"{%endblock%} - -{% block primary %}<ul class="bl" id="breadcrumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> - <li><a href="/" title="luxagraf homepage" itemprop="url"><span itemprop="title">Home</span></a> → </li> - <li>About</li> - </ul> - <article role="main"> - <h1 class="hide">About Luxagraf</h1> - <div class="post-body-single"> - {{object.body_html|safe|smartypants|widont}} - </div> - </article> -{% endblock %} |