Template:Team:Yale2014/Templates/Header

From 2014.igem.org

(Difference between revisions)
 
(41 intermediate revisions not shown)
Line 35: Line 35:
     color: rgb(46,43,52);  
     color: rgb(46,43,52);  
     text-align:center;
     text-align:center;
-
    /*line-height:40px;*/
+
     border-bottom:5px solid #00B585;
-
     border-bottom:4px solid rgba(228,45,51,0.9);
+
}
}
.sidelogos {
.sidelogos {
-
     float:right;
+
     float:left;
     display:block;
     display:block;
     margin-left:auto;
     margin-left:auto;
Line 52: Line 51:
#pblogo{
#pblogo{
   width:48px;
   width:48px;
 +
  margin-right:15px;
}
}
#pgmap{
#pgmap{
Line 59: Line 59:
#igemlogo{   
#igemlogo{   
   width:30px;
   width:30px;
 +
 
 +
}
}
-
#pblogo img, #pgmap img,#igemlogo img,{
+
#pblogo img, #pgmap img,#igemlogo img{
   background-color:rgb(46,43,52);
   background-color:rgb(46,43,52);
   margin-top:8px;
   margin-top:8px;
   margin-bottom:2px;
   margin-bottom:2px;
-
}
 
-
#pblogo:hover img, #pgmap:hover img{
 
-
  background-color:rgb(228,45,51);
 
-
}
 
-
#twnoticon:hover img {
 
-
  background-color:rgb(93,215,255);
 
-
}
 
-
#fbnoticon:hover img {
 
-
  background-color:rgb(62,82,158);
 
}
}
#igemlogo:hover img {
#igemlogo:hover img {
Line 108: Line 101:
     padding:0;
     padding:0;
     margin:0;
     margin:0;
-
     width:127px;
+
     width:118px;
     margin-top:13px;
     margin-top:13px;
     line-height:27px;
     line-height:27px;
Line 121: Line 114:
     color: rgb(228,45,51);
     color: rgb(228,45,51);
     /*font-weight:bold;*/
     /*font-weight:bold;*/
-
     border-bottom:4px solid rgb(255,255,255);
+
     border-bottom:5px solid rgb(255,255,255);
}
}
ul#nav a{
ul#nav a{
Line 156: Line 149:
     line-height:40px;
     line-height:40px;
     height:40px;
     height:40px;
-
     width:127px;
+
     width:135px;
     color:rgb(46,43,52);
     color:rgb(46,43,52);
     z-index:100;
     z-index:100;
Line 184: Line 177:
   <div id="navmenubox">
   <div id="navmenubox">
      
      
-
<!--
+
 
     <div id="pblogo" class="sidelogos">
     <div id="pblogo" class="sidelogos">
       <a href="https://2014.igem.org/Team:Yale" title="Home Page">
       <a href="https://2014.igem.org/Team:Yale" title="Home Page">
-
<img src="https://static.igem.org/mediawiki/2013/1/17/PB_LogoHome.gif" height="30px"/>                       
+
<img src="http://nathanielsidwell.com/wp-content/uploads/2012/12/yale-logo.png" height="30px"/>                       
       </a>
       </a>
     </div>  
     </div>  
-
 
-
    <div id="pgmap" class="sidelogos">
 
-
      <a href="https://2013.igem.org/Team:Paris_Bettencourt/Site_Map" title="Site Map">
 
-
<img src="https://static.igem.org/mediawiki/2013/f/f4/PB_LogoMap2.gif" style="margin-top:13px;" height="25px"/>                     
 
-
      </a>
 
-
    </div>
 
-
-->
 
     <ul id="nav">
     <ul id="nav">
-
<li> <a href="https://2014.igem.org/Team:Yale/Project" title="Home">Home</a>
+
<li style="width:120px;"> <a href="https://2014.igem.org/Team:Yale" title="Home">Home</a>
       </li>
       </li>
-
       <li> <a href="https://2014.igem.org/Team:Yale/Project" title="Project Overview">Project</a>
