Template:Team:KULeuven/Stylesheet2

From 2009.igem.org

(Difference between revisions)
 
(116 intermediate revisions not shown)
Line 10: Line 10:
     height: 160px;
     height: 160px;
     background-color: none;
     background-color: none;
-
     background: url(https://static.igem.org/mediawiki/2009/0/02/Header2.3.png) no-repeat;  
+
     background: url(https://static.igem.org/mediawiki/2009/b/b5/IGEM_Site_Header_3.png) no-repeat;  
     background-position: top left;
     background-position: top left;
     position: relative;
     position: relative;
Line 21: Line 21:
     top: 30px;
     top: 30px;
     left: 115px;
     left: 115px;
-
     font-size: 220%;
+
     font-size: 160%;
     z-index: 1;
     z-index: 1;
     font-family: "Times New Roman"; /*,Georgia,Serif; */
     font-family: "Times New Roman"; /*,Georgia,Serif; */
-
     font-weight: bold;
+
     /*font-weight: bold;*/
     color: white;
     color: white;
}
}
Line 30: Line 30:
div#title {
div#title {
     position: absolute;
     position: absolute;
-
     top: 75px;
+
     top: 70px;
-
     left: 200px;
+
     left: 150px;
-
     font-size: 300%;
+
     font-size: 370%;
     z-index: 1;
     z-index: 1;
     font-family: "Times New Roman"; /*,Georgia,Serif; */
     font-family: "Times New Roman"; /*,Georgia,Serif; */
Line 40: Line 40:
}
}
-
div#title a, div#title a:visited, div#slogan a, div#slogan a:visited,div#Team a:visited {
+
div#title a, div#title a:visited, div#slogan a, div#slogan a:visited, div#Team a,div#Team a:visited {
     text-decoration: none;
     text-decoration: none;
     color: white;
     color: white;
Line 55: Line 55:
     color: white;
     color: white;
 +
}
 +
 +
div#countdown {
 +
    position: absolute;
 +
    top: 10px;
 +
    right: 300px;
 +
    border:none;
}
}
Line 62: Line 69:
     position:absolute;
     position:absolute;
     left:0px;
     left:0px;
-
     top: 208px;
+
     top: 206px;
     left:5px;
     left:5px;
     float: left;
     float: left;
Line 126: Line 133:
  left: 0px;
  left: 0px;
  width: 100%;
  width: 100%;
 +
background-color: #275472;
 +
border-bottom: 1px solid white;
 +
border-top: 1px solid white;
 +
padding: 0;
 +
margin: 0;
}
}
-
div#ContactUs{
+
div#ContactUs {
-
float: right;
+
    float: right;
-
z-index: 1;
+
-
background-color:none;
+
-
height:26px;
+
}
}
-
div#ContactUs a {
+
div#ContactUs ul{
-
font: bold 12px Verdana;
+
z-index:100;
 +
margin: 0;
 +
padding: 0;
 +
list-style-type: none;
 +
list-style: none;
 +
}
 +
 
 +
/*Top level list items*/
 +
div#ContactUs ul li{
 +
position: relative;
 +
display: inline;
 +
float: left;
color: white;
color: white;
 +
font-weight:bold;
 +
}
 +
 +
/*Top level menu link items style*/
 +
div#ContactUs ul li a, div#ContactUs ul li strong.selflink {
 +
display: block;
 +
background: #275472; /*#414141; / *background of menu items (default state)*/
 +
color: white;
 +
font-weight:bold;
 +
margin-right:-1px;
 +
padding: 2px 8px;
 +
border: 1px solid white;
 +
border-bottom: none;
 +
border-top:none;
text-decoration: none;
text-decoration: none;
-
padding: 3px 20px 3px 3px;
 
-
border-left:1px solid white;
 
}
}
-
div#ContactUs a:hover {
+
div#ContactUs ul li a:hover {
-
color: Black;
+
color: black;
 +
font-weight:bold;
background-color: #C9D5E0;
background-color: #C9D5E0;
}
}
 +
div#ContactUs ul li strong.selflink {
 +
Background-color:#C9D5E0;
 +
}
 +
* html div#ContactUs ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
 +
display: inline-block;
 +
}
Line 352: Line 391:
div#KULfooterText {
div#KULfooterText {
     position: relative;
     position: relative;
-
     left: 100px;
+
     left: 147px;
-
     width: 860px;
+
     width: 808px;
     bottom: 0px;
     bottom: 0px;
     padding-right: 10px;
     padding-right: 10px;
Line 388: Line 427:
div#sponsor {
div#sponsor {
     position: absolute;
     position: absolute;
-
     width: 860px;
+
     width: 818px;
-
     left: 100px;
+
     left: 147px;
}
}
Line 405: Line 444:
div#sympasponsor {
div#sympasponsor {
-
     background: #ccccff;
+
     background: #aaaaff;
     margin-top: 2px;
     margin-top: 2px;
-
     margin-left: 10px;
+
     margin-left: 35px;
     float: right;
     float: right;
}
}
-
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 468: 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 501: 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 515: 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 521: 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 534: 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 549: Line 628:
     color: black;
     color: black;
}
}
 +
 +
div#MedalChecklist ul {
 +
    list-style: none;
 +
    padding: 20px;
 +
    margin-bottom: 20px;
 +
/*    list-style-position: inside; */
 +
}
 +
 +
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-right: 10px;
 +
 +
    padding-top: 10px;
 +
    padding-bottom: 10px;
 +
    margin-bottom: 5px;
 +
 +
    min-height: 100px;
 +
}
 +
 +
div#MedalChecklist ul li em {
 +
    font-weight:bold;
 +
}
 +
 +
div#MedalChecklist ul li p {
 +
    padding-left: 10px;
 +
}
 +
 +
 +
div#MedalChecklist ul li.complete {
 +
    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 ul li.pending {
 +
    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 ul li.notdone {
 +
    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; */
 +
}
 +
 +
/* https://static.igem.org/mediawiki/2009/1/1a/KUL_Medal_notdone.png
 +
  https://static.igem.org/mediawiki/2009/7/74/KUL_Medal_pending.png
 +
  https://static.igem.org/mediawiki/2009/7/7a/KUL_Medal_complete.png
 +
*/
 +
-->
-->
</style>
</style>
</html>
</html>

Latest revision as of 15:11, 21 October 2009