Difference between revisions of "Template:MIT-Header"
| Line 62: | Line 62: | ||
margin-top : 7px; | margin-top : 7px; | ||
} | } | ||
| − | # | + | #facebookicon{ |
margin-right: 0.75em; | margin-right: 0.75em; | ||
width:1.9em; | width:1.9em; | ||
} | } | ||
| − | # | + | #twittericon{ |
width:2.375em; | width:2.375em; | ||
margin-right:auto; | margin-right:auto; | ||
| Line 78: | Line 78: | ||
background-color:rgb(0,153,102); | background-color:rgb(0,153,102); | ||
} | } | ||
| − | # | + | #twittericon img, #facebookicon img, #igemlogo img{ |
margin-top:8px; | margin-top:8px; | ||
margin-bottom:2px; | margin-bottom:2px; | ||
| Line 215: | Line 215: | ||
<div class= "col-md-4"> | <div class= "col-md-4"> | ||
<div id = "logos"> | <div id = "logos"> | ||
| − | <div id=" | + | <div id="twittericon" class="sidelogos"> |
<a href="http://twitter.com/MIT_iGEM" target="_blank"> | <a href="http://twitter.com/MIT_iGEM" target="_blank"> | ||
| − | <img id=" | + | <img id="twitterimg" src="https://static.igem.org/mediawiki/2015/5/52/Team_MIT_TwitterLogo.png" height="30px"/> |
<div id="twitapp"> | <div id="twitapp"> | ||
<a class="twitter-timeline" href="https://twitter.com/MIT_iGEM" data-widget-id="608663252705374209">@MIT_iGEM</a> | <a class="twitter-timeline" href="https://twitter.com/MIT_iGEM" data-widget-id="608663252705374209">@MIT_iGEM</a> | ||
| Line 223: | Line 223: | ||
</a> | </a> | ||
</div> | </div> | ||
| − | <div id=" | + | <div id="facebookicon" class="sidelogos"> |
<a href="https://www.facebook.com/MITiGEM" target="_blank"> | <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"/> | <img id="fblogo" src="https://static.igem.org/mediawiki/2015/4/42/Team_MIT_facebook_logo.png" height="30px"/> | ||
| Line 248: | Line 248: | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
| − | $('div # | + | $('div #twittericon').mouseover(function(){ |
div = $('#twitapp'); | div = $('#twitapp'); | ||
div.fadeIn(100); | div.fadeIn(100); | ||
| Line 258: | Line 258: | ||
//On hover the twitter logo turns clear and the blue shows through | //On hover the twitter logo turns clear and the blue shows through | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
| − | $('# | + | $('#twitterimg').hover(function () { |
this.src = "https://static.igem.org/mediawiki/2015/a/a1/Team_MIT_TwitterLogo2.png"; | this.src = "https://static.igem.org/mediawiki/2015/a/a1/Team_MIT_TwitterLogo2.png"; | ||
}, function () { | }, function () { | ||
Revision as of 18:15, 11 June 2015
Our Project
