Team:Paris Bettencourt/Menu

From 2013.igem.org

(Difference between revisions)
 
(199 intermediate revisions not shown)
Line 3: Line 3:
<html>
<html>
-
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
+
<link href='http://fonts.googleapis.com/css?family=Archivo+Narrow:400,700' rel='stylesheet' type='text/css'>
<style type="text/css">
<style type="text/css">
/* drop up  
/* drop up  
Line 18: Line 18:
   left:0;
   left:0;
   right:0;
   right:0;
-
   background:rgb(198,199,179);
+
   background:white;
}
}
.navmenubkg2 {
.navmenubkg2 {
Line 24: Line 24:
   display:none;
   display:none;
   z-index:50;
   z-index:50;
-
   top:40px;
+
   top:43px;
   height:40px;
   height:40px;
   left:0;
   left:0;
   right:0;
   right:0;
-
   background:transparent;
+
   background:white;
}
}
#navmenubox {
#navmenubox {
     padding:0;
     padding:0;
-
     margin:0 auto;
+
     margin-left:auto;
-
     width:1000px;
+
    margin-right:auto;
 +
     width:1100px;
     height:40px;
     height:40px;
     z-index:100;
     z-index:100;
     display:block;
     display:block;
     background:transparent;
     background:transparent;
-
     color:transparent;  
+
     color: rgb(46,43,52);  
     text-align:center;
     text-align:center;
-
     line-height:40px;
+
     /*line-height:40px;*/
 +
    border-bottom:4px solid rgba(228,45,51,0.9);
}
}
.sidelogos {
.sidelogos {
Line 47: Line 49:
     margin-left:auto;
     margin-left:auto;
     height:100%;
     height:100%;
-
     width:40px;
+
     width:auto;  
}
}
.sidelogos a {
.sidelogos a {
Line 55: Line 57:
}
}
#pblogo{
#pblogo{
 +
  width:48px;
}
}
#pgmap{
#pgmap{
 +
  width:30px;
}
}
#fbnoticon{
#fbnoticon{
 +
  width:38px;
}
}
#twnoticon{
#twnoticon{
 +
  width:38px;
 +
  margin-right:auto;
}
}
-
#pblogo img, #pgmap:hover img{
+
#igemlogo{ 
 +
  width:55px;
 +
}
 +
#onofflogo{
 +
  width:15px;
 +
  position:absolute;
 +
  top:0;
 +
  margin-left:1100px;
 +
}
 +
#pblogo img, #pgmap img, #twnoticon img, #fbnoticon img, #igemlogo img, #onofflogo img{
 +
  background-color:rgb(46,43,52);
 +
  margin-top:8px;
 +
  margin-bottom:2px;
}
}
#pblogo:hover img, #pgmap:hover img{
#pblogo:hover img, #pgmap:hover img{
 +
  background-color:rgb(228,45,51);
}
}
-
#twnoticon:hover img, #fbnoticon:hover img {
+
#twnoticon:hover img {
-
   border-radius:3px;
+
  background-color:rgb(93,215,255);
-
   background-color:rgb(250,247,186);  
+
}
 +
#fbnoticon:hover img {
 +
   background-color:rgb(62,82,158);  
 +
}
 +
#igemlogo:hover img {
 +
   background-color:rgb(0,153,102);
}
}
#twitapp, #fbapp {
#twitapp, #fbapp {
Line 74: Line 99:
   width:250px;
   width:250px;
   height:auto;
   height:auto;
-
   top:40px;
+
   top:44px;
-
  border-radius:3px;
+
-
  /*border: 1px solid rgb(30,39,43);*/
+
   background: rgb(255,255,255);
   background: rgb(255,255,255);
   z-index:100;
   z-index:100;
}
}
#fbapp{
#fbapp{
-
     margin-left:-210px;
+
     margin-left:-149px;
}
}
#twitapp{
#twitapp{
-
    margin-left:-170px;
+
  margin-left:-111px;
-
    border:none;
+
  /*border-radius:3px;
 +
  border: 1px solid rgb(30,39,43);*/
}
}
ul#nav {   
ul#nav {   
Line 93: Line 117:
     margin:0;
     margin:0;
     list-style: none;
     list-style: none;
-
     height:100%;
+
     height:40px;
-
     width:840px;
+
     width:890px;
     background:none;
     background:none;
