"

 

From 2008.igem.org

Note: After saving, you may have to bypass your browser's cache to see the changes. Mozilla / Firefox / Safari: hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (Command-R on a Macintosh); Konqueror: click Reload or press F5; Opera: clear the cache in Tools → Preferences; Internet Explorer: hold Ctrl while clicking Refresh, or press Ctrl-F5.

dl#cartoonmap{
	background:url('https://static.igem.org/mediawiki/2008/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('https://static.igem.org/mediawiki/2008/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('https://static.igem.org/mediawiki/2008/1/17/StudentsKULBlackWhite.JPG') transparent no-repeat;
	background-position:-800px -800px;
}

• Recent changes
• What links here
• Related changes
• Special pages
• My preferences

• Printable version
• Permanent link
• Privacy policy
• Disclaimers