Template:Team:KULeuven/Stylesheet

From 2009.igem.org

(Difference between revisions)
 
(42 intermediate revisions not shown)
Line 360: Line 360:
}
}
-
div#sponsor img {
+
div#sponsor.topleft {
-
     width:130px;
+
     left: -141px;
 +
    right: auto;   
 +
    top: 0px;
 +
    bottom: auto;
}
}
-
div#sponsor a {
+
div#sponsor.bottomright {
-
     color: white;
+
     left: auto;
-
     text-decoration: none;
+
     right: -141px;   
 +
    top: auto;
 +
    bottom: 0px;
}
}
-
div#visitors {
+
div#sponsor.bottomleft {
-
     position: absolute;
+
     left: -141px;
-
    width: 136px;
+
     right: auto;  
-
    text-align: center;
+
     top: auto;
-
     background: #ffffe8;
+
     bottom: 0px;
-
     border: 2px solid #ffddaa;
+
-
    font-size: 200%;
+
-
    font-weight: bold;
+
-
    color: #777;
+
-
   
+
-
}
+
-
div#visitors.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#visitors.silver {
+
div#sponsor img {
-
    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#visitors.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#visitors span {
+
-
}
+
-
 
+
-
div#visitors.topright {
+
-
    left: auto;
+
-
    right: -141px;   
+
-
    top: 0px;
+
-
    bottom: auto;
+
-
}
+
-
 
+
-
div#visitors img {
+
     width:130px;
     width:130px;
}
}
-
div#visitors a {
+
div#sponsor a {
     color: white;
     color: white;
     text-decoration: none;
     text-decoration: none;
Line 499: Line 452:
float: right;
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