Template:Team:Aachen/newFooter

From 2014.igem.org

(Difference between revisions)

Latest revision as of 22:03, 17 September 2014

Contact Disclaimer

@@ Line 12: / Line 12: @@
 left: 50%;
 margin-left: -200px;
+}
+.footerDiv {
+width: 100%;
+height: 20px;
+bottom: 10px;
+position: fixed;
+}
+.footerDiv a {
+    color: #ffffff;
+    font-weight: bold;
+    line-height: 25px;
+}
+.footerDiv iframe {
+    display: compact;
+    margin-left: auto;
+    margin-right: auto;
+}
+.footerCenter{
+position: relative;
+display: inline-block;
+width: 80px;
+height: 20px;
+vertical-align: middle;
+margin: 0 auto;
 }
 </style>
@@ Line 34: / Line 61: @@
 <!-- back to top link -->
 <tr><td></html>{{Team:Aachen/JumpUp}}<html></td></tr>
-</table>
+</table><!--close the vertical table-->
 </td>
 <td></td>
 </tr>
-</table>
+</table><!--close the horizontal table-->
-<!--=====================     BLOCK ENDS ===============================-->
-<!--====================================================================-->
-<!--====================================================================-->
-</html>
+<!--the footer as a div below the layout table-->
+<!--margin-bottom:-10px to remove some spacing that is inserted by the renderer-->
-<div class="navDiv" style="position:fixed; bottom:0px">
+<div class="footerDiv" align="center" style="margin-bottom:-10px; background:#0069b3;">
-<nav style="width: 1400px;">
-	<ul align="center">
-                <li style="padding: 0 0!important;"><a href="https://2014.igem.org/Team:Aachen" style="padding: 0 0!important;"> <img src="https://static.igem.org/mediawiki/2014/6/68/Aachen_Team_Logo_01.png" height="76px"></a></li>
-		<li><a href="https://2014.igem.org/Team:Aachen/CellockHolmes">Cellock Holmes</a></li>
-		<li><a href="https://2014.igem.org/Team:Aachen/LabDoc">Lab Documentary</a></li>
-		<li><a href="https://2014.igem.org/Team:Aachen/Blog">Blog</a></li>
-		<li><a href="https://2014.igem.org/Team:Aachen/Team">Team</a></li>
-		<li><a href="https://2014.igem.org/Team:Aachen/PublicRelations">Public Relations</a></li>
-		<li><a href="https://2014.igem.org/Team:Aachen/Sponsors">Supporters</a></li>
-                <li style="padding: 0 0!important;"><a href="https://igem.org/Main_Page" style="padding: 0 0!important;"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" height="76px"></a></li>
-<li>
 <center>
-<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FiGEMAachen&amp;width=120&amp;layout=button&amp;action=like&amp;show_faces=false&amp;share=true&amp;height=35&amp;locale=en_GB" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:120px; height:35px;" allowTransparency="true"></iframe>
+   <a class="footerCenter" href="https://2014.igem.org/Team:Aachen/Contact">Contact</a>
-</br>
+   <a class="footerCenter" href="https://2014.igem.org/Team:Aachen/Disclaimer">Disclaimer</a>
+<div class="footerCenter"><iframe style="border:none; overflow:hidden; width:50px; height:35px;" src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FiGEMAachen&amp;width=50&amp;layout=button&amp;action=like&amp;show_faces=false&amp;share=false&amp;height=35&amp;locale=en_GB" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
+</div>
+<!--     style="width:60px; height:35px;" -->
+   <div class="footerCenter">
 <iframe allowtransparency="true" frameborder="0" scrolling="no"
    src="//platform.twitter.com/widgets/follow_button.html?screen_name=iGEMAachen&show_count=false"
-   style="width:120px; height:35px;"></iframe>
+   ></iframe></div>
 </center>
-</li>
-	</ul>
-</nav>
 </div>
-<!-- end of menu -->
 </html>