diff options
author | Rory Gibson <rg.rorygibson@gmail.com> | 2014-08-14 17:05:40 +0400 |
---|---|---|
committer | Rory Gibson <rg.rorygibson@gmail.com> | 2014-08-14 17:05:40 +0400 |
commit | 8f1c1e17dd8a1e404e860a00affd92c1ceb7b11e (patch) | |
tree | ba8e33b008982ebbbab2ec9bfbd6e8e51fb196ca | |
parent | 078635a8c0efc8e3bf523dff0a0e0367845681ff (diff) |
Fixed author avatar display
-rw-r--r-- | assets/css/style.css | 25 | ||||
-rw-r--r-- | assets/sass/style.scss | 29 | ||||
-rw-r--r-- | author.hbs | 10 |
3 files changed, 60 insertions, 4 deletions
diff --git a/assets/css/style.css b/assets/css/style.css index dca6fe1..4658b08 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -380,6 +380,27 @@ table { margin: 40px auto 0; width: 100px; } +.author-heading { + margin: 15px auto; + text-align: center; + width: 100%; } + +.author-avatar { + border-radius: 50px; + display: inline; + height: 50px; + margin: 5px 10px 0 0; + width: 50px; + vertical-align: middle; } + +.author-name { + display: inline; + font-size: 52px; + font-weight: 700; + text-align: center; + text-transform: uppercase; + vertical-align: middle; } + .author-meta { color: #AEADAD; font-size: 14px; @@ -490,6 +511,10 @@ table { margin-right: 15px; margin-left: 15px; } + .author-avatar { + display: block; + margin: 0 auto 18px; } + .author-meta span { display: block; margin: 18px 0; } } diff --git a/assets/sass/style.scss b/assets/sass/style.scss index 66fb010..fc88135 100644 --- a/assets/sass/style.scss +++ b/assets/sass/style.scss @@ -432,6 +432,30 @@ table { } } +.author-heading { + margin: 15px auto; + text-align: center; + width: 100%; +} + +.author-avatar { + border-radius: 50px; + display: inline; + height: 50px; + margin: 5px 10px 0 0; + width: 50px; + vertical-align: middle; +} + +.author-name { + display: inline; + font-size: 52px; + font-weight: 700; + text-align: center; + text-transform: uppercase; + vertical-align: middle; +} + .author-meta { color: #AEADAD; font-size: 14px; @@ -562,6 +586,11 @@ table { margin-left: 15px; } + .author-avatar { + display: block; + margin: 0 auto 18px; + } + .author-meta span { display: block; margin: 18px 0; @@ -3,11 +3,13 @@ <div class="container"> <section class="author-profile"> {{#author}} - {{#if image}} - <img class="author-avatar" src="{{image}}" width="80" height="80" alt="{{name}}"> - {{/if}} + <div class="author-heading"> + {{#if image}} + <img class="author-avatar" src="{{image}}" width="50" height="50" alt="{{name}}"> + {{/if}} - <h1 class="author-name page-title">{{name}}</h1> + <h1 class="author-name">{{name}}</h1> + </div> <div class="author-meta"> <span><i class="fa fa-bar-chart-o"></i> {{plural ../pagination.total empty='No posts' singular='% post' plural='% posts'}}</span> |