Team:Tuebingen/Template/NavigationAccLava
From 2013.igem.org
(Difference between revisions)
(110 intermediate revisions not shown) | |||
Line 8: | Line 8: | ||
<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= | + | <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 33: | Line 34: | ||
float:left; | float:left; | ||
width:15em; | width:15em; | ||
- | height: | + | height:auto; |
+ | min-height: 44em; | ||
padding:1em; | padding:1em; | ||
- | background-color: # | + | 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; | 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{ | ||
+ | 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 84: | 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=" | + | <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> | </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 130: | 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