Template:MainStyle/Footer

From 2014.igem.org

(Difference between revisions)
 
(183 intermediate revisions not shown)
Line 1: Line 1:
 +
{{CSS/MainStyle}}
<html>
<html>
-
 
<style type="text/css">
<style type="text/css">
 +
/*-- subdivided container (three equal columns)--*/
-
/* unvisited link */
 
-
a:link {
 
-
    color: #FFFFFF;
 
-
}
 
-
/* visited link */
+
 
-
a:visited {
+
 
-
    color: #FFFFFF;
+
#lowerpartwrap {
 +
  width: 975px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background-color: #ffffff;
 +
font-size: 13px;
 +
color: #414141;
 +
height:40px;
 +
padding-bottom: 10px;
 +
padding-top: 5px;
 +
align:center;
}
}
-
/* mouse over link */
 
-
a:hover {
 
-
    color: #E5ECAA;
 
-
    text-decoration: none;
 
-
}
 
-
}
 
-
/* selected link */
+
#lowerpartA {
-
a:active {
+
     background-color:#ffffff;
-
     color: #92CE9F;
+
     width: 50px;
-
     text-decoration: none;
+
    float: left;
 +
padding-left: 15px;
}
}
 +
#lowerpartB {
 +
    background-color:#ffffff;
 +
    width: 700px;
 +
    float: left;
 +
padding-left: 5px;
}
}
-
</style>
 
-
<html>
+
#elementswrap { 
-
<div class="newfooter">
+
  width: 975px;
-
<div id="footerheader">
+
margin-left: auto;
-
<div id="footerheaderdesc">
+
margin-right: auto;
-
</div>
+
background-color: #414141;
-
</div>
+
font-size: 13px;
-
<div id="newfooterbox">
+
color: #ffffff;
-
<div class="footertext">
+
height:200px;
-
<ul>
+
padding-bottom: 10px;
-
<li><a href="https://igem.org/About">About</a></li>
+
padding-top: 5px;
-
<li><a href="https://igem.org/Contact">Contact</a></li>
+
align:center;
-
<li><a href="https://igem.org/Sponsors">Sponsors</a></li>
+
}
-
<li><a href="https://igem.org/Main_Page">  igem.org</a></li>
+
-
<li><a href="http://parts.igem.org/Main_Page"> Registry</a> </li>
+
-
</ul>
 
-
</div>
 
-
<div class="footertext">
 
-
<ul>
 
-
<li><a href="https://2014.igem.org/Requirements"> Requirements</a> </li>
 
-
<li><a href="https://2014.igem.org/Giant_Jamboree"> Giant Jamboree</a> </li>
 
-
<li><a href="https://2014.igem.org/Meetups"> Meetups</a> </li>
 
-
<li><a href="https://2014.igem.org/Calendar_of_Events">Calendar </a></li>
 
-
<li><a href="https://2014.igem.org/Partner_Offers">Partner Offers</a></li>
 
-
</ul>
 
-
</div>
 
-
<div class="footertext">
 
-
<ul>
 
-
<li><a href="https://igem.org/Login">Login</a></li>
 
-
<li><a href="https://2014.igem.org/Special:Upload">Upload Files</a></li>
 
-
<li><a href="https://2014.igem.org/Special:RecentChanges"> Recent Changes</a> </li>
 
-
<li> <a href="https://2014.igem.org/Special:SpecialPages"> Special Pages</a> </li>
 
-
</ul>
 
-
</div>
 
-
<div class="footertext">
 
-
<ul>
 
-
<li><a href="https://igem.org/Press_Kit">Press Kit</a></li>
 
-
<li><a href="https://igem.org/Newsletters"> Newsletter</a> </li>
 
-
<li><a href="https://igem.org/Alumni">AlumniGEM</a></li>
 
-
</ul>
 
-
</div>
 
-
<div class="footerextra">
+
#columnA {
-
<a href="https://2014.igem.org/General_disclaimer">
+
    background-color:#414141;
-
<img src="http://i.creativecommons.org/l/by/3.0/88x31.png"></a><br>
+
    width: 150px;
-
powered by <a href="http://www.mediawiki.org/" style="link-style:none;">MediaWiki</a>
+
    float: left;
-
</div>
+
padding-top: 25px;
-
</div>
+
padding-bottom: 25px;
 +
padding-left: 25px;
 +
}
-
</html>
+
#columnB {
 +
    background-color: #414141;
 +
    float: left;
 +
    width: 150px; 
 +
    padding-top: 25px;
 +
    padding-bottom: 25px;
 +
    padding-left: 25px;
 +
}
-
<html>
+
#columnC {
-
<style type="text/css">
+
    background-color: #414141;
 +
    float: left;
 +
    width: 590px; 
 +
    padding-top: 25px;
 +
    padding-bottom: 25px;
 +
    padding-left: 35px;
 +
}
 +
#subcolumnC {
 +
    background-color: #414141;
 +
    float: left;
 +
    padding-top: 5px;
 +
    padding-bottom: 5px;
 +
    padding-right: 30px;
 +
}
-
/*--Footer stuff is here--*/
 
-
.newfooter, .pushfooter {height: 130px; clear:both; margin-top: 15px;}
 
