Template:Team:Groningen/Header

From 2009.igem.org

(Difference between revisions)
m (No more rounded corners for pull-out menu.)
(Modelling image.)
Line 38: Line 38:
#headerlinktable #project a { background:url('/wiki/images/2/2e/GroningenBarProjectLight.png'); }
#headerlinktable #project a { background:url('/wiki/images/2/2e/GroningenBarProjectLight.png'); }
#headerlinktable #project a:hover { background:none; }
#headerlinktable #project a:hover { background:none; }
 +
#headerlinktable #modelling { width:55px; height:62px; margin-bottom:2px; text-indent:-9999px;
 +
                              background:url('/wiki/images/0/01/GroningenBarModelling.png'); }
 +
#headerlinktable #modelling a { text-indent:-9999px; display:block; width:100%; height:100%; }
 +
#headerlinktable #modelling a { background:url('/wiki/images/3/31/GroningenBarModellingLight.png'); }
 +
#headerlinktable #modelling a:hover { background:none; }
.todo{color:red;}
.todo{color:red;}
.done{color:green;}
.done{color:green;}
Line 48: Line 53:
.ourtable td+td { padding-left: 1cm; }
.ourtable td+td { padding-left: 1cm; }
/* Project navigation styles */
/* Project navigation styles */
-
.projectNavigation li { list-style:none; display:block; position:absolute; text-indent:-9999px; }
+
.navigation { position:relative;z-index:10; }
-
.projectNavigation a { text-indent:-9999px; display:block; width:100%; height:100%; }
+
.navigation ul { background-color:#c7e9f7; border:2px solid #81d1f1; padding:10px; position:absolute; }
-
.projectNavigation .transport { left:5px; top: 5px; width:164px; height:72px;
+
.navigation li { list-style:none; display:block; position:absolute; text-indent:-9999px; }
 +
.navigation a { text-indent:-9999px; display:block; width:100%; height:100%; }
 +
.navigation .transport { left:5px; top: 5px; width:164px; height:72px;
                                   background:url('/wiki/images/e/ea/PSTransport.png'); }
                                   background:url('/wiki/images/e/ea/PSTransport.png'); }
-
.projectNavigation .accumulation { left:25px; top: 95px; width:139px; height:52px;
+
.navigation .accumulation { left:25px; top: 95px; width:139px; height:52px;
                                     background:url('/wiki/images/9/9a/PSAccumulation.png'); }
                                     background:url('/wiki/images/9/9a/PSAccumulation.png'); }
-
.projectNavigation .promoter { left:20px; top: 170px; width:138px; height:30px;
+
.navigation .promoter { left:20px; top: 170px; width:138px; height:30px;
                                 background:url('/wiki/images/4/4e/PSPromoter.png'); }
                                 background:url('/wiki/images/4/4e/PSPromoter.png'); }
-
.projectNavigation .vesicles { left:40px; top: 215px; width:118px; height:79px;
+
.navigation .vesicles { left:40px; top: 215px; width:118px; height:79px;
                                 background:url('/wiki/images/8/80/PSVesicles.png'); }
                                 background:url('/wiki/images/8/80/PSVesicles.png'); }
-
.projectNavigation .transport a { background:url('/wiki/images/5/56/PSTransportLight.png'); }
+
.navigation .formulas { text-indent:0px; }
-
.projectNavigation .accumulation a { background:url('/wiki/images/0/05/PSAccumulationLight.png'); }
+
.navigation .transport a { background:url('/wiki/images/5/56/PSTransportLight.png'); }
-
.projectNavigation .promoter a { background:url('/wiki/images/0/01/PSPromoterLight.png'); }
+
.navigation .accumulation a { background:url('/wiki/images/0/05/PSAccumulationLight.png'); }
-
.projectNavigation .vesicles a { background:url('/wiki/images/7/72/PSVesiclesLight.png'); }
+
.navigation .promoter a { background:url('/wiki/images/0/01/PSPromoterLight.png'); }
-
.projectNavigation .transport a:hover { background:none; }
+
.navigation .vesicles a { background:url('/wiki/images/7/72/PSVesiclesLight.png'); }
-
.projectNavigation .accumulation a:hover { background:none; }
+
.navigation .transport a:hover { background:none; }
-
.projectNavigation .promoter a:hover { background:none; }
+
.navigation .accumulation a:hover { background:none; }
-
.projectNavigation .vesicles a:hover { background:none; }
+
.navigation .promoter a:hover { background:none; }
 +
.navigation .vesicles a:hover { background:none; }
</html>{{InfoBox/Style.css}}<html>
</html>{{InfoBox/Style.css}}<html>
</style>
</style>
Line 73: Line 81:
![[Team:Groningen/Team|The Team]]
![[Team:Groningen/Team|The Team]]
![[Team:Groningen/Vision|Our Vision]]
![[Team:Groningen/Vision|Our Vision]]
-
!<html><div id="project"></html>[[Team:Groningen/Project|The Project]]<html></div></html>
+
!<div id="project">[[Team:Groningen/Project|The Project]]</div>
-
<div style="position:relative;z-index:10;"><html><ul class="projectNavigation" style="left:-57px; width:170px; height:300px; background-color:#c7e9f7; border:2px solid #81d1f1; padding:10px; position:absolute;">
+
<div class="navigation"><html><ul style="left:-61px; width:170px; height:295px;">
<li class="transport"></html>[[Team:Groningen/Project/Transport|Transport]]<html></li>
<li class="transport"></html>[[Team:Groningen/Project/Transport|Transport]]<html></li>
<li class="accumulation"></html>[[Team:Groningen/Project/Accumulation|Accumulation]]<html></li>
<li class="accumulation"></html>[[Team:Groningen/Project/Accumulation|Accumulation]]<html></li>
<li class="promoter"></html>[[Team:Groningen/Project/Promoters|Metal-sensitive Promoters]]<html></li>
<li class="promoter"></html>[[Team:Groningen/Project/Promoters|Metal-sensitive Promoters]]<html></li>
<li class="vesicles"></html>[[Team:Groningen/Project/Vesicle|Gas Vesicles]]<html></li>
<li class="vesicles"></html>[[Team:Groningen/Project/Vesicle|Gas Vesicles]]<html></li>
-
<!--<div style="background:url('/wiki/images/f/fe/PSMenuLB.png');position:absolute;left:-2px;bottom:-2px;width:11px;height:11px;"></div>
 
-
<div style="background:url('/wiki/images/1/15/PSMenuRB.png');position:absolute;right:-2px;bottom:-2px;width:11px;height:11px;"></div>-->
 
</ul></html></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"-->
<!--!align="center"|[[Team:Groningen/Parts|Parts]]-->
<!--!align="center"|[[Team:Groningen/Parts|Parts]]-->
-
![[Team:Groningen/Modelling|Modelling]]
+
!<div id="modelling">[[Team:Groningen/Modelling|Modelling]]</div>
 +
<div class="navigation"><html><ul style="left:-67px; width:170px; height:50px;">
 +
<li class="formulas"></html>[[Team:Groningen/Modelling/Arsenic|Formulas]]<html></li>
 +
</ul></html></div>
![[Team:Groningen/Notebook|Notebook]]
![[Team:Groningen/Notebook|Notebook]]
!class="last"|Links
!class="last"|Links

Revision as of 13:04, 14 September 2009

LogoIGEMGroningenBar.png
The Team Our Vision Project Plan Notebook Links