Difference between revisions of "Team:MIT/TestSite"

Line 1: Line 1:
−
{{MIT-Header}}
+
<!-- Declare that you are going to use html code instead of wiki code -->
−
 
+
 
<html>
 
<html>
  
−
<style type="text/css" media="all">
+
<link href='http://fonts.googleapis.com/css?family=Permanent+Marker|Cantarell:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
−
#spacer{
+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
−
width: 80%;
+
<style type="text/css">
−
margin: auto;
+
−
top:45px;
+
−
position: relative;
+
−
}
+
−
.text{
+
−
margin: auto;
+
−
position:relative;
+
−
color: white;
+
−
}
+
−
#blocks{
+
−
position: relative;
+
−
top: 45px;
+
−
margin-top: 15px;
+
−
}
+
−
.infoblock{
+
−
height: 100px;
+
−
background-color: rgba(255,255,255,0);
+
−
font: 30px;
+
−
margin: auto;
+
−
vertical-align: center;
+
−
}
+
−
</style>
+
  
 +
#contentSub, #contentcontainer, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .h3, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/
  
−
<body>
+
.topWikiNavBackground {
−
<div>
+
    height:18px;
−
<img class = "headerimage" src = "https://static.igem.org/mediawiki/2015/2/21/Team-MIT-Banner2.jpg">
+
    margin-top: -32px;
−
</div>
+
    background-color:transparent;
−
<div id = "spacer">
+
}
−
<div id = "title">
+
−
Project Overview
+
−
</div>
+
  
−
<div class = "text" align = "center">
+
.headerimage {
−
The environmental benefits of biodiesel are numerous. To be truly renewable, fatty acid ethyl esters (FAEEs) should be used for biodiesel production, but currently only natural gas dependent fatty acid methyl esters (FAMEs) are used for the industrial production of biodiesel. Bacterial co-cultures can be designed to produce FAEEs from cellulose, but they are unstable and require significant maintenance. We are genetically modifying two species of bacteria to grow in a metabolically linked, self-regulating co-culture that will ultimately serve as the central component of a stable bioreactor for the production of biodiesel.
+
position: relative;
−
</div>
+
top:26px;
−
</div>
+
margin: auto;
−
<div id = "blocks">
+
width: 100%;
−
<div class = "infoblock col-md-6">
+
height: 100%;
−
<div class = "subtitle">
+
 
−
Coculture
+
}
−
</div>
+
 
−
</div>
+
#globalWrapper, #content { /*-- changes default wiki settings --*/
−
<div class = "infoblock col-md-6">
+
width: 100%;
−
<div class = "subtitle">
+
height: 100%;
−
Measurement
+
border: 0px;
−
</div>
+
background-color: transparent;
−
</div>
+
margin: 0px;
−
<div class = "infoblock col-md-6">
+
padding: 0px;
−
<div class = "subtitle">
+
}
−
Modeling
+
 
−
</div>
+
/*Title fonts*/
−
</div>
+
#title, .subtitle{
−
<div class = "infoblock col-md-6">
+
margin: 40px;
−
<div class = "subtitle">
+
text-align: center;
−
Circuitry
+
font-size: 40px;
 +
font-family: 'Permanent Marker', cursive;
 +
color: white;
 +
}
 +
/*Text font for regular paragraph text on all pages*/
 +
.text{
 +
font-size: 15px;
 +
font-family: 'Cantarell', sans-serif;
 +
}
 +
 
 +
html, body, .wrapper { /*-- changes default wiki settings --*/
 +
width: 100%;
 +
height: 100%;
 +
background-color: transparent;
 +
}
 +
 
 +
body{
 +
        background-color: black
 +
}
 +
 
 +
.navmenu {
 +
position:fixed;
 +
top:16px;
 +
left:0;
 +
right:0;
 +
background:black;
 +
        z-index : 100;
 +
        height : 50px;
 +
        align : center;
 +
}
 +
#mainLogo {
 +
vertical-align:
 +
}
 +
#navmenubox {
 +
padding:0;
 +
margin-left:0;
 +
margin-right:0;
 +
width:100%;
 +
height:45px;
 +
}
 +
.sidelogos {
 +
float:left;
 +
display:block;
 +
margin-left:auto;
 +
height:100%;
 +
width:auto;
 +
top : 0;
 +
}
 +
#logos{
 +
float:right;
 +
}
 +
#home {
 +
    width : 40px;
 +
    top : 0;
 +
}
 +
#mainpage {
 +
    float : left;
 +
    margin-left : 50px;
 +
    margin-top : 7px;
 +
}
 +
