"
Team:Linkoping Sweden/menu
From 2014.igem.org
(Difference between revisions)
| Line 74: | Line 74: | ||
margin-left:1100px; | margin-left:1100px; | ||
} | } | ||
| - | #pblogo img, #pgmap img, # | + | #pblogo img, #pgmap img, #ignoticon img, #fbnoticon img, #igemlogo img, #onofflogo img{ |
background-color:rgb(46,43,52); | background-color:rgb(46,43,52); | ||
margin-top:8px; | margin-top:8px; | ||
| Line 82: | Line 82: | ||
background-color:rgb(46,161,42); | background-color:rgb(46,161,42); | ||
} | } | ||
| - | # | + | #ignoticon:hover img { |
background-color:rgb(93,215,255); | background-color:rgb(93,215,255); | ||
} | } | ||
| Line 101: | Line 101: | ||
margin-left:-149px; | margin-left:-149px; | ||
} | } | ||
| - | # | + | #igapp { |
| - | + | display:none; | |
| - | + | width:300px; | |
| - | + | height:auto; | |
| + | top:44px; | ||
| + | background:white; | ||
| + | background-color:white; | ||
| + | z-index:100; | ||
| + | margin-left:-149px; | ||
} | } | ||
ul#nav { | ul#nav { | ||
| Line 273: | Line 278: | ||
</li> | </li> | ||
</ul> | </ul> | ||
| + | <div id="ignoticon" class="sidelogos"> | ||
| + | <a href="http://instagram.com/liu_igem" target="_blank"> | ||
| + | <img src="https://static.igem.org/mediawiki/2014/6/66/Linkoping_sweden_LogoInstagram.png" height="30px"/> | ||
| + | <div id="igapp"> | ||
| + | <iframe src="http://snapwidget.com/sc/?u=bGl1X2lnZW18aW58MzAwfDF8M3wyRUExMkF8eWVzfDIwfG5vbmV8b25TdGFydHx5ZXM=&v=24714" | ||
| + | title="Team Linkoping_Sweden on Instagram" | ||
| + | allowTransparency="true" | ||
| + | frameborder="0" | ||
| + | scrolling="no" | ||
| + | style="border:none; overflow:hidden; width:300px; height:300px"> | ||
| + | </iframe> | ||
| + | </div> | ||
| + | </a> | ||
| + | </div> | ||
<div id="fbnoticon" class="sidelogos"> | <div id="fbnoticon" class="sidelogos"> | ||
<a href="http://www.facebook.com/LiuIgem" target="_blank"> | <a href="http://www.facebook.com/LiuIgem" target="_blank"> | ||
| Line 333: | Line 352: | ||
div = $('#fbapp'); | div = $('#fbapp'); | ||
div.fadeIn(100); | div.fadeIn(100); | ||
| + | $('#igapp').fadeOut(100); | ||
}).mouseout(function(){ | }).mouseout(function(){ | ||
//div.fadeOut(100); | //div.fadeOut(100); | ||
| Line 340: | Line 360: | ||
$('div #fbapp').mouseover(function(){ | $('div #fbapp').mouseover(function(){ | ||
div = $('#fbapp'); | div = $('#fbapp'); | ||
| + | div.fadeIn(100); | ||
| + | }).mouseout(function(){ | ||
| + | div.fadeOut(100); | ||
| + | }); | ||
| + | }); | ||
| + | $(document).ready(function(){ | ||
| + | $('div #ignoticon').mouseover(function(){ | ||
| + | div = $('#igapp'); | ||
| + | div.fadeIn(100); | ||
| + | $('#fbapp').fadeOut(100); | ||
| + | }).mouseout(function(){ | ||
| + | //div.fadeOut(100); | ||
| + | }); | ||
| + | }); | ||
| + | $(document).ready(function(){ | ||
| + | $('div #igapp').mouseover(function(){ | ||
| + | div = $('#igapp'); | ||
div.fadeIn(100); | div.fadeIn(100); | ||
}).mouseout(function(){ | }).mouseout(function(){ | ||
Revision as of 13:10, 24 July 2014
