Active states for blog and API

master
Nick Sergeant 2012-05-15 21:13:28 -04:00
parent f72b7cdfc4
commit 8cf26cc19a
3 changed files with 10 additions and 2 deletions

View File

@ -367,6 +367,10 @@ section.main aside.main nav.footer ul li a:hover {
border-bottom: 1px solid #333;
color: #333;
}
section.main aside.main nav.footer ul li a.active {
border-bottom: 1px solid #333;
color: #333;
}
section.main aside.main nav.footer ul li.twitter {
background: transparent url("/static/images/twitter-icon.png") 4px center no-repeat;
}

View File

@ -437,6 +437,10 @@ section.main {
border-bottom: 1px solid #333;
color: #333;
}
&.active {
border-bottom: 1px solid #333;
color: #333;
}
}
&.twitter {
background: transparent url('/static/images/twitter-icon.png') 4px center no-repeat;

View File

@ -138,10 +138,10 @@
<nav class="footer">
<ul>
<li class="api">
<a href="/api/">API</a>
<a href="/api/" {% if '/api/' in request.path %}class="active"{% endif %}>API</a>
</li>
<li class="api">
<a href="/blog/">Blog</a>
<a href="/blog/" {% if '/blog/' in request.path %}class="active"{% endif %}>Blog</a>
</li>
<li class="twitter">
<a href="https://twitter.com/#!/snipt">@snipt</a>