Make the single post view less shit when there's no blog logo

This commit is contained in:
John O'Nolan 2013-10-30 16:55:54 +01:00
parent 92ff4f4145
commit 928e7e3ffe
2 changed files with 13 additions and 1 deletions

View file

@ -372,6 +372,10 @@ table.plain tbody > tr:nth-child(odd) > th {
background-size: cover; background-size: cover;
} }
#blog-logo {
text-decoration: none;
}
/* Yo-logo. Yolo-go. Upload one in ghost/settings/ */ /* Yo-logo. Yolo-go. Upload one in ghost/settings/ */
#blog-logo img { #blog-logo img {
display: block; display: block;
@ -395,6 +399,8 @@ table.plain tbody > tr:nth-child(odd) > th {
margin: 10px 0 10px 0; margin: 10px 0 10px 0;
font-size: 5rem; font-size: 5rem;
letter-spacing: -1px; letter-spacing: -1px;
font-weight: bold;
font-family: 'Open Sans', sans-serif;
} }
.blog-description { .blog-description {
@ -530,6 +536,12 @@ table.plain tbody > tr:nth-child(odd) > th {
/* Insert some mad padding up in the header for better spacing */ /* Insert some mad padding up in the header for better spacing */
.post-template .post-header { .post-template .post-header {
padding: 60px 0; padding: 60px 0;
text-align: center;
}
.post-template .blog-title {
display: block;
padding: 2.5rem 0;
} }
/* Keep large images within the bounds of the post-width */ /* Keep large images within the bounds of the post-width */

View file

@ -13,7 +13,7 @@
{{#if @blog.logo}} {{#if @blog.logo}}
<img src="{{@blog.logo}}" alt="Blog Logo" /> <img src="{{@blog.logo}}" alt="Blog Logo" />
{{else}} {{else}}
{{@blog.title}} <span class="blog-title">{{@blog.title}}</span>
{{/if}} {{/if}}
</a> </a>
</header> </header>