Team:TU-Delft/CSS

From 2012.igem.org

(Difference between revisions)
Line 5: Line 5:
/* colors lab notebook */
/* colors lab notebook */
-
a.day-empty:link, a.day-empty:visited {
+
.day-empty {
-
    color: green;
+
-
}
+
-
a.day-full:link, a.day-full:visited {
+
     color: red;
     color: red;
-
    font-weight:bold;
+
}
 +
.day-active {
 +
    color: green;
}
}
Line 86: Line 85:
#contentbox {
#contentbox {
-
background:#dbdae0; /*this is the background color of the main text in the middle */
+
background:#dbdae0;
width:590px;
width:590px;
margin: -10px auto 0 auto;
margin: -10px auto 0 auto;
Line 414: Line 413:
position:fixed;
position:fixed;
bottom:0px;
bottom:0px;
-
background:#10143a; /* the line at the botom of the page*/
+
background:white; /* the line at the botom of the page*/
left:0px;
left:0px;
width:100%;
width:100%;
Line 533: Line 532:
}
}
-
 
-
 
#logo_igem_div{
#logo_igem_div{
Line 547: Line 544:
overflow:hidden;
overflow:hidden;
}
}
 +
 +
 +
 +
 +
 +
 +
#lightbox{
 +
position: absolute;
 +
left: 0;
 +
width: 100%;
 +
z-index: 100;
 +
text-align: center;
 +
line-height: 0;
 +
}
 +
#lightbox img{
 +
width: auto;
 +
height: auto;
 +
}
 +
#lightbox a img{
 +
border: none;
 +
}
 +
 +
#outerImageContainer{
 +
position: relative;
 +
background-color: #dbdae0;
 +
width: 250px;
 +
height: 250px;
 +
margin: 0 auto;
 +
}
 +
#imageContainer{
 +
padding: 10px;
 +
}
 +
 +
#loading{
 +
position: absolute;
 +
top: 40%;
 +
left: 0%;
 +
height: 25%;
 +
width: 100%;
 +
text-align: center;
 +
line-height: 0;
 +
}
 +
#hoverNav{
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
height: 100%;
 +
width: 100%;
 +
z-index: 10;
 +
}
 +
#imageContainer>#hoverNav{ left: 0;}
 +
#hoverNav a{ outline: none;}
 +
 +
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
 +
#prevLink { left: 0; float: left;}
 +
#nextLink { right: 0; float: right;}
 +
#prevLink:hover, #prevLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lighbox/prevlabel.gif) left 15% no-repeat; }
 +
#nextLink:hover, #nextLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lightbox/nextlabel.gif) right 15% no-repeat; }
 +
 +
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }
 +
 +
#imageData{ padding:0 10px; color: #000; }
 +
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
 +
#imageData #caption{ font-weight: bold; }
 +
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
 +
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}
 +
 +
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
 +
 +
</style>
</style>
<html>
<html>

Revision as of 12:08, 20 July 2012

Retrieved from "http://2012.igem.org/Team:TU-Delft/CSS"