Template:Team:KULeuven/Stylesheet

From 2009.igem.org

(Difference between revisions)
 
(215 intermediate revisions not shown)
Line 20: Line 20:
   * -----------------------------------------------------------
   * -----------------------------------------------------------
   */ /* {{{ */
   */ /* {{{ */
 +
   table#NBNav {
   table#NBNav {
     padding: 0px;
     padding: 0px;
Line 34: Line 35:
   table#NBNav td {
   table#NBNav td {
     width: 60px;
     width: 60px;
-
    border: 1px solid black;
 
     border-right: none;
     border-right: none;
-
     font-size: 200%;
+
     font-size: 140%;
   }
   }
Line 45: Line 45:
   table#NBNav td a {  
   table#NBNav td a {  
-
     display: block;  
+
     display: block;
     color: black;
     color: black;
   }
   }
-
   table#NBNav td.mon { background: #ff9; }
+
   table#NBNav th.mon { background: #ffd; }
-
   table#NBNav td.tue { background: #dda; }
+
   table#NBNav th.tue { background: #ffc; }
-
   table#NBNav td.wed { background: #bbb; }
+
   table#NBNav th.wed { background: #ffb; }
-
   table#NBNav td.thu { background: #99c; }
+
   table#NBNav th.thu { background: #ffa; }
-
   table#NBNav td.fri { background: #77d; }
+
   table#NBNav th.fri { background: #ff9; }
-
   table#NBNav td.sat { background: #55e; }
+
   table#NBNav th.sat { background: #ff8; }
-
   table#NBNav td.sun { background: #33f; border-right: 1px solid black;}
+
   table#NBNav th.sun { background: #ff7; border-right: solid 1px black;}
-
  table#NBNav td.mon a:hover { background: #f59; }
 
-
  table#NBNav td.tue a:hover { background: #d5a; }
 
-
  table#NBNav td.wed a:hover { background: #b5b; }
 
-
  table#NBNav td.thu a:hover { background: #95c; }
 
-
  table#NBNav td.fri a:hover { background: #75d; }
 
-
  table#NBNav td.sat a:hover { background: #55e; }
 
-
  table#NBNav td.sun a:hover { background: #35f; }
 
-
   table#NBNav td.selected a:link, table#NBNav td.selected a:visited, table#NBNav td.selected a:active { color: red; }
+
  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;}
   table#NBNav a:link, table#NBNav a:visited, table#NBNav a:active { text-decoration: none; font-weight: bold;}
Line 125: Line 126:
     height: 100px;
     height: 100px;
     background-color: #ffffe8;
     background-color: #ffffe8;
-
     background: transparent url(https://static.igem.org/mediawiki/2009/c/c8/IMG_4947.JPG);
+
 
 +
     /* background: #ffffe8 url(https://static.igem.org/mediawiki/2009/2/21/Arenbergkasteel-header.png) no-repeat; */
 +
    background: #ffffe8 url(https://static.igem.org/mediawiki/2009/0/05/KUL_Logo-67x100-transp.png) no-repeat;
 +
 
 +
    background-position: bottom right;
     position: relative;
     position: relative;
     border: 1px solid black;
     border: 1px solid black;
     margin: 40px;
     margin: 40px;
     margin-bottom: 70px;
     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;
}
}
Line 148: Line 165:
     float: right;
     float: right;
     top: -30px;
     top: -30px;
-
     right: 120px;
+
     right: 140px;
}
}
Line 180: Line 197:
div#featured ul li a:focus {-moz-outline-style: none;}
div#featured ul li a:focus {-moz-outline-style: none;}
div#featured ul li a:hover {
div#featured ul li a:hover {
-
background: transparent url(http://data.singularity.be/Trashcan/igem/images/pixelblack20.png) top left no-repeat;
+
background: transparent url(http://data.singularity.be/Trashcan/igem/images/pixelblack20.png);
color: #00407a;
color: #00407a;
}
}
Line 283: Line 300:
     margin: 30px;
     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;
 +
}
 +
 +
 +
#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