more footer tweaks

This commit is contained in:
Coby Chapple 2013-03-15 12:47:57 +00:00
parent 0249c5b901
commit 02785d09a9
2 changed files with 24 additions and 5 deletions

View File

@ -1,13 +1,15 @@
<footer> <footer>
<div class="grid"> <div class="grid">
<div class="unit one-third center-on-mobiles"> <div class="unit one-third center-on-mobiles">
<p>By <a href="http://tom.preston-werner.com">Tom Preston-Werner</a>, <a href="http://quaran.to/">Nick Quaranto</a>, and many more <a href="https://github.com/mojombo/jekyll/graphs/contributors">awesome contributors</a>.</p> <p>By <a href="http://tom.preston-werner.com">Tom Preston-Werner</a>, <a href="http://quaran.to/">Nick Quaranto</a>, and many more <a href="https://github.com/mojombo/jekyll/graphs/contributors">awesome&nbsp;contributors</a>.</p>
</div> </div>
<div class="unit two-thirds align-right center-on-mobiles"> <div class="unit two-thirds align-right center-on-mobiles">
<p>Proudly hosted by</p> <p>
<a href="https://github.com"> Proudly hosted by
<img src="{{ site.url }}/img/footer-logo.png" alt="GitHub • Social coding"> <a href="https://github.com">
</a> <img src="{{ site.url }}/img/footer-logo.png" alt="GitHub • Social coding">
</a>
</p>
</div> </div>
</div> </div>
</footer> </footer>

View File

@ -62,6 +62,23 @@ body > footer img {
margin-left: 5px; margin-left: 5px;
width: 100px; width: 100px;
height: 44px; height: 44px;
opacity: .8;
-webkit-transition: opacity .2s;
-moz-transition: opacity .2s;
transition: opacity .2s;
}
body > footer a:hover img {
opacity: 1;
}
@media (max-width: 568px){
footer .one-third p {
margin-bottom: 0;
}
footer .two-thirds p {
margin-top: -20px;
}
} }
/* HTML Elements */ /* HTML Elements */