Team:DTU-Denmark/experimentaldesignCSS.css

From 2014.igem.org

(Difference between revisions)
 
(42 intermediate revisions not shown)
Line 1: Line 1:
:target {
:target {
-
         padding-top: 40px;
+
         padding-top: 400px;
}
}
ul#experimentaldesign {
ul#experimentaldesign {
-
         width:1077px;
+
         width:100%;
-
         height:523px;
+
         height: 100%;
 +
        left: -50px;
top:45px;
top:45px;
list-style: none;
list-style: none;
Line 16: Line 17:
display: inline-block;
display: inline-block;
}
}
-
https://static.igem.org/mediawiki/2014/9/96/OverviewFigureLabDesignV2.png
+
 
#experimentaldesign li {
#experimentaldesign li {
margin: 0 0 0 0;
margin: 0 0 0 0;
Line 24: Line 25:
         border: 35px;
         border: 35px;
         border-color: #353535;
         border-color: #353535;
 +
       
}
}
#experimentaldesign li:last-child { margin:0; }
#experimentaldesign li:last-child { margin:0; }
Line 33: Line 35:
font-weight:400;
font-weight:400;
line-height:130%;
line-height:130%;
-
color: #f5f5f5;
+
color: #000000;
text-decoration: none;
text-decoration: none;
                 position: relative;
                 position: relative;
 +
                text-align: justify;
display: block;
display: block;
         top:4px;
         top:4px;
padding: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
margin: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
-
background-color: transparent; /*#d80d0d;*/
+
background-color: #ddd; /*#d80d0d;transparent*/
         opacity: 0;
         opacity: 0;
}
}
-
#experimentaldesign .current a, #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;
-
background-color: #353535;
+
/*background-color: #ddd;*/
/*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;
background-position: 50% 60%;
background-position: 50% 60%;
-
         opacity: 0.2;
+
        background-color: #ddd;
 +
         opacity: 1;
         left:  
         left:  
 +
}
 +
 +
#experimentaldesign a:hover {
 +
        opacity: 0 ! important;
}
}
-
.textbox {
+
.boxes {
-
      position: static;
+
-
      left: 500px;
+
-
      top: 800px;
+
-
      width: 350px;
+
}
}
.boxes:hover {
.boxes:hover {
-
background: #353535;
 
opacity: 0;
opacity: 0;
}
}

Latest revision as of 22:18, 17 October 2014

target {
       padding-top: 400px;

}

ul#experimentaldesign {

       width:100%;
       height: 100%;
       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;
               text-align: justify;

display: block;

       top:4px;

padding: 5px 5px 5px 5px; margin: 0px 0px 0px 0px; background-color: #ddd; /*#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: #ddd;*/ /*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: #ddd;
       opacity: 1;
       left: 

}

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

}


.boxes { }

.boxes:hover { opacity: 0; }