#facebookicon{
 +
margin-right: 0.75em;
 +
width:1.9em;
 +
}
 +
#twittericon{
 +
width:2.375em;
 +
margin-right:auto;
 +
}
 +
#igemlogo img{ 
 +
width:2.3em;
 +
    position: relative;
 +
background-color: white;
 +
}
 +
#igemlogo:hover img {
 +
background-color:rgb(0,153,102);
 +
}
 +
#twittericon img, #facebookicon img, #igemlogo img{
 +
margin-top:8px;
 +
margin-bottom:2px;
 +
}
 +
#twitapp, #fbapp {
 +
display:none;
 +
width:250px;
 +
height:auto;
 +
}
 +
#fbapp{
 +
margin-left:-149px;
 +
}
 +
#twitapp{
 +
margin-left:-111px;
 +
}
 +
#nav, #nav ul{
 +
padding:0;
 +
margin:0;
 +
list-style:none;
 +
    text-align : center;
 +
}
 +
#nav li{
 +
font-family:'Permanent Marker', cursive;
 +
display:inline-block;
 +
color: white;
 +
position:relative;
 +
width : 150px;
 +
top : 12px;
 +
font-size : 16px;
 +
height : 40px;
 +
float:left;
 +
    vertical-align : middle;
 +
    padding : 0;
 +
    margin : 0;
 +
}
 +
#nav li ul{
 +
    vertical-align : bottom;
 +
    width : 170px;
 +
}
 +
#nav li ul li {
 +
font-family: 'Cantarell', sans-serif;
 +
    height : 60px;
 +
    vertical-align : top;
 +
    width : 170px;
 +
    background : rgba(0,0,0,0.65);
 +
    padding : 15px 0;
 +
    color : rgb(0,0,0);
 +
    border-bottom: 1px solid rgba(255,255,255,.2);
 +
}
 +
#nav ul{
 +
    display : block;
 +
    width : 125px;
 +
max-height:0px;
 +
left: 0;
 +
right: 0;
 +
overflow:hidden;
 +
-moz-transition: .8s all .3s;
 +
-webkit-transition: .8s all .3s;
 +
transition: .8s all .3s;
 +
}
 +
#nav li:hover ul{
 +
max-height:30em;
 +
}
 +
#nav a{
 +
text-decoration:none;
 +
display:block;
 +
        font-weight : bold;
 +
        color : white;
 +
        vertical-align : middle;
 +
}
 +
#nav li:hover a {
 +
        color : #ccff00;
 +
}
 +
#nav li:hover ul .liste {
 +
        color : white;
 +
}
 +
#nav li ul li .liste:hover {
 +
    color : #ccff00;
 +
}
 +
</style>
 +
 
 +
<div class="navmenu">
 +
<div id="navmenubox">
 +
<ul id="nav" class = "col-md-9">
 +
<!--<li>
 +
<a id = "mainLogo" href="https://2015.igem.org/Team:MIT" title="MIT iGEM" target="_blank"><img src="https://static.igem.org/mediawiki/2015/6/61/Team-MIT-MainLogo1.png" height="45px">
 +
</a>
 +
</li>
 +
-->
 +
<li><a href="https://2015.igem.org/Team:MIT">Home</a></li>
 +
 
 +
<li><a href="https://2015.igem.org/Team:MIT/Project"><img src="https://static.igem.org/mediawiki/2014/e/e1/MIT_2014_dropdown_arrow.png">Project</a>
 +
<ul>
 +
<li><a class = liste href="https://2015.igem.org/Team:MIT/Coculture">Coculture</a></li>
 +
<li><a class = liste href="https://2015.igem.org/Team:MIT/Measurement">Measurement</a></li>
 +
<li><a class = liste href="https://2015.igem.org/Team:MIT/Modeling">Modeling</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2015.igem.org/Team:MIT/PolicyAndPractice"><img src="https://static.igem.org/mediawiki/2014/e/e1/MIT_2014_dropdown_arrow.png"> Policy + Practice</a>
 +
<ul>
 +
<li><a class = liste href="https://2015.igem.org/Team:MIT/Practice">Practice</a></li>
 +
<li><a class = liste href="https://2015.igem.org/Team:MIT/Economics">Economics</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2015.igem.org/Team:MIT/Notebooks"><img src="https://static.igem.org/mediawiki/2014/e/e1/MIT_2014_dropdown_arrow.png">Notebooks</a>
 +
<ul>
 +
<li><a class = liste href="https://2015.igem.org/Team:MIT/WetlabNotes">Wetlab Notes</a></li>
 +
