Template:Team:Bielefeld-Germany/JournalNav2

From 2013.igem.org

(Difference between revisions)
 
(81 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;}
+
-
.misccol{display:none;}
 
-
.april:hover .misccol{display:block;}
 
-
</style>
+
.rightcol{
 +
width:140px;
 +
height:450px;
 +
margin-left:800px;
 +
float:right;
 +
position:fixed;
 +
margin-top:0px;
 +
overflow-y:scroll; 
 +
box-shadow:0px 0px 2px 0px grey;
 +
padding:0px 20px;>
 +
}
-
<div id="abstandshalter" style="padding-top:50px">
 
-
<div class="leftcolums"style="float:left">
+
</style>
-
<div class="misc" style="padding-left:20px; width:100px; height:20px; color:white; background-color:#ff6600; border-bottom:1px solid; border-top:1px solid;  padding-top:3px">
 
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August">Misc</a>
 
-
</div>
 
-
<div class="april" style="padding-left:20px; width:100px; height:20px; color:white; background-color:#ff6600; border-bottom:1px solid;border-top: 1px solid;  padding-top:3px">
 
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August">April</a>
 
-
</div>
 
-
<div class="may" style="padding-left:20px; width:100px; height:20px; color:white; background-color:#ff6600; border-bottom:1px solid; border-top:1px solid; padding-top:3px">
+
<div id="globalwrapper" style="width:720px; padding-left:20px; padding-right:20px; margin-top:60px;">
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August">May</a>
+
-
</div>
+
-
<div class="june" style="padding-left:20px; width:100px; height:20px; color:white; background-color:#ff6600; border-bottom:1px solid;border-top: 1px solid;  padding-top:3px">
 
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August">June</a>
 
-
</div>
 
-
</div>
 
 +
<div id="buttonnav" style="height:30px; padding:10px 30px; margin-bottom:0px; margin-top:20px;">
-
<div class="misccol" style="float:left; padding-left:150px">
+
<div class="bigbutton">
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August#1.Week">Protocols</a><br>
+
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/ProtocolsPrograms">Protocols</a></div>
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August#2.Week">Programs</a><br>
+
<div class="bigbutton">
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August#3.Week">something</a><br>
+
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/Prologue">Prologue</a></div>
-
<a href="https://2013.igem.org/Team:Bielefeld-Germany/Labjournal/August#4.Week">anything</a>
+
<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>
 
-
<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