Team:BIOSINT Mexico/Header2

From 2014.igem.org

(Difference between revisions)
 
(95 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
 +
<!--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>
     <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;
-
            min-width: 1000px;
+
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: #FFFFFF;
+
height: auto;
-
            margin: 50 auto;
+
position:fixed;
 +
top:50px;
 +
display:block;
            
            
-
              
+
             border-radius: 7px 7px; 
             position: relative;
             position: relative;
             width: 80%;
             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:#FFFFFF;
 
-
            margin:0 auto;
 
-
           
 
-
        }
 
         .firstHeading {
         .firstHeading {
             /*text-shadow: 1px 1px 2px #000;
             /*text-shadow: 1px 1px 2px #000;
             margin-left: 20px;
             margin-left: 20px;
-
             color:#FFFFFF;
+
             color:#F20D0D;
             font-size: 36px;
             font-size: 36px;
             font-weight: bold;
             font-weight: bold;
Line 70: Line 93:
         h1{
         h1{
             border-bottom:10;
             border-bottom:10;
 +
font-size:40px;
         }
         }
Line 90: 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 107: Line 131:
         }
         }
 +
 +
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:130px;
+
   left:70px;
-
   right:130px;
+
   right:70px;  
   background:black;
   background:black;
     /*line-height:40px;*/
     /*line-height:40px;*/
-
     border-bottom:4px solid #FFFFFF;
+
     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:130px;
+
   left:70px;
-
   right:130px;
+
   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;
 +
    border-radius:7px 7px;
 +
    border-bottom:0px;  
     width:950px;
     width:950px;
     height:40px;
     height:40px;
Line 143: Line 204:
     text-align:center;
     text-align:center;
     /*line-height:40px;*/
     /*line-height:40px;*/
-
    border-bottom:4px solid #FFFFFF;
 
}
}
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">
 +
<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" title="Project Overview">HOME</a></li>
       <li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Project">PROJECT</a>
       <li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Project">PROJECT</a>
Line 268: Line 329:
         <div class="navmenubkg2">
         <div class="navmenubkg2">
           <ul>  
           <ul>  
-
             <li style="margin-left:141px;"> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/safetyform" title="Safety form">SAFETY FORM</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://2014.igem.org/Team:BIOSINT_Mexico/Garden" title="Garden">GARDEN</a> </li>
              
              
  </ul>
  </ul>
         </div>
         </div>
       </li>
       </li>
-
       <li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Policyandpractices" title="Policy&Practices">POLYCY&PRACTICES</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>
Line 290: Line 352:
<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/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://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>
</ul>
        
        
Line 301: Line 364:
<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/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/Modeling" title="Modeling">MODELING</a></li>
-
<li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Kit app" title="Kit app">KIT APP</a></li>
 
<li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Judging" title="Judging">JUDGING</a></li>
<li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Judging" title="Judging">JUDGING</a></li>
  </ul>
  </ul>

Latest revision as of 00:35, 18 October 2014

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