Template:Team:Groningen/Project/Header

From 2009.igem.org

(Difference between revisions)
(Project bar is back :))
m
 
(9 intermediate revisions not shown)
Line 1: Line 1:
{{Team:Groningen/Header}}<html><style>
{{Team:Groningen/Header}}<html><style>
-
#projectstructure { text-align:center;width:100%;border-collapse:collapse; }
+
/* Based on http://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browser-support */
-
#projectstructure td+td { width:25%;border-left:solid 2px #81d1f1; }
+
.subprojects { float:left; width:100%; overflow:hidden; position:relative; }
-
</style></html>
+
.subprojects ul { clear:left; float:left; list-style:none; margin:0; padding:0; position:relative; left:50%; text-align:center; }
-
<div class="navigation imageMap" style="display:block; float:left; margin:15px 15px 15px 0px; z-index:auto;"><html>
+
.subprojects li { display:block; float:left; list-style:none; margin:0; position:relative; right:50%;
-
<ul style="width:170px; height:290px; position:relative;">
+
                  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="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="promoters"></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>
</ul>
</ul>
-
</html></div>
+
</div>
 +
</html>
 +
__NOTOC__

Latest revision as of 15:22, 8 October 2009

Igemhomelogo.png