Team:DTU-Denmark/experimentaldesignCSS.css

From 2014.igem.org

(Difference between revisions)
Line 46: Line 46:
}
}
-
#experimentaldesign li:hover > a {
+
/*#experimentaldesign li:hover > a {
/*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;
Line 59: Line 59:
#experimentaldesign a:hover {
#experimentaldesign a:hover {
         opacity: 0 ! important;
         opacity: 0 ! important;
-
}
+
}*/

Revision as of 15:09, 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;

}

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

       opacity: 0.8;
       left: 

}

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

}*/


.boxes { }

.boxes:hover { opacity: 0; }


<script> function show(target){

        document.getElementById(target).style.opacity = '0.8';

} </script>