benw2/wezm.net
1
0
Fork 0
forked from wezm/wezm.net
Code Pull requests Activity

Git vertical layout grid working

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

4
layouts/listing.html
View file

@ -17,7 +17,7 @@
<div> <div>
<h1>Geeky</h1> <h1>Geeky</h1>
<ul> <ul>
<% sorted_articles[0..9].each do |article| %> <% sorted_articles[0..4].each do |article| %>
<% post_date = WezM::Helpers.post_date(article) %> <% post_date = WezM::Helpers.post_date(article) %>
<li> <li>
<abbr class="calender date" title="<%= post_date.iso8601 %>"> <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> <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> A one sentence summary of this post would go here this one is longer then the other one.</p>
</li> </li>
<% sorted_articles[0..9].each do |article| %> <% sorted_articles[5..9].each do |article| %>
<% post_date = WezM::Helpers.post_date(article) %> <% post_date = WezM::Helpers.post_date(article) %>
<li> <li>
<abbr class="calender date" title="<%= post_date.iso8601 %>"> <abbr class="calender date" title="<%= post_date.iso8601 %>">

15
output/css/style.css
View file

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