Team:Linkoping Sweden/menu

From 2014.igem.org

(Difference between revisions)
 
(28 intermediate revisions not shown)
Line 74: Line 74:
   margin-left:1100px;
   margin-left:1100px;
}
}
-
#pblogo img, #pgmap img, #twnoticon img, #fbnoticon img, #igemlogo img, #onofflogo 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);
}
}
-
#twnoticon:hover img {
+
#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;
}
}
-
#twitapp{
+
#igapp {
-
   margin-left:-111px;
+
  position: absolute;
-
   /*border-radius:3px;
+
  display:none;
-
   border: 1px solid rgb(30,39,43);*/
+
  width:298px;
 +
  height:auto;
 +
  top:40px;
 +
  background:white;
 +
  background-color:white;
 +
  z-index:101;
 +
   margin-left:-149px;
 +
   overflow:hidden;
 +
   border: 1px solid;
 +
  border-color: #303030;
}
}
ul#nav {   
ul#nav {   
Line 136: Line 145:
     padding:0;
     padding:0;
     margin:0;
     margin:0;
-
     width:127px;
+
     width:16%;
     margin-top:13px;
     margin-top:13px;
     line-height:27px;
     line-height:27px;
     height:27px;
     height:27px;
-
     font-size:13px;
+
     font-size:15px; /* 13px; */
     font-weight:600;
     font-weight:600;
     background:transparent;
     background:transparent;
Line 172: Line 181:
     width:1100px;
     width:1100px;
     height:40px;
     height:40px;
-
     background:white;
+
     background:rgba(255, 255, 255, .8);
     color:rgb(46,43,52);
     color:rgb(46,43,52);
     z-index:100;  
     z-index:100;  
Line 180: Line 189:
     padding:0;
     padding:0;
     float:left;
     float:left;
-
     background:white;
+
     background:transparent;
     height:100%;
     height:100%;
     line-height:40px;
     line-height:40px;
Line 217: Line 226:
     </div>
     </div>
     <div id="pgmap" class="sidelogos">
     <div id="pgmap" class="sidelogos">
-
       <a href="https://2014.igem.org/Team:Linkoping_Sweden" title="Site Map">
+
       <a href="https://2014.igem.org/Team:Linkoping_Sweden/Sitemap" title="Site Map">
<img src="https://static.igem.org/mediawiki/2013/f/f4/PB_LogoMap2.gif" style="margin-top:13px;" height="25px"/>                       
<img src="https://static.igem.org/mediawiki/2013/f/f4/PB_LogoMap2.gif" style="margin-top:13px;" height="25px"/>                       
       </a>
       </a>
Line 234: Line 243:
         </div>
         </div>
       </li>
       </li>
-
       <li> <a href="https://2014.igem.org/Team:Linkoping_Sweden/Results" title="Results">RESULTS</a>
+
       <li style="width: 15%;"> <a href="https://2014.igem.org/Team:Linkoping_Sweden/Results" title="Results">RESULTS</a>
         <div class="navmenubkg2">
         <div class="navmenubkg2">
           <ul>  
           <ul>  
-
             <li style="margin-left:141px;"> <a href="https://2014.igem.org/Team:Linkoping_Sweden/Parts" title="Submitted Parts">PARTS</a>
+
             <li style="margin-left:141px;"> <a href="https://2014.igem.org/Team:Linkoping_Sweden/Results" title="Results Overview">OVERVIEW</a>
-
             <li > <a href="https://2014.igem.org/Team:Linkoping_Sweden/Medal" title="Medal">MEDAL</a></li>
+
            <li > <a href="https://2014.igem.org/Team:Linkoping_Sweden/Parts" title="Submitted Parts">PARTS</a>
 +
             <!-- <li > <a href="https://2014.igem.org/Team:Linkoping_Sweden/Medal" title="Medal">MEDAL</a></li> -->
  </ul>
  </ul>
         </div>
         </div>
       </li>
       </li>
-
       <li> <a href="https://2014.igem.org/Team:Linkoping_Sweden/Human_Practice/Overview" title="Human Practice Overview">HUMAN PRACTICE</a>  
+
       <li style="width: 22%;"> <a href="https://2014.igem.org/Team:Linkoping_Sweden/Human_Practice/Overview" title="Human Practice Overview">POLICY & PRACTICES</a>  
         <div class="navmenubkg2">
         <div class="navmenubkg2">
           <ul>
           <ul>
Line 250: Line 260:
             <li style="width:168px;"> <a href="https://2014.igem.org/Team:Linkoping_Sweden/Human_Practice/Media" title="Media">MEDIA</a></li>
             <li style="width:168px;"> <a href="https://2014.igem.org/Team:Linkoping_Sweden/Human_Practice/Media" title="Media">MEDIA</a></li>
<li style="width:168px;"> <a href="https://2014.igem.org/Team:Linkoping_Sweden/Human_Practice/Collaboration" title="Collaboration">COLLABORATION</a></li>
<li style="width:168px;"> <a href="https://2014.igem.org/Team:Linkoping_Sweden/Human_Practice/Collaboration" title="Collaboration">COLLABORATION</a></li>
 +
<li style="width:168px;"> <a href="https://2014.igem.org/Team:Linkoping_Sweden/Human_Practice/Outreach" title="Outreach">OUTREACH</a></li>
  </ul>
  </ul>
         </div>
         </div>
       </li>       
       </li>       
-
       <li> <a href="https://2014.igem.org/Team:Linkoping_Sweden/Human_Practice/Safety" title="Safety">SAFETY</a>  
+
       <li style="width: 15%;"> <a href="https://2014.igem.org/Team:Linkoping_Sweden/Human_Practice/Safety" title="Safety">SAFETY</a>  
         <div class="navmenubkg2">
         <div class="navmenubkg2">
            
            
Line 263: Line 274:
         </div>
         </div>
       </li>
       </li>
-
       <li> <a href="https://2014.igem.org/Team:Linkoping_Sweden/Team" title="Team">TEAM</a>  
+
       <li style="width: 15%;"> <a href="https://2014.igem.org/Team:Linkoping_Sweden/Team" title="Team">TEAM</a>  
         <div class="navmenubkg2">
         <div class="navmenubkg2">
  <ul>
  <ul>
Line 273: Line 284:
       </li>
       </li>
     </ul>
     </ul>
 +
    <div id="ignoticon" class="sidelogos">
 +
        <a href="http://instagram.com/liu_igem" target="_blank" title="Find us on Instagram">
 +
            <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:auto; 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" title="Find us on Facebook">
             <img src="https://static.igem.org/mediawiki/2013/4/4e/PB_LogoFacebook.gif" height="30px"/>
             <img src="https://static.igem.org/mediawiki/2013/4/4e/PB_LogoFacebook.gif" height="30px"/>
             <div id="fbapp">
             <div id="fbapp">
Line 333: Line 358:
   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 366:
$('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(){

Latest revision as of 17:05, 17 October 2014