Template:Team:KULeuven/Stylesheet

 <!--

.left { text-align: left; }

.right { text-align: right; }

.center { text-align: center; }

/* ---  * day navigator * ---  */ /*  */

/* ---  * calendar * ---  */  /*  */

/* ---  * notebook wetlab experiments * ---  */  /*  */

/* ---  * header * ---  */

div#header { height: 100px; background-color: #ffffe8;

/* background: #ffffe8 url(http://2009.igem.org/wiki/images/2/21/Arenbergkasteel-header.png) no-repeat; */ background: #ffffe8 url(http://2009.igem.org/wiki/images/0/05/KUL_Logo-67x100-transp.png) no-repeat;

background-position: bottom right; position: relative; border: 1px solid black; margin: 40px; margin-bottom: 70px; }

div#title { position: absolute; top: -13px; left: 30px; font-size: 450%; z-index: 1; font-family: "Times New Roman"; /*,Georgia,Serif; */ font-weight: bolder; font-style: oblique; color: #d4ad3f; }

div#logo { position: absolute; top: -27px; left: 60px; float:left; } div#logo img { border: none; }

/* featured links  */ /* menu */ /* submenu */

div#content p.pretty:first-letter { text-transform: capitalize; font-weight: bold; font-size: 140%; }

div#content p.pretty { text-indent: 1.5em; margin-top: 0 }

div#categoryCalendar td { vertical-align: top; margin: 30px; }

div#sponsor { position: absolute; width: 136px; text-align: center; background: #ffffe8; border: 2px solid #ffddaa; font-size: 200%; font-weight: bold; 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 { left: auto; right: -141px; top: 0px; bottom: auto; }

div#sponsor.topleft { left: -141px; right: auto; top: 0px; bottom: auto; }

div#sponsor.bottomright { left: auto; right: -141px; top: auto; bottom: 0px; }

div#sponsor.bottomleft { left: -141px; right: auto; top: auto; bottom: 0px; }

div#sponsor img { width:130px; }

div#sponsor a { color: white; text-decoration: none; }

h2 span.mw-headline { position: relative; left: 1em; }

h3 span.mw-headline { position: relative; left: 2em; }

div#jumph2 { position: relative; left: 1em; }

div#jumph3 { position: relative; left: 2em; }

table.Generic { margin: 5px; padding: 10px; border: 1px solid #ffddaa; border-collapse: collapse; }

table.Generic th { padding: 10px; background-color: #ffffe8; }

table.Generic th.left { text-align: left; border-right: 1px dashed #ffddaa; }

table.Generic th.top { text-align: center; border-bottom: 1px dashed #ffddaa; }

table.Generic td { padding: 10px; }

div#HideRedLinks a[href$='redlink=1'] { display: none; }

.colcontainer { clear: both; } .twocol { width: 47%; float: left; position: relative; } .twocol + .twocol { float: right; }


 * 1) imap {display:block; width:800px; height:500px; background:url(http://2009.igem.org/wiki/images/8/83/IGEM_Team_foto_800px.png); position:relative; border: 1px solid black;}
 * html #imap a#title {height:500px; }
 * 1) imap a#title:hover {background-position: 0 0; z-index:10;}


 * 1) imap dd {position:absolute; padding:0; margin:0;}
 * 2) imap #pic1 {left:210px; top:173px; z-index:20;}
 * 3) imap #pic2 {left:265px; top:203px; z-index:20;}
 * 4) imap #pic3 {left:293px; top:166px; z-index:20;}
 * 5) imap #pic4 {left:333px; top:187px; z-index:20;}
 * 6) imap #pic5 {left:369px; top:178px; z-index:20;}
 * 7) imap #pic6 {left:403px; top:202px; z-index:20;}
 * 8) imap #pic7 {left:435px; top:185px; z-index:20;}
 * 9) imap #pic8 {left:472px; top:198px; z-index:20;}
 * 10) imap #pic9 {left:506px; top:179px; z-index:20;}
 * 11) imap #pic10 {left:549px; top:196px; z-index:20;}
 * 12) imap #pic11 {left:308px; top:309px; z-index:20;}
 * 13) imap #pic12 {left:378px; top:311px; z-index:20;}


 * 1) imap a#text1:hover span {left:265px; top:107px;}
 * 2) imap a#text2:hover span {left:210px; top:77px;}
 * 3) imap a#text3:hover span {left:182px; top:114px;}
 * 4) imap a#text4:hover span {left:142px; top:93px;}
 * 5) imap a#text5:hover span {left:106px; top:102px;}
 * 6) imap a#text6:hover span {left:72px; top:78px;}
 * 7) imap a#text7:hover span {left:40px; top:95px;}
 * 8) imap a#text8:hover span {left:3px; top:82px;}
 * 9) imap a#text9:hover span {left:-31px; top:101px;}
 * 10) imap a#text10:hover span {left:-74px; top:84px;}
 * 11) imap a#text11:hover span {left:167px; top:-29px;}
 * 12) imap a#text12:hover span {left:97px; top:-31px;}


 * 1) 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;}
 * 2) imap a span, #imap a:visited span {display:none;}
 * 3) 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(http://2009.igem.org/wiki/images/2/2c/Transppixel50.png);}

/* * html #imap a:hover span {width:300px;} */
 * 1) 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(http://2009.igem.org/wiki/images/2/2c/Transppixel50.png);}


 * 1) imap a span:first-line {font-weight:bold; font-style:italic;}

-->