Team:Oxford/templates/header

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
 +
 +
<script>
 +
 +
$(document).ready(function() {
 +
$('.hasdropdown').hover(function() {
 +
$(this).find('.dropdown').slideToggle(300);
 +
})
 +
 +
})
 +
 +
</script>
<style>
<style>
Line 283: Line 294:
width: 100%;
width: 100%;
background: #012148;
background: #012148;
-
margin-bottom: 3em;
+
margin-bottom: 30px;
}
}
Line 290: Line 301:
-
#main_navigation li {
+
#main_navigation > div > ul > li {
-
width: 9em;
+
width: 120px;
display: inline-block;
display: inline-block;
margin: 0;
margin: 0;
Line 300: Line 311:
display: block;
display: block;
width: 100%;
width: 100%;
-
text-align: center;
+
height: 30px;;
-
height: 2em;
+
margin-top: 10px;
margin-top: 10px;
color: #fff;
color: #fff;
Line 315: Line 325:
#main_content {
#main_content {
padding: 30px 0 30px 0;
padding: 30px 0 30px 0;
 +
}
 +
 +
.hasdropdown {
 +
position: relative;
 +
}
 +
 +
.dropdown {
 +
position: absolute;
 +
display: none;
 +
background: #012148;
 +
color: #fff;
 +
width: 200px;
 +
left: -10px;
 +
padding: 10px;
 +
color: #fff;
 +
text-decoration: none;
 +
text-transform: uppercase;
 +
}
 +
 +
.dropdown li {
 +
margin-bottom: 20px;
 +
}
 +
 +
.dropdown li:last-child {
 +
margin-bottom: 0;
}
}
Line 373: Line 408:
<ul>
<ul>
<li><a href="https://2014.igem.org/Team:Oxford">Team</a></li>
<li><a href="https://2014.igem.org/Team:Oxford">Team</a></li>
 +
<li class="hasdropdown"><a>Projects</a>
 +
<ul class="dropdown">
 +
<li>Our Idea</li>
 +
<li>Sub Divisions</li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2014.igem.org/Team:Oxford">Safety</a></li>
 +
<li><a href="https://2014.igem.org/Team:Oxford">Outreach</a></li>
 +
<li><a href="https://2014.igem.org/Team:Oxford">Sponsors</a></li>
 +
<li><a href="https://2014.igem.org/Team:Oxford">Parts</a></li>
</ul>
</ul>
</div>
</div>

Revision as of 23:21, 2 July 2014

Retrieved from "http://2014.igem.org/Team:Oxford/templates/header"