+
       <li style="width:120px;"> <a href="https://2014.igem.org/Team:Yale/Project" title="Project">Project</a>
         <div class="navmenubkg2">      
         <div class="navmenubkg2">      
           <ul>  
           <ul>  
-
             <li  style="margin-left:14.5px"> <a href="https://2014.igem.org/Team:Yale/Project" title="Project Overview">Overview</a></li>
+
             <li  style="margin-left:14.5px"> <a href="https://2014.igem.org/Team:Yale/Project" title="Overview">Overview</a></li>
-
    <li> <a href="https://2014.igem.org/Team:Yale/Project" title="Re-Coli">Re-coded E. coli</a> </li>
+
    <li style="width:180px"> <a href="https://2014.igem.org/Team:Yale/MaterialsMethods" title="Coating">Materials & Methods</a> </li>
-
            <li> <a href="https://2014.igem.org/Team:Yale/Project" title="T7">Improved T7 Expression</a> </li>
+
<li> <a href="https://2014.igem.org/Team:Yale/Results" title="Results">Results</a> </li>
-
            <li> <a href="https://2014.igem.org/Team:Yale/Project" title="Coating">Antimicrobial Coating</a> </li>
+
             <li> <a href="https://2014.igem.org/Team:Yale/Project/modeling" title="Modeling">Modeling</a> </li>
-
    <li> <a href="https://2014.igem.org/Team:Yale/Project" title="Assays">Product Testing</a> </li>
+
<li> <a href="https://2014.igem.org/Team:Yale/Parts" title="Parts">Submitted Parts</a> </li>
-
             <li> <a href="https://2014.igem.org/Team:Yale/Project" title="Modeling">Modeling</a> </li>
+
-
<li> <a href="https://2014.igem.org/Team:Yale/Project" title="Parts">Submitted Parts</a> </li>
+
  </ul>
  </ul>
         </div>
         </div>
       </li>
       </li>
-
       <li> <a href="https://2014.igem.org/Team:Yale/Team" title="OurLab">About Our Lab</a>
+
       <li style="width:120px;"> <a href="https://2014.igem.org/Team:Yale/Team" title="OurLab">About</a>
         <div class="navmenubkg2">
         <div class="navmenubkg2">
           <ul>  
           <ul>  
             <li style="margin-left:141px;"> <a href="https://2014.igem.org/Team:Yale/Team" title="Team">Team</a>
             <li style="margin-left:141px;"> <a href="https://2014.igem.org/Team:Yale/Team" title="Team">Team</a>
-
             <li style = "width:160"> <a href="https://igem.org/Team.cgi?year=2014&team_name=Yale" title="Official">Official Team Profile</a></li>
+
             <li style = "width:180px"> <a href="https://igem.org/Team.cgi?year=2014&team_name=Yale" title="Official">Official Team Profile</a></li>
-
<li style="width:121px;"> <a href="https://2014.igem.org/Team:Yale/Sponsors" title="Sponsors">Sponsors</a></li>
+
<li style="width:180px;"> <a href="https://2014.igem.org/Team:Yale/Acknowledgments" title="Acknowledgments">Acknowledgments</a></li>
-
<li style="width:121px;"> <a href="https://2014.igem.org/Team:Yale/Safety" title="Safety">Safety</a></li>
+
<li style="width:140px;"> <a href="https://2014.igem.org/Team:Yale/Safety" title="Safety">Safety</a></li>
-
<li style="width:121px;"> <a href="https://2014.igem.org/Team:Yale/Contact" title="Contact">Contact Us</a></li>
+
<li style="width:140px;"> <a href="https://2014.igem.org/Team:Yale/Contact" title="Contact">Contact Us</a></li>
  </ul>
  </ul>
         </div>
         </div>
       </li>
       </li>
</li>
</li>
-
       <li> <a href="https://2014.igem.org/Team:Yale/Outreach" title="Outreach">Outreach</a>  
+
       <li style="width:120px;">  
-
       
+
        <a href="https://2014.igem.org/Team:Yale/Outreach" title="Outreach">Outreach</a>  
       </li>       
       </li>       
