Difference between revisions of "Template:Freiburg/MenubarTest"
| Line 2: | Line 2: | ||
<html> | <html> | ||
<head> | <head> | ||
| + | <title>""</title> | ||
<meta charset="utf-8"> | <meta charset="utf-8"> | ||
| Line 7: | Line 8: | ||
/* ============= BEGIN: Stylesheet for navigation menu ============= */ | /* ============= BEGIN: Stylesheet for navigation menu ============= */ | ||
| − | /* | + | /* ==== Begin General Settings ====*/ |
| − | + | ||
| − | + | ||
body { | body { | ||
margin: 0px; | margin: 0px; | ||
| Line 15: | Line 14: | ||
#header { | #header { | ||
| − | + | position: fixed; | |
width: 100%; | width: 100%; | ||
| + | margin-top: 0px; | ||
z-index: 600; | z-index: 600; | ||
} | } | ||
| − | /* End General Settings */ | + | /* ==== End General Settings ==== */ |
| Line 47: | Line 47: | ||
| − | /*Begin Settings Main Menu Icons*/ | + | /* ==== Begin Settings Main Menu Icons ==== */ |
#navicons { | #navicons { | ||
margin: 0px auto; | margin: 0px auto; | ||
| Line 92: | Line 92: | ||
#navicons ul a:hover { | #navicons ul a:hover { | ||
} | } | ||
| − | /*End Settings Main Menu Icons*/ | + | /* ==== End Settings Main Menu Icons ==== */ |
| − | /* classes for icons */ | + | /* ==== classes for icons ==== */ |
#home { | #home { | ||
background: url(https://static.igem.org/mediawiki/2015/8/81/Freiburg_icon_home.png) no-repeat; | background: url(https://static.igem.org/mediawiki/2015/8/81/Freiburg_icon_home.png) no-repeat; | ||
| Line 155: | Line 155: | ||
color: #FFF; | color: #FFF; | ||
} | } | ||
| − | /* End classes for icons */ | + | /* ==== End classes for icons ==== */ |
| − | /*Begin running chip */ | + | /* ==== Begin running chip ==== */ |
| − | /*Begin Chip Design*/ | + | /* == Begin Chip Design == */ |
#runningchip { | #runningchip { | ||
position: absolute; | position: absolute; | ||
| Line 257: | Line 257: | ||
left:50%; | left:50%; | ||
} | } | ||
| − | /*End Chip Design*/ | + | /* == End Chip Design == */ |
| − | /*Begin Chip Movement*/ | + | /* == Begin Chip Movement == */ |
#home:hover ~ #runningchip { | #home:hover ~ #runningchip { | ||
left: 2.1%; | left: 2.1%; | ||
| Line 284: | Line 284: | ||
left: 85.5%; | left: 85.5%; | ||
} | } | ||
| − | /*End Chip Movment*/ | + | /* == End Chip Movment == */ |
| − | /*End running chip*/ | + | /* ==== End running chip ==== */ |
| − | /*Begin Settings Submenu Level 1*/ | + | /* ==== Begin Settings Submenu Level 1 ==== */ |
#navtextwrapper { /*define background box*/ | #navtextwrapper { /*define background box*/ | ||
margin: 0 auto; | margin: 0 auto; | ||
| Line 373: | Line 373: | ||
.navsub1 { | .navsub1 { | ||
background-color: #0051A2; | background-color: #0051A2; | ||
| + | opacity: 0.8; | ||
| + | } | ||
| + | /* ==== End Settings Submenu Level 1 ==== */ | ||
| + | |||
| + | |||
| + | /* ==== Begin Settings Submenu Level 2 ==== */ | ||
| + | #navtext ul ul { | ||
| + | position: absolute; | ||
| + | width: 110%; | ||
| + | display: none; | ||
| + | left: 148px; | ||
| + | top: -2px; | ||
} | } | ||
| − | + | ||
| − | /*End Settings Submenu Level | + | #navtext ul ul li { |
| + | margin: 0px auto; /*centers text*/ | ||
| + | list-style: none; | ||
| + | /*display: block; */ /*makes items go horizontal and centers them*/ | ||
| + | /*float: left;*/ /*makes items go horizontal*/ | ||
| + | position: relative; | ||
| + | } | ||
| + | |||
| + | #navtext ul ul li a { | ||
| + | height: 24px; | ||
| + | padding-left: 10px; | ||
| + | padding-right: 10px; | ||
| + | text-decoration: none; | ||
| + | color: #FFF; | ||
| + | /*display: block;*/ | ||
| + | text-align: center; | ||
| + | } | ||
| + | |||
| + | #navtext ul li:hover ul { | ||
| + | display: block; | ||
| + | } | ||
| + | |||
| + | .navsub2 { | ||
| + | background-color: #0051A2; | ||
| + | opacity: 0.6; | ||
| + | } | ||
| + | |||
| + | .navsub2before { | ||
| + | background-color: #0051A2; | ||
| + | border-top-right-radius: 8px; | ||
| + | opacity: 0.6; | ||
| + | } | ||
| + | |||
| + | .navsub2after { | ||
| + | background-color: #0051A2; | ||
| + | border-bottom-right-radius: 8px; | ||
| + | border-bottom-left-radius: 8px; | ||
| + | opacity: 0.6; | ||
| + | } | ||
| + | /* ==== End Settings Submenu Level 2 ==== */ | ||
| + | |||
/* ============= BEGIN: Stylesheet for navigation menu ============= */ | /* ============= BEGIN: Stylesheet for navigation menu ============= */ | ||
| Line 382: | Line 434: | ||
<!------------- BEGIN: jQuery -------------> | <!------------- BEGIN: jQuery -------------> | ||
| − | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
$(function() { | $(function() { | ||
| Line 489: | Line 540: | ||
}) | }) | ||
</script> | </script> | ||
| − | + | ||
| + | |||
<script> | <script> | ||
/*Attachable menu code*/ | /*Attachable menu code*/ | ||
$( document ).ready(function() { | $( document ).ready(function() { | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
$(window).scroll(function (event) { | $(window).scroll(function (event) { | ||
| − | var y = $(this).scrollTop( | + | var y = $(this).scrollTop(); |
| − | + | ||
if(y>60){ | if(y>60){ | ||
$("#header").css('position','fixed'); | $("#header").css('position','fixed'); | ||
$("#header").css('width','100%'); | $("#header").css('width','100%'); | ||
| − | $("#header").css('margin-top','- | + | $("#header").css('margin-top','-61px'); |
$("#bottom-arrow").css('display','none'); | $("#bottom-arrow").css('display','none'); | ||
$("#runningchip-back").css('display','none'); | $("#runningchip-back").css('display','none'); | ||
$("#navtext").css('margin-top','-20px'); | $("#navtext").css('margin-top','-20px'); | ||
}else{ | }else{ | ||
| − | + | var offsetTop = -y; | |
| − | + | ||
| − | var offsetTop = | + | |
$("#header").css('margin-top',offsetTop+'px'); | $("#header").css('margin-top',offsetTop+'px'); | ||
$("#bottom-arrow").removeAttr('style'); | $("#bottom-arrow").removeAttr('style'); | ||
| Line 528: | Line 570: | ||
</script> | </script> | ||
| + | |||
<!------------- END: jQuery -------------> | <!------------- END: jQuery -------------> | ||
| Line 569: | Line 612: | ||
<div id="navtext"> | <div id="navtext"> | ||
<ul id="project-sub"> | <ul id="project-sub"> | ||
| − | <li class="chip_gap"><a></a></li> | + | <li class="chip_gap"><a href="https://2015.igem.org/Team:Freiburg/Project/Overview"></a></li> |
<li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Project/Overview">Overview</a></li> | <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Project/Overview">Overview</a></li> | ||
<li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Diagnostics">Diagnostics today</a></li> | <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Diagnostics">Diagnostics today</a></li> | ||
| − | <li><a class="navsub1" href="#">Techniques</a></li> | + | <li><a class="navsub1" href="#">Techniques</a> |
| + | <ul> | ||
| + | <li><a class="navsub2" href="https://2015.igem.org/Team:Freiburg/Methods/Cloning">Cloning</a></li> | ||
| + | <li><a class="navsub2" href="https://2015.igem.org/Team:Freiburg/Project/Classic_vs_Gibson">Classic vs Gibson</a></li> | ||
| + | <li><a class="navsub2" href="https://2015.igem.org/Team:Freiburg/Methods/Protpur">Protein Purification</a></li> | ||
| + | <li><a class="navsub2" href="https://2015.igem.org/Team:Freiburg/Project/Coli_Strains">E.coli Strains</a></li> | ||
| + | <li><a class="navsub2" href="https://2015.igem.org/Team:Freiburg/Methods/Cellfree">Cell-free Expression</a></li> | ||
| + | <li><a class="navsub2" href="https://2015.igem.org/Team:Freiburg/Methods/Surchem">Surface Chemistry</a></li> | ||
| + | </ul> | ||
| + | </li> | ||
<li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Project/Diseases">Diseases</a></li> | <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Project/Diseases">Diseases</a></li> | ||
<li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Project/Future_Directions">Future</a></li> | <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Project/Future_Directions">Future</a></li> | ||
</ul> | </ul> | ||
<ul id="team-sub"> | <ul id="team-sub"> | ||
| − | <li class="chip_gap"><a></a></li> | + | <li class="chip_gap"><a href="https://2015.igem.org/Team:Freiburg/Team"></a></li> |
<li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Team">Members</a></li> | <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Team">Members</a></li> | ||
<li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Attributions">Acknowledgements</a></li> | <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Attributions">Acknowledgements</a></li> | ||
| − | + | <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Partners">Partners</a></li> | |
| − | <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/ | + | |
</ul> | </ul> | ||
<ul id="results-sub"> | <ul id="results-sub"> | ||
| − | <li class="chip_gap"><a></a></li> | + | <li class="chip_gap"><a href="https://2015.igem.org/Team:Freiburg/Results"></a></li> |
| − | <li><a class="navsub1" href=" | + | <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Results">Summary</a></li> |
| + | <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Results/Assembling">The DiaCHIP (Assembling)</a></li> | ||
| + | <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Results/Diagnostics">The DiaCHIP (Diagnostics)</a></li> | ||
<li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Modeling">Modeling</a></li> | <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Modeling">Modeling</a></li> | ||
<li><a class="navsub1" href="#">Own Device</a></li> | <li><a class="navsub1" href="#">Own Device</a></li> | ||
| − | <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Parts">Biobricks</a></li> | + | <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Parts">Biobricks</a> |
| + | <ul> | ||
| + | <li><a class="navsub2" href="https://2015.igem.org/Team:Freiburg/Project/pOP-vector">pOP-vector</a></li> | ||
| + | <li><a class="navsub2" href="https://2015.igem.org/Team:Freiburg/Project/pRIG15_11">Clostridium tetani</a></li> | ||
| + | <li><a class="navsub2" href="https://2015.igem.org/Team:Freiburg/Project/pRIG15_13">Salmonella anibody</a></li> | ||
| + | <li><a class="navsub2" href="https://2015.igem.org/Team:Freiburg/Project/pRIG15_15">Salmonella antigen</a></li> | ||
| + | <li><a class="navsub2" href="https://2015.igem.org/Team:Freiburg/Project/pRIG15_17">HIV</a></li> | ||
| + | <li><a class="navsub2" href="https://2015.igem.org/Team:Freiburg/Project/pRIG15_181 | ||
| + | ">Syphilis</a></li> | ||
| + | <li><a class="navsub2" href="https://2015.igem.org/Team:Freiburg/Project/pRIG15_6">Measles</a></li> | ||
| + | <li><a class="navsub2" href="https://2015.igem.org/Team:Freiburg/Project/pRIG15_7">Chickenpox</a></li> | ||
| + | <li><a class="navsub2" href="https://2015.igem.org/Team:Freiburg/Project/pRIG15_8">Herpes Simplex</a></li> | ||
| + | </ul> | ||
| + | </li> | ||
| + | <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Collaborations">Collaborations</a></li> | ||
<li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/InterLab_Study">Interlab Study</a></li> | <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/InterLab_Study">Interlab Study</a></li> | ||
</ul> | </ul> | ||
<ul id="policy-sub"> | <ul id="policy-sub"> | ||
| − | <li class="chip_gap"><a></a></li> | + | <li class="chip_gap"><a href="https://2015.igem.org/Team:Freiburg/Practices"></a></li> |
<li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/PaP/ScienceFair">Science Fair</a></li> | <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/PaP/ScienceFair">Science Fair</a></li> | ||
<li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/PaP/TheatreProject">Theater Project</a></li> | <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/PaP/TheatreProject">Theater Project</a></li> | ||
<li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Practices/Survey">Public Opinion</a></li> | <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Practices/Survey">Public Opinion</a></li> | ||
| − | <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/PaP/LAS">College</a></li> | + | <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/PaP/LAS">College Talk</a></li> |
<li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Practices/Ethics">Ethics</a></li> | <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Practices/Ethics">Ethics</a></li> | ||
</ul> | </ul> | ||
<ul id="notebook-sub"> | <ul id="notebook-sub"> | ||
| − | <li class="chip_gap"><a></a></li> | + | <li class="chip_gap"><a href="https://2015.igem.org/Team:Freiburg/Notebook"></a></li> |
| − | <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Labjournals"> | + | <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Labjournals">Labjournals</a> |
</li> | </li> | ||
<li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Protocols">Protocols</a></li> | <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Protocols">Protocols</a></li> | ||
| − | + | <li><a class="navsub1" href="">Materials</a></li> | |
<li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Safety">Safety</a></li> | <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Safety">Safety</a></li> | ||
<li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Wikimigration">Wiki-Tricks</a></li> | <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Wikimigration">Wiki-Tricks</a></li> | ||
Revision as of 14:39, 11 September 2015