"
Template:Team:KULeuven/Stylesheet2
From 2009.igem.org
(Difference between revisions)
| (46 intermediate revisions not shown) | |||
| Line 61: | Line 61: | ||
top: 10px; | top: 10px; | ||
right: 300px; | right: 300px; | ||
| - | border: | + | border:none; |
} | } | ||
| Line 451: | Line 451: | ||
| - | div#goldsponsor img,div#silversponsor img, div#sympasponsor img { | + | div#goldsponsor img,div#silversponsor img,div#sympasponsor img{ |
height:32px; | height:32px; | ||
margin: 3px; | margin: 3px; | ||
| Line 507: | Line 507: | ||
#imap a span img { height: 150px; float: left; margin-right: 10px;} | #imap a span img { height: 150px; float: left; margin-right: 10px;} | ||
#imap a span div#type { background: black; color: white; font-weight: bolder; text-align: center; position: absolute; right: 0px; bottom: 0px; padding: 10px; font-size: 150%;} | #imap a span div#type { background: black; color: white; font-weight: bolder; text-align: center; position: absolute; right: 0px; bottom: 0px; padding: 10px; font-size: 150%;} | ||
| - | |||
| - | |||
| - | |||
| Line 540: | Line 537: | ||
#imap2 #pic3 {left:259px; top:306px; z-index:20;} | #imap2 #pic3 {left:259px; top:306px; z-index:20;} | ||
#imap2 #pic4 {left:549px; top:223px; z-index:20;} | #imap2 #pic4 {left:549px; top:223px; z-index:20;} | ||
| + | #imap2 #pic5 {left:350px; top:200px; z-index:20;} | ||
| + | |||
/* relatieve positie van de tekstkader, tov de witte kader */ | /* relatieve positie van de tekstkader, tov de witte kader */ | ||
| Line 554: | Line 553: | ||
#imap2 a#text3 {display:block; width: 198px; height:205px; text-decoration:none; z-index:20;} | #imap2 a#text3 {display:block; width: 198px; height:205px; text-decoration:none; z-index:20;} | ||
#imap2 a#text4 {display:block; width: 236px; height:307px; text-decoration:none; z-index:20;} | #imap2 a#text4 {display:block; width: 236px; height:307px; text-decoration:none; z-index:20;} | ||
| - | + | #imap2 a#text5 {display:block; width: 275px; height:100px; text-decoration:none; z-index:20;} | |
| Line 560: | Line 559: | ||
#imap2 a span, #imap2 a:visited span {display:none;} | #imap2 a span, #imap2 a:visited span {display:none;} | ||
| - | #imap2 a#text1:hover, #imap2 a#text2:hover, #imap2 a#text3:hover, #imap2 a#text4:hover {border: 2px dashed grey; background: transparent url(https://static.igem.org/mediawiki/2009/2/2c/Transppixel50.png);} | + | #imap2 a#text1:hover, #imap2 a#text2:hover, #imap2 a#text3:hover, #imap2 a#text4:hover, #imap2 a#text5:hover {border: 2px dashed grey; background: transparent url(https://static.igem.org/mediawiki/2009/2/2c/Transppixel50.png);} |
#imap2 a#text1:hover span {position:absolute; width:385px; height: 260px; display:block; font-family:arial; font-size:13px; background:#fff; color:#000; border:2px solid #000; padding:5px; text-align: left; z-index: 40; background: transparent url(https://static.igem.org/mediawiki/2009/c/cc/Transpixel80.png);} | #imap2 a#text1:hover span {position:absolute; width:385px; height: 260px; display:block; font-family:arial; font-size:13px; background:#fff; color:#000; border:2px solid #000; padding:5px; text-align: left; z-index: 40; background: transparent url(https://static.igem.org/mediawiki/2009/c/cc/Transpixel80.png);} | ||
| Line 573: | Line 572: | ||
#imap2 a span img { height: 150px; float: left; margin-right: 10px;} | #imap2 a span img { height: 150px; float: left; margin-right: 10px;} | ||
#imap2 a span div#type { background: black; color: white; font-weight: bolder; text-align: center; position: absolute; right: 0px; bottom: 0px; padding: 10px; font-size: 150%;} | #imap2 a span div#type { background: black; color: white; font-weight: bolder; text-align: center; position: absolute; right: 0px; bottom: 0px; padding: 10px; font-size: 150%;} | ||
| + | |||
| + | div#imap2wrapper div#promovid { | ||
| + | z-index: 5; | ||
| + | float: right; | ||
| + | position: absolute; | ||
| + | bottom: 0px; | ||
| + | right: -130px; | ||
| + | } | ||
| + | |||
| + | div#imap2wrapper div#smallabstract { | ||
| + | z-index: 5; | ||
| + | float: left; | ||
| + | font-size: 10px; | ||
| + | text-align: left; | ||
| + | border: none; | ||
| + | position: relative; | ||
| + | left: -30px; | ||
| + | width: 300px; | ||
| + | margin: 5px; | ||
| + | } | ||
| + | |||
| + | div#imap2wrapper div#smallabstract a span { | ||
| + | font-size: 12px; | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | |||
| + | div#imap2wrapper div#smallabstract a p { | ||
| + | margin-left: 10px; | ||
| + | margin-bottom: 5px; | ||
| + | } | ||
| + | |||
| + | |||
| + | div#imap2wrapper div#smallabstract a { | ||
| + | text-decoration: none; | ||
| + | color: black; | ||
| + | } | ||
| + | |||
| + | div#imap2wrapper div#smallabstract:hover { | ||
| + | background: #c0c0c0; | ||
| + | } | ||
| + | |||
div#hiddentools { | div#hiddentools { | ||
| Line 589: | Line 629: | ||
} | } | ||
| - | div#MedalChecklist | + | div#MedalChecklist ul { |
| + | list-style: none; | ||
| + | padding: 20px; | ||
| + | margin-bottom: 20px; | ||
/* list-style-position: inside; */ | /* list-style-position: inside; */ | ||
} | } | ||
| - | div#MedalChecklist | + | div#MedalChecklist ul.bronze { |
| + | background-color: #f2dbc3; | ||
| + | border: 2px solid #cd7f32; | ||
| + | } | ||
| + | |||
| + | div#MedalChecklist ul.silver { | ||
| + | background-color: #f0f0f0; | ||
| + | border: 2px solid #c0c0c0; | ||
| + | } | ||
| + | |||
| + | div#MedalChecklist ul.gold { | ||
| + | background-color: #ffec85; | ||
| + | border: 2px solid #ffd700; | ||
| + | } | ||
| + | |||
| + | div#MedalChecklist ul li { | ||
padding-left: 60px; | padding-left: 60px; | ||
| + | padding-right: 10px; | ||
| + | |||
padding-top: 10px; | padding-top: 10px; | ||
padding-bottom: 10px; | padding-bottom: 10px; | ||
| - | height: 100px; | + | margin-bottom: 5px; |
| + | |||
| + | min-height: 100px; | ||
} | } | ||
| - | div#MedalChecklist | + | div#MedalChecklist ul li em { |
font-weight:bold; | font-weight:bold; | ||
| - | padding-left: | + | } |
| - | + | ||
| + | div#MedalChecklist ul li p { | ||
| + | padding-left: 10px; | ||
} | } | ||
| - | div#MedalChecklist | + | div#MedalChecklist ul li.complete { |
background:transparent url(https://static.igem.org/mediawiki/2009/7/7a/KUL_Medal_complete.png) top left no-repeat; | background:transparent url(https://static.igem.org/mediawiki/2009/7/7a/KUL_Medal_complete.png) top left no-repeat; | ||
| + | /*border-right: 1px solid green; | ||
| + | border-bottom: 1px solid green; */ | ||
} | } | ||
| - | div#MedalChecklist | + | div#MedalChecklist ul li.pending { |
background:transparent url(https://static.igem.org/mediawiki/2009/7/74/KUL_Medal_pending.png) top left no-repeat; | background:transparent url(https://static.igem.org/mediawiki/2009/7/74/KUL_Medal_pending.png) top left no-repeat; | ||
| + | /* border-right: 1px solid blue; | ||
| + | border-bottom: 1px solid blue; */ | ||
} | } | ||
| - | div#MedalChecklist | + | div#MedalChecklist ul li.notdone { |
background:transparent url(https://static.igem.org/mediawiki/2009/1/1a/KUL_Medal_notdone.png) top left no-repeat; | background:transparent url(https://static.igem.org/mediawiki/2009/1/1a/KUL_Medal_notdone.png) top left no-repeat; | ||
| + | /* border-right: 1px solid red; | ||
| + | border-bottom: 1px solid red; */ | ||
} | } | ||
Latest revision as of 15:11, 21 October 2009
