|
|
| (72 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | <html>
| |
| - | <style>
| |
| | | | |
| - | body{
| |
| - | background: #F2F0F0;
| |
| - |
| |
| - |
| |
| - | }
| |
| - | #p-logo{
| |
| - | display:none;
| |
| - |
| |
| - |
| |
| - | }
| |
| - |
| |
| - |
| |
| - | #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 );
| |
| - | });
| |
"
