"

From 2014.igem.org

target {

       padding-top: 40px;

}

ul#experimentaldesign {

       width:1200px;
       height:400px;

top:45px; list-style: none; position: relative; z-index:0; text-align: center;

       background: url('https://static.igem.org/mediawiki/2014/5/5d/DTU-Denmark-OverviewFigureLabDesignV2.png');
       background-repeat: no-repeat;
       background-size: 100%;

display: inline-block; }

1. experimentaldesign li {

       height: height: $($(this).attr('height') + 'px')
       width: $($(this).attr('width') + 'px')

margin: 0 0 0 0;

       border-left: 1px solid black;
       border-right: 1px solid black;

float: left; list-style: none; position: absolute; }

1. experimentaldesign li:last-child { margin:0; }

/* main level link */

1. experimentaldesign a {

font-family:bree-web, Bree, sans-serif; font-size:10pt; font-weight:400; line-height:130%; color: #f5f5f5; text-decoration: none;

               position: relative;

display: block;

       top:4px;

padding: 5px 5px 5px 5px; margin: 0px 0px 0px 0px; background-color: transparent; /*#d80d0d;*/ }

1. experimentaldesign .current a, #experimentaldesign li:hover > a {

/*color: #000; mouse over tekstfarve for menu. Før #F79042. Tyrkis 7edbf6. dd6421*/ border-color:#724f20; /*background-color: #f8353e;*/ background-image:url(); background-repeat: no-repeat; background-position: 50% 60%; }

.boxes {

/*     height: 150px;
     widht: 300px*/
     width: $($(this).attr('widht') + 'px');
     height: $($(this).attr('height') + 'px');

}

.boxes:hover { background: #353535; opacity: 0; }