Skip to content

Commit

Permalink
Add some initial styling:
Browse files Browse the repository at this point in the history
  • Loading branch information
bebraw committed Apr 23, 2012
1 parent 03e8c9a commit 85a5611
Show file tree
Hide file tree
Showing 3 changed files with 29 additions and 6 deletions.
5 changes: 4 additions & 1 deletion _layouts/post.html
Original file line number Diff line number Diff line change
Expand Up @@ -55,8 +55,11 @@ <h4>Archive</h4>
</div>
<div class="eight columns content">
{{ content }}
<footer>
Background image (CC BY-NC-SH) by <a href="http://huckt.deviantart.com/art/Blog-Background-001-175905139">Huckt</a>
</footer>
</div>
<div class="three columns sidebar">
<div class="five columns sidebar">
<h4>Blog Posts</h4>
<div id="news"></div>
<hr />
Expand Down
30 changes: 25 additions & 5 deletions css/base.css
Original file line number Diff line number Diff line change
Expand Up @@ -342,24 +342,44 @@


/* Custom hacks */
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

body {
background-image: url('/images/huckt.jpg');
padding-top: 0.5em;
}

.container {
background: rgba(255, 255, 255, 0.3);
}

.sidebar {
background: rgba(0, 0, 0, 0.1);
margin-top: 0.5em;
padding: 0.5em;
}

hr {
height: 1px;
background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, .1), transparent);
background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, .1), transparent);
background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, .1), transparent);
background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, .1), transparent);
border: 0;
margin: 0;
margin-top: 0.5em;
margin-bottom: 0.5em;
}

#news .author, #tweets .author {
margin-left: 1em;
}

#news dt, #tweets dt {
margin-top: 1em;
}

#news {
margin-bottom: 1em;
margin-top: 0.5em;
}

Binary file added images/huckt.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 85a5611

Please sign in to comment.