Template:Team:Bielefeld-Germany/JournalNav2

From 2013.igem.org

(Difference between revisions)
(Created page with "{{Team:Bielefeld-Germany/Header2}} {{Team:Bielefeld-Germany/css/header_cleanup.css}} __NOTOC__ <html> <style> p {padding-left: 22px; padding-right: 22px;} </styl...")
 
(122 intermediate revisions not shown)
Line 1: Line 1:
-
{{Team:Bielefeld-Germany/Header2}}
+
{{Team:Bielefeld-Germany/css/button.css}}
-
{{Team:Bielefeld-Germany/css/header_cleanup.css}}
+
-
__NOTOC__
 
<html>
<html>
-
    <style>
+
<style>
-
      p {padding-left: 22px; padding-right: 22px;}  
+
#globalwrapper ul {padding-left:40px; padding-right:40px;}
-
    </style>
+
#globalwrapper #rightcol ul {padding-left:0px; padding-right:0px;}
 +
#toc{width:170px;font-size:85%;}
 +
h3,h4{clear:both;}
 +
#globalwrapper h4{color:#ff6600; padding-left:20px;}
 +
#globalwrapper div.thumb.tleft{margin-left:80px; clear:both;}
 +
#globalwrapper ul {clear:both;}
 +
#globalwrapper ul ul{clear:both;}
 +
#globalwrapper ul{padding-left:60px; padding-right:40px;}
 +
#globalwrapper ul ul{padding-left:40px; padding-right:40px;}
-
<style type="text/css">
 
-
#navigation > #navtable {display:block;}
 
-
#navigation > #sub_weeks_placeholder {display:block;}
 
-
#navigation > .sub_weeks {visibility:hidden;}
 
-
#navigation .navtable:hover + .sub_weeks{visibility:visible;}
 
-
</style>
 
-
<style type="text/css">
+
.bigbutton{width:80px; height:30px; line-height:30px; font-size:0.9em; margin-right:2px; display:table;}
-
.aprilsub{display:none;}
+
-
//.april:hover .aprilsub{display:block;}
+
-
.background:hover .miscsub{display:block;}
+
-
.background:hover .aprilsub{display:block;}
+
-
.background:hover .maysub{display:block;}
+
-
.background:hover .junesub{display:block;}
+
-
.background:hover .julysub{display:block;}
+
-
.background:hover .augsub{display:block;}
+
-
.background:hover .septsub{display:block;}
+
-
.background:hover .octsub{display:block;}
+
-
.miscsub{display:none;}
+
.bigbutton a{display:block; height:100%;}
-
.maysub{display:none;}
+
-
//.maysub:hover .maysub{display:block;}
+
-
.junesub{display:none;}
+
-
.june:hover .junesub{display:block;}
+
-
.julysub{display:none;}
+
-
.july:hover .julysub{display:block;}
+
-
.augsub{display:none;}
+
-
.august:hover .augsub{display:block;}
+
-
.septsub{display:none;}
+
-
.september:hover .septsub{display:block;}
+
-
.octsub{display:none;}
+
-
.october:hover .octsub{display:block;}
+
-
</style>
 
-
<div id="abstandshalter" style="padding-top:50px">
 
-
<div class="background" style=" height:20px; background-color:#ff6600;">
 
-
<div class="misc" style="float:left; padding-left:20px; width:100px;">
+
.rightcol{
-
<div style="border-right-style:solid; color:white">
+
width:140px;  
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August">Misc</a>
+
height:450px;
-
</div>
+
margin-left:800px;  
-
<div class="miscsub" style="width:500px;">
+
float:right;  
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August#1.Week">Protocols</a><br>
+
position:fixed;  
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August#2.Week">Programs</a><br>
+
margin-top:0px;  
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August#3.Week">something</a><br>
+
overflow-y:scroll; 
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August#4.Week">anything</a>
+
box-shadow:0px 0px 2px 0px grey;
-
</div>
+
padding:0px 20px;>
-
</div>
+
}
-
<div class="april" style="float:left; padding-left:20px; width:100px;">
+
</style>
-
<div style="border-right-style:solid; color:white">
+
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August">April</a>
+
-
</div>
+
-
<div class="aprilsub" style="width:500px;">
+
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August#1.Week">Week 1</a><br>
+
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August#2.Week">Week 2</a><br>
+
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August#3.Week">Week 3</a><br>
+
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August#4.Week">Week 4</a>
+
-
</div>
+
-
</div>
+
-
<div class="may" style="float:left; padding-left:20px; width:100px;">
 
-
<div style="border-right-style:solid; color:white">
 
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August">May</a>
 
