User:Avdmeers/wiki/teammap.css

dl#cartoonmap{ background:url('http://2008.igem.org/wiki/images/5/57/StudentsKUL.JPG') transparent top left no-repeat; display:block; position:relative; width:665px; height:499px; margin:0px;

border:none; z-index: 200; } dl#cartoonmap dt{ display:none; }

/* Common stuff between links */ dl#cartoonmap dd a{	position:absolute;

border: 1px dashed silver; text-decoration: none; } dl#cartoonmap dd a span{ display:none; }

/* link positions (x,y,w,h) */ dl#cartoonmap dd#maarten a{ left:112px; bottom:312px; width:45px; height:45px; } dl#cartoonmap dd#nick a{ left:178px; bottom:300px; width:45px; height:45px; } dl#cartoonmap dd#benjamien a{ left:240px; bottom:300px; width:45px; height:45px; } dl#cartoonmap dd#stefanie a{ left:275px; bottom:262px; width:45px; height:45px; } dl#cartoonmap dd#dries a{ left:302px; bottom:295px; width:45px; height:45px; } dl#cartoonmap dd#andim a{ left:333px; bottom:275px; width:45px; height:45px; } dl#cartoonmap dd#hanne a{ left:357px; bottom:294px; width:45px; height:45px; } dl#cartoonmap dd#elke a{ left:382px; bottom:275px; width:45px; height:45px; } dl#cartoonmap dd#jan a{ left:412px; bottom:300px; width:45px; height:45px; } dl#cartoonmap dd#nathalie a{ left:435px; bottom:275px; width:45px; height:45px; } dl#cartoonmap dd#jonas a{ left:470px; bottom:298px; width:45px; height:45px; } dl#cartoonmap dd#antoine a{ left:515px; bottom:300px; width:45px; height:45px; }

/* link hover doings */ dl#cartoonmap dd a:hover{ border-style:solid; border-width:3px; background:url('http://2008.igem.org/wiki/images/5/57/StudentsKUL.JPG') transparent top left no-repeat; } /* colored borders! */ dl#cartoonmap dd#maarten a:hover, dl#cartoonmap dd#maarten a:hover span, dl#cartoonmap dd#maarten a:hover span div.first{ border-color:darkblue; } dl#cartoonmap dd#nick a:hover, dl#cartoonmap dd#nick a:hover span, dl#cartoonmap dd#nick a:hover span div.first{ border-color:darkblue; } dl#cartoonmap dd#benjamien a:hover, dl#cartoonmap dd#benjamien a:hover span, dl#cartoonmap dd#benjamien a:hover span div.first{ border-color:darkblue; } dl#cartoonmap dd#stefanie a:hover, dl#cartoonmap dd#stefanie a:hover span, dl#cartoonmap dd#stefanie a:hover span div.first{ border-color:darkblue; } dl#cartoonmap dd#dries a:hover, dl#cartoonmap dd#dries a:hover span, dl#cartoonmap dd#dries a:hover span div.first{ border-color:darkblue; } dl#cartoonmap dd#andim a:hover, dl#cartoonmap dd#andim a:hover span, dl#cartoonmap dd#andim a:hover span div.first{ border-color:darkblue; } dl#cartoonmap dd#hanne a:hover, dl#cartoonmap dd#hanne a:hover span, dl#cartoonmap dd#hanne a:hover span div.first{ border-color:darkblue; } dl#cartoonmap dd#elke a:hover, dl#cartoonmap dd#elke a:hover span, dl#cartoonmap dd#elke a:hover span div.first{ border-color:darkblue; } dl#cartoonmap dd#jan a:hover, dl#cartoonmap dd#jan a:hover span, dl#cartoonmap dd#jan a:hover span div.first{ border-color:darkblue; } dl#cartoonmap dd#nathalie a:hover, dl#cartoonmap dd#nathalie a:hover span, dl#cartoonmap dd#nathalie a:hover span div.first{ border-color:darkblue; } dl#cartoonmap dd#jonas a:hover, dl#cartoonmap dd#jonas a:hover span, dl#cartoonmap dd#jonas a:hover span div.first{ border-color:darkblue; } dl#cartoonmap dd#antoine a:hover, dl#cartoonmap dd#antoine a:hover span, dl#cartoonmap dd#antoine a:hover span div.first{ border-color:darkblue; }

