Difference between revisions of "Template:WashU StLouis"

Line 326: Line 326:
 
     </nav>
 
     </nav>
  
−
<style>
+
<footer>
−
.footer {
+
  <div class="container">
−
    position: fixed;
+
    <p>Here Comes The Footer 2014 <a href=""> Copyright</a> and stuff</p>
−
    left: 0;
+
  </div>
−
    bottom: 0;
+
</footer>
−
    width: 100%;
+
 
−
    background-color: #6A6A6A ;
+
footer {
−
    color: white;
+
  color: #666;
−
    text-align: center;
+
  background: #222;
 +
  posittion: fixed;
 +
  bottom: 0px;
 +
  padding: 17px 0 18px 0;
 +
  border-top: 1px solid #000;
 +
  text-align: center;
 +
  width: 100%;
 +
  bottom: 0px;
 +
}
 +
footer a {
 +
  color: #999;
 +
}
 +
footer a:hover {
 +
  color: #efefef;
 
}
 
}
−
</style>
 
  
−
<div class="footer">
+
/* responsive footer fix by Aalaap Ghag
−
  <p>Footer</p>
+
This is where the magic happens */
−
</div>
+
@media (max-width: 767px) {
 +
 
 +
  footer  {
 +
    padding-left: 20px;
 +
    padding-right: 20px;
 +
  }
 +
}
 +
 
 +
.container {
 +
  max-width: 940px;
 +
}
  
 
</body>
 
</body>

Revision as of 17:23, 15 June 2018

footer { color: #666; background: #222; posittion: fixed; bottom: 0px; padding: 17px 0 18px 0; border-top: 1px solid #000; text-align: center; width: 100%; bottom: 0px; } footer a { color: #999; } footer a:hover { color: #efefef; } /* responsive footer fix by Aalaap Ghag This is where the magic happens */ @media (max-width: 767px) { footer { padding-left: 20px; padding-right: 20px; } } .container { max-width: 940px; }