Active states for blog and API
parent
f72b7cdfc4
commit
8cf26cc19a
|
@ -367,6 +367,10 @@ section.main aside.main nav.footer ul li a:hover {
|
||||||
border-bottom: 1px solid #333;
|
border-bottom: 1px solid #333;
|
||||||
color: #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 {
|
section.main aside.main nav.footer ul li.twitter {
|
||||||
background: transparent url("/static/images/twitter-icon.png") 4px center no-repeat;
|
background: transparent url("/static/images/twitter-icon.png") 4px center no-repeat;
|
||||||
}
|
}
|
||||||
|
|
|
@ -437,6 +437,10 @@ section.main {
|
||||||
border-bottom: 1px solid #333;
|
border-bottom: 1px solid #333;
|
||||||
color: #333;
|
color: #333;
|
||||||
}
|
}
|
||||||
|
&.active {
|
||||||
|
border-bottom: 1px solid #333;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
&.twitter {
|
&.twitter {
|
||||||
background: transparent url('/static/images/twitter-icon.png') 4px center no-repeat;
|
background: transparent url('/static/images/twitter-icon.png') 4px center no-repeat;
|
||||||
|
|
|
@ -138,10 +138,10 @@
|
||||||
<nav class="footer">
|
<nav class="footer">
|
||||||
<ul>
|
<ul>
|
||||||
<li class="api">
|
<li class="api">
|
||||||
<a href="/api/">API</a>
|
<a href="/api/" {% if '/api/' in request.path %}class="active"{% endif %}>API</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="api">
|
<li class="api">
|
||||||
<a href="/blog/">Blog</a>
|
<a href="/blog/" {% if '/blog/' in request.path %}class="active"{% endif %}>Blog</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="twitter">
|
<li class="twitter">
|
||||||
<a href="https://twitter.com/#!/snipt">@snipt</a>
|
<a href="https://twitter.com/#!/snipt">@snipt</a>
|
||||||
|
|
Loading…
Reference in New Issue