themes
/
casper
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
assets/css/screen.css
View File

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

6
index.hbs
View File

@ -4,11 +4,11 @@
the {body} of the default.hbs template, which contains our header/footer. }} 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 }} {{! 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 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> <h1 class="blog-title">{{@blog.title}}</h1>
<h2 class="blog-description">{{@blog.description}}</h2> <h2 class="blog-description">{{@blog.description}}</h2>
</div> </div>