|
|
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;
| |
- | 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:12em; margin-left: 0px; margin-top: 10px; z-index:999;}
| |
- | .menu_body li{float: left; 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>
| |