Line 1: | Line 1: | ||
− | |||
<style> | <style> | ||
Line 169: | Line 168: | ||
</div> | </div> | ||
− | + | </footer> | |
− | + | ||
− | + | ||
− | + |
Revision as of 22:41, 27 October 2017
<style>
.footer-distributed{ background-color:rgba(0, 0, 0, 0.5); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12); box-sizing: border-box; width: 100%; text-align: left; padding: 45px 50px; margin-top: 80px; }
.footer-distributed .footer-left p{
color: #52658F;
font-size: 14px; margin: 0; } .footer-distributed .footer-right p{
color: #52658F;
font-size: 14px; margin: 0; }
/* Footer links */
.footer-distributed p.footer-links{ font-size:18px; font-weight: bold; color: #ffffff; margin: 0 0 10px; padding: 0;
width: 75%;
}
.footer-distributed p.footer-links a{
display:inline-block;
line-height: 1.8;
text-decoration: none;
color: inherit;
}
.footer-distributed .footer-right{ float: right; margin-top: 6px; max-width: 400px; }
.footer-distributed .footer-right a{ display: inline-block; width: 50px; height: 35px; background-color: #33383b; border-radius: 2px;
font-size: 20px; color: #52658F; text-align: center; line-height: 35px;
margin-left: 3px; }
.sponsors { margin: 2.5px; width: 125px; }
/* If you don't want the footer to be responsive, remove these media queries */
@media (max-width: 600px) {
.footer-distributed .footer-left, .footer-distributed .footer-right{ text-align: center; }
.footer-distributed .footer-right{ float: none; margin: 0 auto 20px; }
.footer-distributed .footer-left p.footer-links{ line-height: 1.8; } } </style>
<footer class="footer-distributed">
</footer>