www/adium.im 601:12fbdef7b441: Split support footer section into...
commits at adium.im
commits at adium.im
Sat Mar 3 15:00:35 UTC 2012
details: http://hg.adium.im/www/adium.im/rev/12fbdef7b441
revision: 601:12fbdef7b441
branch: rewrite
author: Paul Wilde <me at paulwilde.co.uk>
date: Sat Mar 03 15:00:29 2012 +0000
Split support footer section into 2 separate sections and move the copyright at the bottom as suggested by Robby.
diffs (173 lines):
diff -r f73ddbbb0cf0 -r 12fbdef7b441 assets/styles/global.css
--- a/assets/styles/global.css Sat Mar 03 12:35:42 2012 +0000
+++ b/assets/styles/global.css Sat Mar 03 15:00:29 2012 +0000
@@ -698,12 +698,13 @@
max-width: 930px;
}
-footer section { float: left; overflow: hidden; }
+footer section { width: 24%; float: left; overflow: hidden; }
-.adium { width: 29%; }
-.social { width: 23%; }
-.support { width: 15%; }
+.development { width: 18%; }
.hosting { width: 260px; float: right; }
+.copyright { width: 100%; padding-top: 15px; }
+
+footer span.divide:after { content: ' - '; }
footer a { color: #666; font-weight: 500; }
footer a:hover { color: #444; text-decoration: underline; }
@@ -777,37 +778,30 @@
}
}
- at media (max-width: 930px) {
- /* Footer */
- .adium { width: 28%; }
- .social { width: 21%; }
-}
-
+/* Navigation */
@media (max-width: 860px) {
- /* Navigation */
nav li span:before, .home span:before, .blog span:before, .merch span:before {
padding-left: 0;
}
-
- /* Footer */
- .adium { width: 27%; }
- .social { width: 19%; }
- .support { width: 12%; }
}
+/* Footer */
+ at media (max-width: 950px) { footer section { width: 23%; } }
+ at media (max-width: 900px) { footer section { width: 22%; } }
+ at media (max-width: 850px) { footer section { width: 21%; } }
+ at media (max-width: 800px) { footer section { width: 20%; } }
+
@media (max-width: 740px) {
/* Footer */
- #hosting li { text-indent: 0; background: 0; }
+ #hosting li { clear: both; text-indent: 0; background: 0; }
#hosting li.networkredux, #hosting li.cachefly {
margin: 0;
- max-width: 150px;
+ width: auto;
height: auto;
}
#hosting span { display: inline; }
- .hosting { width: 110px; float: right; height: auto; }
- .adium { width: 34%; }
- .social { width: 24%; }
- .support { width: 14%; }
+ .hosting { float: right; }
+ .hosting, .development, footer section { width: 25%; }
}
@media (max-width: 700px) {
@@ -833,15 +827,19 @@
nav li.active a:link span { background: #eee; }
}
- at media (max-width: 560px) {
- /* Footer */
- .support { clear: both; width: 100%; padding-top: 10px; }
- .support li { float: left; padding-right: 10%; }
- .adium { width: 45%; }
-
+ at media (max-width: 560px) {
/* Content */
hr.two { display: block; }
.two-column.left { width: auto; }
+
+ /* Footer */
+ footer ul li { float: left; padding-right: 20px; }
+ footer ul li:last-child { padding-right: 0; }
+ a.twitter { padding-left: 20px; }
+ a.twitter, #hosting li.cachefly { clear: none; }
+
+ .hosting, .development, footer section { width: 50%; float: left; }
+ .support { padding-bottom: 22px; }
}
@media (max-width: 480px) {
@@ -850,11 +848,9 @@
.xtras, .help { border-right: 0; }
/* Footer */
- .adium { width: 66%; }
- .social { width: 83px; }
- .hosting { float: left; padding-top: 10px; width: 100%; }
- #hosting li.networkredux, #hosting li.cachefly { max-width: 100px; }
- #hosting li, .support li { padding-right: 7%; }
- .support { padding-top: 24px; }
- .support li:last-child { padding-right: 0; }
+ footer ul li { clear: both; padding-right: 0; }
+ a.twitter { padding-left: 0; }
+ a.twitter, #hosting li.cachefly { clear: both; }
+ footer span.divide { display: block; }
+ footer span.divide:after { content: ''; }
}
\ No newline at end of file
diff -r f73ddbbb0cf0 -r 12fbdef7b441 footer.php
--- a/footer.php Sat Mar 03 12:35:42 2012 +0000
+++ b/footer.php Sat Mar 03 15:00:29 2012 +0000
@@ -1,18 +1,28 @@
<footer>
- <div class="container">
- <section class="adium">
- <h3>Adium</h3>
- <p>© 2012 <a href="http://trac.adium.im/wiki/AdiumTeam">The Adium Team</a></p>
- <p>All rights reserved</p>
- </section>
-
+ <div class="container">
<section class="social">
<h3>Social</h3>
<a class="facebook" href="https://www.facebook.com/pages/Adium/6521951818"><span>Facebook</span></a>
<a class="twitter" href="http://www.twitter.com/adium"><span>Twitter</span></a>
</section>
-
+
+ <section class="support">
+ <h3>Support</h3>
+ <ul>
+ <li><a href="http://forums.cocoaforge.com/viewforum.php?f=13">Forum</a></li>
+ <li><a href="http://trac.adium.im/wiki/AdiumIRCChat">IRC Chat</a></li>
+ </ul>
+ </section>
+
+ <section class="development">
+ <h3>Development</h3>
+ <ul>
+ <li><a href="donate">Donate</a></li>
+ <li><a href="http://trac.adium.im/wiki/Development">Contribute</a></li>
+ </ul>
+ </section>
+
<section class="hosting">
<h3>Hosting</h3>
<ul id="hosting">
@@ -20,15 +30,9 @@
<li class="cachefly"><a href="http://www.cachefly.com"><span>CacheFly</span></a></li>
</ul>
</section>
-
- <section class="support">
- <h3>Support</h3>
- <ul>
- <li><a href="donate">Donate</a></li>
- <li><a href="http://trac.adium.im/wiki/Development">Contribute</a></li>
- <li><a href="http://forums.cocoaforge.com/viewforum.php?f=13">Forum</a></li>
- <li><a href="http://trac.adium.im/wiki/AdiumIRCChat">IRC Chat</a></li>
- </ul>
+
+ <section class="copyright">
+ <p>© 2012 <a href="http://trac.adium.im/wiki/AdiumTeam">The Adium Team</a> <span class="divide"></span> All rights reserved</p>
</section>
</div>
</footer>
More information about the commits
mailing list