Template:Team:Groningen/Project/Header

From 2009.igem.org

(Difference between revisions)
(No more navbox.)
(Alternative navigation box)
Line 1: Line 1:
-
{{Team:Groningen/Header}}<!--<html><style>
+
{{Team:Groningen/Header}}<html><style>
 +
/* Based on http://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browser-support */
 +
.subprojects { float:left; width:100%; overflow:hidden; position:relative; }
 +
.subprojects ul { clear:left; float:left; list-style:none; margin:0; padding:0; position:relative; left:50%; text-align:center; }
 +
.subprojects li { display:block; float:left; list-style:none; margin:0; padding:0; position:relative; right:50%; }
 +
.subprojects li+li { border-left: solid 2px #81d1f1; }
 +
.subprojects li { padding:5px; width:164px; height:79px; text-indent:-9999px;
 +
                  background-repeat: no-repeat; background-position: center center; }
 +
.subprojects a { text-indent:-9999px; display:block; width:100%; height:100%; background-repeat: no-repeat; background-position: center center; }
 +
.subprojects ul li a:hover { background:none; }
 +
.subprojects .transport { background-image:url('/wiki/images/e/ea/PSTransport.png'); }
 +
.subprojects .accumulation { background-image:url('/wiki/images/9/9a/PSAccumulation.png'); }
 +
.subprojects .promoters { background-image:url('/wiki/images/4/4e/PSPromoter.png'); }
 +
.subprojects .vesicles { background-image:url('/wiki/images/8/80/PSVesicles.png'); }
 +
.subprojects .transport a { background-image:url('/wiki/images/c/c2/PSTransportLightW.png'); }
 +
.subprojects .accumulation a { background-image:url('/wiki/images/c/c8/PSAccumulationLightW.png'); }
 +
.subprojects .promoters a { background-image:url('/wiki/images/1/16/PSPromoterLightW.png'); }
 +
.subprojects .vesicles a { background-image:url('/wiki/images/9/99/PSVesiclesLightW.png'); }
 +
</style>
 +
<div class="subprojects">
 +
<ul>
 +
<li class="transport"></html>[[Team:Groningen/Project/Transport|Transport]]<html></li>
 +
<li class="accumulation"></html>[[Team:Groningen/Project/Accumulation|Accumulation]]<html></li>
 +
<li class="promoters"></html>[[Team:Groningen/Project/Promoters|Metal-sensitive Promoters]]<html></li>
 +
<li class="vesicles"></html>[[Team:Groningen/Project/Vesicle|Gas Vesicles]]<html></li>
 +
</ul>
 +
</div>
 +
</html><!--<html><style>
#projectstructure { text-align:center;width:100%;border-collapse:collapse; }
#projectstructure { text-align:center;width:100%;border-collapse:collapse; }
#projectstructure td+td { width:25%;border-left:solid 2px #81d1f1; }
#projectstructure td+td { width:25%;border-left:solid 2px #81d1f1; }

Revision as of 15:25, 21 September 2009

Igemhomelogo.png