Team:BIOSINT Mexico/Header2

From 2014.igem.org

(Difference between revisions)
 
(137 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
    <style>
+
<!--FONTS -->
 +
<link href='http://fonts.googleapis.com/css?family=Francois+One' rel='stylesheet' type='text/css'>
 +
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css'>
 +
    <style>
 +
@font-face {
 +
    font-family: "Noto Sans";
 +
    src: url('http://fonts.googleapis.com/css?family=Noto+Sans' rel='stylesheet' type='text/css'>) format("truetype");
 +
}
           body{
           body{
             background: url(http://bgfons.com/upload/brick_texture108.jpg); repeat-y;
             background: url(http://bgfons.com/upload/brick_texture108.jpg); repeat-y;
-
 
+
height:auto;
         }
         }
-
   #top-section {
+
   p, h1,h2,h3,h4,h5,ul,ol{  
-
             height:15px  ! important;
+
             margin-left:10%;  
-
             border: 0;}
+
             margin-right:10%;  
-
    #p-logo{
+
-
        display:none;
+
 +
blockquote {
 +
margin: 1em 20px;
 +
padding-left: 200px;
 +
background: transparent url(quote.gif) no-repeat;
 +
}
 +
}
 +
  #top-section { display:flex;
 +
            height:14px  ! important;
 +
            border: 0; position:relative; z-index:100}
 +
    #p-logo {display:none;
 +
       
         }       
         }       
    
    
-
         #searchInput {display:none;
+
         #searchInput {display:none; position:relative; z-index:-100;
    
    
         }
         }
-
         input.searchButton{display:none;
+
         input.searchButton{display:none; position:relative; z-index:-2000;
            
            
         }
         }
-
         input.searchButton:hover{display:none;
+
         input.searchButton:hover{display:none; position:relative; z-index:2000;
         }
         }
 +
  #footer-box {
 +
            background: url("https://static.igem.org/mediawiki/2014/5/58/Foot2.jpg") black no-repeat center; 
 +
                   
 +
border: 0px;
 +
            margin:10px auto;
 +
            padding:5px;
 +
            padding-top:200px;
 +
            width: 80%;
 +
        }
         #footer-box a{
         #footer-box a{
-
             color:#fff;
+
             color:grey;}
-
        }
+
 
         #content {
         #content {
-
             background: url(http://www.wildtextures.com/wp-content/uploads/2011/11/wildtextures-old-paper-texture-3.jpg) repeat-y;
+
             background: url(https://static.igem.org/mediawiki/2014/d/db/BIOSINT-MEXbody.jpg) repeat-y;
-
            border: 0;
+
overflow:hidden;
-
            color: #F4D27B;
+
height: auto;
-
            margin: 50 auto;
+
position:fixed;
 +
top:50px;
 +
display:block;
            
            
-
              
+
             border-radius: 7px 7px; 
             position: relative;
             position: relative;
-
             width: 85%;
+
             width: 80%;
             z-index: 2;
             z-index: 2;
-
            border-radius: 0px 0px;
+
font-family: 'PT Sans Narrow', sans-serif;
-
            text-align: justify;
+
font-size: 20px;
 +
text-align: justify;
 +
line-height: 120%;
 +
min-width: 1000px;
 +
max-width: 1200px;
 +
 
             box-shadow: 0px 0px 20px #333;
             box-shadow: 0px 0px 20px #333;
             -webkit-box-shadow: 0px 0px 20px #333;
             -webkit-box-shadow: 0px 0px 20px #333;
             -moz-box-shadow: 0px 0px 20px #333;
             -moz-box-shadow: 0px 0px 20px #333;
 +
         }
         }
-
        }
 
-
        #bodyContent{
 
-
            width:95%;
 
-
            background:#F4D27B;
 
-
            margin:0 auto;
 
