Team:Tuebingen/Template/NavigationAccLava
From 2013.igem.org
(Difference between revisions)
(87 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> | ||
Line 9: | Line 7: | ||
<script type='text/javascript' src='http://igemtuebingen.coffeecup.com/iGEM_2013/jquery.lavalamp-1.3.4b.js'></script> | <script type='text/javascript' src='http://igemtuebingen.coffeecup.com/iGEM_2013/jquery.lavalamp-1.3.4b.js'></script> | ||
<script type='text/javascript' src='http://igemtuebingen.coffeecup.com/iGEM_2013/jquery.easing.1.3.js'></script> | <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 32: | Line 33: | ||
#left{ | #left{ | ||
float:left; | float:left; | ||
- | width: | + | width:15em; |
- | height: | + | height:auto; |
+ | min-height: 44em; | ||
padding:1em; | padding:1em; | ||
- | background-color: # | + | background-color: #CCCCCC; |
- | font-family: ' | + | font-family: 'Open Sans', Arial, sans-serif; |
} | } | ||
#left ul{ | #left ul{ | ||
list-style: none; | list-style: none; | ||
padding: 1em 0.2em 1em 0.2em; | padding: 1em 0.2em 1em 0.2em; | ||
- | + | width: 170px; | |
font-size: 1em; | font-size: 1em; | ||
- | |||
position: relative; | position: relative; | ||
overflow: hidden; | overflow: hidden; | ||
Line 53: | Line 54: | ||
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{ | + | /* #left ul li.backLava{ |
background-color: black; | background-color: black; | ||
height:40px; | 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:16px; | font-size:16px; | ||
font-weight:bold; | font-weight:bold; | ||
Line 69: | Line 81: | ||
outline:none; | outline:none; | ||
display:block; | display:block; | ||
- | width: | + | width:200px; |
} | } | ||
#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="/Team:Tuebingen">Home</a> | + | <!-- <li><a class="head" href="#">Home</a> |
- | + | <ul class="AccLavaNavigation" id="menuOne"> | |
+ | <li><a href="/Team:Tuebingen">Return Home</a></li> | ||
+ | <li><a href="/Team:Tuebingen/Contact">Contact Us</a></li> | ||
+ | </ul> | ||
+ | </li> --> | ||
<li><a class="head" href="#">Project</a> | <li><a class="head" href="#">Project</a> | ||
- | <ul class="AccLavaNavigation"> | + | <ul class="AccLavaNavigation" id="menuTwo"> |
- | + | <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/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="#">Team</a> | <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:Tuebingen/Team/Attributions">Attributions</a></li> | |
- | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
<li><a class="head" href="#">Notebook</a> | <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:Tuebingen/Notebook/Journal">Overview: Journal</a></li> | |
+ | <li><a href="/Team:Tuebingen/Notebook/Journal/Weekly">Weekly-Journal</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
Line 115: | Line 143: | ||
<li><a class="head" href="#">Activities</a> | <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:Tuebingen/Activities/BMBF">BMBF-Conference</a></li> | |
- | + | <li><a href="/Team:Tuebingen/Activities/School">School-Project</a></li> | |
</ul> | </ul> | ||
</li> | </li> | ||
<li><a class="head" href="#">Results</a> | <li><a class="head" href="#">Results</a> | ||
- | <ul class="AccLavaNavigation"> | + | <ul class="AccLavaNavigation" id="menuTwo"> |
- | + | <li><a href="/Team:Tuebingen/Modeling">Modeling</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> | </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