Git vertical layout grid working

This commit is contained in:
Wesley Moore 2010-01-26 15:31:40 +11:00
parent d5c26ca032
commit 60e9cdf3bf
2 changed files with 13 additions and 6 deletions

View file

@ -17,7 +17,7 @@
<div>
<h1>Geeky</h1>
<ul>
<% sorted_articles[0..9].each do |article| %>
<% sorted_articles[0..4].each do |article| %>
<% post_date = WezM::Helpers.post_date(article) %>
<li>
<abbr class="calender date" title="<%= post_date.iso8601 %>">
@ -48,7 +48,7 @@
<strong><a href="/technical/2009/09/font-smoothing-in-snow-leopard/">Font Smoothing in Snow Leopard</a></strong>
A one sentence summary of this post would go here this one is longer then the other one.</p>
</li>
<% sorted_articles[0..9].each do |article| %>
<% sorted_articles[5..9].each do |article| %>
<% post_date = WezM::Helpers.post_date(article) %>
<li>
<abbr class="calender date" title="<%= post_date.iso8601 %>">

View file

@ -165,21 +165,28 @@ ul#menu li {
#twitter {
display: none;
}
.column p {
/* margin-bottom: 1em;*/
}
.column ul {
list-style: none;
margin: 0;
padding: 1em;
}
.column ul li {
margin: 0 0 1em 0;
float: left;
margin: 0;
border-top: 1px solid #eee;
padding-top: 1em;
height: 80px;
}
.column ul li:first-child {
border-top: none;
padding-top: 1em;
}
.column abbr {
display: block;
font-size: 0.8em;
}
/* Flickr thumbnails */
.flickr {
clear: both;