Template:Team:KULeuven/Stylesheet2

 <!-- div#content { background:#fff url(http://2009.igem.org/wiki/images/9/9b/KULPageBottomShadow.png) bottom center repeat-x; }

div#header { height: 160px; background-color: none; background: url(http://2009.igem.org/wiki/images/b/b5/IGEM_Site_Header_3.png) no-repeat; background-position: top left; position: relative; vertical-align: bottom; margin-bottom: 30px; }

div#Team { position: absolute; top: 30px; left: 115px; font-size: 160%; z-index: 1; font-family: "Times New Roman"; /*,Georgia,Serif; */ /*font-weight: bold;*/ color: white; }

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

div#title a, div#title a:visited, div#slogan a, div#slogan a:visited, div#Team a,div#Team a:visited { text-decoration: none; color: white; }

div#slogan { position: absolute; top: 110px; left: 220px; font-size: 180%; z-index: 1; font-family: "Times New Roman"; /*,Georgia,Serif; */ font-style: oblique;

color: white; }

div#countdown { position: absolute; top: 10px; right: 300px; border:none; }

div#submenu { width: 147px; height:100%; position:absolute; left:0px; top: 206px; left:5px; float: left; background:url(http://2009.igem.org/wiki/images/b/be/Headerver2.png) no-repeat; }

div#submenu ul { position: relative; margin-top:50px; } div#submenu ul a { display: block; background-color:none; color: white; padding: 3px 3px 3px 16px; margin: 0 20px -2px -19px; text-decoration: none; font-weight: bold; border: 1px solid white; border-left:none; border-right:none; }

div#submenu ul a:hover { color: Black; background-color: #C9D5E0; }

div#submenu ul .selflink { display: block; background-color: #C9D5E0; color: Black; padding: 3px 3px 3px 16px; margin: 0 20px -3px -19px; text-decoration: none; font-weight:bold; border: 1px solid white; border-left:none; border-right:none; }

div#submenu li { list-style: none; color: #1b1a44; }

div#content h1.firstHeading { display: none; }

div#content { text-align: justify; }

div#smoothmenu1container { position: absolute; bottom: -26px; left: 0px; width: 100%; background-color: #275472; border-bottom: 1px solid white; border-top: 1px solid white; padding: 0; margin: 0; }

div#ContactUs { float: right; }

div#ContactUs ul{ 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; 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; }

div#ContactUs ul li a:hover { color: black; font-weight:bold; background-color: #C9D5E0; }

div#ContactUs ul li strong.selflink { Background-color:#C9D5E0; }

display: inline-block; }
 * html div#ContactUs ul li a{ /*IE6 hack to get sub menu links to behave correctly*/

.left { text-align: left; }

.right { text-align: right; }

.center { text-align: center; }

div#centerall, div#centerall div { text-align: center; width: 100%; }

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

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

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#content h1, div#content h2, div#content h3 { color: #1b1a44; }

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

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; }

div#KULfooter { position: relative; width: 965px; bottom: 0px; left: 0px; margin-top: 90px; }

div#KULfooterText { position: relative; left: 147px; width: 808px; bottom: 0px; padding-right: 10px; margin-top: 30px; background: #275472; color: white; text-align: right; font: bold 12px Verdana; }

div#KULfooterText a { color: #dddddd; }

div#KULigemlogo { position: relative; float: left; bottom: 0px; width: 100px; z-index: 1; text-align: center; }

div#KULigemlogo img { height:70px; }

div#pagecontent { position: relative; left: 150px; width: 770px; }

div#sponsor { position: absolute; width: 818px; left: 147px; }

div#goldsponsor { background: #ffec85; margin-top: 2px; float: left; }

div#silversponsor { background: #c0c0c0; margin-top: 2px; float: right; }

div#sympasponsor { background: #aaaaff; margin-top: 2px; margin-left: 35px; float: right; }

div#goldsponsor img,div#silversponsor img,div#sympasponsor img{ height:32px; margin: 3px; }