-
    line-height:40px;
 
     z-index:100;
     z-index:100;
-
     font-family: 'Yanone Kaffeesatz', sans-serif;
+
     /*font-family: 'PT Sans Narrow', sans-serif;*/
 +
    font-family: 'Archivo Narrow', sans-serif;
}
}
ul#nav a {
ul#nav a {
Line 109: Line 133:
     padding:0;
     padding:0;
     list-style:none;
     list-style:none;
-
     background:none;
+
     background:transparent;
-
    line-height:40px;
+
     z-index:100;
     z-index:100;
}
}
Line 117: Line 140:
     padding:0;
     padding:0;
     margin:0;
     margin:0;
-
     width:117px;
+
     width:127px;
-
     height:40px;
+
    margin-top:13px;
-
     font-size:16px;
+
    line-height:27px;
 +
     height:27px;
 +
     font-size:15px;
     font-weight:600;
     font-weight:600;
-
    border-left:1px solid rgba(250,247,186,0.5);
+
     background:transparent;
-
    border-right:1px solid rgba(250,247,186,0.5);
+
-
     background:none;
+
     font-weight:normal;
     font-weight:normal;
     z-index:100;
     z-index:100;
}
}
ul#nav li:hover, ul#nav li.over, ul#nav li:hover a, ul#nav li.over a  {
ul#nav li:hover, ul#nav li.over, ul#nav li:hover a, ul#nav li.over a  {
-
     color: rgb(30,39,43);
+
     color: rgb(228,45,51);
-
     background-color:rgb(250,247,186);  
+
     /*font-weight:bold;*/
-
     font-weight:bold;
+
     border-bottom:4px solid rgb(255,255,255);
}
}
ul#nav a{
ul#nav a{
Line 139: Line 162:
     text-decoration:none;
     text-decoration:none;
     background:transparent;
     background:transparent;
-
     color:rgb(250,247,186);  
+
     color:rgb(46,43,52);  
}
}
ul#nav a:hover{
ul#nav a:hover{
-
     color: rgb(46,43,52);
+
     color: rgb(228,45,51);
}
}
#nav li ul {
#nav li ul {
     display:block;
     display:block;
-
     margin:0 auto;
+
     margin:0;
 +
    margin-left:auto;
 +
    margin-right:auto;
     padding:0;
     padding:0;
     list-style: none;
     list-style: none;
-
     width:1000px;
+
     width:1100px;
     height:40px;
     height:40px;
-
    line-height:40px;
 
-
    border:none;
 
     background:transparent;
     background:transparent;
-
     color:rgb(250,247,186);
+
     color:rgb(46,43,52);
     z-index:100;  
     z-index:100;  
}
}
Line 162: Line 185:
     float:left;
     float:left;
     background:none;
     background:none;
 +
    height:100%;
 +
    line-height:40px;
     height:40px;
     height:40px;
-
     width:118px;
+
     width:127px;
-
     color: rgb(30,39,43);
+
     color:rgb(46,43,52);
-
    background-color:rgb(250,247,186);
+
-
    border:1px solid rgba(228,36,62,0.5);
+
-
    border-top:none;
+
-
    border-bottom:none;  
+
     z-index:100;
     z-index:100;
}
}
Line 178: Line 199:
}
}
ul#nav li:hover li a, ul#nav li.over li a  {
ul#nav li:hover li a, ul#nav li.over li a  {
 +
    color: rgb(46,43,52);
     font-weight:normal;
     font-weight:normal;
 +
    border:none;
}
}
ul#nav li li:hover, ul#nav li li.over, ul#nav li li:hover a, ul#nav li li.over a {
ul#nav li li:hover, ul#nav li li.over, ul#nav li li:hover a, ul#nav li li.over a {
-
     font-weight:bold;
+
     color:rgb(228,45,51);
 +
    /*font-weight:bold;*/
 +
    border:none;
}
}
</style>
</style>
Line 192: Line 217:
     <div id="pblogo" class="sidelogos">
     <div id="pblogo" class="sidelogos">
       <a href="https://2013.igem.org/Team:Paris_Bettencourt" title="Home Page">
       <a href="https://2013.igem.org/Team:Paris_Bettencourt" title="Home Page">
