Template:Team:Groningen/Project/Header

From 2009.igem.org

(Difference between revisions)
(A separate header for the project pages.)
m
 
(22 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;border:solid 2px;border-color:#9c9; }
+
/* Based on http://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browser-support */
-
#projectstructure td { border:solid 1px;border-color:#bdb; }
+
.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; }
-
{|id="projectstructure"
+
.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;
-
|colspan=4|[[Team:Groningen/Project|Metal filtering, buoyant bacteria]]
+
                  background-repeat: no-repeat; background-position: center center; }
-
|-
+
.subprojects li+li { border-left: solid 2px #81d1f1; }
-
|colspan=2|Metal filtering(?)
+
.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; }
-
|colspan=2|Buoyancy(?)
+
.subprojects ul li a:hover { background:none; }
-
|-
+
.subprojects .transport { background-image:url('/wiki/images/e/ea/PSTransport.png'); }
-
|style="vertical-align:top;"|[[Team:Groningen/Project/Transport|Metal transport]]
+
.subprojects .accumulation { background-image:url('/wiki/images/9/9a/PSAccumulation.png'); }
-
{{{1|<br>{{LinkedImage|Metaltransport.jpg|Team:Groningen/Project/Transport|Metal transport}}}}}
+
.subprojects .promoters { background-image:url('/wiki/images/4/4e/PSPromoter.png'); }
-
|style="vertical-align:top;"|[[Team:Groningen/Project/Accumulation|Metal accumulation]]
+
.subprojects .vesicles { background-image:url('/wiki/images/8/80/PSVesicles.png'); }
-
{{{1|<br>{{LinkedImage|Metal_storage.jpg|Team:Groningen/Project/Accumulation}}}}}
+
.subprojects .transport a { background-image:url('/wiki/images/c/c2/PSTransportLightW.png'); }
-
|style="vertical-align:top;"|[[Team:Groningen/Project/Vesicle|Gas Vesicle]]
+
.subprojects .accumulation a { background-image:url('/wiki/images/c/c8/PSAccumulationLightW.png'); }
-
{{{1|<br>{{LinkedImage|Gasvesicle.jpg|Team:Groningen/Project/Vesicle}}}}}
+
.subprojects .promoters a { background-image:url('/wiki/images/1/16/PSPromoterLightW.png'); }
-
|style="vertical-align:top;"|[[Team:Groningen/Project/Promoters|Metal sensitive promoters]]
+
.subprojects .vesicles a { background-image:url('/wiki/images/9/99/PSVesiclesLightW.png'); }
-
{{{1|<br>{{LinkedImage|Metal_detector.jpg|Team:Groningen/Project/Promoters}}}}}
+
</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__

Latest revision as of 15:22, 8 October 2009

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