Team:BIOSINT Mexico/Header

From 2013.igem.org

(Difference between revisions)
 
(81 intermediate revisions not shown)
Line 1: Line 1:
 +
<html>
 +
    <style>
 +
          body{
 +
            background: #F2F0F0;
-
{{:Team:BIOSINT_Mexico/Navigation}}
+
 
 +
        }
 +
    #p-logo{
 +
        display:none;
 +
 
 +
 
 +
        }
 +
        #top-section {
 +
            height:130px  ! important;
 +
            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{
 +
            margin-left: 175px;
 +
        }
 +
        .right-menu li a {
 +
            background-color: transparent;
 +
        }
 +
        #searchInput {
 +
            float:right;
 +
            height: 25px;
 +
            width: 170px;
 +
            font-size: 14px;
 +
            border: 1px solid #000000;
 +
            border-radius: 5px 5px 5px 5px;
 +
            -webkit-border-radius: 5px 5px 5px 5px;
 +
            -moz-border-radius: 5px 5px 5px 5px;
 +
            box-shadow:inset 1px 1px 3px #000;
 +
            -webkit-box-shadow:inset 1px 1px 3px #000;
 +
            -moz-box-shadow:inset 1px 1px 3px #000;
 +
            padding-left:5px;
 +
        }
 +
        input.searchButton{
 +
            color: #ffffff;
 +
        }
 +
        input.searchButton:hover{
 +
            color: #4682b4;
 +
        }
 +
 
 +
        #footer-box a{
 +
            color:#fff;
 +
        }
 +
        #content {
 +
            background: #fff;
 +
            border: 0;
 +
            color: #333;
 +
            margin: 50 auto;
 +
         
 +
           
 +
            position: relative;
 +
            width: 85%;
 +
            z-index: 2;
 +
            border-radius: 5px 5px;
 +
            text-align: justify;
 +
 
 +
            box-shadow: 0px 0px 20px #333;
 +
            -webkit-box-shadow: 0px 0px 20px #333;
 +
            -moz-box-shadow: 0px 0px 20px #333;
 +
        }
 +
        #content img{
 +
            margin: 10px;
 +
    box-shadow: 0px 0px 0px #333;
 +
            -webkit-box-shadow: 0px 0px 0px #333;
 +
            -moz-box-shadow: 0px 0px 0px #333;
 +
        }
 +
        #bodyContent{
 +
            width:95%;
 +
            background:#fff;
 +
            margin:0 auto;
 +
           
 +
        }
 +
 
 +
        .firstHeading {
 +
            /*text-shadow: 1px 1px 2px #000;
 +
            margin-left: 20px;
 +
            color:#ff0000;
 +
            font-size: 36px;
 +
            font-weight: bold;
 +
            font-family: Helvetica,Arial,sans-serif;*/
 +
display:none;
 +
        }
 +
        .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{
 +
            border-bottom:0;
 +
        }
 +
 
 +
        #catlinks {
 +
            background-color: transparent;
 +
            border: 0;
 +
            clear: both;
 +
            margin:10px 0 ;
 +
            padding: 10px;
 +
        }
 +
        #my_own_top{
 +
            margin: 0 auto;
 +
            position: absolute;
 +
            top:-186px;
 +
            width: 975px;
 +
            height: 130px;
 +
            overflow:hidden;
 +
        }
 +
        #my_own_top h1{
 +
 
 +
            color:#fff;
 +
            font-size:50px;
 +
            font-weight:bold;
 +
            padding:0;
 +
            height:50px;
 +
            width:300px;
 +
            margin:100px 30px 0 350px;
 +
            padding-left:30px;
 +
            position:relative;
 +
        }
 +
        #my_own_top img.logo{
 +
            float:right;
 +
            position:relative;
 +
        }
 +
        #my_own_top img{
 +
            position:relative;
 +
        }
 +
        #navigation{
 +
            float:left;
 +
            width:100%;
 +
            height: 40px;
 +
            background:#000;
 +
            margin-top:-20px;
 +
            border-bottom-right-radius:8px;
 +
            border-bottom-left-radius:8px;
 +
        }
 +
        #navigation ul{
 +
            list-style-type: none !important;
 +
            list-style-image: none;
 +
        }
 +
        #navigation ul li{
 +
            width:130px;
 +
            min-height: 35px;
 +
            text-align:center;
 +
            vertical-align: middle;
 +
            position: relative;
 +
            float: left;
 +
            margin-right: 10px;
 +
            background:#000;
 +
        }
 +
        #navigation a{
 +
            text-decoration:none;
 +
            font-size: 17px;
 +
            color: #FFF;
 +
          text-shadow: 1px 1px 5px #fff;
 +
        }
 +
        #navigation a:hover{
 +
            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 li{background:#fffafa; background-image: none !important;z-index:999; margin:0; border-radius: 0px;}
 +
        .menu_body li.alt{background:#fffafa;background-image: none; border-radius: 0px;}
 +
        .menu_body li a{color:#fffafa; text-decoration:none; padding:10px; display:block;}
 +
        .menu_body li a:hover{ font-weight:bold;}
 +
      p{ font-style:italic; padding-left:20px;padding:right:20px; margin-right:20px;}
 +
 
 +
 
 +
 
 +
    </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 id="navigation">
 +
        <ul>
 +
            <li>
 +
                <a href="https://2013.igem.org/Team:BIOSINT_Mexico">Home</a>
 +
 
 +
            </li>
 +
            <li >
 +
                <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 >
 +
                <a href="https://2013.igem.org/Team:BIOSINT_Mexico/Project">Project</a>
 +
                <ul class="menu_body">
 +
                    <li><a href="https://2013.igem.org/Team:BIOSINT_Mexico/Abstract">Abstract</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/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>
 +
            </li>
 +
            <li >
 +
                <a href="https://2013.igem.org/Team:BIOSINT_Mexico/Parts">Parts</a>
 +
 
 +
            </li>
 +
            <li >
 +
                <a href="https://2013.igem.org/Team:BIOSINT_Mexico/Modeling">Modeling</a>
 +
            </li>
 +
            <li >
 +
                <a href="https://2013.igem.org/Team:BIOSINT_Mexico/Human Practice">Human Practice</a>
 +
                <ul class="menu_body">
 +
                    <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/Publicity">Publicity</a></li>   
 +
                 
 +
</ul>
 +
</li>             
 +
            <li >
 +
                <a href="https://2013.igem.org/Team:BIOSINT_Mexico/Notebook">Notebook</a>
 +
                <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:BIOINT_Mexico/Lab work">Lab Work</a></li>
 +
                <li><a href="https://2013.igem.org/Team:BIOINT_Mexico/Gallery">Gallery</a></li>
 +
                </ul>
 +
            </li>
 +
 
 +
        </ul>
 +
    </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 03:06, 28 September 2013

SmartPro

Smartpro

Igem LogotipoDefinitivo