Template:Team:ATOMS-Turkiye/fetMenu

From 2014.igem.org

(Difference between revisions)
(Blanked the page)
 
(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&amp;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>
 

Latest revision as of 20:27, 17 October 2014