Template:Team:KULeuven/Stylesheet

From 2009.igem.org

(Difference between revisions)
 
(118 intermediate revisions not shown)
Line 165: Line 165:
     float: right;
     float: right;
     top: -30px;
     top: -30px;
-
     right: 180px;
+
     right: 140px;
}
}
Line 307: Line 307:
     background: #ffffe8;
     background: #ffffe8;
     border: 2px solid #ffddaa;
     border: 2px solid #ffddaa;
-
    font-weight: bold;
 
     font-size: 200%;
     font-size: 200%;
 +
    font-weight: bold;
     color: #777;
     color: #777;
 +
   
 +
}
 +
div#sponsor.gold{
 +
    position: relative;
 +
    width: 136px;
 +
    border: none;
 +
    border-bottom: 2px solid #ffddaa;
 +
    border-top: 2px solid #ffddaa;
 +
    text-align:center;
 +
    font-size: 85%;
 +
    color: #D4AF37;
 +
    margin-bottom: 5px;
 +
    padding: 2px 0px 2px 0px;
 +
}
 +
 +
div#sponsor.silver {
 +
    position: relative;
 +
    width: 136px;
 +
    border: none;
 +
    border-bottom: 2px solid #ffddaa;
 +
    border-top: 2px solid #ffddaa;
 +
    text-align: center;
 +
    font-size: 85%;
 +
    color: #C0C0C0;
 +
    margin-bottom: 5px;
 +
    padding: 2px 0px 2px 0px;
 +
}
 +
 +
div#sponsor.header {
 +
    position: relative;
 +
    width: 136px;
 +
    border: none;
 +
    border-top: 2px solid #ffddaa;
 +
    text-align: center;
 +
    font-size: 100%;
 +
    color: #777;
 +
    margin-bottom: 10px;
 +
    padding: 2px 0px 2px 0px;
 +
}
 +
 +
div#sponsor span {
}
}
div#sponsor.topright {
div#sponsor.topright {
     left: auto;
     left: auto;
-
     right: -140px;     
+
     right: -141px;     
     top: 0px;
     top: 0px;
     bottom: auto;
     bottom: auto;
Line 320: Line 361:
div#sponsor.topleft {
div#sponsor.topleft {
-
     left: -140px;
+
     left: -141px;
     right: auto;     
     right: auto;     
     top: 0px;
     top: 0px;
Line 328: Line 369:
div#sponsor.bottomright {
div#sponsor.bottomright {
     left: auto;
     left: auto;
-
     right: -140px;     
+
     right: -141px;     
     top: auto;
     top: auto;
     bottom: 0px;
     bottom: 0px;
Line 334: Line 375:
div#sponsor.bottomleft {
div#sponsor.bottomleft {
-
     left: -140px;
+
     left: -141px;
     right: auto;     
     right: auto;     
     top: auto;
     top: auto;
Line 395: Line 436:
     padding: 10px;
     padding: 10px;
}
}
 +
 +
div#HideRedLinks a[href$='redlink=1'] {
 +
    display: none;
 +
}
 +
 +
.colcontainer {
 +
clear: both;
 +
}
 +
.twocol {
 +
width: 47%;
 +
float: left;
 +
position: relative;
 +
}
 +
.twocol + .twocol {
 +
float: right;
 +
}
 +
 +
 +
#imap {display:block; width:800px; height:500px; background:url(https://static.igem.org/mediawiki/2009/8/83/IGEM_Team_foto_800px.png); position:relative; border: 1px solid black;}
 +
* html #imap a#title {height:500px; }
 +
#imap a#title:hover {background-position: 0 0; z-index:10;}
 +
 +
#imap dd {position:absolute; padding:0; margin:0;}
 +
#imap #pic1  {left:210px; top:173px; z-index:20;}
 +
#imap #pic2  {left:265px; top:203px; z-index:20;}
 +
#imap #pic3  {left:293px; top:166px; z-index:20;}
 +
#imap #pic4  {left:333px; top:187px; z-index:20;}
 +
#imap #pic5  {left:369px; top:178px; z-index:20;}
 +
#imap #pic6  {left:403px; top:202px; z-index:20;}
 +
#imap #pic7  {left:435px; top:185px; z-index:20;}
 +
#imap #pic8  {left:472px; top:198px; z-index:20;}
 +
#imap #pic9  {left:506px; top:179px; z-index:20;}
 +
#imap #pic10 {left:549px; top:196px; z-index:20;}
 +
#imap #pic11 {left:308px; top:309px; z-index:20;}
 +
#imap #pic12 {left:378px; top:311px; z-index:20;}
 +
 +
#imap a#text1:hover span {left:265px; top:107px;}
 +
#imap a#text2:hover span {left:210px; top:77px;}
 +
#imap a#text3:hover span {left:182px; top:114px;}
 +
#imap a#text4:hover span {left:142px; top:93px;}
 +
#imap a#text5:hover span {left:106px; top:102px;}
 +
#imap a#text6:hover span {left:72px; top:78px;}
 +
#imap a#text7:hover span {left:40px; top:95px;}
 +
#imap a#text8:hover span {left:3px; top:82px;}
 +
#imap a#text9:hover span {left:-31px; top:101px;}
 +
#imap a#text10:hover span {left:-74px; top:84px;}
 +
#imap a#text11:hover span {left:167px; top:-29px;}
 +
#imap a#text12:hover span {left:97px; top:-31px;}
 +
 +
 +
#imap a#text1, #imap a#text2, #imap a#text3, #imap a#text4, #imap a#text5, #imap a#text6, #imap a#text7, #imap a#text8, #imap a#text9, #imap a#text10, #imap a#text11, #imap a#text12 {display:block; width: 61px; height:65px; text-decoration:none; z-index:20; border: 1px dotted white;}
 +
#imap a span, #imap a:visited span {display:none;}
 +
#imap a#text1:hover, #imap a#text2:hover, #imap a#text3:hover, #imap a#text4:hover, #imap a#text5:hover, #imap a#text6:hover, #imap a#text7:hover, #imap a#text8:hover, #imap a#text9:hover, #imap a#text10:hover, #imap a#text11:hover, #imap a#text12:hover {border: 1px solid white; background: transparent url(https://static.igem.org/mediawiki/2009/2/2c/Transppixel50.png);}
 +
 +
#imap a:hover span {position:absolute;  width:300px; height: 200px; display:block; font-family:arial; font-size:12px; background:#fff; color:#000; border:1px solid #000; padding:5px; text-align: left; z-index: 40; background: transparent url(https://static.igem.org/mediawiki/2009/2/2c/Transppixel50.png);}
 +
/* * html #imap a:hover span {width:300px;} */
 +
 +
 +
#imap a span:first-line {font-weight:bold; font-style:italic;}
 +
 +
 +
-->
-->
</style>
</style>
</html>
</html>

Latest revision as of 14:58, 9 September 2009