|
|
Line 1: |
Line 1: |
- | <html>
| |
- | <style>
| |
| | | |
- | #p-logo{
| |
- | display:none;
| |
- | }
| |
- | #top-section {
| |
- | height:130px ! important;
| |
- | border: 0;
| |
- | }
| |
- |
| |
- | #menubar{
| |
- | margin-left: 175px;
| |
- | }
| |
- | .right-menu li a {
| |
- | background-color: transparent;
| |
- | }
| |
- | #searchInput {
| |
- | margin-left:-15 px;
| |
- | height: 25px;
| |
- | width: 170px;
| |
- | font-size: 14px;
| |
- | border: 1px solid #f8f8f8;
| |
- | border-radius: 20px / 16px;
| |
- | -webkit-border-radius: 20px / 16px;
| |
- | -moz-border-radius: 20px / 16px;
| |
- | 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: #db0976;
| |
- | }
| |
- |
| |
- | #footer-box a{
| |
- | color:#fff;
| |
- | }
| |
- | #content {
| |
- | background: snow;
| |
- | border: 0;
| |
- | color: #333;
| |
- | margin: 0 auto;
| |
- | padding: 5px;
| |
- | margin-top:60px;
| |
- | position: relative;
| |
- | width: 965px;
| |
- | z-index: 2;
| |
- | border-radius: 0px 0px;
| |
- | text-align: justify;
| |
- |
| |
- | box-shadow: 0px 0px 10px #333;
| |
- | -webkit-box-shadow: 0px 0px 10px #333;
| |
- | -moz-box-shadow: 0px 0px 10px #333;
| |
- | }
| |
- | #content img{
| |
- | margin: 10px;
| |
- | }
| |
- | #bodyContent{
| |
- | margin: 10px;
| |
- | }
| |
- |
| |
- | .firstHeading {
| |
- | /*text-shadow: 1px 1px 2px #000;
| |
- | margin-left: 20px;
| |
- | color:#db0976;
| |
- | font-size: 36px;
| |
- | font-weight: bold;
| |
- | font-family: Helvetica,Arial,sans-serif;*/
| |
- | display:none;
| |
- | }
| |
- | .myowntitle{
| |
- | text-shadow: 1px 1px 2px #000;
| |
- | margin-left: 20px;
| |
- | color:#ffff00;
| |
- | font-size: 36px;
| |
- | font-weight: bold;
| |
- | font-family: Helvetica,Arial,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:30px;
| |
- | font-weight:bold;
| |
- | padding:0;
| |
- | height:30px;
| |
- | width:220px;
| |
- | margin:20px 10px 0 20px;
| |
- | padding-left:10px;
| |
- | position:relative;
| |
- | }
| |
- | #my_own_top img.logo{
| |
- | float:left;
| |
- | position:relative;
| |
- | }
| |
- | #my_own_top img{
| |
- | position:relative;
| |
- | }
| |
- | #navigation{
| |
- | margin: -64 auto;
| |
- | position: absolute;
| |
- | top:0px;
| |
- | width: 1500px;
| |
- | height: 40px;
| |
- | }
| |
- | #navigation ul{
| |
- | list-style-type: none !important;
| |
- | list-style-image: none;
| |
- | }
| |
- | #navigation ul li{
| |
- |
| |
- | background-repeat: no-repeat;
| |
- | width: 123px;
| |
- | min-height: 35px;
| |
- | text-align:center;
| |
- | vertical-align: middle;
| |
- | position: relative;
| |
- | float: left;
| |
- | margin-right: 10px;
| |
- | }
| |
- | #navigation a{
| |
- | margin-top:5px;
| |
- | font-size: 15px;
| |
- | color: #ff0000;
| |
- | }
| |
- | #navigation a:hover{
| |
- | color:#008000;
| |
- | }
| |
- | .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.alt{background:#800080;background-image: none; border-radius: 0px;}
| |
- | .menu_body li a{color:#800080; text-decoration:none; padding:10px; display:block;}
| |
- | .menu_body li a:hover{ font-weight:bold;}
| |
- |
| |
- | </style>
| |
- |
| |
- |
| |
- | </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>
| |
- |
| |
- | </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/Security: Kill switch">Security: Kill switch</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>
| |
- |
| |
- | </ul>
| |
- | </li>
| |
- | <li >
| |
- | <a href="https://2011.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>
| |
- | </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>
| |