Team:DTU-Denmark/experimentaldesignCSS.css
From 2014.igem.org
(65 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
:target { | :target { | ||
- | padding-top: | + | padding-top: 400px; |
} | } | ||
ul#experimentaldesign { | ul#experimentaldesign { | ||
- | width: | + | width:100%; |
- | height: | + | height: 100%; |
+ | left: -50px; | ||
top:45px; | top:45px; | ||
list-style: none; | list-style: none; | ||
Line 18: | Line 19: | ||
#experimentaldesign li { | #experimentaldesign li { | ||
- | |||
margin: 0 0 0 0; | margin: 0 0 0 0; | ||
- | + | float: left; | |
- | + | ||
- | + | ||
list-style: none; | list-style: none; | ||
position: absolute; | position: absolute; | ||
+ | border: 35px; | ||
+ | border-color: #353535; | ||
+ | |||
} | } | ||
#experimentaldesign li:last-child { margin:0; } | #experimentaldesign li:last-child { margin:0; } | ||
Line 34: | Line 35: | ||
font-weight:400; | font-weight:400; | ||
line-height:130%; | line-height:130%; | ||
- | color: # | + | 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: | + | background-color: #ddd; /*#d80d0d;transparent*/ |
+ | opacity: 0; | ||
} | } | ||
- | + | #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: # | + | /*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%; | ||
+ | background-color: #ddd; | ||
+ | opacity: 1; | ||
+ | left: | ||
+ | } | ||
+ | |||
+ | #experimentaldesign a:hover { | ||
+ | opacity: 0 ! important; | ||
} | } | ||
.boxes { | .boxes { | ||
- | |||
- | |||
} | } | ||
.boxes:hover { | .boxes:hover { | ||
- | |||
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; }
- experimentaldesign li {
margin: 0 0 0 0;
float: left;
list-style: none; position: absolute;
border: 35px; border-color: #353535;
}
- experimentaldesign li:last-child { margin:0; }
/* main level link */
- 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;
}
- 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:
}
- experimentaldesign a:hover {
opacity: 0 ! important;
}
.boxes {
}
.boxes:hover { opacity: 0; }