-
<img src="https://static.igem.org/mediawiki/2013/5/5d/PB_miniLogo.gif" height="40px" width="40px"/>                       
+
<img src="https://static.igem.org/mediawiki/2013/1/17/PB_LogoHome.gif" height="30px"/>                       
       </a>
       </a>
     </div>
     </div>
     <div id="pgmap" class="sidelogos">
     <div id="pgmap" class="sidelogos">
       <a href="https://2013.igem.org/Team:Paris_Bettencourt/Site_Map" title="Site Map">
       <a href="https://2013.igem.org/Team:Paris_Bettencourt/Site_Map" title="Site Map">
-
<img src="https://static.igem.org/mediawiki/2013/5/5d/PB_miniLogo.gif" height="40px" width="40px"/>                       
+
<img src="https://static.igem.org/mediawiki/2013/f/f4/PB_LogoMap2.gif" style="margin-top:13px;" height="25px"/>                       
       </a>
       </a>
     </div>
     </div>
Line 204: Line 229:
         <div class="navmenubkg2">      
         <div class="navmenubkg2">      
           <ul>  
           <ul>  
-
             <li  style="margin-left:21px"> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Overview" title="Project Overview">OVERVIEW</a></li>
+
             <li  style="margin-left:14.5px"> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Overview" title="Project Overview">OVERVIEW</a></li>
-
            <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Drug_Screening" title="Drug Screening">TARGET</a> </li>
+
    <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Detect" title="Detect">DETECT</a> </li>
-
    <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Phage_Sensor" title="Phage Sensor">DETECT</a> </li>
+
            <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Target" title="Target">TARGET</a> </li>
-
             <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/TB-ception" title="TB-ception">INFILTRATE</a> </li>
+
             <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Infiltrate" title="Infiltrate">INFILTRATE</a> </li>
-
    <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Trojan_Horse" title="Trojan Horse">SABOTAGE</a> </li>
+
    <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Sabotage" title="Sabotage">SABOTAGE</a> </li>
  </ul>
  </ul>
         </div>
         </div>
       </li>
       </li>
-
       <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Achievements" title="Achievements">ACHIEVEMENTS</a>
+
       <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Results" title="Achievements">ACHIEVEMENTS</a>
-
         <div class="navmenubkg2"></div>
+
         <div class="navmenubkg2">
-
      </li>
+
          <ul>  
-
      <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Parts" title="Submitted Parts">PARTS</a>  
+
            <li style="margin-left:141px;"> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Parts" title="Submitted Parts">PARTS</a>
-
        <div class="navmenubkg2"></div>
+
            <li > <a href="https://2013.igem.org/Team:Paris_Bettencourt/Results" title="Results">RESULTS</a></li>
 +
            <li style="width:167px;"> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Medal_Fulfillment" title="Medal Fulfillment">MEDAL FULFILLMENT</a></li>
 +
  </ul>
 +
        </div>
       </li>
       </li>
       <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/Overview" title="Human Practice Overview">HUMAN PRACTICE</a>  
       <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/Overview" title="Human Practice Overview">HUMAN PRACTICE</a>  
-
         <div class="navmenubkg2"></div>
+
         <div class="navmenubkg2">
-
       </li>
+
          <ul>
 +
            <li style="margin-left:141px;"> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/Overview" title="Human Practice Overview">OVERVIEW</a> </li>
 +
 
 +
            <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/Gender_Study" title="Gender Study">GENDER STUDY</a></li>
 +
            <li style="width:168px;"> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/Technology_Transfer" title="Technology_Transfer">TECHNOLOGY TRANSFER</a></li>
 +
            <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/TB_Facts" title="TB Tacts">TB FACTS</a></li>
 +
            <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/TB_France" title="TB in France">TB IN FRANCE</a></li>
 +
            <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/TB_Gallery" title="TB Gallery">TB GALLERY</a></li>
 +
 
 +
 
 +
  </ul>
 +
        </div>
 +
       </li>    
       <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/Safety" title="Safety">SAFETY</a>  
       <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/Safety" title="Safety">SAFETY</a>  
         <div class="navmenubkg2">
         <div class="navmenubkg2">
 +
         
 +
        </div>
 +
      </li>
 +
      <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Collaboration" title="Collaboration">COLLABORATION</a>
 +
        <div class="navmenubkg2">
 +
          <ul>
 +
            <li style="margin-left:500px"> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Collaboration" title="Collaboration">COLLABORATION</a></li>
 +
            <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/SensiGEM" title="SensiGEM">SENSIGEM</a></li>
 +
  </ul>
         </div>
         </div>
       </li>
       </li>
