|
|
| (19 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | <html>
| |
| - | <style>
| |
| | | | |
| - | body{
| |
| - | background: url(http://bgfons.com/upload/brick_texture108.jpg) repeat-y;
| |
| - |
| |
| - | }
| |
| - | #top-section {
| |
| - | height:15px ! important;
| |
| - | border: 0;}
| |
| - | #p-logo{
| |
| - | display:none;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #searchInput {display:none;
| |
| - |
| |
| - |
| |
| - | }
| |
| - | input.searchButton{display:none;
| |
| - |
| |
| - | }
| |
| - | input.searchButton:hover{display:none;
| |
| - | }
| |
| - |
| |
| - | #footer-box a{
| |
| - | color:#fff;
| |
| - | }
| |
| - | #content {
| |
| - | background: url(http://www.wildtextures.com/wp-content/uploads/2011/11/wildtextures-old-paper-texture-3.jpg) repeat-y;
| |
| - | border: 0;
| |
| - | color: #F4D27B;
| |
| - | margin: 50 auto;
| |
| - |
| |
| - |
| |
| - | position: relative;
| |
| - | width: 85%;
| |
| - | z-index: 2;
| |
| - | border-radius: 0px 0px;
| |
| - | text-align: justify;
| |
| - |
| |
| - | box-shadow: 0px 0px 20px #333;
| |
| - | -webkit-box-shadow: 0px 0px 20px #333;
| |
| - | -moz-box-shadow: 0px 0px 20px #333;
| |
| - | }
| |
| - |
| |
| - | }
| |
| - | #bodyContent{
| |
| - | width:95%;
| |
| - | background:#F4D27B;
| |
| - | 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:10;
| |
| - | }
| |
| - |
| |
| - | #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: 50px;
| |
| - | 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;
| |
| - |
| |
| - | }
| |
| - | #navigation a:hover{
| |
| - | color:#fff;
| |
| - | background:#2E2E2E;
| |
| - | font-size:1.4em;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #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="navigation">
| |
| - | <ul>
| |
| - | <li>
| |
| - | <a href="https://2014.igem.org/Team:BIOSINT_Mexico">Home</a>
| |
| - |
| |
| - | </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>
| |
"
