Team:Tuebingen/Templates/Navigation

From 2013.igem.org

(Difference between revisions)
 
(70 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- navigation -->
+
<html>
-
<div id="nav">
+
 
-
* Home
+
<head>
-
* Team
+
 
-
* Project
+
<!-- Accordion-Menu: http://viralpatel.net/blogs/create-accordion-menu-jquery/ -->
-
* Lab Notebook
+
 
 +
<link href='http://fonts.googleapis.com/css?family=Nunito:700' rel='stylesheet' type='text/css'>
 +
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
 +
<title>Mainpage Team Tübingen</title>
 +
 
 +
<style type="text/css">
 +
 
 +
<!-- Navigation -->
 +
#navigation {
 +
  margin-left: 0.5em;
 +
  position: relative;
 +
  top: 0.5em,
 +
}
 +
 
 +
#accordion {
 +
list-style: none;
 +
padding: 1em 0.2em 1em 0.2em;
 +
width: 170px;
 +
        font-size: 1.4em;
 +
        color: white;
 +
        font-family: 'Nunito', sans-serif;
 +
        position: relative;
 +
}
 +
#accordion li{
 +
display: block;
 +
font-weight: bold;
 +
margin: 1px;
 +
cursor: pointer;
 +
padding: 5 5 5 7px;
 +
list-style: circle;
 +
}
 +
#accordion ul {
 +
list-style: none;
 +
padding: 0 0 0 0;
 +
display: none;
 +
}
 +
#accordion ul li{
 +
font-weight: normal;
 +
cursor: auto;
 +
background-color: transparent;
 +
padding: 0 0 0 7px;
 +
}
 +
#accordion a {
 +
text-decoration: none;
 +
        font-weight: bold;
 +
        color: white;
 +
}
 +
#accordion a:hover {
 +
text-decoration: underline;
 +
}
 +
 
 +
#navigation {
 +
  background-color: #A51E37;
 +
  width: 18em;
 +
  height: 72.3em;
 +
}
 +
<!-- /Navigation-->
 +
 
 +
</style>
 +
 
 +
</head>
 +
 
 +
<body>
 +
<!-- Navigation -->
 +
<div id="navigation">
 +
<ul id="accordion">
 +
 
 +
    <li><a href="/Team:Tuebingen">Home</a></li>
 +
        <ul></ul>
 +
 
 +
    <li>Project</li>
 +
        <ul>
 +
            <li><a href="/Team:Tuebingen/Project/Overwiew">Overview</a></li>
 +
            <li><a href="/Team:Tuebingen/Project/Motivation">Motivation</a></li>
 +
            <li><a href="/Team:Tuebingen/Project/Receptor">Receptor</a></li>
 +
            <li><a href="/Team:Tuebingen/Project/Inverter">Inverter</a></li>
 +
            <li><a href="/Team:Tuebingen/Project/Reporter">Reporter</a></li>
 +
    <li><a href="/Team:Tuebingen/Project/Appkication">Application</a></li>
 +
    <li><a href="/Team:Tuebingen/Project/Safety">Safety</a></li>       
 +
</ul>
 +
   
 +
    <li>Team</li>
 +
        <ul>
 +
            <li><a href="/Team:Tuebingen/Team/About">About Us</a></li>
 +
            <li><a href="/Team:Tuebingen/Team/Attributions">Attributions</a></li>
 +
            <li><a href="/Team:Tuebingen/Sponsors">Sponsors</a></li>
 +
</ul>
 +
 +
    <li>Notebook</li>
 +
        <ul>
 +
            <li><a href="/Team:Tuebingen/Notebook/Protocols">Protocols</a></li>
 +
            <li><a href="/Team:Tuebingen/Notebook/Journal">Weekly Journal</a></li>
 +
        </ul>
 +
 +
    <li>Activities</li>
 +
<ul>
 +
            <li><a href="/Team:Tuebingen/Activities/SynBio">SynBio-Day</a></li>
 +
            <li><a href="/Team:Tuebingen/Activities/School">School-Project</a></li>
 +
            <li><a href="/Team:Tuebingen/Activities/Videogame">Videogame</a></li>
 +
        </ul>
 +
 +
  <li>Results</li> 
 +
<ul>
 +
    <li><a href="/Team:Tuebingen/Results/Modelling">Modelling</a></li>
 +
            <li><a href="/Team:Tuebingen/Results/Overview">Overview</a></li>
 +
            <li><a href="/Team:Tuebingen/Results/Receptor">Receptor</a></li>
 +
            <li><a href="/Team:Tuebingen/Results/Inverter">Inverter</a></li>
 +
    <li><a href="/Team:Tuebingen/Results/Reporter">Reporter</a></li>
 +
            <li><a href="/Team:Tuebingen/Results/ShippedParts">Shipped Parts</a></li>
 +
        </ul>
 +
 
 +
  <li><a href="/Team:Tuebingen/Contact">Contact Us</a></li>
 +
</ul>
</div>
</div>
 +
<!-- /Navigation -->
 +
 +
 +
<script>
 +
 +
<!-- Navigation -->
 +
$("#accordion > li").click(function(){
 +
 +
if(false == $(this).next().is(':visible')) {
 +
$('#accordion > ul').slideUp(300);
 +
}
 +
$(this).next().slideToggle(300);
 +
});
 +
 +
$('#accordion ul:eq(1)').show();
 +
<!-- /Navigation -->
 +
 +
</script>
 +
 +
</body>
 +
</html>

Latest revision as of 23:35, 20 August 2013

Mainpage Team Tübingen

Retrieved from "http://2013.igem.org/Team:Tuebingen/Templates/Navigation"