Team:DTU-Denmark/experimentaldesignCSS.css

From 2014.igem.org

(Difference between revisions)
(Created page with ":target { padding-top: 40px; } ul#experimentaldesign { width:1200px; height:400px; top:45px; list-style: none; position: relative; z-index:0; text-a...")
Line 51: Line 51:
background-repeat: no-repeat;
background-repeat: no-repeat;
background-position: 50% 60%;
background-position: 50% 60%;
 +
}
 +
 +
 +
.boxes {
 +
width: 200px;
 +
height: 200px;
 +
opacity: 1;
 +
}
 +
 +
.boxes:hover {
 +
background: #fbfbfb;
 +
opacity: 0;
}
}

Revision as of 14:41, 16 October 2014

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: 35px;

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(DTU-Denmark-hoverlight.png); background-repeat: no-repeat; background-position: 50% 60%; }


.boxes { width: 200px; height: 200px; opacity: 1; }

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