Team:DTU-Denmark/experimentaldesignCSS.css

From 2014.igem.org

(Difference between revisions)
Line 49: Line 49:
/*color: #000;  mouse over tekstfarve for menu. Før #F79042. Tyrkis 7edbf6. dd6421*/
/*color: #000;  mouse over tekstfarve for menu. Før #F79042. Tyrkis 7edbf6. dd6421*/
border-color:#724f20;
border-color:#724f20;
-
/*background-color: #353535;*/
+
/*background-color: #bbbbbb;*/
/*background-image:url(https://static.igem.org/mediawiki/2014/5/5a/DTU-Denmark-hoverlight.png)*/;
/*background-image:url(https://static.igem.org/mediawiki/2014/5/5a/DTU-Denmark-hoverlight.png)*/;
background-repeat: no-repeat;
background-repeat: no-repeat;

Revision as of 17:39, 17 October 2014

target {
       padding-top: 400px;

}

ul#experimentaldesign {

       width:1077px;
       height:523px;
       left: -50px;

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 {

margin: 0 0 0 0;

       float: left;

list-style: none; position: absolute;

       border: 35px;
       border-color: #353535;
       

}

  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: #000000; text-decoration: none;

               position: relative;

display: block;

       top:4px;

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

       opacity: 0;

}

  1. experimentaldesign li:hover > a {

/*color: #000; mouse over tekstfarve for menu. Før #F79042. Tyrkis 7edbf6. dd6421*/ border-color:#724f20; /*background-color: #bbbbbb;*/ /*background-image:url(https://static.igem.org/mediawiki/2014/5/5a/DTU-Denmark-hoverlight.png)*/; background-repeat: no-repeat; background-position: 50% 60%;

       background-color: #fedabe;
       opacity: 1;
       left: 

}

  1. experimentaldesign a:hover {
       opacity: 0 ! important;

}


.boxes { }

.boxes:hover { opacity: 0; }