Difference between revisions of "Template:NAWI Graz:footer"

Line 1: Line 1:
<html>
 
 
<style>
 
<style>
  
Line 169: Line 168:
 
</div>
 
</div>
  
</footer>
+
</footer>
 
+
 
+
</html>
+

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>