Difference between revisions of "Template:WLC-Milwaukee/footer"

 
(36 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<style>
 
<style>
 +
 +
/*Remove iGEM stuff*/
 +
#home_logo, #sideMenu, #top_title, .patrollink  {display:none;}
 +
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
 +
body {background-color:white; }
 +
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
 +
 +
img
 +
{
 +
  vertical-align: baseline !important;
 +
}
 +
 
.footer{
 
.footer{
 
   width: 100%;
 
   width: 100%;
Line 7: Line 19:
 
   box-shadow: 0px 13px 15px 10px rgba(0,0,0,0.75);
 
   box-shadow: 0px 13px 15px 10px rgba(0,0,0,0.75);
 
   background-color: var(--gray);
 
   background-color: var(--gray);
 +
    position: relative !important;
 +
    bottom: -20px !important;
 
}
 
}
 
.footer-links{
 
.footer-links{
 
   padding: 1em;
 
   padding: 1em;
   display: inline-block;
+
   display: flex;
 
}
 
}
  
Line 16: Line 30:
 
   float: left;
 
   float: left;
 
   list-style: none;
 
   list-style: none;
   padding: 1em 5vw;
+
   padding: 1em 5vh;
 
   line-height: 1.5em;
 
   line-height: 1.5em;
 +
  flex-grow: 0.1;
 
}
 
}
  
Line 26: Line 41:
 
   text-decoration: none;
 
   text-decoration: none;
 
   color: #444;
 
   color: #444;
 +
}
 +
 +
.footer-list li a:hover{
 +
text-decoration: underline !important;
 
}
 
}
  
Line 31: Line 50:
 
   font-family: Arimo;
 
   font-family: Arimo;
 
   font-weight: bold;
 
   font-weight: bold;
   text-decoration: underline;
+
   text-decoration: underline !important;
 
}
 
}
  
Line 106: Line 125:
 
}
 
}
 
</style>
 
</style>
<div id="footer">
+
<div class="content">
  <div class="footer">
+
<div class="footer">
    <div class="footer-links">
+
  <div class="footer-links">
    <ul class="footer-list">
+
  <ul class="footer-list">
      <li><a class="header" href="Description.html">Project</a></li>
+
    <li><a class="header" href="\Team:WLC-Milwaukee\Description">Project</a></li>
      <li><a href="Background.html">Background</a></li>
+
    <li><a href="\Team:WLC-Milwaukee\Background">Background</a></li>
      <li><a href="Applied_Design.html">System Design</a></li>
+
    <li><a href="\Team:WLC-Milwaukee\Applied_Design">System Design</a></li>
      <li><a href="Experiments.html">Wet Lab</a></li>
+
    <li><a href="\Team:WLC-Milwaukee\Experiments">Wet Lab</a></li>
      <li><a href="Demonstrate.html">Results</a></li>
+
    <li><a href="\Team:WLC-Milwaukee\Demonstrate">Results</a></li>
      <li><a href="Improve.html">Parts</a></li>
+
    <li><a href="\Team:WLC-Milwaukee\Improve">Parts</a></li>
    </ul>
+
  </ul>
    <ul class="footer-list">
+
  <ul class="footer-list">
      <li><a class="header" href="Judging.html">Documentation</a></li>
+
    <li><a class="header" href="\Team:WLC-Milwaukee\Notebook">Documentation</a></li>
      <li><a href="Safety.html">Safety</a></li>
+
    <li><a href="\Team:WLC-Milwaukee\Safety">Safety</a></li>
      <li><a href="Notebook.html">Timeline</a></li>
+
    <li><a href="\Team:WLC-Milwaukee\Notebook">Timeline</a></li>
      <li><a href="Judging.html">Judging</a></li>
+
    <li><a href="\Team:WLC-Milwaukee\Judging">Judging</a></li>
    </ul>
+
  </ul>
    <ul class="footer-list">
+
  <ul class="footer-list">
      <li><a class="header" href="HP.html">Human Practices</a></li>
+
    <li><a class="header" href="\Team:WLC-Milwaukee\HP">Human Practices</a></li>
      <li><a href="Human_Practices.html">Investigations & Impact</a></li>
+
    <li><a href="\Team:WLC-Milwaukee\Human_Practices">Investigations & Impact</a></li>
      <li><a href="Public_Engagement.html">Outreach</a></li>
+
    <li><a href="\Team:WLC-Milwaukee\Public_Engagement">Outreach</a></li>
      <li><a href="Collaborations.html">Collaborations</a></li>
+
    <li><a href="\Team:WLC-Milwaukee\Collaborations">Collaborations</a></li>
    </ul>
+
  </ul>
    <ul class="footer-list">
+
  <ul class="footer-list">
      <li><a class="header" href="Team.html">Team</a></li>
+
    <li><a class="header" href="\Team:WLC-Milwaukee\Team">Team</a></li>
      <li><a href="Team.html">Members</a></li>
+
    <li><a href="\Team:WLC-Milwaukee\Team">Members</a></li>
      <li><a href="Attributions.html">Attributions</a></li>
+
    <li><a href="\Team:WLC-Milwaukee\Attributions">Attributions</a></li>
    </ul>
+
  </ul>
    </div>
+
  </div>
 +
 
 
     <div class="footer-bottom">
 
     <div class="footer-bottom">
       <img class="wlc-logo" width="50" alt="Wisconsin Lutheran College" src="T--WLC-Milwaukee--WLC.png"/>
+
       <img class="wlc-logo" width="50" alt="Wisconsin Lutheran College" src="https://static.igem.org/mediawiki/2018/7/79/T--WLC-Milwaukee--WLC.png"/>
 
       <span class="logo-footer">WLC-Milwaukee</span>
 
       <span class="logo-footer">WLC-Milwaukee</span>
 
       <div class="social-footer">
 
       <div class="social-footer">
 
       <div>
 
       <div>
 
               <a href="https://www.facebook.com/WLCiGEM">
 
               <a href="https://www.facebook.com/WLCiGEM">
                 <img class="m-facebook" alt="Facebook" src="facebook.png" width="30"/>
+
                 <img class="m-facebook" alt="Facebook" src="https://static.igem.org/mediawiki/2018/f/f5/T--WLC-Milwaukee--facebook.png" width="30"/>
 
               </a>   
 
               </a>   
               <a style="position: relative; top:5px;" href="mailto:change@me.com">
+
               <a style="position: relative; top:5px;" href="mailto:igem@wlc.edu">
 
                 <i class="material-icons">email</i>
 
                 <i class="material-icons">email</i>
 
               </a>                       
 
               </a>                       
Line 150: Line 170:
 
       </div>
 
       </div>
 
     </div>
 
     </div>
  </div>
 
 
</div>
 
</div>
 
</html>
 
</html>

Latest revision as of 05:11, 17 October 2018