"
Team:Tuebingen/Templates/Navigation
From 2013.igem.org
(Difference between revisions)
| (45 intermediate revisions not shown) | |||
| Line 2: | Line 2: | ||
<head> | <head> | ||
| + | |||
| + | <!-- Accordion-Menu: http://viralpatel.net/blogs/create-accordion-menu-jquery/ --> | ||
| + | |||
| + | <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> | <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> | ||
<title>Mainpage Team Tübingen</title> | <title>Mainpage Team Tübingen</title> | ||
<style type="text/css"> | <style type="text/css"> | ||
| - | |||
| - | |||
| - | |||
| - | |||
<!-- Navigation --> | <!-- Navigation --> | ||
#navigation { | #navigation { | ||
| + | margin-left: 0.5em; | ||
| + | position: relative; | ||
| + | top: 0.5em, | ||
} | } | ||
#accordion { | #accordion { | ||
list-style: none; | list-style: none; | ||
| - | padding: 0 0 | + | padding: 1em 0.2em 1em 0.2em; |
width: 170px; | width: 170px; | ||
| + | font-size: 1.4em; | ||
| + | color: white; | ||
| + | font-family: 'Nunito', sans-serif; | ||
| + | position: relative; | ||
} | } | ||
#accordion li{ | #accordion li{ | ||
| Line 41: | Line 48: | ||
#accordion a { | #accordion a { | ||
text-decoration: none; | text-decoration: none; | ||
| + | font-weight: bold; | ||
| + | color: white; | ||
} | } | ||
#accordion a:hover { | #accordion a:hover { | ||
text-decoration: underline; | text-decoration: underline; | ||
| + | } | ||
| + | |||
| + | #navigation { | ||
| + | background-color: #A51E37; | ||
| + | width: 18em; | ||
| + | height: 72.3em; | ||
} | } | ||
<!-- /Navigation--> | <!-- /Navigation--> | ||
| Line 55: | Line 70: | ||
<div id="navigation"> | <div id="navigation"> | ||
<ul id="accordion"> | <ul id="accordion"> | ||
| - | |||
<li><a href="/Team:Tuebingen">Home</a></li> | <li><a href="/Team:Tuebingen">Home</a></li> | ||
| Line 64: | Line 78: | ||
<li><a href="/Team:Tuebingen/Project/Overwiew">Overview</a></li> | <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/Motivation">Motivation</a></li> | ||
| - | <li><a href="/Team:Tuebingen/Project/Receptor"> | + | <li><a href="/Team:Tuebingen/Project/Receptor">Receptor</a></li> |
| - | <li><a href="/Team:Tuebingen/Project/Inverter"> | + | <li><a href="/Team:Tuebingen/Project/Inverter">Inverter</a></li> |
| - | <li><a href="/Team:Tuebingen/Project/Reporter"> | + | <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/Appkication">Application</a></li> | ||
<li><a href="/Team:Tuebingen/Project/Safety">Safety</a></li> | <li><a href="/Team:Tuebingen/Project/Safety">Safety</a></li> | ||
| Line 94: | Line 108: | ||
<ul> | <ul> | ||
<li><a href="/Team:Tuebingen/Results/Modelling">Modelling</a></li> | <li><a href="/Team:Tuebingen/Results/Modelling">Modelling</a></li> | ||
| - | <li><a href="/Team:Tuebingen/Results/ | + | <li><a href="/Team:Tuebingen/Results/Overview">Overview</a></li> |
| - | <li><a href="/Team:Tuebingen/Results/Inverter"> | + | <li><a href="/Team:Tuebingen/Results/Receptor">Receptor</a></li> |
| - | <li><a href="/Team:Tuebingen/Results/Reporter"> | + | <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> | <li><a href="/Team:Tuebingen/Results/ShippedParts">Shipped Parts</a></li> | ||
</ul> | </ul> | ||
| Line 116: | Line 131: | ||
$(this).next().slideToggle(300); | $(this).next().slideToggle(300); | ||
}); | }); | ||
| + | |||
| + | $('#accordion ul:eq(1)').show(); | ||
<!-- /Navigation --> | <!-- /Navigation --> | ||
Latest revision as of 23:35, 20 August 2013
