Difference between revisions of "Team:WHU-China-header"

(Created page with "<!-- Declare that you are going to use html code instead of wiki code --> <html> <link href='http://fonts.googleapis.com/css?family=Permanent+Marker|Cantarell:400,700,400italic,...")
 
Line 205: Line 205:
 
}
 
}
 
</style>
 
</style>
 
<div class="navmenu">
 
<div id="navmenubox">
 
<ul id="nav" class = "col-md-10">
 
<!--<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 class = "side-by-side" style = "white-space: nowrap;">
 
<div style = "display: inline-block">
 
<li><a class = liste href="https://2015.igem.org/Team:MIT/Cellulose">Cellulose</a></li>
 
<li><a class = liste href="https://2015.igem.org/Team:MIT/Chutch">C. Hutchinsonii</a></li>
 
<li><a class = liste href="https://2015.igem.org/Team:MIT/Ecoli">E. Coli</a></li>
 
<li><a class = liste href="https://2015.igem.org/Team:MIT/Coculture">The Co-Culture</a></li>
 
</div>
 
<div style = "display: inline-block; vertical-align: top;">
 
<li><a class = liste href="https://2015.igem.org/Team:MIT/Biodiesel">Biodiesel Production</a></li>
 
<li><a class = liste href="https://2015.igem.org/Team:MIT/PartsAndCircuits">Parts and Circuits</a></li>
 
<li><a class = liste href="https://2015.igem.org/Team:MIT/Modeling">Modeling</a></li>
 
<li><a class = liste href="https://2015.igem.org/Team:MIT/Measurement">Measurement</a></li>
 
</div>
 
</ul>
 
</li>
 
<li><a href="https://2015.igem.org/Team:MIT/Practices"><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/Practices">Practices</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://2015.igem.org/Team:MIT/InterlabStudy">Interlab Study</a></li>
 
        </ul>
 
            </li>
 
</ul>
 
<div class= "col-md-2">
 
<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>
 
 
<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>
 
 
$(document).ready(function(){
 
$('div #twittericon').mouseover(function(){
 
div = $('#twitapp');
 
div.show();
 
}).mouseout(function(){
 
div.hide();
 
});
 
});
 
 
//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>
 

Revision as of 14:21, 5 September 2015