Team:BIOSINT Mexico/Header

From 2013.igem.org

(Difference between revisions)
 
(79 intermediate revisions not shown)
Line 2: Line 2:
     <style>
     <style>
-
         #p-logo{
+
          body{
-
            display:none;
+
            background: #F2F0F0;
 +
 
 +
 
 +
         }
 +
    #p-logo{
 +
        display:none;
 +
 
 +
 
         }
         }
         #top-section {
         #top-section {
             height:130px  ! important;
             height:130px  ! important;
             border: 0;
             border: 0;
-
        }
+
width:100%;
 +
background: #bfd255; /* Old browsers */
 +
background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6+ */
 +
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#9ecb2d)); /* Chrome,Safari4+ */
 +
background: -webkit-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10+,Safari5.1+ */
 +
background: -o-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Opera 11.10+ */
 +
background: -ms-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* IE10+ */
 +
background: linear-gradient(to bottom, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C */
 +
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */
 +
}
   #menubar{
   #menubar{
Line 17: Line 33:
         }
         }
         #searchInput {
         #searchInput {
-
             margin-left:-15 px;
+
             float:right;
             height: 25px;
             height: 25px;
             width: 170px;
             width: 170px;
             font-size: 14px;
             font-size: 14px;
-
             border: 1px solid #f8f8f8;
+
             border: 1px solid #000000;
-
             border-radius: 20px / 16px;
+
             border-radius: 5px 5px 5px 5px;
-
             -webkit-border-radius: 20px / 16px;
+
             -webkit-border-radius: 5px 5px 5px 5px;
-
             -moz-border-radius: 20px / 16px;
+
             -moz-border-radius: 5px 5px 5px 5px;
             box-shadow:inset 1px 1px 3px #000;
             box-shadow:inset 1px 1px 3px #000;
             -webkit-box-shadow:inset 1px 1px 3px #000;
             -webkit-box-shadow:inset 1px 1px 3px #000;
Line 34: Line 50:
         }
         }
         input.searchButton:hover{
         input.searchButton:hover{
-
             color: #db0976;
+
             color: #4682b4;
         }
         }
Line 41: Line 57:
         }
         }
         #content {
         #content {
-
             background: snow;
+
             background: #fff;
             border: 0;
             border: 0;
             color: #333;
             color: #333;
-
             margin: 0 auto;
+
             margin: 50 auto;
-
            padding: 5px;
+
         
-
             margin-top:60px;
+
              
             position: relative;
             position: relative;
-
             width: 965px;
+
             width: 85%;
             z-index: 2;
             z-index: 2;
-
             border-radius: 0px  0px;
+
             border-radius: 5px 5px;
             text-align: justify;
             text-align: justify;
-
             box-shadow: 0px 0px 10px #333;
+
             box-shadow: 0px 0px 20px #333;
-
             -webkit-box-shadow: 0px 0px 10px #333;
+
             -webkit-box-shadow: 0px 0px 20px #333;
-
             -moz-box-shadow: 0px 0px 10px #333;
+
             -moz-box-shadow: 0px 0px 20px #333;
         }
         }
         #content img{
         #content img{
             margin: 10px;
             margin: 10px;
 +
    box-shadow: 0px 0px 0px #333;
 +
            -webkit-box-shadow: 0px 0px 0px #333;
 +
            -moz-box-shadow: 0px 0px 0px #333;
         }
         }
         #bodyContent{
         #bodyContent{
-
             margin: 10px;
+
            width:95%;
 +
            background:#fff;
 +
             margin:0 auto;
 +
           
         }
         }
