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: 2px dashed white;
+
     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 ol {
+
div#MedalChecklist ul {
 +
    list-style: none;
 +
    padding: 20px;
 +
    margin-bottom: 20px;
/*    list-style-position: inside; */
/*    list-style-position: inside; */
}
}
-
div#MedalChecklist ol li {
+
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 ol li:first-line {
+
div#MedalChecklist ul li em {
     font-weight:bold;  
     font-weight:bold;  
-
     padding-left: 100px;
+
}
-
    /* font-style:italic; */
+
 
 +
div#MedalChecklist ul li p {
 +
     padding-left: 10px;
}
}
-
div#MedalChecklist ol li.complete {
+
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 ol li.pending {
+
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 ol li.notdone {
+
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