<li><a class = liste href="https://2015.igem.org/Team:MIT/DrylabNotes">Drylab Notes</a></li>
 +
<li><a class = liste href="https://2015.igem.org/Team:MIT/Protocols">Protocols</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2015.igem.org/Team:MIT/Medals">Medals</a></li>
 +
<li><a href="https://2015.igem.org/Team:MIT/Team"><img src="https://static.igem.org/mediawiki/2014/e/e1/MIT_2014_dropdown_arrow.png">About Us</a>
 +
<ul>
 +
<li><a class = liste href="https://2015.igem.org/Team:MIT/Team">Team Bios</a></li>
 +
<li><a class = liste href="https://2015.igem.org/Team:MIT/Acknowledgements">Acknowledgements</a></li>
 +
<li><a class = liste href="https://2015.igem.org/Team:MIT/Attributions">Attributions</a></li>
 +
</ul>
 +
            </li>
 +
<li><a href="https://2015.igem.org/Team:MIT/Outreach"><img src="https://static.igem.org/mediawiki/2014/e/e1/MIT_2014_dropdown_arrow.png"> Externals</a>
 +
<ul>
 +
<li><a class = liste href="https://2015.igem.org/Team:MIT/Collaborations">Collaborations</a></li>
 +
<li><a class = liste href="https://2014.igem.org/Team:MIT/InterlabStudy">Interlab Study</a></li>
 +
        </ul>
 +
            </li>
 +
</ul>
 +
<div class= "col-md-3">
 +
<div id = "logos">
 +
<div id="twittericon" class="sidelogos">
 +
<a href="http://twitter.com/MIT_iGEM" target="_blank">
 +
<img id="twitterimg" src="https://static.igem.org/mediawiki/2015/5/52/Team_MIT_TwitterLogo.png" height="30px"/>
 +
<div id="twitapp">
 +
<a class="twitter-timeline" href="https://twitter.com/MIT_iGEM" data-widget-id="608663252705374209">@MIT_iGEM</a>
 +
</div>
 +
</a>
 +
</div>
 +
<div id="facebookicon" class="sidelogos">
 +
<a href="https://www.facebook.com/MITiGEM" target="_blank">
 +
<img id="fblogo" src="https://static.igem.org/mediawiki/2015/4/42/Team_MIT_facebook_logo.png" height="30px"/>                     
 +
<div id="fbapp">
 +
<div class="fb-like-box" data-href="https://www.facebook.com/MITiGEM" data-width="250" data-height="400" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="true" data-show-border="true"></div>
 +
</div>
 +
</a>
 +
</div>
 +
<div id="igemlogo" class="sidelogos">
 +
<a href="https://2015.igem.org/Main_Page" title="iGEM 2015" target="_blank">
 +
<img src="https://static.igem.org/mediawiki/2015/0/0a/Team_MIT_iGEM_logo.gif" height="30px">
 +
</a>
 +
</div>
 +
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
−
</body>
+
</div>
 +
 
 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
 +
 +
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
  
 
<script>
 
<script>
−
$(document).ready(function(){
+
 
−
    $('.infoblock').hover(function () {
+
$(document).ready(function(){
−
$(this).css( "background-color", "rgba(255,255,255,0.4)" );
+
$('div #twittericon').mouseover(function(){
−
}, function() {
+
  div = $('#twitapp');
−
$(this).css( "background-color", "rgba(255,255,255,0)" );  
+
  div.fadeIn(100);
−
});
+
}).mouseout(function(){
−
})
+
    div.fadeOut(100);
 +
});
 +
});
 +
 
 +
//On hover the twitter logo turns clear and the blue shows through
 +
$(document).ready(function(){
 +
    $('#twitterimg').hover(function () {
 +
        this.src = "https://static.igem.org/mediawiki/2015/a/a1/Team_MIT_TwitterLogo2.png";
 +
    }, function () {
 +
        this.src = "https://static.igem.org/mediawiki/2015/5/52/Team_MIT_TwitterLogo.png";
 +
    });
 +
});
 +
 
 +
//On hover faceboook logo turns blue (changes images)
 +
$(document).ready(function(){
 +
    $('#fblogo').hover(function () {
 +
        this.src = "https://static.igem.org/mediawiki/2015/2/20/Team-MIT-FacebookIcon2.png";
 +
    }, function () {
 +
        this.src = "https://static.igem.org/mediawiki/2015/4/42/Team_MIT_facebook_logo.png";
 +
    });
 +
});
 
</script>
 
</script>

Revision as of 19:42, 8 July 2015