Template:UalbertaFooter
From 2012e.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
<html> | <html> | ||
- | </div> | + | <div id="extended" class="clearfix shadow"> |
+ | <div id="trio1"> | ||
+ | <div class="inner"> | ||
+ | <h3>Follow Us</h3> | ||
+ | <ul id="followus"> | ||
+ | <li id="facebook"><a href="http://www.facebook.com/pages/Upcycled-Aromatics-UAlberta-iGEM-E/249593421828755"> Facebook </a></li> | ||
+ | <li id="twitter"><a href="https://twitter.com/iGEM_E_UAlberta"> Twitter</a></li> | ||
+ | <li id="flickr"><a href="http://www.flickr.com/photos/86216476@N03/"> Flickr</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
- | <p><b>Search</b></p> | + | <div id="trio2"> |
+ | <div class="inner"> | ||
+ | <h3>Contact Us</h3> | ||
+ | <p>Email: ualbertaigem@gmail.com</p> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div id="trio3"> | ||
+ | <div class="inner"> | ||
+ | <p><b>Search</b></p> | ||
<form action="/Special:Search" id="searchform"> | <form action="/Special:Search" id="searchform"> | ||
<input id="searchInput" name="search" type="text" title="Search 2011.igem.org [ctrl-alt-f]" accesskey="f" value="" autocomplete="off"> | <input id="searchInput" name="search" type="text" title="Search 2011.igem.org [ctrl-alt-f]" accesskey="f" value="" autocomplete="off"> | ||
<input type="submit" name="fulltext" class="searchButton" id="mw-searchButton" value="GO" title="Search iGEMe"> | <input type="submit" name="fulltext" class="searchButton" id="mw-searchButton" value="GO" title="Search iGEMe"> | ||
</form> | </form> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <style> | ||
+ | |||
+ | /*Layout*/ | ||
+ | #extended{padding:15px 30px;background-color:#fff;} | ||
+ | #extended a{text-decoration:underline;} | ||
+ | |||
+ | /*Columns*/ | ||
+ | #trio1{float:left;width:33.3%;} | ||
+ | #trio2{float:left;width:33.3%;} | ||
+ | #trio3{float:right;width:33.3%;} | ||
+ | .inner{margin:5px 30px;} | ||
+ | #trio1 .inner{margin-left:0;} | ||
+ | #trio2 .inner{margin:0;} | ||
+ | #trio3 .inner{margin-right:0;} | ||
+ | .left .inner{margin-left:0;} | ||
+ | .right .inner{margin-right:0;} | ||
+ | |||
+ | /*Backgrounds*/ | ||
+ | #facebook li{ | ||
+ | background: [[File:facebook.png]]; | ||
+ | } | ||
+ | #twitter li{ | ||
+ | background: [[File:twitter.png]]; | ||
+ | } | ||
+ | #flickr li{ | ||
+ | background: [[File:flickr.png]]; | ||
+ | } | ||
+ | |||
+ | |||
+ | </style> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</html> | </html> |
Revision as of 02:16, 11 September 2012