Team:BIOSINT Mexico/Header2

From 2014.igem.org

(Difference between revisions)
Line 110: Line 110:
             position:relative;
             position:relative;
         }
         }
 +
/* Navigation Menu */
.navmenubkg {
.navmenubkg {
   position:fixed;
   position:fixed;
Line 144: Line 145:
     border-bottom:4px solid rgba(228,45,51,0.9);
     border-bottom:4px solid rgba(228,45,51,0.9);
}
}
-
      ul#nav {   
+
.sidelogos {
 +
    float:left;
 +
    display:block;
 +
    margin-left:auto;
 +
    height:100%;
 +
    width:auto;   
 +
}
 +
.sidelogos a {
 +
  display:block;
 +
  top:0;
 +
  bottom:0;
 +
}
 +
#pblogo{
 +
  width:48px;
 +
}
 +
#pgmap{
 +
  width:30px;
 +
}
 +
#fbnoticon{
 +
  width:38px;
 +
}
 +
#twnoticon{
 +
  width:38px;
 +
  margin-right:auto;
 +
}
 +
#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{
 +
  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 {
 +
  background-color:rgb(0,153,102);
 +
}
 +
#twitapp, #fbapp {
 +
  display:none;
 +
  width:250px;
 +
  height:auto;
 +
  top:44px;
 +
  background: rgb(255,255,255);
 +
  z-index:100;
 +
}
 +
#fbapp{
 +
    margin-left:-149px;
 +
}
 +
#twitapp{
 +
  margin-left:-111px;
 +
  /*border-radius:3px;
 +
  border: 1px solid rgb(30,39,43);*/
 +
}
 +
ul#nav {   
     display:block;
     display:block;
     float:left;
     float:left;
Line 157: Line 225:
     font-family: 'Archivo Narrow', sans-serif;
     font-family: 'Archivo Narrow', sans-serif;
}
}
-
 
ul#nav a {
ul#nav a {
   display:block;
   display:block;
Line 241: Line 308:
     /*font-weight:bold;*/
     /*font-weight:bold;*/
     border:none;
     border:none;
 +
}
 +
</style>
-
 
+
</head>
-
 
+
<body>
-
    </style>
+
<div style="clear: both;"></div>
-
 
+
-
 
+
<div class="navmenubkg">
<div class="navmenubkg">
   <div id="navmenubox">
   <div id="navmenubox">
-
        <ul>
+
    <div id="pblogo" class="sidelogos">
-
            <li>
+
      <a href="https://2013.igem.org/Team:Paris_Bettencourt" title="Home Page">
-
                <a href="https://2014.igem.org/Team:BIOSINT_Mexico">Home</a>
+
<img src="https://static.igem.org/mediawiki/2013/1/17/PB_LogoHome.gif" height="30px"/>                      
-
 
+
      </a>
-
            </li>
+
-
            <li >
+
-
                <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Project">Project</a>
+
-
  <ul class="menu_body">
+
-
                    <li><a href="https://2014.igem.org/Team:BIOSINT_Mexico/Overview">Overview</a></li>
+
-
                    <li><a href="https://2014.igem.org/Team:BIOSINT_Mexico/Chassis">Chassis</a></li>
+
-
<li><a href="https://2014.igem.org/Team:BIOSINT_Mexico/Sensor">Sensor</a></li>
+
-
<li><a href="https://2014.igem.org/Team:BIOSINT_Mexico/Bioaccumulation">Bioaccumulation</a></li>
+
-
<li><a href="https://2014.igem.org/Team:BIOSINT_Mexico/Red Light Switch">Red Light Switch</a></li>
+
-
<li><a href="https://2014.igem.org/Team:BIOSINT_Mexico/Assembly">Assembly</a></li>
+
-
                </ul>
+
-
 
+
-
            </li>
+
-
            <li >
+
-
                <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Project">Safety</a>
+
-
                <ul class="menu_body">
+
-
                    <li><a href="https://2014.igem.org/Team:BIOSINT_Mexico/Abstract">Safety Form</a></li>
+
-
                </ul>
+
-
            </li>
+
-
            <li >
+
-
                <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Team">Team</a>
+
-
  <ul class="menu_body">
+
-
                    <li><a href="https://2014.igem.org/Team:BIOSINT_Mexico/Members">Members</a></li>
+
-
                    <li><a href="https://2014.igem.org/Team:BIOSINT_Mexico/Sponsors">Sponsors</a></li>
+
-
                    <li><a href="https://2014.igem.org/Team:BIOSINT_Mexico/Gallery">Gallery</a></li>
+
-
                    <li><a href="https://2014.igem.org/Team:BIOSINT_Mexico/Atributtions">Atributtions</a></li>
+
-
 
+
-
                </ul>
+
-
            </li>
+
-
                    <li >
+
-
                <a href="https://2014.igem.org/Team:BIOSINT_Mexico/PolicyPractices">Policy & Practices</a>
+
-
  <ul class="menu_body">
+
-
                    <li><a href="https://2014.igem.org/Team:BIOSINT_Mexico/Collaboration">Collaborations</a></li>