-
           
 
-
        }
 
         .firstHeading {
         .firstHeading {
             /*text-shadow: 1px 1px 2px #000;
             /*text-shadow: 1px 1px 2px #000;
             margin-left: 20px;
             margin-left: 20px;
-
             color:#ff0000;
+
             color:#F20D0D;
             font-size: 36px;
             font-size: 36px;
             font-weight: bold;
             font-weight: bold;
Line 63: Line 89:
         }
         }
-
        .myowntitle{
+
     
-
            text-shadow: 1px 1px 2px #000;
+
-
            margin-left: 30px;
+
-
            color:#008000;
+
-
            font-size: 36px;
+
-
            font-weight: bold;
+
-
            font-family: "Comic Sans MS", cursive, sans-serif;
+
-
        }
+
         h1{
         h1{
             border-bottom:10;
             border-bottom:10;
 +
font-size:40px;
         }
         }
Line 94: Line 114:
             color:#fff;
             color:#fff;
-
             font-size:50px;
+
             font-size:70px;
             font-weight:bold;
             font-weight:bold;
             padding:0;
             padding:0;
-
             height:50px;
+
             height:500px;
             width:300px;
             width:300px;
-
             margin:100px 30px 0 350px;
+
             margin:100px 30px 350px;
             padding-left:30px;
             padding-left:30px;
             position:relative;
             position:relative;
Line 110: Line 130:
             position:relative;
             position:relative;
         }
         }
 +
 +
 +
h1, h2, h3, h5{
 +
font-family: 'Francois One', sans-serif;
 +
}
 +
 +
h2{
 +
font-size:33px;
 +
}
 +
 +
h3{
 +
font-size:25px;
 +
}
 +
 +
h4{
 +
font-size:23px;
 +
}
 +
 +
h5{font-size:17px;}
 +
 +
.parrafo{
 +
font-family: 'PT Sans Narrow', sans-serif;
 +
font-size: 20px;
 +
line-height: 120%;
 +
text-align: justify;
 +
}
 +
 +
.logoigem{
 +
float: left;
 +
}
 +
     
/* Navigation Menu */
/* Navigation Menu */
.navmenubkg {
.navmenubkg {
 +
  min-width: 1100px;
   position:fixed;
   position:fixed;
   display:block;
   display:block;
   z-index:50;
   z-index:50;
-
   top:0;
+
   top:0px;
-
   height:40px;
+
   height:35px;
-
   left:0;
+
   left:70px;
-
   right:0;
+
   right:70px;  
   background:black;
   background:black;
 +
    /*line-height:40px;*/
 +
    border-bottom:2px solid #FFFFFF;
 +
    border-top:40px solid black;
 +
    border-radius:7px 7px;
}
}
.navmenubkg2 {
.navmenubkg2 {
 +
align:center;
   position:fixed;
   position:fixed;
   display:none;
   display:none;
   z-index:50;
   z-index:50;
-
   top:43px;
+
   top:75px;
-
   height:40px;
+
   height:32px;
-
   left:0;
+
   left:70px;
-
   right:0;
+
   right:70px;
   background:black;
   background:black;
 +
  border-radius:7px 7px;
 +
  border-top:2px solid #FFFFFF;
}
}
#navmenubox {
#navmenubox {
-
     padding:0;
+
     padding:0px;
     margin-left:auto;
     margin-left:auto;
     margin-right:auto;
     margin-right:auto;
-
     width:1100px;
+
    border-radius:7px 7px;
 +
    border-bottom:0px;
 +
     width:950px;
     height:40px;
     height:40px;
     z-index:100;
     z-index:100;
     display:block;
     display:block;
     background:transparent;
     background:transparent;
-
     color: #62C168);  
+
     color: #62C168;  
     text-align:center;
     text-align:center;
     /*line-height:40px;*/
     /*line-height:40px;*/
-
    border-bottom:4px solid #FFFFFF;
 
}
}
Line 189: Line 249:
     color: #62C168;
     color: #62C168;
     /*font-weight:bold;*/
     /*font-weight:bold;*/
-
     border-bottom:4px solid rgb(255,255,255);
+
     border-bottom:4px solid #FFFFFF;
}
}
ul#nav a{
ul#nav a{
Line 198: Line 258:
     text-decoration:none;
     text-decoration:none;
     background:transparent;
     background:transparent;
-
     color:rgb(46,43,52);  
+
     color:#FFFFFF;  
}
}
ul#nav a:hover{
ul#nav a:hover{
Line 246: Line 306:
</style>
</style>
-
</head>
+
 
<body>
<body>
<div style="clear: both;"></div>
<div style="clear: both;"></div>
Line 252: Line 312:
   <div id="navmenubox">
   <div id="navmenubox">
     <ul id="nav">
     <ul id="nav">
-
       <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Overview" title="Project Overview">PROJECT</a>
+
<img class="logoigem" src="https://static.igem.org/mediawiki/igem.org/a/af/Igemlogo_whiteletters.png" style=" position:fixed; z-index=30; top:10px; left:100px; height:50px;">
 +
       <li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico" title="Project Overview">HOME</a></li>
 +
      <li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Project">PROJECT</a>
         <div class="navmenubkg2">      
         <div class="navmenubkg2">      
           <ul>  
           <ul>  
-
             <li  style="margin-left:14.5px"> <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://2014.igem.org/Team:BIOSINT_Mexico/overview" title="Project Overview">OVERVIEW</a></li>
