Team:BIOSINT Mexico/Header2

From 2014.igem.org

(Difference between revisions)
 
(152 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 a{
+
  #footer-box {
-
             color:#fff;
+
             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{
 +
            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 */
.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:white;
+
   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:white;
+
   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: rgb(46,43,52);  
+
     color: #62C168;  
     text-align:center;
     text-align:center;
     /*line-height:40px;*/
     /*line-height:40px;*/
-
    border-bottom:4px solid rgba(228,45,51,0.9);
 
}
}
-
      ul#nav {   
+
 
 +
 
 +
ul#nav {   
     display:block;
     display:block;
     float:left;
     float:left;
Line 157: Line 220:
     font-family: 'Archivo Narrow', sans-serif;
     font-family: 'Archivo Narrow', sans-serif;
}
}
-
 
ul#nav a {
ul#nav a {
   display:block;
   display:block;
Line 185: Line 247:
}
}
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(228,45,51);
+
     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 196: 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{
-
     color: rgb(228,45,51);
+
     color: #FFFFFF;
}
}
#nav li ul {
#nav li ul {
Line 211: Line 273:
     height:40px;
     height:40px;
     background:transparent;
     background:transparent;
-
     color:rgb(46,43,52);
+
     color:#FFFFFF;
     z-index:100;  
     z-index:100;  
}
}
Line 223: Line 285:
     height:40px;
     height:40px;
     width:127px;
     width:127px;
-
     color:rgb(46,43,52);
+
     color:#FFFFFF;
     z-index:100;
     z-index:100;
}
}
Line 233: Line 295:
}
}
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);
+
     color: #FFFFFF;
     font-weight:normal;
     font-weight:normal;
     border:none;
     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 {
-
     color:rgb(228,45,51);
+
     color:#62C168;
     /*font-weight:bold;*/
     /*font-weight:bold;*/
     border:none;
     border:none;
 +
}
 +
</style>
 +
<body>
 +
<div style="clear: both;"></div>
 +
<div class="navmenubkg">
 +
  <div id="navmenubox">
 +
    <ul id="nav">
 +
<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">    
 +
          <ul>
 +
            <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://2014.igem.org/Team:BIOSINT_Mexico/Chassis">CHASSIS</a> </li>
 +
<li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Bioaccumulation" title="Bioaccumulation">BIOACCUMULATION</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/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>
 +
        </div>
 +
      </li>
 +
      <li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/safety">SAFETY</a>
 +
        <div class="navmenubkg2">
 +
          <ul>
 +
            <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://2014.igem.org/Team:BIOSINT_Mexico/Garden" title="Garden">GARDEN</a> </li>
 +
           
 +
  </ul>
 +
        </div>
 +
      </li>
 +
      <li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Policyandpractices" title="Policy&Practices">PRACTICES</a>
 +
        <div class="navmenubkg2">
 +
          <ul>
 +
            <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://2014.igem.org/Team:BIOSINT_Mexico/collaboration" title="Collaboration">COLLABORATION</a> </li>
-
    </style>
+
  </ul>
 +
        </div>
 +
      </li>     
 +
      <li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/team" title="TEAM">TEAM</a>
 +
        <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>
 +
      </li>
 +
      <li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Achievements" title="Achievements">ACHIEVEMENTS</a>
 +
        <div class="navmenubkg2">
 +
<ul>
 +
            <li style="margin-left:300px"> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Parts">PARTS</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>
 +
        </div>
 +
      </li>
 +
      <li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/notebook" title="Notebook">NOTEBOOK</a>
 +
        <div class="navmenubkg2">
 +
  <ul>
 +
            <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://2014.igem.org/Team:BIOSINT_Mexico/lab records" title="Lab records">LAB RECORDS</a> </li>
 +
  </ul>
 +
        </div>
 +
      </li>
 +
 +
    </ul>
    
    
-
    <div id="navigation">
+
 
-
        <ul>
+
   </div>
-
            <li>
+
   </div>
-
                <a href="https://2014.igem.org/Team:BIOSINT_Mexico">Home</a>
+
</div>
-
 
+
<div style="clear: both;"></div>
-
            </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>
+
-
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
+
-
   
+
-
    <script type="text/javascript">
+
-
            $(document).ready(function () {
+
-
               
+
-
 
+
-
 
+
-
                $("ul.menu_body li:even").addClass("alt");
+
-
                $('div#navigation ul li a').mouseover(function () {
+
-
                    //alert(this);
+
-
                    $(this).parent().find("ul.menu_body").slideDown('medium');
+
-
                    $(this).parent().hover(function() {
+
-
                    }, function(){
+
-
                        $(this).parent().find("ul.menu_body").slideUp('medium');
+
-
                    });
+
-
                });
+
-
               
+
-
                $('ul.menu_body li a').mouseover(function () {
+
-
                    $(this).animate({ fontSize: "16px" }, 50 );
+
-
                });
+
-
                $('ul.menu_body li a').mouseout(function () {
+
-
                    $(this).animate({ fontSize: "15px" }, 50 );
+
-
                });
+
-
 
+
-
 
+
-
 
+
-
               
+
-
 
+
-
            });
+
-
 
+
-
    </script>
+
-
 
+
-
</html>
+

Latest revision as of 00:35, 18 October 2014

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