+
-
                    <li><a href="https://2014.igem.org/Team:BIOSINT_Mexico/Sponsors">Art</a></li>
+
-
                    <li><a href="https://2014.igem.org/Team:BIOSINT_Mexico/Gallery">Symposium</a></li>
+
-
 
+
-
                </ul>
+
-
            </li>
+
-
                  <li >
+
-
                <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Achievements">Achievements</a>
+
-
  <ul class="menu_body">
+
-
                    <li><a href="https://2014.igem.org/Team:BIOSINT_Mexico/Parts">Parts</a></li>
+
-
                    <li><a href="https://2014.igem.org/Team:BIOSINT_Mexico/Results">Results</a></li>
+
-
                    <li><a href="https://2014.igem.org/Team:BIOSINT_Mexico/Modeling">Modeling</a></li>
+
-
                    <li><a href="https://2014.igem.org/Team:BIOSINT_Mexico/Kitapp">Kit app</a></li>
+
-
                    <li><a href="https://2014.igem.org/Team:BIOSINT_Mexico/Judging">Judging</a></li>
+
-
                </ul>
+
-
            </li>
+
-
 
+
-
                  <li >
+
-
                <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Notebook">Notebook</a>
+
-
  <ul class="menu_body">
+
-
                    <li><a href="https://2014.igem.org/Team:BIOSINT_Mexico/Protocols">Protocols</a></li>
+
-
                    <li><a href="https://2014.igem.org/Team:BIOSINT_Mexico/LabRecords">Lab Records</a></li>
+
-
                    <li><a href="https://2014.igem.org/Team:BIOSINT_Mexico/Modeling">Modeling</a></li>
+
-
                    <li><a href="https://2014.igem.org/Team:BIOSINT_Mexico/Kitapp">Kit app</a></li>
+
-
                    <li><a href="https://2014.igem.org/Team:BIOSINT_Mexico/Judging">Judging</a></li>
+
-
                </ul>
+
-
            </li>
+
     </div>
     </div>
-
     <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
+
     <div id="pgmap" class="sidelogos">
-
      
+
      <a href="https://2013.igem.org/Team:Paris_Bettencourt/Site_Map" title="Site Map">
-
     <script type="text/javascript">
+
<img src="https://static.igem.org/mediawiki/2013/f/f4/PB_LogoMap2.gif" style="margin-top:13px;" height="25px"/>                      
-
            $(document).ready(function () {
+
      </a>
-
               
+
     </div>
-
 
+
     <ul id="nav">
-
 
+
      <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Overview" title="Project Overview">PROJECT</a>
-
                $("ul.menu_body li:even").addClass("alt");
+
        <div class="navmenubkg2">    
-
                $('div#navigation ul li a').mouseover(function () {
+
          <ul>
-
                    //alert(this);
+
            <li style="margin-left:14.5px"> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Overview" title="Project Overview">OVERVIEW</a></li>
-
                    $(this).parent().find("ul.menu_body").slideDown('medium');
+
    <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Detect" title="Detect">DETECT</a> </li>
-
                    $(this).parent().hover(function() {
+
            <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Target" title="Target">TARGET</a> </li>
-
                    }, function(){
+
            <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Infiltrate" title="Infiltrate">INFILTRATE</a> </li>
-
                        $(this).parent().find("ul.menu_body").slideUp('medium');
+
    <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Sabotage" title="Sabotage">SABOTAGE</a> </li>
-
                    });
+
  </ul>
-
                });
+
        </div>
-
               
+
      </li>
-
                $('ul.menu_body li a').mouseover(function () {
+
      <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Results" title="Achievements">ACHIEVEMENTS</a>
-
                    $(this).animate({ fontSize: "16px" }, 50 );
+
        <div class="navmenubkg2">
-
                });
+
          <ul>
-
                $('ul.menu_body li a').mouseout(function () {
+
            <li style="margin-left:141px;"> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Parts" title="Submitted Parts">PARTS</a>
-
                    $(this).animate({ fontSize: "15px" }, 50 );
+
            <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> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/Overview" title="Human Practice Overview">HUMAN PRACTICE</a>
 +
        <div class="navmenubkg2">
 +
          <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>
-
    </script>
 
-
</html>
+
  </ul>
 +
        </div>
 +
      </li>     
 +
      <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/Safety" title="Safety">SAFETY</a>
 +
        <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>
 +
      </li>
 +
      <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Notes" title="Notebook">NOTEBOOK</a>
 +
        <div class="navmenubkg2">
 +
  <ul>
 +
            <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/Bibliography" title="Bibliography">BIBLIOGRAPHY</a> </li>
 +
  </ul>
 +
        </div>
 +
      </li>
 +
      <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Team" title="Team">TEAM</a>
 +
        <div class="navmenubkg2">
 +
  <ul>
 +
            <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 style="width:167px;"> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Acknowledgements" title="Acknowledgements">ACKNOWLEDGEMENTS</a></li>    
 +
  </ul>
 +
        </div>
 +
      </li>
 +
    </ul>

Revision as of 17:17, 21 September 2014