dl#cartoonmap dd#maarten a:hover span div.first {background:#3366FF; color:#000;} dl#cartoonmap dd#nick a:hover span div.first {background:#3366FF; color:#000;} dl#cartoonmap dd#benjamien a:hover span div.first {background:#3366FF; color:#000;} dl#cartoonmap dd#stefanie a:hover span div.first {background:#3366FF; color:#000;} dl#cartoonmap dd#dries a:hover span div.first {background:#3366FF; color:#000;} dl#cartoonmap dd#andim a:hover span div.first {background:#3366FF; color:#000;} dl#cartoonmap dd#hanne a:hover span div.first {background:#3366FF; color:#000;} dl#cartoonmap dd#elke a:hover span div.first {background:#3366FF; color:#000;} dl#cartoonmap dd#jan a:hover span div.first {background:#3366FF; color:#000;} dl#cartoonmap dd#nathalie a:hover span div.first {background:#3366FF; color:#000;} dl#cartoonmap dd#jonas a:hover span div.first {background:#3366FF; color:#000;} dl#cartoonmap dd#antoine a:hover span div.first {background:#3366FF; color:#000;}

/* subsequent hover positions (change when link positions change) (-left,h-imgH) */ dl#cartoonmap dd#maarten a:hover{ background-position:-114px -140px; } dl#cartoonmap dd#nick a:hover{ background-position:-180.5px -152px; } dl#cartoonmap dd#benjamien a:hover{ background-position:-242.5px -152px; } dl#cartoonmap dd#stefanie a:hover{ background-position:-277px -190px; } dl#cartoonmap dd#dries a:hover{ background-position:-304px -157px; } dl#cartoonmap dd#andim a:hover{ background-position:-335px -177px; } dl#cartoonmap dd#hanne a:hover{ background-position:-359px -158px; } dl#cartoonmap dd#elke a:hover{ background-position:-384px -177px; } dl#cartoonmap dd#jan a:hover{ background-position:-414px -152px; } dl#cartoonmap dd#nathalie a:hover{ background-position:-437px -177px; } dl#cartoonmap dd#jonas a:hover{ background-position:-472px -153.5px; } dl#cartoonmap dd#antoine a:hover{ background-position:-517px -152px; }

/*	put=new-old puttop=new-(imageheight-(bottom+height)) dl#cartoonmap dd a:hover span{ display:block; position:absolute;

width:200px; height:200px;

border-width:&px; border-style:solid;

color:black; background-color:white;

z-index: 100; } dl#cartoonmap dd a:hover span div.first{ display:block; font-size:120%; font-weight:bold; padding:2px; text-align:left; border-bottom:1px solid; font-family:Arial; } dl#cartoonmap dd a:hover span div.rest{ font-size:10pt; font-family:Arial; margin-left:0.5em; text-align:left; } dl#cartoonmap dd#maarten a:hover span{ left:330px; top:150px; } dl#cartoonmap dd#nick a:hover span{ left:264px; top:138px; } dl#cartoonmap dd#benjamien a:hover span{ left:202px; top:138px; } dl#cartoonmap dd#stefanie a:hover span{ left:167px; top:100px; } dl#cartoonmap dd#dries a:hover span{ left:140px; top:133px; } dl#cartoonmap dd#andim a:hover span{ left:109px; top:113px; } dl#cartoonmap dd#hanne a:hover span{ left:-345px; top:132px; } dl#cartoonmap dd#elke a:hover span{ left:-370px; top:113px; } dl#cartoonmap dd#jan a:hover span{ left:-400px; top:138px; } dl#cartoonmap dd#nathalie a:hover span{ left:-423px; top:113px; } dl#cartoonmap dd#jonas a:hover span{ left:-458px; top:136px; } dl#cartoonmap dd#antoine a:hover span{ left:-503px; top:138px; }

/* Others that don't fit into a pattern */ dl#cartoonmap dd#banner span img{ position:absolute; left:183px; top:13px; width:600px; height:200px;

/* For preloading purposes only */ background:url('http://2008.igem.org/wiki/images/1/17/StudentsKULBlackWhite.JPG') transparent no-repeat; background-position:-800px -800px; }