Template:Team:KULeuven/Stylesheet2

From 2009.igem.org

(Difference between revisions)
 
(339 intermediate revisions not shown)
Line 2: Line 2:
<style type="text/css">
<style type="text/css">
<!--  
<!--  
 +
div#content {
 +
    background:#fff url(https://static.igem.org/mediawiki/2009/9/9b/KULPageBottomShadow.png) bottom center repeat-x;
 +
}
 +
 +
 +
div#header {
 +
    height: 160px;
 +
    background-color: none;
 +
    background: url(https://static.igem.org/mediawiki/2009/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(https://static.igem.org/mediawiki/2009/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;
 +
}
 +
 +
* html div#ContactUs ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
 +
display: inline-block;
 +
}
 +
 +
 +
 +
 +
 +
  .left {
 +
    text-align: left;
 +
  }
 +
 +
  .right {
 +
    text-align: right;
 +
  }
 +
 +
  .center {
 +
    text-align: center;
 +
  }
 +
 +
  div#centerall, div#centerall div {
 +
    text-align: center;
 +
    width: 100%;
 +
  }
 +
 +
 
 +
  /* -----------------------------------------------------------
 +
  * day navigator
 +
  * -----------------------------------------------------------
 +
  */ /* {{{ */
 +
 +
  table#NBNav {
 +
    padding: 0px;
 +
    margin: 0px;
 +
    text-align: center;
 +
    border-spacing: 0px;
 +
  }
 +
 +
  table#NBNav th {
 +
    color: black;
 +
    font-size: 70%;
 +
  }
 +
 +
  table#NBNav td {
 +
    width: 60px;
 +
    border-right: none;
 +
    font-size: 140%;
 +
  }
 +
 +
  table#NBNav td.prev, table#NBNav td.next {
 +
    border: none;
 +
    font-size: 100%;
 +
  }
 +
 +
  table#NBNav td a {
 +
    display: block;
 +
    color: black;
 +
 +
  }
 +
 +
  table#NBNav th.mon { background: #ffd; }
 +
  table#NBNav th.tue { background: #ffc; }
 +
  table#NBNav th.wed { background: #ffb; }
 +
  table#NBNav th.thu { background: #ffa; }
 +
  table#NBNav th.fri { background: #ff9; }
 +
  table#NBNav th.sat { background: #ff8; }
 +
  table#NBNav th.sun { background: #ff7; border-right: solid 1px black;}
 +
 +
 +
  table#NBNav td.mon:hover { background: #ffd; }
 +
  table#NBNav td.tue:hover { background: #ffc; }
 +
  table#NBNav td.wed:hover { background: #ffb; }
 +
  table#NBNav td.thu:hover { background: #ffa; }
 +
  table#NBNav td.fri:hover { background: #ff9; }
 +
  table#NBNav td.sat:hover { background: #ff8; }
 +
  table#NBNav td.sun:hover { background: #ff7; }
 +
 
 +
  table#NBNav td.selected a:link, table#NBNav td.selected a:visited, table#NBNav td.selected a:active { color: blue; }
 +
  table#NBNav a:link, table#NBNav a:visited, table#NBNav a:active { text-decoration: none; font-weight: bold;}
 +
 +
  /* }}} */
 +
 +
  /* -----------------------------------------------------------
 +
  * calendar
 +
  * -----------------------------------------------------------
 +
  */
 +
  /* {{{ */
 +
 +
table.calendar          { margin: 0; padding: 10px; }
 +
table.calendar td      { margin: 0; padding: 2px; vertical-align: top; }
 +
table.month .heading td { padding:2px; background-color:#d4d4d4; color:#aaa; text-align:center; font-size:120%; font-weight:bold; }
 +
table.month .dow td    { color:#aaa; text-align:center; font-size:110%; }
 +
table.month td.today    { background-color:#ddd; }
 +
table.month td {
 +
    border: none;
 +
    margin: 0;
 +
    padding: 1pt 1.5pt;
 +
    font-weight: bold;
 +
    font-size: 8pt;
 +
    text-align: right;
 +
    background-color: #eee;
 +
    }
 +
#bodyContent table.month a { background:none; padding:0 }
 +
.day-active { color:#0000cc }
 +
.day-empty  { color:#cc0000 }
 +
 +
.day-not-selected { color: #aaa; }
 +
.day-selected { color: blue; }
 +
 +
 +
  /* }}} */
 +
 +
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;
 +
}
 +
 +
#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;}
 +
 +
#imap a#title {display:block; width:800px; height:0; padding-top:500px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(https://static.igem.org/mediawiki/2009/1/18/IGEM_Team_foto_800px_hover.png) no-repeat 800px 500px; cursor:default;}
 +
 +
* 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;}
 +
#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: 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(https://static.igem.org/mediawiki/2009/2/2c/Transppixel50.png);}
 +
 +
#imap a span:first-line {font-weight:bold; font-style:italic;}
 +
#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%;}
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
div#imap2wrapper {
 +
    position: relative;
 +
    left: -90px;
 +
}
 +
 +
#imap2 {display:block; width:800px; height:535px; background:url(https://static.igem.org/mediawiki/2009/b/bc/Stripv4.png); position:relative; border: none;}
 +
 +
#imap2 a#title {display:block; width:800px; height:0; padding-top:535px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(https://static.igem.org/mediawiki/2009/f/fd/Strip_hover5.png) no-repeat 800px 535px; cursor:default;}
 +
 +
* html #imap2 a#title {height:500px; }
 +
 +
#imap2 a#title:hover {background-position: 0 0; z-index:10;}
 +
 +
/* posities van witte kaders */
 +
#imap2 dd {position:absolute; padding:0; margin:0;}
 +
#imap2 #pic1  {left:1px; top:121px; z-index:20;}
 +
#imap2 #pic2  {left:302px; top:8px; z-index:20;}
 +
#imap2 #pic3  {left:259px; top:306px; 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 */
 +
#imap2 a#text1:hover span {left:430px; top:-140px;}
 +
#imap2 a#text2:hover span {left:-100px; top:280px;}
 +
#imap2 a#text3:hover span {left:-400px; top:-275px;}
 +
#imap2 a#text4:hover span {left:-650px; top:-100px;}
 +
 +
 +
 +
/* grootte van de witte kader */
 +
#imap2 a#text1 {display:block; width: 233px; height:303px; text-decoration:none; z-index:20;}
 +
#imap2 a#text2 {display:block; width: 309px; height:182px; 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#text5 {display:block; width: 275px; height:100px; text-decoration:none; z-index:20;}
 +
 +
 +
 +
#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, #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#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(https://static.igem.org/mediawiki/2009/c/cc/Transpixel80.png);}
 +
 +
#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(https://static.igem.org/mediawiki/2009/c/cc/Transpixel80.png);}
 +
 +
#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(https://static.igem.org/mediawiki/2009/c/cc/Transpixel80.png);}
 +
 +
#imap2 a span:first-line {font-weight:bold; font-style:italic;}
 +
#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%;}
 +
 +
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(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

Retrieved from "http://2009.igem.org/Template:Team:KULeuven/Stylesheet2"