Style home links and make section headers links

This commit is contained in:
Wesley Moore 2010-04-01 07:58:57 +11:00
parent 803b64cf50
commit aef9262809
2 changed files with 10 additions and 5 deletions

View file

@ -13,7 +13,7 @@
<%= render '_header' %> <%= render '_header' %>
<div id="technical" class="column"> <div id="technical" class="column">
<div> <div>
<h1>Technical <h1><a href="/technical/articles/">Technical</a>
<sup><a href="/technical/feed.xml"><img src="/images/black-feed-icon.png" width="12" height="12" alt="Black Feed Icon" /></a></sup> <sup><a href="/technical/feed.xml"><img src="/images/black-feed-icon.png" width="12" height="12" alt="Black Feed Icon" /></a></sup>
</h1> </h1>
<ul class="articles"> <ul class="articles">
@ -21,13 +21,13 @@
<%= render '_article', :article => article %> <%= render '_article', :article => article %>
<% end %> <% end %>
</ul> </ul>
<a href="/technical/articles/" class="more">More</a> <a href="/technical/articles/" class="more">More &raquo;</a>
</div> </div>
</div> </div>
<div id="personal" class="column"> <div id="personal" class="column">
<div> <div>
<h1>Personal <h1><a href="/personal/articles/">Personal</a>
<sup><a href="/personal/feed.xml"><img src="/images/black-feed-icon.png" width="12" height="12" /></a></sup> <sup><a href="/personal/feed.xml"><img src="/images/black-feed-icon.png" width="12" height="12" /></a></sup>
</h1> </h1>
<ul class="articles"> <ul class="articles">
@ -35,7 +35,7 @@
<%= render '_article', :article => article %> <%= render '_article', :article => article %>
<% end %> <% end %>
</ul> </ul>
<a href="/personal/articles/" class="more">More</a> <a href="/personal/articles/" class="more">More &raquo;</a>
</div> </div>
</div> </div>

View file

@ -84,6 +84,9 @@ a:hover {
h1 a { h1 a {
text-decoration: none; text-decoration: none;
} }
body.home h1 > a:hover {
border-bottom: 2px solid #111;
}
h1 a:link, h1 a:link,
h1 a:visited { h1 a:visited {
@ -121,6 +124,7 @@ blockquote {
color: white; color: white;
} }
#header a:hover { #header a:hover {
border-bottom: 2px solid #fff;
} }
ul#menu { ul#menu {
@ -211,7 +215,8 @@ ul.articles strong {
} }
a.more { a.more {
/* float: right;*/ display: block;
margin: 1em 0 0 0;
} }
a.active { a.active {
font-weight: bold; font-weight: bold;