Team:DTU-Denmark/medalsCSS.css
From 2014.igem.org
(Difference between revisions)
Tbjohannesen (Talk | contribs) |
Tbjohannesen (Talk | contribs) |
||
(11 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
+ | :target { | ||
+ | padding-top: 40px; | ||
+ | } | ||
+ | |||
ul#medals { | ul#medals { | ||
width:1000px; | width:1000px; | ||
- | height: | + | height:200px; |
top:45px; | top:45px; | ||
list-style: none; | list-style: none; | ||
Line 14: | Line 18: | ||
#medals li { | #medals li { | ||
- | height: | + | height: 91px; |
- | width: | + | width: 300px; |
margin: 0 0 0 0; | margin: 0 0 0 0; | ||
border: 3px solid #353535; | border: 3px solid #353535; | ||
Line 33: | Line 37: | ||
text-decoration: none; | text-decoration: none; | ||
position: relative; | position: relative; | ||
- | top: | + | top: 23px; |
display: block; | display: block; | ||
padding: 5px 5px 5px 5px; | padding: 5px 5px 5px 5px; | ||
Line 49: | Line 53: | ||
#MEDALS-BRONZE{ background-color: #CD7F32; } | #MEDALS-BRONZE{ background-color: #CD7F32; } | ||
#MEDALS-SILVER { background-color: #C0C0C0; } | #MEDALS-SILVER { background-color: #C0C0C0; } | ||
- | #MEDALS-GOLD { background-color: # | + | #MEDALS-GOLD { background-color: #FFCC00; } |
Latest revision as of 09:22, 17 October 2014
- target {
padding-top: 40px;
}
ul#medals {
width:1000px; height:200px;
top:45px; list-style: none; position: relative; z-index:0; text-align: center;
<!==background: url('https://static.igem.org/mediawiki/2014/3/3d/DTU-Denmark-labresultsbar.png');--> background-repeat: no-repeat; background-size: 100%;
display: inline-block; }
- medals li {
height: 91px; width: 300px;
margin: 0 0 0 0; border: 3px solid #353535; float: left; list-style: none; position: absolute; }
- medals li:last-child { margin:0; }
/* main level link */
- medals a {
font-family:bree-web, Bree, sans-serif; font-size:14pt; font-weight:400; line-height:150%; color: #f5f5f5; text-decoration: none;
position: relative;
top: 23px; display: block; padding: 5px 5px 5px 5px; margin: 0px 0px 0px 0px; background-color: transparent; /*#d80d0d;*/ }
- medals .current a, #medals li:hover {
/*background-color: #f8353e;*/ background-image:url(); background-repeat: no-repeat; background-position: 50% 60%; background-size: 306px 81px; }
- MEDALS-BRONZE{ background-color: #CD7F32; }
- MEDALS-SILVER { background-color: #C0C0C0; }
- MEDALS-GOLD { background-color: #FFCC00; }