Template:Team:SheffieldNav

From 2014.igem.org

(Difference between revisions)
(Created page with "<!-- main Navigation --> <style type="text/css"> .mainNavigation ul {display:inline;} .mainNavigation ul ul { display: none; } .mainNavigation ul li:hover > ul { display: b...")
 
(12 intermediate revisions not shown)
Line 1: Line 1:
 +
<html>
 +
<!-- main Navigation -->
<!-- main Navigation -->
<style type="text/css">
<style type="text/css">
 +
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
 +
 +
#top-section {
 +
 +
border: 0 none;
 +
height: 14px;
 +
z-index: 100;
 +
top: 0;
 +
position: fixed;
 +
width: 975px;
 +
left: 50%;
 +
margin-left: -487px;
 +
}
 +
#globalWrapper, #content {
 +
width: 100%;
 +
height: 100%;
 +
border: 0px;
 +
background-color: transparent;
 +
margin: 0px;
 +
padding: 0px;
 +
}
 +
 +
html, body, .wrapper {
 +
width: 100%;
 +
height: 100%;
 +
background-color: transparent;
 +
}
 +
#content {width:100%;}
 +
.mainNavigation ul {display:inline;}
.mainNavigation ul {display:inline;}
Line 28: Line 59:
.mainNavigation ul li {
.mainNavigation ul li {
float: left;
float: left;
 +
}
 +
.mainNavigation ul li:hover {
 +
background: #4b545f;
}
}
.mainNavigation ul li:hover a{
.mainNavigation ul li:hover a{
-
background: #4b545f;
 
color: #fff;
color: #fff;
}
}
.mainNavigation ul li a {
.mainNavigation ul li a {
-
display: block; padding: 20px 25px;
+
display: block;  
-
color: #757575; text-decoration: none;
+
padding: 20px 25px;
 +
color: #757575;  
 +
text-decoration: none;
}
}
.mainNavigation ul ul {
.mainNavigation ul ul {
-
background: #5f6975; border-radius: 0px; padding: 0;
+
background: #5f6975;  
 +
padding: 0;
position: absolute;  
position: absolute;  
-
top: 100%;
+
margin:0px;
}
}
-
.mainNavigation ul ul li a:hover {
 
-
background: #4b545f;
 
-
}
 
.mainNavigation ul ul li {
.mainNavigation ul ul li {
float: none;  
float: none;  
Line 54: Line 87:
padding: 15px 30px;
padding: 15px 30px;
color: #fff;
color: #fff;
-
}
+
}
 +
.mainNavigation ul ul li a:hover {
 +
background: #4b545f;
 +
}
.mainNavigation ul ul ul {
.mainNavigation ul ul ul {
position: absolute; left: 100%; top:0;
position: absolute; left: 100%; top:0;
Line 61: Line 97:
</style>
</style>
 +
<body>
<div class="mainNavigation">
<div class="mainNavigation">
<ul>
<ul>
-
<li><a class="imgNav" href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014/f/f0/IGEM_logo.png" width="30px"></a></li>
+
<li><a class="imgNav" href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014/f/f0/IGEM_logo.png" width="45px"></a></li>
<li><a href="https://2014.igem.org/Team:Sheffield/tmp"> HOME </a></li>
<li><a href="https://2014.igem.org/Team:Sheffield/tmp"> HOME </a></li>
<li><a href="https://2014.igem.org/Team:Sheffield/team"> TEAM </a>
<li><a href="https://2014.igem.org/Team:Sheffield/team"> TEAM </a>
<ul>
<ul>
-
<li><a href="project.htm#firstSection"> MEET THE TEAM </a></li>
+
<li><a href="#"> MEET THE TEAM </a></li>
-
<li><a href="project.htm#secondSection"> OFFICIAL TEAM PROFILE </a></li>
+
<li><a href="#"> OFFICIAL TEAM PROFILE </a></li>
-
<li><a href="project.htm#thirdSection"> GALLERY </a></li>
+
<li><a href="#"> GALLERY </a></li>
</ul>
</ul>
</li>
</li>
<li><a href="https://2014.igem.org/Team:Sheffield/project"> PROJECT </a>
<li><a href="https://2014.igem.org/Team:Sheffield/project"> PROJECT </a>
<ul>
<ul>
-
<li><a href="project.htm#secondSection"> BACKGROUND </a></li>
+
<li><a href="#"> BACKGROUND </a></li>
-
<li><a href="project.htm#fourthSection"> BIOSENSOR </a></li>
+
<li><a href="#"> BIOSENSOR </a></li>
-
<li><a href="project.htm#fifthSection"> ENZYME SYNTHESIS </a></li>
+
<li><a href="#"> ENZYME SYNTHESIS </a></li>
-
<li><a href="project.htm#sixthSection"> ENZYME SECRETION </a></li>
+
<li><a href="#"> ENZYME SECRETION </a></li>
-
<li><a href="project.htm#tenthSection"> SAFETY </a></li>
+
<li><a href="#"> SAFETY </a></li>
</ul>
</ul>
</li>
</li>
Line 126: Line 163:
</div>
</div>
<!-- end of main Navigation -->
<!-- end of main Navigation -->
 +
 +
</body>
 +
</html>

Latest revision as of 08:17, 13 September 2014