Team:Tuebingen/Template/NavigationAccLava
From 2013.igem.org
(Difference between revisions)
(117 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
<head> | <head> | ||
- | + | ||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> | ||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js"></script> | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js"></script> | ||
- | <script type='text/javascript' src='http:// | + | <script type='text/javascript' src='http://igemtuebingen.coffeecup.com/iGEM_2013/jquery.lavalamp-1.3.4b.js'></script> |
- | <script type='text/javascript' src='http:// | + | <script type='text/javascript' src='http://igemtuebingen.coffeecup.com/iGEM_2013/jquery.easing.1.3.js'></script> |
+ | |||
+ | <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,700' rel='stylesheet' type='text/css'> | ||
+ | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
Line 23: | Line 26: | ||
<style type="text/css" style="display:none"> | <style type="text/css" style="display:none"> | ||
+ | #navigation { | ||
+ | margin-left: 0.5em; | ||
+ | position: relative; | ||
+ | top: 0.5em, | ||
+ | } | ||
#left{ | #left{ | ||
float:left; | float:left; | ||
- | width: | + | width:15em; |
- | + | height:auto; | |
- | background-color: | + | min-height: 44em; |
+ | padding:1em; | ||
+ | background-color: #CCCCCC; | ||
+ | font-family: 'Open Sans', Arial, sans-serif; | ||
} | } | ||
#left ul{ | #left ul{ | ||
- | list-style:none; | + | list-style: none; |
- | + | padding: 1em 0.2em 1em 0.2em; | |
- | + | width: 170px; | |
- | + | font-size: 1em; | |
+ | position: relative; | ||
+ | overflow: hidden; | ||
} | } | ||
#left ul li{ | #left ul li{ | ||
margin-bottom:8px; | margin-bottom:8px; | ||
position:relative; | position:relative; | ||
- | + | padding-top:4px; | |
padding-bottom:0px; | padding-bottom:0px; | ||
padding:none; | padding:none; | ||
- | |||
} | } | ||
#left ul.AccLavaNavigation li{ | #left ul.AccLavaNavigation li{ | ||
- | + | padding-left:10px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
+ | /* #left ul li.backLava{ | ||
+ | background-color: black; | ||
+ | height:40px; | ||
+ | } */ | ||
+ | #left #menuOne .backLava{ | ||
+ | background-color: #009967; | ||
+ | height:40px; | ||
+ | } | ||
+ | #left #menuTwo .backLava{ | ||
+ | background-color: #1B7643; | ||
+ | height:40px; | ||
+ | } | ||
+ | #left #menuThree .backLava{ | ||
+ | background-color: #4F9A2B; | ||
+ | height:40px; | ||
+ | } | ||
#left a{ | #left a{ | ||
- | + | color: #424242; | |
- | font-size: | + | font-size:16px; |
font-weight:bold; | font-weight:bold; | ||
text-decoration:none; | text-decoration:none; | ||
Line 72: | Line 84: | ||
} | } | ||
#left a:hover{ | #left a:hover{ | ||
- | color: | + | color: white; |
} | } | ||
#left a.hello{ | #left a.hello{ | ||
display:inline; | display:inline; | ||
} | } | ||
+ | #loneItemHome { | ||
+ | margin-bottom: -2.1em; | ||
+ | } | ||
+ | #loneItemsEnd { | ||
+ | margin-top: -2.1em; | ||
+ | } | ||
</style> | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
- | <div id="left"> | + | <div id="left"> |
+ | <ul id="loneItemHome"> | ||
+ | <li><a href="/Team:Tuebingen">Home</a></li> | ||
+ | </ul> | ||
+ | |||
<ul id="accordionMenu"> | <ul id="accordionMenu"> | ||
- | <li><a class="head" href="#"> | + | <!-- <li><a class="head" href="#">Home</a> |
- | <ul class="AccLavaNavigation | + | <ul class="AccLavaNavigation" id="menuOne"> |
- | + | <li><a href="/Team:Tuebingen">Return Home</a></li> | |
- | <li><a href="/Team: | + | <li><a href="/Team:Tuebingen/Contact">Contact Us</a></li> |
- | + | ||
- | + | ||
- | + | ||
</ul> | </ul> | ||
- | + | </li> --> | |
- | <li><a class="head" href="#">Project | + | <li><a class="head" href="#">Project</a> |
- | <ul class="AccLavaNavigation"> | + | <ul class="AccLavaNavigation" id="menuTwo"> |
- | <li><a href="/Team: | + | <li><a href="/Team:Tuebingen/Project/Overwiew">Overview</a></li> |
- | <li><a href="/Team: | + | <li><a href="/Team:Tuebingen/Project/Motivation">Motivation</a></li> |
- | <li><a href="/Team: | + | <li><a href="/Team:Tuebingen/Project/Receptor">Receptor</a></li> |
- | <li><a href="/Team: | + | <li><a href="/Team:Tuebingen/Project/Inverter">Inverter</a></li> |
- | <li><a href="/Team: | + | <li><a href="/Team:Tuebingen/Project/Reporter">Reporter</a></li> |
- | <li><a href="/Team: | + | <li><a href="/Team:Tuebingen/Project/Plasmids">Plasmids</a></li> |
- | + | <li><a href="/Team:Tuebingen/Project/Application">Application</a></li> | |
- | + | <li><a href="/Team:Tuebingen/Project/Collaboration">Collaboration</a></li> | |
+ | <li><a href="/Team:Tuebingen/Project/Safety">Safety</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
- | <li><a class="head" href="#"> | + | <li><a class="head" href="#">Team</a> |
- | + | <ul class="AccLavaNavigation" id="menuThree"> | |
- | + | <li><a href="/Team:Tuebingen/Team/About">About us</a></li> | |
- | <li><a href="/Team: | + | <li><a href="/Team:Tuebingen/Team/Attributions">Attributions</a></li> |
- | + | ||
- | <li><a href="/Team: | + | |
- | + | ||
- | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
- | <li><a class="head" href="#"> | + | <li><a class="head" href="#">Notebook</a> |
- | <ul class="AccLavaNavigation" | + | <ul class="AccLavaNavigation" id="menuOne"> |
- | + | <li><a href="/Team:Tuebingen/Notebook/Protocols">Protocols</a></li> | |
- | <li><a href="/Team: | + | <li><a href="/Team:Tuebingen/Notebook/Journal">Overview: Journal</a></li> |
- | <li><a href="/Team: | + | <li><a href="/Team:Tuebingen/Notebook/Journal/Weekly">Weekly-Journal</a></li> |
- | <li><a href="/Team: | + | |
</ul> | </ul> | ||
</li> | </li> | ||
- | <li><a class="head" href="#"> | + | <li><a class="head" href="#">Activities</a> |
- | <ul class="AccLavaNavigation" | + | <ul class="AccLavaNavigation" id="menuThree"> |
- | + | <li><a href="/Team:Tuebingen/Activities/SynBio">SynBio-Day</a></li> | |
- | <li><a href="/Team: | + | <li><a href="/Team:Tuebingen/Activities/BMBF">BMBF-Conference</a></li> |
- | <li><a href="/Team: | + | <li><a href="/Team:Tuebingen/Activities/School">School-Project</a></li> |
- | <li><a href="/Team: | + | |
</ul> | </ul> | ||
</li> | </li> | ||
- | <li><a class="head" href="#"> | + | <li><a class="head" href="#">Results</a> |
- | <ul class="AccLavaNavigation"> | + | <ul class="AccLavaNavigation" id="menuTwo"> |
- | <li><a href="/Team: | + | <li><a href="/Team:Tuebingen/Modeling">Modeling</a></li> |
- | <li><a href="/Team: | + | <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> | </ul> | ||
</li> | </li> | ||
+ | </ul> | ||
- | + | <ul id="loneItemsEnd"> | |
- | + | <li><a href="/Team:Tuebingen/Sponsors">Sponsors</a></li> | |
- | + | <li><a href="/Team:Tuebingen/Contact">Contact us</a></li> | |
- | + | </ul> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
- | |||
</html> | </html> |
Latest revision as of 15:00, 15 October 2013