Template:Team:KULeuven/Stylesheet2

From 2009.igem.org

(Difference between revisions)
 
(184 intermediate revisions not shown)
Line 5: Line 5:
     background:#fff url(https://static.igem.org/mediawiki/2009/9/9b/KULPageBottomShadow.png) bottom center repeat-x;
     background:#fff url(https://static.igem.org/mediawiki/2009/9/9b/KULPageBottomShadow.png) bottom center repeat-x;
}
}
 +
div#header {
div#header {
-
     height: 100px;
+
     height: 160px;
-
     background-color: #1b1a44;
+
     background-color: none;
-
     background: #1b1a44 url(https://static.igem.org/mediawiki/2009/c/c1/KULIgem_titel_achtergrond.gif) no-repeat;  
+
     background: url(https://static.igem.org/mediawiki/2009/b/b5/IGEM_Site_Header_3.png) no-repeat;  
-
     background-position: bottom right;
+
     background-position: top left;
     position: relative;
     position: relative;
     vertical-align: bottom;
     vertical-align: bottom;
-
     margin-bottom: 15px;
+
     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 {
div#title {
     position: absolute;
     position: absolute;
-
     top: 20px;
+
     top: 70px;
-
     left: 30px;
+
     left: 150px;
-
     font-size: 250%;
+
     font-size: 370%;
     z-index: 1;
     z-index: 1;
     font-family: "Times New Roman"; /*,Georgia,Serif; */
     font-family: "Times New Roman"; /*,Georgia,Serif; */
     font-weight: bolder;
     font-weight: bolder;
     font-style: oblique;
     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;
     color: white;
}
}
Line 30: Line 47:
div#slogan {
div#slogan {
     position: absolute;
     position: absolute;
-
     top: 45px;
+
     top: 110px;
-
     left: 60px;
+
     left: 220px;
-
     font-size: 150%;
+
     font-size: 180%;
     z-index: 1;
     z-index: 1;
     font-family: "Times New Roman"; /*,Georgia,Serif; */
     font-family: "Times New Roman"; /*,Georgia,Serif; */
Line 39: Line 56:
     color: white;
     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 {
div#content h1.firstHeading {
Line 49: Line 128:
 +
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;
 +
}
Line 169: Line 306:
   text-indent: 1.5em;
   text-indent: 1.5em;
   margin-top: 0  
   margin-top: 0  
 +
}
 +
 +
div#content h1, div#content h2, div#content h3  {
 +
    color: #1b1a44;
}
}
Line 242: Line 383:
div#KULfooter {
div#KULfooter {
     position: relative;
     position: relative;
-
     width: 975px;
+
     width: 965px;
     bottom: 0px;
     bottom: 0px;
     left: 0px;
     left: 0px;
Line 250: Line 391:
div#KULfooterText {
div#KULfooterText {
     position: relative;
     position: relative;
-
     left: 100px;
+
     left: 147px;
-
     width: 860px;
+
     width: 808px;
     bottom: 0px;
     bottom: 0px;
     padding-right: 10px;
     padding-right: 10px;
     margin-top: 30px;
     margin-top: 30px;
-
     background: #1a1b44;
+
     background: #275472;
     color: white;
     color: white;
     text-align: right;
     text-align: right;
-
     font-weight: bolder;
+
     font: bold 12px Verdana;
-
    font-style: oblique;
+
}
}
Line 278: Line 418:
     height:70px;
     height:70px;
}
}
-
 
-
div#submenu {
 
-
    position: absolute;
 
-
    left: 0px;
 
-
    width: 147px;
 
-
    text-align: left;
 
-
    /* border-right: 1px solid black; */
 
-
}
 
-
 
-
div#submenu li {
 
-
    list-style: square;
 
-
    color: #1b1a44;
 
-
}
 
-
 
div#pagecontent {
div#pagecontent {
Line 301: Line 427:
div#sponsor {
div#sponsor {
     position: absolute;
     position: absolute;
-
     width: 860px;
+
     width: 818px;
-
     left: 100px;
+
     left: 147px;
}
}
Line 317: Line 443:
}
}
-
div#goldsponsor img,div#silversponsor img {
+
div#sympasponsor {
-
     height:40px;
+
    background: #aaaaff;
 +
    margin-top: 2px;
 +
    margin-left: 35px;
 +
    float: right;
 +
}
 +
 
 +
 
 +
div#goldsponsor img,div#silversponsor img,div#sympasponsor img{
 +
     height:32px;
     margin: 3px;
     margin: 3px;
}
}
-
div#goldsponsor a,div#silversponsor a {
+
div#goldsponsor a,div#silversponsor a,div#sympasponsor a {
     color: white;
     color: white;
     text-decoration: none;
     text-decoration: none;
Line 384: Line 518:
 +
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;}
-
 
+
-
 
+
-
#imap2 {display:block; width:800px; height:500px; background:url(https://static.igem.org/mediawiki/2009/b/bc/Stripv4.png); position:relative; border: 1px solid black;}
+
-
 
+
-
#imap2 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/e/ee/Strip_hover.png) no-repeat 800px 500px; cursor:default;}
+
* html #imap2 a#title {height:500px; }
* html #imap2 a#title {height:500px; }
Line 401: Line 535:
#imap2 #pic1  {left:1px; top:121px; z-index:20;}
#imap2 #pic1  {left:1px; top:121px; z-index:20;}
#imap2 #pic2  {left:302px; top:8px; z-index:20;}
#imap2 #pic2  {left:302px; top:8px; z-index:20;}
-
#imap2 #pic3  {left:250px; top:306px; z-index:20; border:1px solid green;}
+
#imap2 #pic3  {left:259px; top:306px; z-index:20;}
#imap2 #pic4  {left:549px; top:223px; 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 */
/* relatieve positie van de tekstkader, tov de witte kader */
-
#imap2 a#text1:hover span {left:265px; top:107px;}
+
#imap2 a#text1:hover span {left:430px; top:-140px;}
-
#imap2 a#text2:hover span {left:210px; top:77px;}
+
#imap2 a#text2:hover span {left:-100px; top:280px;}
-
#imap2 a#text3:hover span {left:182px; top:114px;}
+
#imap2 a#text3:hover span {left:-400px; top:-275px;}
-
#imap2 a#text4:hover span {left:142px; top:93px;}
+
#imap2 a#text4:hover span {left:-650px; top:-100px;}
 +
 
 +
 
/* grootte van de witte kader */
/* grootte van de witte kader */
#imap2 a#text1 {display:block; width: 233px; height:303px; text-decoration:none; z-index:20;}
#imap2 a#text1 {display:block; width: 233px; height:303px; text-decoration:none; z-index:20;}
-
#imap2 a#text2 {display:block; width: 312px; height:184px; 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:190px; 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:2734px; 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;}
Line 421: Line 559:
#imap2 a span, #imap2 a:visited span {display:none;}
#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 {border: 1px solid red; background: transparent url(https://static.igem.org/mediawiki/2009/2/2c/Transppixel50.png);}
+
#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: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);}
+
#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:first-line {font-weight:bold; font-style:italic;}
#imap2 a span img { height: 150px; float: left; margin-right: 10px;}
#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%;}
#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 {
div#hiddentools {
Line 443: Line 628:
     color: black;
     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"