Template:Team:Groningen/Project/Header

/* 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'); }  Transport   Accumulation  Metal-sensitive Promoters  Gas Vesicles  