Testfooter2015
From 2014.igem.org
(Difference between revisions)
(Created page with "<!-- this will become a template for 2015 --> <html> <!--css: footer styling --> <style type="text/css"> .footerWrap { background-color: #ccc; height: 150px; } #i...") |
|||
(53 intermediate revisions not shown) | |||
Line 9: | Line 9: | ||
.footerWrap { | .footerWrap { | ||
- | background-color: # | + | background-color: #f2f2f2; |
- | height: | + | width: 980px; |
+ | height: 125px; | ||
} | } | ||
#insideFooter { | #insideFooter { | ||
float:left; | float:left; | ||
- | width: | + | width: 170px; |
+ | padding: 10px 10px 10px 10px; | ||
+ | border-right: 1px solid #ccc; | ||
+ | height: 103px; | ||
+ | margin: auto; | ||
} | } | ||
- | . | + | .footerWrap ul li{ |
font-family: "Arial", Helvetica, sans-serif; | font-family: "Arial", Helvetica, sans-serif; | ||
font-size: 13px; | font-size: 13px; | ||
+ | list-style:none; | ||
} | } | ||
+ | |||
+ | |||
+ | .insideFooter img{ | ||
+ | margin: auto; | ||
+ | text-align:center; | ||
+ | display:block; | ||
+ | } | ||
+ | |||
+ | |||
+ | .footerWrap ul li a{ | ||
+ | font-weight: bold; | ||
+ | color: #434343; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | .footerWrap ul li a:hover{ | ||
+ | color:#3aa76c; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | |||
</style> | </style> | ||
Line 30: | Line 57: | ||
<!-- footer links --> | <!-- footer links --> | ||
<div class="footerWrap"> | <div class="footerWrap"> | ||
+ | <div style="height:2px; background-color: #ccc; width:980px"></div> | ||
+ | <div style="clear:both;"></div> | ||
<div id="insideFooter"> | <div id="insideFooter"> | ||
<ul> | <ul> | ||
- | <li>About </li> | + | <li><a href="">About</a></li> |
- | <li>Contact <li> | + | <li><a href="">Contact</a></li> |
- | <li> Sponsors </li> | + | <li><a href=""> Sponsors</a></li> |
- | <li> igem.org </li> | + | <li><a href=""> igem.org</a></li> |
- | <li>Registry </li> | + | <li><a href="">Registry</a></li> |
</ul> | </ul> | ||
</div> | </div> | ||
Line 43: | Line 72: | ||
<div id="insideFooter"> | <div id="insideFooter"> | ||
<ul> | <ul> | ||
- | <li> | + | <li><a href="">Requirements</a></li> |
- | <li> | + | <li><a href="">Giant Jamboree </a></li> |
- | <li> | + | <li><a href="">Meetups</a></li> |
- | <li> | + | <li><a href="">Calendar</a></li> |
- | <li> | + | <li><a href="">Partner Offers </a></li> |
</ul> | </ul> | ||
</div> | </div> | ||
+ | |||
+ | <div id="insideFooter"> | ||
+ | <ul> | ||
+ | <li><a href="">Login </a></li> | ||
+ | <li><a href="">Upload Files</a> </li> | ||
+ | <li><a href="">Recent Changes</a></li> | ||
+ | <li><a href="">Special Pages</a></li> | ||
+ | <li><a href=""> Search </a> </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div id="insideFooter"> | ||
+ | <ul> | ||
+ | <li><a href="">Press Kit </a></li> | ||
+ | <li><a href="">Newsletter</a></li> | ||
+ | <li><a href="">AlumniGEM </a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div id="insideFooter" style="border-right: none; float:right"> | ||
+ | <img src="http://i.creativecommons.org/l/by/3.0/88x31.png" > | ||
+ | <p> powered by MediaWiki </p> | ||
+ | |||
+ | </div> | ||
+ | |||
Latest revision as of 18:36, 26 January 2015