Remove unscoped IDs

Fixes #15
This commit is contained in:
John O'Nolan 2013-10-31 19:07:10 +01:00
parent 4616c5bd1d
commit 9096fbd977
2 changed files with 9 additions and 18 deletions

View file

@ -360,7 +360,7 @@ table.plain tbody > tr:nth-child(odd) > th {
========================================================================== */
/* Big cover image on the home page */
#site-head {
.site-head {
position: relative;
display: table;
width: 100%;
@ -372,12 +372,12 @@ table.plain tbody > tr:nth-child(odd) > th {
background-size: cover;
}
#blog-logo {
.blog-logo {
text-decoration: none;
}
/* Yo-logo. Yolo-go. Upload one in ghost/settings/ */
#blog-logo img {
.blog-logo img {
display: block;
max-height: 100px;
width: auto;
@ -385,15 +385,6 @@ table.plain tbody > tr:nth-child(odd) > th {
line-height: 0;
}
#back {
color: rgba(0,0,0,0.2);
position: fixed;
top: 8px;
left: 8px;
padding: 6px;
font-size: 16px;
}
/* The details of your blog. Defined in ghost/settings/ */
.blog-title {
margin: 10px 0 10px 0;
@ -795,7 +786,7 @@ table.plain tbody > tr:nth-child(odd) > th {
margin-left: 0;
}
#site-head {
.site-head {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
@ -853,7 +844,7 @@ table.plain tbody > tr:nth-child(odd) > th {
@media only screen and (max-width: 500px) {
#blog-logo img {
.blog-logo img {
max-height: 80px;
}
@ -872,7 +863,7 @@ table.plain tbody > tr:nth-child(odd) > th {
line-height: 1.6em;
}
#site-head {
.site-head {
padding: 10% 0;
}

View file

@ -4,11 +4,11 @@
the {body} of the default.hbs template, which contains our header/footer. }}
{{! The big featured header on the homepage, with the site logo and description }}
<header id="site-head" {{#if @blog.cover}}style="background-image: url({{@blog.cover}})"{{/if}}>
<header class="site-head" {{#if @blog.cover}}style="background-image: url({{@blog.cover}})"{{/if}}>
<div class="vertical">
<div id="site-head-content" class="inner">
<div class="site-head-content" class="inner">
{{#if @blog.logo}}<a id="blog-logo" href="{{@blog.url}}"><img src="{{@blog.logo}}" alt="Blog Logo" /></a>{{/if}}
{{#if @blog.logo}}<a class="blog-logo" href="{{@blog.url}}"><img src="{{@blog.logo}}" alt="Blog Logo" /></a>{{/if}}
<h1 class="blog-title">{{@blog.title}}</h1>
<h2 class="blog-description">{{@blog.description}}</h2>
</div>