-
       <li> <a href="" title="">NOTEBOOK</a>
+
       <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Notes" title="Notebook">NOTEBOOK</a>
         <div class="navmenubkg2">
         <div class="navmenubkg2">
  <ul>
  <ul>
-
             <li style="margin-left:611px"> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Notebook" title="Day Notes">DAY NOTES</a> </li>
+
             <li style="margin-left:649.5px"> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Notebook" title="Day Notes">DAY NOTES</a> </li>
    <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Protocols" title="Protocols">PROTOCOLS</a> </li>
    <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Protocols" title="Protocols">PROTOCOLS</a> </li>
 +
    <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Bibliography" title="Bibliography">BIBLIOGRAPHY</a> </li>
  </ul>  
  </ul>  
         </div>
         </div>
Line 236: Line 286:
         <div class="navmenubkg2">
         <div class="navmenubkg2">
  <ul>
  <ul>
-
             <li style="margin-left:493px"> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Acknowledgements" title="Acknowledgements">ACKNOWLEDGEMENTS</a></li>    
+
             <li style="margin-left:522.5px;"> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Team" title="Team">OUR TEAM</a></li>
 +
            <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Gallery" title="Team Gallery">GALLERY</a></li>
             <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Attributions" title="Attributions">ATTRIBUTIONS</a> </li>
             <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Attributions" title="Attributions">ATTRIBUTIONS</a> </li>
-
             <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Contact" title="Contact">CONTACT</a> </li>
+
             <li style="width:167px;"> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Acknowledgements" title="Acknowledgements">ACKNOWLEDGEMENTS</a></li>    
-
            <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Team" title="Team">US</a></li>
+
  </ul>
  </ul>
         </div>
         </div>
Line 246: Line 296:
     <div id="twnoticon" class="sidelogos">
     <div id="twnoticon" class="sidelogos">
       <a href="http://twitter.com/iGEM_Paris" target="_blank">
       <a href="http://twitter.com/iGEM_Paris" target="_blank">
-
<img src="https://static.igem.org/mediawiki/2013/f/f4/PB_Tweeter-logo2.gif" height="40px" width="40px"/>
+
<img src="https://static.igem.org/mediawiki/2013/3/3f/PB_LogoTweeter.gif" height="30px"/>
<div id="twitapp">
<div id="twitapp">
  <a class="twitter-timeline"  
  <a class="twitter-timeline"  
Line 259: Line 309:
     <div id="fbnoticon" class="sidelogos">
     <div id="fbnoticon" class="sidelogos">
       <a href="http://www.facebook.com/ParisiGEM2013" target="_blank">
       <a href="http://www.facebook.com/ParisiGEM2013" target="_blank">
-
<img src="https://static.igem.org/mediawiki/2013/6/60/PB_Logofacebook.gif" height="40px" width="40px"/>                       
+
<img src="https://static.igem.org/mediawiki/2013/4/4e/PB_LogoFacebook.gif" height="30px"/>                       
<div id="fbapp">
<div id="fbapp">
           <div class="fb-like-box" data-href="https://www.facebook.com/ParisiGEM2013" 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 class="fb-like-box" data-href="https://www.facebook.com/ParisiGEM2013" data-width="250" data-height="400" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="true" data-show-border="true"></div>
Line 265: Line 315:
       </a>
       </a>
     </div>
     </div>
 +
    <div id="igemlogo" class="sidelogos">
 +
    <a href="https://2013.igem.org/Main_Page" title="iGEM 2013" target="_blank">
 +
      <img src="https://static.igem.org/mediawiki/2013/d/d0/PB_LogoiGEM.gif" height="30px">
 +
    </a>
 +
    </div>
 +
  <div id="onofflogo">
 +
    <a onclick="changemenu()" title="iGEM wiki buttons">
 +
      <img id="ooswitch" src="https://static.igem.org/mediawiki/2013/7/72/PB_LogoOff.gif" style="margin-top:0px;" height="15px">
 +
    </a>
 +
  </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 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>!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");

Latest revision as of 01:31, 5 October 2013

Retrieved from "http://2013.igem.org/Team:Paris_Bettencourt/Menu"