-
.newfooter {background: #414141; color: #000;}
+
#clear {
 +
    clear: both;
 +
}
 +
</style>
-
#footerheader { width: 100%; background: #414141;height:10px;}
 
-
#footerheaderdesc { width: 975px; height: 50px; margin-left:auto; margin-right: auto; padding: 10px 0px 10px 0px;}
 
-
#footerheaderdesc img {display: block; position: relative; padding-right: 20px; float:left;}
+
<div id="elementswrap">
-
#footerheaderdesc #igemtitle {display: block; position: relative; padding-right: 20px; padding-top: 10px; float:left; color: #fff; font-size: 1.8em; font-weight: bold; }
 
-
#footerheaderdesc #tagline {display: block; position: relative; padding-right: 20px; float:left; }
+
<div id="columnA"><b>CONTACT</b><br><br>
 +
<p>One Kendall Square, Cambridge, MA, USA 02139</p>
 +
<p>hq at igem dot org </p>
 +
<p>+1 617 500 3106</p>
 +
</div>
-
#newfooterbox {width: 975px; margin-right: auto; margin-left: auto; padding: 10px 0px 10px 0px;}
 
-
#newfooterbox a, #newfooterbox a:hover, #newfooterbox a:visited {color: #fff; text-decoration:none;}
 
-
.footertext {width:200px; height: 100px; float: left; border-right: 2px solid #cccccc; position:relative;}
 
-
.footertext ul, #footertext ul li {  list-style: none;}
+
<div id="columnB">
 +
<br><br>
 +
<p>Get the latest updates from iGEM by subscribing to our monthly newsletter.</p>
 +
</div>
-
.footerextra {float: right; position: relative; display: block; text-align: right; margin-top: 60px; color: #999;}
+
<div id="columnC"><b>QUICKLINKS</b><br><br>
 +
<div id="subcolumnC">
 +
<a style="color:#ffffff;" href=""> About </a> <br>
 +
<a style="color:#ffffff;" href=""> Contact </a> <br>
 +
<a style="color:#ffffff;" href=""> Sponsors </a> <br>
 +
<a style="color:#ffffff;" href=""> igem.org</a> <br>
 +
<a style="color:#ffffff;" href=""> Registry </a> <br>
 +
</div>
 +
<div id="subcolumnC">
 +
<a style="color:#ffffff;" href=""> Requirements </a> <br>
 +
<a style="color:#ffffff;" href=""> Giant Jamboree </a> <br>
 +
<a style="color:#ffffff;" href=""> Meetups </a> <br>
 +
<a style="color:#ffffff;" href=""> Calendar</a> <br>
 +
<a style="color:#ffffff;" href=""> Partner Offers</a> <br>
 +
</div>
 +
<div id="subcolumnC">
 +
<a style="color:#ffffff;" href=""> Login </a> <br>
 +
<a style="color:#ffffff;" href=""> Upload Files </a> <br>
 +
<a style="color:#ffffff;" href=""> Recent Changes</a> <br>
 +
<a style="color:#ffffff;" href=""> Special pages</a> <br>
 +
</div>
 +
<div id="subcolumnC">
 +
<a style="color:#ffffff;" href=""> Press Kit </a> <br>
 +
<a style="color:#ffffff;" href=""> Newsletter</a> <br>
 +
<a style="color:#ffffff;" href="">AlumniGEM </a> <br>
 +
</div>
-
</style>
+
<div id="subcolumnC">
 +
<img src="http://i.creativecommons.org/l/by/3.0/88x31.png">
 +
</div>
 +
<div id="clear"></div>
 +
</div>
 +
</div>
 +
<div id="clear"></div>
Line 124: Line 157:
 +
<div id="lowerpartwrap">
 +
<div id="lowerpartA">
 +
<img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="40px">
 +
</div>
 +
<div id="lowerpartB"><b>  iGEM Foundation </b> <br><font size="1"> Dedicated to education and competition, advancement of synthetic biology, and the development of open community and collaboration.</font></div>
 +
</div>
-
 
+
</div>
-
 
+
<div id="clear"></div>
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<!-----------------------------------------------------------------logo ------------------------------------------------------------------------->
+
-
<table width="100%" cellspacing="0">
+
-
<tr height="50px">
+
-
<td bgColor="#e3e3e3"></td>
+
-
 
+
-
<td width="975px">
+
-
<table width="975px" cellspacing="0">
+
-
<td width="1%"></td>  
+
-
<td> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="40px"> </td><td>
+
-
 
+
-
<b>  iGEM Foundation </b> <br><font size="1"> Dedicated to education and competition, advancement of synthetic biology, and the development of open community and collaboration.</font></td>
+
-
</td>
+
-
</table>
+
-
 
+
-
</td>
+
-
 
+
-
<td bgColor="#e3e3e3"></td>
+
-
</tr>
+
-
<table>
+
-
 
+
</html>
</html>

Latest revision as of 17:44, 15 July 2014

CONTACT

One Kendall Square, Cambridge, MA, USA 02139

hq at igem dot org

+1 617 500 3106



Get the latest updates from iGEM by subscribing to our monthly newsletter.

iGEM Foundation
Dedicated to education and competition, advancement of synthetic biology, and the development of open community and collaboration.