-
       <li> <a href="https://2014.igem.org/Team:Yale/Interlab" title="Interlab">Interlab</a>  
+
       <li style="width:120px;">  
 +
        <a href="https://2014.igem.org/Team:Yale/Interlab" title="Interlab">Interlab</a>  
       </li>
       </li>
-
       <li> <a href="https://2014.igem.org/Team:Yale/Notebook" title="Notebook">Notebook</a>
+
       <li style="width:120px;"> <a href="https://2014.igem.org/Team:Yale/Notebook">Notebook</a>
-
       </li>
+
       </li>
-
<li> <a href="https://2014.igem.org/Team:Yale/Notebook" title="iGem">  <img src="https://static.igem.org/mediawiki/2013/d/d0/PB_LogoiGEM.gif" height="30px"></a>
+
      <li style="width:150px;"> <a href="https://2014.igem.org/Team:Yale/Achievements">Achievements</a>
-
       </li>  
+
       </li>
  </ul>
  </ul>
-
        </div>
 
-
     
 
     <div id="igemlogo" class="sidelogos">
     <div id="igemlogo" class="sidelogos">
-
     <a href="https://2013.igem.org/Main_Page" title="iGEM 2013" target="_blank">
+
     <a href="https://2014.igem.org/" title="iGEM 2014" target="_blank">
-
       <img src="https://static.igem.org/mediawiki/2013/d/d0/PB_LogoiGEM.gif" height="30px">
+
       <img src="https://static.igem.org/mediawiki/2013/d/d0/PB_LogoiGEM.gif" height="30px" style="margin-left:97px">
     </a>
     </a>
     </div>
     </div>
 +
        </div>
 +
    
    
   </div>
   </div>
</div>
</div>
<div style="clear: both;"></div>
<div style="clear: both;"></div>
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
 
-
 
-
<script type="text/javascript">
 
-
  function changemenu(){
 
-
    if($('.left-menu').is(":visible")) {
 
-
      $('.left-menu').hide();
 
-
      $('.right-menu').hide();
 
-
      document.getElementById('ooswitch').style.backgroundColor = "rgb(46,43,52)";
 
-
    }else{
 
-
      $('.left-menu').show();
 
-
      $('.right-menu').show();
 
-
      document.getElementById('ooswitch').style.backgroundColor = "rgb(228,45,51)";
 
-
    }
 
-
  }
 
-
</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>
 
-
 
-
<div id="fb-root"></div>
 
-
<script>(function(d, s, id) {
 
-
  var js, fjs = d.getElementsByTagName(s)[0];
 
-
  if (d.getElementById(id)) return;
 
-
  js = d.createElement(s); js.id = id;
 
-
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=219328326146";
 
-
  fjs.parentNode.insertBefore(js, fjs);
 
-
}(document, 'script', 'facebook-jssdk'));</script>
 
-
 
-
<script>
 
-
$(document).ready(function(){
 
-
$('div #fbnoticon').mouseover(function(){
 
-
  div = $('#fbapp');
 
-
  div.fadeIn(100);
 
-
}).mouseout(function(){
 
-
    div.fadeOut(100);
 
-
});
 
-
});
 
-
$(document).ready(function(){
 
-
$('div #fbapp').mouseover(function(){
 
-
  div = $('#fbapp');
 
-
  div.fadeIn(100);
 
-
}).mouseout(function(){
 
-
    div.fadeOut(100);
 
-
});
 
-
});
 
-
$(document).ready(function(){
 
-
$('div #twnoticon').mouseover(function(){
 
-
  div = $('#twitapp');
 
-
  div.fadeIn(100);
 
-
}).mouseout(function(){
 
-
    div.fadeOut(100);
 
-
});
 
-
});
 
-
$(document).ready(function(){
 
-
$('div #twitapp').mouseover(function(){
 
-
  div = $('#twitapp');
 
-
  div.fadeIn(1);
 
-
}).mouseout(function(){
 
-
    div.fadeOut(1);
 
-
});
 
-
});
 
-
</script>
 

Latest revision as of 02:34, 18 October 2014