Template:Team:Groningen/Modelling/Header

From 2009.igem.org

(Difference between revisions)
(Nothing fancy yet.)
m
Line 1: Line 1:
-
{{Team:Groningen/Header}}
+
{{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; position:relative; right:50%;
 +
                  padding:5px 169px 5px 5px; height:79px; text-indent:-9999px;
 +
                  background-repeat: no-repeat; background-position: center center; }
 +
.subprojects li+li { border-left: solid 2px #81d1f1; }
 +
.subprojects a { text-indent:-9999px; display:block; width:164px; height:79px; background-repeat: no-repeat; background-position: center center; position:absolute; left:5px; top:5px; }
 +
.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>
 +
__NOTOC__

Revision as of 21:22, 20 October 2009

[http://2009.igem.org/Team:Groningen http://2009.igem.org/wiki/images/f/f1/Igemhomelogo.png]