Team:EPF-Lausanne/Team/Essai

map

dl#cartoonmap{ background:url('https://static.igem.org/mediawiki/2009/thumb/5/53/Group.jpg/500px-Group.jpg') transparent top left no-repeat; display:block; position:relative; width:500px; height:500px; 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#nicolas a{ left:112px; bottom:312px; width:45px; height:45px; } dl#cartoonmap dd#christian a{ left:178px; bottom:300px; width:45px; height:45px; } dl#cartoonmap dd#gabriela a{ left:240px; bottom:300px; width:45px; height:45px; } /* link hover doings */ dl#cartoonmap dd a:hover{ border-style:solid; border-width:3px; background:url('https://static.igem.org/mediawiki/2009/thumb/5/53/Group.jpg/500px-Group.jpg') transparent top left no-repeat; } /* colored borders! */ dl#cartoonmap dd#nicolas a:hover, dl#cartoonmap dd#nicolas a:hover span, dl#cartoonmap dd#nicolas a:hover span div.first{ border-color:darkblue; } dl#cartoonmap dd#christian a:hover, dl#cartoonmap dd#christian a:hover span, dl#cartoonmap dd#christian a:hover span div.first{ border-color:darkblue; } dl#cartoonmap dd#gabriela a:hover, dl#cartoonmap dd#gabriela a:hover span, dl#cartoonmap dd#gabriela a:hover span div.first{ border-color:darkblue; } dl#cartoonmap dd#nicolas a:hover span div.first {background:#3366FF; color:#000;} dl#cartoonmap dd#christian a:hover span div.first {background:#3366FF; color:#000;} dl#cartoonmap dd#gabriela a:hover span div.first {background:#3366FF; color:#000;} /* subsequent hover positions (change when link positions change) (-left,h-imgH) */ dl#cartoonmap dd#nicolas a:hover{ background-position:-114px -140px; } dl#cartoonmap dd#christian a:hover{ background-position:-180.5px -152px; } dl#cartoonmap dd#gabriela a:hover{ background-position:-242.5px -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:Helvetica; margin-left:0.5em; text-align:left; } dl#cartoonmap dd#nicolas a:hover span{ left:130px; top:50px; } dl#cartoonmap dd#christian a:hover span{ left:100px; top:50px; } dl#cartoonmap dd#gabriela a:hover span{ left:80px; top:38px; } /* 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('https://static.igem.org/mediawiki/2009/e/e7/GroupNB.jpg') transparent no-repeat; background-position:-800px -800px; }