|
|
(One intermediate revision not shown) |
Line 1: |
Line 1: |
- | <html>
| |
- | <head>
| |
- | <link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:Calgary/StyleSheets/Reset?action=raw&ctype=text/css" rel="stylesheet">
| |
| | | |
- | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
| |
- |
| |
- | <script src="http://cdn.jsdelivr.net/jquery.sticky/1.0.0/jquery.sticky.js"></script>
| |
- |
| |
- | <script>
| |
- |
| |
- | $(document).ready(function(){
| |
- | $("div#content").css("width","100%");
| |
- | $("nav").sticky({topSpacing:0});
| |
- | $("#top-section").fadeTo("fast", 0.2);
| |
- |
| |
- | $("#top-section").mouseenter(function(e){
| |
- | var x= e.pageX;
| |
- | var y= e.pageY;
| |
- | $("#top-section").fadeTo("fast", 1);
| |
- | });
| |
- |
| |
- | $("#top-section").mouseleave(function(){
| |
- | $("#top-section").fadeTo("fast", 0.2);
| |
- | });
| |
- |
| |
- | });
| |
- | </script>
| |
- | <style>
| |
- |
| |
- | #undefined-sticky-wrapper {
| |
- | margin: 0 auto;
| |
- | width: 1000px !important;
| |
- | }
| |
- |
| |
- |
| |
- | div#top-section {
| |
- | position: relative;
| |
- | background: #155364;
| |
- | }
| |
- |
| |
- | div#menubar ul{
| |
- | background: #155364;
| |
- | color: #ffffff !important;
| |
- | }
| |
- | div#menubar li{
| |
- | background: #155364;
| |
- | color: #ffffff !important;
| |
- | }
| |
- | div#menubar a{
| |
- | background: #155364;
| |
- | color: #ffffff !important;
| |
- | }
| |
- |
| |
- | nav.menuNav {
| |
- | width: 1000px;
| |
- | font-family: "Khmer UI", sans-serif;
| |
- | position: relative;
| |
- | padding: 0px 0px;
| |
- | margin: auto;
| |
- | /*position: fixed;
| |
- | top: 0px;
| |
- | left: 15%;
| |
- | right: 0px;*/
| |
- | background: rgb(170,0,0);
| |
- | z-index: 99999;
| |
- | text-align: left;
| |
- | height: 40px;
| |
- | border-top: groove #fff 0px;
| |
- | }
| |
- |
| |
- | nav.menuNav ul li {
| |
- | border-style: solid;
| |
- | border-width: 2px;
| |
- | -moz-border-image: url(https://static.igem.org/mediawiki/2014/3/33/ATOMS-Turkiye_separator_top.png) 7 8 8 repeat stretch;
| |
- | -webkit-border-image: url(https://static.igem.org/mediawiki/2014/3/33/ATOMS-Turkiye_separator_top.png) 7 8 8 repeat stretch;
| |
- | -o-border-image: url(https://static.igem.org/mediawiki/2014/3/33/ATOMS-Turkiye_separator_top.png) 7 8 8 repeat stretch;
| |
- | border-image: url(https://static.igem.org/mediawiki/2014/3/33/ATOMS-Turkiye_separator_top.png) 7 8 8 fill repeat stretch;
| |
- | border-right: 0;
| |
- | border-bottom: 0;
| |
- | border-top: 0;
| |
- | }
| |
- |
| |
- | nav.menuNav ul li:first-child {
| |
- | border-left: 0;
| |
- | }
| |
- |
| |
- | nav.menuNav ul li:nth-child(2) {
| |
- | border-left: 0;
| |
- | }
| |
- |
| |
- | nav.menuNav a:visited {
| |
- | color: #fff;
| |
- | }
| |
- |
| |
- | nav.menuNav ul ul {
| |
- | display: none;
| |
- | }
| |
- |
| |
- | nav.menuNav ul li:hover > ul {
| |
- | display: block;
| |
- | }
| |
- |
| |
- |
| |
- | nav.menuNav ul {
| |
- | background: rgb(170,0,0);
| |
- | list-style: none;
| |
- | position: relative;
| |
- | display: inline-block;
| |
- | margin-top: 0;
| |
- | margin-bottom: 0;
| |
- | }
| |
- | nav.menuNav ul:after {
| |
- | content: ""; clear: both; display: block;
| |
- | }
| |
- |
| |
- | nav.menuNav ul li {
| |
- | float: left;
| |
- | line-height : 40px;
| |
- | width: 180px;
| |
- | display: inline-block;
| |
- | }
| |
- | nav.menuNav ul li:hover {
| |
- | background: rgb(162,40,40);
| |
- | }
| |
- | nav.menuNav ul li:hover a {
| |
- | color: #fff;
| |
- | text-decoration: none;
| |
- | }
| |
- |
| |
- | nav.menuNav ul li a {
| |
- | display: block;
| |
- | text-align: center;
| |
- | color: #fff; text-decoration: none;
| |
- | font-size: 16px;
| |
- | height: 40px;
| |
- | line-height: 40px;
| |
- | width: 180px;
| |
- | font-weight: bold;
| |
- | }
| |
- |
| |
- |
| |
- |
| |
- | nav.menuNav ul ul {
| |
- | background: rgba(196,101,96,0.9);
| |
- | border-radius: 0px;
| |
- | padding: 0;
| |
- | width: 180px;
| |
- | position: absolute;
| |
- | line-height: 40px;
| |
- | top: 100%;
| |
- |
| |
- | }
| |
- | nav.menuNav ul ul li {
| |
- | float: none;
| |
- | border-top: 1px solid rgba(255,255,255,0.3);
| |
- | position: relative;
| |
- | line-height : 40px !important;
| |
- | height: 40px;
| |
- | border-left: 0;
| |
- | }
| |
- |
| |
- | nav.menuNav ul ul li:hover {
| |
- | background-color: rgba(227,123,119,0.9);
| |
- | }
| |
- |
| |
- |
| |
- | nav.menuNav ul ul li a {
| |
- | font-size: 14px;
| |
- | color: #fff;
| |
- | height: 40px;
| |
- | line-height: 40px;
| |
- | }
| |
- | /*nav.menuNav ul ul li a:hover {
| |
- | background: rgba(227,123,119,0.9);
| |
- | }*/
| |
- |
| |
- |
| |
- | nav.menuNav ul ul ul {
| |
- | position: absolute; left: 100%; top:0;
| |
- | }
| |
- |
| |
- | li#heartedLi {
| |
- | width: 50px;
| |
- | }
| |
- |
| |
- | li#heartedLi a{
| |
- | width: 50px;
| |
- | }
| |
- |
| |
- |
| |
- | #menuContent {
| |
- | margin-left: auto;
| |
- | margin-right: auto;
| |
- | margin-bottom: -12px;
| |
- | -webkit-box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.75);
| |
- | -moz-box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.75);
| |
- | box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.75);
| |
- | width: 1000px;
| |
- | }
| |
- |
| |
- |
| |
- | #logoBar {
| |
- | width: 1000px;
| |
- | position: relative;
| |
- | margin-left: auto;
| |
- | margin-right: auto;
| |
- | background-color: #ffffff;
| |
- | height: 200px;
| |
- | text-align: center;
| |
- | white-space: nowrap;
| |
- | }
| |
- |
| |
- |
| |
- | #logoBack {
| |
- | position: absolute;
| |
- | left: 0;
| |
- | top: 0;
| |
- | width: 100%;
| |
- | height: 200px;
| |
- | z-index: 0;
| |
- | }
| |
- |
| |
- |
| |
- | </style>
| |
- | </head>
| |
- |
| |
- | <body>
| |
- |
| |
- |
| |
- | <div id = "menuContent" style="">
| |
- | <div id = "logoBar">
| |
- | <img id="logoBack" src="https://static.igem.org/mediawiki/2014/thumb/5/5b/Bannerbu_%281%29.jpg/800px-Bannerbu_%281%29.jpg" usemap="#logomap"/>
| |
- | <map name="logomap">
| |
- | <area shape="rect" coords="718, 67, 799, 128" alt="iGEM" href="http://www.igem.org">
| |
- | <area shape="rect" coords="913, 82, 951, 117" alt="Facebook" href="http://www.facebook.com">
| |
- | <area shape="rect" coords="956, 82, 991, 117" alt="Twitter" href="http://www.twitter.com">
| |
- | </map>
| |
- |
| |
- | </div>
| |
- |
| |
- | <nav class = "menuNav"><center>
| |
- | <ul>
| |
- | <li id="heartedLi"><a href="https://2014.igem.org/Team:ATOMS-Turkiye"><img src="https://static.igem.org/mediawiki/2014/d/d7/Homelogob.png" height="36px" style="margin: auto;" /></a></li>
| |
- |
| |
- | <li><a href="#center">Project</a>
| |
- | <ul>
| |
- | <li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/At-a-Glance">At A Glance</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Background-Problem">Background/Problem</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Project-Approach">Approach</a></li>
| |
- |
| |
- | <li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Design">Design</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/BioBricks">BioBricks</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Results">Results</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Modeling">Modeling</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Data">Data</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Future-Plan">Future Plan</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | <li><a href="#center">P&P</a>
| |
- | <ul>
| |
- | <li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/P%26P-Approach">Approach</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/M1-Identification">M1-Identification</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/M2-Clarification">M2-Clarification</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/M3-Specialization">M3-Specialization</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/M4-Application">M4-Application</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Outreach">Outreach</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | <li><a href="#center">Safety</a>
| |
- | <ul>
| |
- | <li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Safety-Approach">Safety Approach</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Form">Safety Form</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | <li><a href="#center">Team</a>
| |
- | <ul>
| |
- | <li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Who-We-Are">Who We Are</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Attributions">Attributions</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Acknowledgements">Acknowledgements</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Collaboration">Collaboration</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Official-Team-Profile">Official Team Profile</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | <li><a href="#center">Extras</a>
| |
- | <ul>
| |
- | <li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">Notebook</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Protocol">Protocol</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Achievements">Achievements</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Interlab-Study">Interlab Study</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | </ul>
| |
- | </center></nav>
| |
- | </div>
| |
- | </body>
| |
- |
| |
- | </html>
| |