-
    <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Detect" title="Detect">DETECT</a> </li>
+
    <li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Chassis">CHASSIS</a> </li>
-
            <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Target" title="Target">TARGET</a> </li>
+
<li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Bioaccumulation" title="Bioaccumulation">BIOACCUMULATION</a> </li>
-
             <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Infiltrate" title="Infiltrate">INFILTRATE</a> </li>
+
             <li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Sensor">SENSOR</a> </li>
-
    <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Sabotage" title="Sabotage">SABOTAGE</a> </li>
+
    <li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Switch" title="Red Light Switch">LIGHT SWITCH</a> </li>
 +
            <li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Assembly" title="Assembly">ASSEMBLY</a> </li>
  </ul>
  </ul>
         </div>
         </div>
       </li>
       </li>
-
       <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Results" title="Achievements">ACHIEVEMENTS</a>
+
       <li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/safety">SAFETY</a>
         <div class="navmenubkg2">
         <div class="navmenubkg2">
           <ul>  
           <ul>  
-
             <li style="margin-left:141px;"> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Parts" title="Submitted Parts">PARTS</a>
+
             <li style="margin-left:141px;"> <a href="https://igem.org/Safety/Safety_Form?team_id=1471" title="Safety form">SAFETY FORM</a>
-
            <li > <a href="https://2013.igem.org/Team:Paris_Bettencourt/Results" title="Results">RESULTS</a></li>
+
<li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Garden" title="Garden">GARDEN</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>
  </ul>
         </div>
         </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://2014.igem.org/Team:BIOSINT_Mexico/Policyandpractices" title="Policy&Practices">PRACTICES</a>  
         <div class="navmenubkg2">
         <div class="navmenubkg2">
           <ul>
           <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 style="margin-left: 300px;"> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/art" title="Art">ART</a></li>  
-
 
+
             <li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/symposium" title="Symposium">SYMPOSIUM</a> </li>
-
             <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/Gender_Study" title="Gender Study">GENDER STUDY</a></li>
+
             <li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/collaboration" title="Collaboration">COLLABORATION</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>
  </ul>
         </div>
         </div>
       </li>       
       </li>       
-
       <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/Safety" title="Safety">SAFETY</a>  
+
       <li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/team" title="TEAM">TEAM</a>  
         <div class="navmenubkg2">
         <div class="navmenubkg2">
-
         
+
<ul>
 +
<li style="margin-left:300px;"> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/members" title="Members">MEMBERS</a> </li>
 +
<li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Sponsors" title="Sponsors">SPONSORS</a></li>
 +
<li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Gallery" title="Gallery">GALLERY</a></li>
 +
<li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Atributions" title="Atributions">ATRIBUTIONS</a></li>
 +
<li> <a href="https://igem.org/Team.cgi?id=1471" title="Official page">OFFICIAL PAGE</a></li>
 +
</ul>
 +
     
         </div>
         </div>
       </li>
       </li>
-
       <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Collaboration" title="Collaboration">COLLABORATION</a>
+
       <li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Achievements" title="Achievements">ACHIEVEMENTS</a>
-
         <div class="navmenubkg2">
+
         <div class="navmenubkg2">  
-
          <ul>  
+
<ul>
-
             <li style="margin-left:500px"> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Collaboration" title="Collaboration">COLLABORATION</a></li>
+
             <li style="margin-left:300px"> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Parts">PARTS</a></li>
-
            <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/SensiGEM" title="SensiGEM">SENSIGEM</a></li>
+
 
 +
<li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Results" title="Results">RESULTS</a></li>
 +
<li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Modeling" title="Modeling">MODELING</a></li>
 +
<li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Judging" title="Judging">JUDGING</a></li>
  </ul>
  </ul>
         </div>
         </div>
       </li>
       </li>
-
       <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Notes" title="Notebook">NOTEBOOK</a>
+
       <li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/notebook" title="Notebook">NOTEBOOK</a>
         <div class="navmenubkg2">
         <div class="navmenubkg2">
  <ul>
  <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 style="margin-left:649.5px"> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/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://2014.igem.org/Team:BIOSINT_Mexico/lab records" title="Lab records">LAB RECORDS</a> </li>
-
    <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Bibliography" title="Bibliography">BIBLIOGRAPHY</a> </li>
+
  </ul>  
  </ul>  
         </div>
         </div>
       </li>
       </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>
     </ul>
    
    
Line 326: Line 384:
</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 00:35, 18 October 2014

Retrieved from "http://2014.igem.org/Team:BIOSINT_Mexico/Header2"