Line 67: Line 89:
             /*text-shadow: 1px 1px 2px #000;
             /*text-shadow: 1px 1px 2px #000;
             margin-left: 20px;
             margin-left: 20px;
-
             color:#db0976;
+
             color:#ff0000;
             font-size: 36px;
             font-size: 36px;
             font-weight: bold;
             font-weight: bold;
Line 75: Line 97:
         .myowntitle{
         .myowntitle{
             text-shadow: 1px 1px 2px #000;
             text-shadow: 1px 1px 2px #000;
-
             margin-left: 20px;
+
             margin-left: 30px;
-
             color:#ffff00;
+
             color:#008000;
             font-size: 36px;
             font-size: 36px;
             font-weight: bold;
             font-weight: bold;
-
             font-family: Helvetica,Arial,sans-serif;
+
             font-family: "Comic Sans MS", cursive, sans-serif;
         }
         }
         h1{
         h1{
Line 103: Line 125:
             color:#fff;
             color:#fff;
-
             font-size:30px;
+
             font-size:50px;
             font-weight:bold;
             font-weight:bold;
             padding:0;
             padding:0;
-
             height:30px;
+
             height:50px;
-
             width:220px;
+
             width:300px;
-
             margin:20px 10px 0 20px;
+
             margin:100px 30px 0 350px;
-
             padding-left:10px;
+
             padding-left:30px;
             position:relative;
             position:relative;
         }
         }
         #my_own_top img.logo{
         #my_own_top img.logo{
-
             float:left;
+
             float:right;
             position:relative;
             position:relative;
         }
         }
Line 120: Line 142:
         }
         }
         #navigation{
         #navigation{
-
             margin: -64 auto;
+
             float:left;
-
            position: absolute;
+
             width:100%;
-
            top:0px;
+
-
             width: 1500px;
+
             height: 40px;
             height: 40px;
 +
            background:#000;
 +
            margin-top:-20px;
 +
            border-bottom-right-radius:8px;
 +
            border-bottom-left-radius:8px;
         }
         }
         #navigation ul{
         #navigation ul{
Line 131: Line 155:
         }
         }
         #navigation ul li{
         #navigation ul li{
-
 
+
             width:130px;
-
            background-repeat: no-repeat;
+
-
             width: 123px;
+
             min-height: 35px;
             min-height: 35px;
             text-align:center;
             text-align:center;
Line 140: Line 162:
             float: left;
             float: left;
             margin-right: 10px;
             margin-right: 10px;
 +
            background:#000;
         }
         }
         #navigation a{
         #navigation a{
-
             margin-top:5px;
+
             text-decoration:none;
-
             font-size: 15px;
+
             font-size: 17px;
-
             color: #ff0000;
+
             color: #FFF;
 +
          text-shadow: 1px 1px 5px #fff;
         }
         }
         #navigation a:hover{
         #navigation a:hover{
-
             color:#008000;
+
             color:#fff;
 +
            background:#2E2E2E;
 +
            font-size:1.4em;
 +
            text-shadow:1px 1px 5px #81F7F3;
 +
        }
 +
 
 +
      #navigation li:hover{
 +
            background:#2E2E2E;
 +
 
         }
         }
         .menu_body {display:none; width:184px;margin-left: 0px; margin-top: 10px; z-index:999;}
         .menu_body {display:none; width:184px;margin-left: 0px; margin-top: 10px; z-index:999;}
-
         .menu_body li{background:#00ffff; background-image: none !important;z-index:999; margin:0; border-radius: 0px;}
+
         .menu_body li{background:#fffafa; background-image: none !important;z-index:999; margin:0; border-radius: 0px;}
-
         .menu_body li.alt{background:#800080;background-image: none; border-radius: 0px;}
+
         .menu_body li.alt{background:#fffafa;background-image: none; border-radius: 0px;}
-
         .menu_body li a{color:#800080; text-decoration:none; padding:10px; display:block;}
+
         .menu_body li a{color:#fffafa; text-decoration:none; padding:10px; display:block;}
         .menu_body li a:hover{ font-weight:bold;}
         .menu_body li a:hover{ font-weight:bold;}
 +
      p{ font-style:italic; padding-left:20px;padding:right:20px; margin-right:20px;}
 +
 +
     </style>
     </style>
 +
  <div id="my_own_top">
 +
        <a href="https://2011.igem.org/Team:ITESM_Mexico" ><img src="http://s22.postimg.org/7n99nq2b5/A_lo_largo.png" alt="Biobrickoatl Home" class="logo" /></a>
 +
        <div style="float:center;position:absolute;" >
 +
            <h1>SmartPro</h1>
 +
            <h1 style="font-size: 36px; color:#db0976; height:50px;">Smartpro</h1>
 +
        </div>
 +
        <a href="https://igem.org" ><img src="http://deviatan.com/sponsoring/igem_light.png" alt="Igem" style="margin:50px 100px 50px 0;"/></a>
 +
        <a href="http://postimg.org/image/6ptdqlbp5/" ><img src="http://s12.postimg.org/6ptdqlbp5/Logotipo_Definitivo.png" alt="LogotipoDefinitivo" style="margin:0px 0px 42px 600;" /></a>
 +
       
     </div>
     </div>
 +
     <div id="navigation">
     <div id="navigation">
         <ul>
         <ul>
-
             <li >
+
             <li>
                 <a href="https://2013.igem.org/Team:BIOSINT_Mexico">Home</a>
                 <a href="https://2013.igem.org/Team:BIOSINT_Mexico">Home</a>
Line 167: Line 212:
             <li >
             <li >
                 <a href="https://2013.igem.org/Team:BIOSINT_Mexico/Team">Team</a>
                 <a href="https://2013.igem.org/Team:BIOSINT_Mexico/Team">Team</a>
 +
  <ul class="menu_body">
 +
                    <li><a href="https://2013.igem.org/Team:BIOSINT_Mexico/Who we are">Who we are</a></li>
 +
                    <li><a href="https://2013.igem.org/Team:BIOSINT_Mexico/Acknowledgment">Special Thanks</a></li>
 +
                    <li><a href="https://igem.org/Team.cgi">Official team page</a></li>
 +
<li><a href="https://2013.igem.org/Team:BIOSINT_Mexico/Sponsors">Sponsors</a></li>
 +
                </ul>
             </li>
             </li>
Line 175: Line 226:
                     <li><a href="https://2013.igem.org/Team:BIOSINT_Mexico/Chassis">Chassis</a></li>
                     <li><a href="https://2013.igem.org/Team:BIOSINT_Mexico/Chassis">Chassis</a></li>
                     <li><a href="https://2013.igem.org/Team:BIOSINT_Mexico/Sensor">Sensor</a></li>
                     <li><a href="https://2013.igem.org/Team:BIOSINT_Mexico/Sensor">Sensor</a></li>
-
                     <li><a href="https://2013.igem.org/Team:BIOSINT_Mexico/Security: Kill switch">Security: Kill switch</a></li>
+
                     <li><a href="https://2013.igem.org/Team:BIOSINT_Mexico/Safety: Kill switch">Safety: Kill switch</a>
 +
</li>
 +
  <li><a href="https://2013.igem.org/Team:BIOSINT_Mexico/Construction">Construction</a></li>
 +
<li><a href="https://2013.igem.org/Team:BIOSINT_Mexico/Results">Results</a></li>
 +
<li><a href="https://2013.igem.org/Team:BIOSINT_Mexico/Future research">Future research</a></li>
 +
 
                 </ul>
                 </ul>
             </li>
             </li>
Line 190: Line 246:
                     <li><a href="https://2013.igem.org/Team:BIOSINT_Mexico/Probiotics: iGEM contribution">Probiotics: iGEM contribution</a></li>
                     <li><a href="https://2013.igem.org/Team:BIOSINT_Mexico/Probiotics: iGEM contribution">Probiotics: iGEM contribution</a></li>
                     <li><a href="https://2013.igem.org/Team:BIOSINT_Mexico/Workshop">Workshop</a></li>
                     <li><a href="https://2013.igem.org/Team:BIOSINT_Mexico/Workshop">Workshop</a></li>
-
           
+
                <li><a href="https://2013.igem.org/Team:BIOSINT_Mexico/Publicity">Publicity</a></li>   
 +
                 
</ul>
</ul>
</li>               
</li>               
             <li >
             <li >
-
                 <a href="https://2011.igem.org/Team:BIOSINT_Mexico/Notebook">Notebook</a>
+
                 <a href="https://2013.igem.org/Team:BIOSINT_Mexico/Notebook">Notebook</a>
                 <ul class="menu_body">
                 <ul class="menu_body">
-
                <li><a href="https://2013.igem.org/Team:BIOSINT_Mexico/Protocols">Protocols</a></li>
+
                              <li><a href="https://2013.igem.org/Team:BIOSINT_Mexico/Protocols">Protocols</a></li>
                 <li><a href="https://2013.igem.org/Team:BIOINT_Mexico/Lab work">Lab Work</a></li>
                 <li><a href="https://2013.igem.org/Team:BIOINT_Mexico/Lab work">Lab Work</a></li>
 +
                <li><a href="https://2013.igem.org/Team:BIOINT_Mexico/Gallery">Gallery</a></li>
                 </ul>
                 </ul>
             </li>
             </li>

Latest revision as of 03:06, 28 September 2013

SmartPro

Smartpro

Igem LogotipoDefinitivo

Retrieved from "http://2013.igem.org/Team:BIOSINT_Mexico/Header"