-
</div>
 
-
<div class="maysub" style="width:500px;">
 
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August#1.Week">Week 5</a><br>
 
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August#2.Week">Week 6</a><br>
 
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August#3.Week">Week 7<a><br>
 
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August#4.Week">Week 8</a>
 
-
</div>
 
-
</div>
 
-
<div class="june" style="float:left; padding-left:20px; width:100px;">
 
-
<div style="border-right-style:solid; color:white">
 
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August">June</a>
 
-
</div>
 
-
<div class="junesub" style="width:500px;">
 
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August#1.Week">29.07 - 04.08</a><br>
 
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August#2.Week">05.08 - 12.08</a><br>
 
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August#3.Week">13.07 - 20.08</a><br>
 
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August#4.Week">21.07 - 28.08</a>
 
-
</div>
 
-
</div>
 
-
<div class="july" style="float:left; padding-left:20px; width:100px;">
 
-
<div style="border-right-style:solid; color:white">
 
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August">July</a>
 
-
</div>
 
-
<div class="julysub" style="width:500px;">
 
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August#1.Week">29.07 - 04.08</a><br>
 
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August#2.Week">05.08 - 12.08</a><br>
 
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August#3.Week">13.07 - 20.08</a><br>
 
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August#4.Week">21.07 - 28.08</a>
 
-
</div>
 
-
</div>
 
-
<div class="august" style="float:left; padding-left:20px; width:100px;">
+
<div id="globalwrapper" style="width:720px; padding-left:20px; padding-right:20px; margin-top:60px;">
-
<div style="border-right-style:solid; color:white">
+
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August">August</a>
+
-
</div>
+
-
<div class="augsub" style="width:500px;">
+
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August#1.Week">1. 29.07 - 04.08</a><br>
+
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August#2.Week">2. 05.08 - 12.08</a><br>
+
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August#3.Week">3. 13.07 - 20.08</a><br>
+
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August#4.Week">4. 21.07 - 28.08</a>
+
-
</div>
+
-
</div>
+
-
<div class="september" style="float:left; padding-left:20px; width:100px;">
 
-
<div style="border-right-style:solid; color:white">
 
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August">September</a>
 
-
</div>
 
-
<div class="septsub" style="width:500px;">
 
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August#1.Week">1. 29.07 - 04.08</a><br>
 
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August#2.Week">2. 05.08 - 12.08</a><br>
 
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August#3.Week">3. 13.07 - 20.08</a><br>
 
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August#4.Week">4. 21.07 - 28.08</a>
 
-
</div>
 
-
</div>
 
-
<div class="october" style="float:left; padding-left:20px; width:100px;">
+
<div id="buttonnav" style="height:30px; padding:10px 30px; margin-bottom:0px; margin-top:20px;">
-
<div style="border-right-style:solid; color:white">
+
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August">October</a>
+
-
</div>
+
-
<div class="octsub" style="width:500px;">
+
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August#1.Week">1. 29.07 - 04.08</a><br>
+
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August#2.Week">2. 05.08 - 12.08</a><br>
+
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August#3.Week">3. 13.07 - 20.08</a><br>
+
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August#4.Week">4. 21.07 - 28.08</a>
+
-
</div>
+
-
</div>
+
-
</div>
+
<div class="bigbutton">
 +
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/ProtocolsPrograms">Protocols</a></div>
 +
<div class="bigbutton">
 +
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/Prologue">Prologue</a></div>
 +
<div class="bigbutton">
 +
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/May">May</a></div>
 +
<div class="bigbutton">
 +
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/June">June</a></div>
 +
<div class="bigbutton">
 +
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/July">July</a></div>
 +
<div class="bigbutton">
 +
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August">August</a></div>
 +
<div class="bigbutton">
 +
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/September">September</a></div>
 +
<div class="bigbutton">
 +
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/October">October</a></div>
</div>
</div>
</div>
</div>
-
<br><br><br><br>
 
-
<br><br>
 
-
<div>
 
-
<h2>Overview <a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/May">May</a></h2>
 
-
<h4>Achievements</h4>
 
-
<p>-</p>
 
-
<br>
 
-
<h4>Miscellaneous</h4>
 
-
<p>Wir haben uns im Labor eingerichtet und Platten & Medien angesetzt</p>
 
-
<br><br>
 
-
<h2>Overview <a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/June">June</a></h2>
 
-
<p>text<p>
 
-
<br><br>
 
-
<h2>Overview <a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/May">July</a></h2>
 
-
<p>text<p>
 
-
<br><br>
 
-
</div>
 
</html>
</html>

Latest revision as of 13:43, 2 October 2013