Template:Team:Groningen/Header

From 2009.igem.org

(Difference between revisions)
(First start with menu structure.)
(Attempt at nicer drop-down menu.)
Line 29: Line 29:
#headerlinktable .last { padding-right:30px;
#headerlinktable .last { padding-right:30px;
     background:url(https://static.igem.org/mediawiki/2009/c/ca/GroningenBarRight.png) no-repeat right top; }
     background:url(https://static.igem.org/mediawiki/2009/c/ca/GroningenBarRight.png) no-repeat right top; }
-
#headerlinktable th ul { display:none; position:absolute; width:150px; background-color:#c7e9f7; border:2px solid #81d1f1; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding:10px;
+
#headerlinktable th ul { display:none; position:absolute; width:150px; background-color:#c7e9f7;  
                         text-align:left; list-style:none; left:0px; top:-1px; margin:0px; }
                         text-align:left; list-style:none; left:0px; top:-1px; margin:0px; }
#headerlinktable th:hover ul { display:block; }
#headerlinktable th:hover ul { display:block; }
Line 42: Line 42:
.ourtable th+th { padding-left: 1cm; }
.ourtable th+th { padding-left: 1cm; }
.ourtable td+td { padding-left: 1cm; }
.ourtable td+td { padding-left: 1cm; }
 +
/* Project navigation styles */
 +
.projectNavigation li { list-style:none; display:block; position:absolute; text-indent:-9999px; }
 +
.projectNavigation a { text-indent:-9999px; display:block; width:100%; height:100%; }
 +
.projectNavigation .transport { left:5px; top: 5px; width:164px; height:72px;
 +
                                  background:url('/wiki/images/e/ea/PSTransport.png'); }
 +
.projectNavigation .accumulation { left:25px; top: 95px; width:139px; height:52px;
 +
                                    background:url('/wiki/images/9/9a/PSAccumulation.png'); }
 +
.projectNavigation .promoter { left:20px; top: 170px; width:138px; height:30px;
 +
                                background:url('/wiki/images/4/4e/PSPromoter.png'); }
 +
.projectNavigation .vesicles { left:40px; top: 215px; width:118px; height:79px;
 +
                                background:url('/wiki/images/8/80/PSVesicles.png'); }
 +
.projectNavigation .transport a { background:url('/wiki/images/5/56/PSTransportLight.png'); }
 +
.projectNavigation .accumulation a { background:url('/wiki/images/0/05/PSAccumulationLight.png'); }
 +
.projectNavigation .promoter a { background:url('/wiki/images/0/01/PSPromoterLight.png'); }
 +
.projectNavigation .vesicles a { background:url('/wiki/images/7/72/PSVesiclesLight.png'); }
 +
.projectNavigation .transport a:hover { background:none; }
 +
.projectNavigation .accumulation a:hover { background:none; }
 +
.projectNavigation .promoter a:hover { background:none; }
 +
.projectNavigation .vesicles a:hover { background:none; }
</html>{{InfoBox/Style.css}}<html>
</html>{{InfoBox/Style.css}}<html>
</style>
</style>
Line 50: Line 69:
![[Team:Groningen/Vision|Our Vision]]
![[Team:Groningen/Vision|Our Vision]]
![[Team:Groningen/Project|The Project]]
![[Team:Groningen/Project|The Project]]
-
<div style="position:relative">
+
<div style="position:relative;"><html><ul class="projectNavigation" style="width:170px; height:300px; background-color:#c7e9f7; border:2px solid #81d1f1; padding:10px; position:absolute;">
-
*[[Team:Groningen/Project/Transport|Transport]]
+
<li class="transport"></html>[[Team:Groningen/Project/Transport|Transport]]<html></li>
-
*[[Team:Groningen/Project/Accumulation|Accumulation]]
+
<li class="accumulation"></html>[[Team:Groningen/Project/Accumulation|Accumulation]]<html></li>
-
*[[Team:Groningen/Project/Vesicle|Gas Vesicle]]
+
<li class="promoter"></html>[[Team:Groningen/Project/Promoters|Metal-sensitive Promoters]]<html></li>
-
*[[Team:Groningen/Project/Promoters|Metal-sensitive Promoters]]
+
<li class="vesicles"></html>[[Team:Groningen/Project/Vesicle|Gas Vesicles]]<html></li>
-
</div>
+
</ul></html></div>
![[Team:Groningen/Project_Plan|Project Plan]]
![[Team:Groningen/Project_Plan|Project Plan]]
<!--For the moment we'll try to integrate this with the "The Project page"-->
<!--For the moment we'll try to integrate this with the "The Project page"-->

Revision as of 15:36, 7 September 2009

[http://2009.igem.org/Team:Groningen http://2009.igem.org/wiki/images/0/01/LogoIGEMGroningenBar.png]
The Team Our Vision The Project Project Plan Modelling Notebook Links