div#goldsponsor a,div#silversponsor a,div#sympasponsor a { color: white; text-decoration: none; }


 * 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;}


 * 1) imap a#title {display:block; width:800px; height:0; padding-top:500px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(http://2009.igem.org/wiki/images/1/18/IGEM_Team_foto_800px_hover.png) no-repeat 800px 500px; cursor:default;}


 * 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;}
 * 2) imap a span, #imap a:visited span {display:none;}


 * 1) 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);}


 * 1) imap a:hover span {position:absolute; width:300px; height: 150px; display:block; font-family:arial; font-size:12px; background:#fff; color:#000; border:2px 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;}
 * 2) imap a span img { height: 150px; float: left; margin-right: 10px;}
 * 3) 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%;}

div#imap2wrapper { position: relative; left: -90px; }


 * 1) imap2 {display:block; width:800px; height:535px; background:url(http://2009.igem.org/wiki/images/b/bc/Stripv4.png); position:relative; border: none;}


 * 1) imap2 a#title {display:block; width:800px; height:0; padding-top:535px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(http://2009.igem.org/wiki/images/f/fd/Strip_hover5.png) no-repeat 800px 535px; cursor:default;}


 * html #imap2 a#title {height:500px; }


 * 1) imap2 a#title:hover {background-position: 0 0; z-index:10;}

/* posities van witte kaders */
 * 1) imap2 dd {position:absolute; padding:0; margin:0;}
 * 2) imap2 #pic1 {left:1px; top:121px; z-index:20;}
 * 3) imap2 #pic2 {left:302px; top:8px; z-index:20;}
 * 4) imap2 #pic3 {left:259px; top:306px; z-index:20;}
 * 5) imap2 #pic4 {left:549px; top:223px; z-index:20;}
 * 6) imap2 #pic5 {left:350px; top:200px; z-index:20;}

/* relatieve positie van de tekstkader, tov de witte kader */
 * 1) imap2 a#text1:hover span {left:430px; top:-140px;}
 * 2) imap2 a#text2:hover span {left:-100px; top:280px;}
 * 3) imap2 a#text3:hover span {left:-400px; top:-275px;}
 * 4) imap2 a#text4:hover span {left:-650px; top:-100px;}

/* grootte van de witte kader */
 * 1) imap2 a#text1 {display:block; width: 233px; height:303px; text-decoration:none; z-index:20;}
 * 2) imap2 a#text2 {display:block; width: 309px; height:182px; text-decoration:none; z-index:20;}
 * 3) imap2 a#text3 {display:block; width: 198px; height:205px; text-decoration:none; z-index:20;}
 * 4) imap2 a#text4 {display:block; width: 236px; height:307px; text-decoration:none; z-index:20;}
 * 5) imap2 a#text5 {display:block; width: 275px; height:100px; text-decoration:none; z-index:20;}


 * 1) imap2 a span, #imap2 a:visited span {display:none;}


 * 1) 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(http://2009.igem.org/wiki/images/2/2c/Transppixel50.png);}


 * 1) 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(http://2009.igem.org/wiki/images/c/cc/Transpixel80.png);}


 * 1) imap2 a#text2:hover span {position:absolute; width:450px; height: 270px; 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(http://2009.igem.org/wiki/images/c/cc/Transpixel80.png);}


 * 1) imap2 a#text3:hover span {position:absolute; width:500px; height: 250px; 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(http://2009.igem.org/wiki/images/c/cc/Transpixel80.png);}


 * 1) imap2 a#text4:hover span {position:absolute; width:400px; height: 200px; 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(http://2009.igem.org/wiki/images/c/cc/Transpixel80.png);}


 * 1) imap2 a span:first-line {font-weight:bold; font-style:italic;}
 * 2) imap2 a span img { height: 150px; float: left; margin-right: 10px;}
 * 3) 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 { position: absolute; left:-82px; bottom: 0px; }

div#hiddentools a { color: #aaaaaa; }

div#hiddentools a:hover { 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(http://2009.igem.org/wiki/images/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(http://2009.igem.org/wiki/images/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(http://2009.igem.org/wiki/images/1/1a/KUL_Medal_notdone.png) top left no-repeat; /*   border-right: 1px solid red; border-bottom: 1px solid red; */ }

/* http://2009.igem.org/wiki/images/1/1a/KUL_Medal_notdone.png http://2009.igem.org/wiki/images/7/74/KUL_Medal_pending.png http://2009.igem.org/wiki/images/7/7a/KUL_Medal_complete.png

-->