Team:TU-Delft/Notebook

From 2012.igem.org

(Difference between revisions)
(Undo revision 42518 by Eftychia (talk))
Line 1: Line 1:
-
<html>
+
{{:Team:TU-Delft/Scripts}}{{:Team:TU-Delft/CSS}}{{:Team:TU-Delft/menu}}
-
<style type="text/css">
+
<html xmlns="http://www.w3.org/1999/xhtml">
-
@charset "UTF-8";
+
<head>
-
/*CSS Document */
+
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 +
<title>TUDelft - Leiden iGEM 2012</title>
-
/* colors lab notebook */
 
-
.day-empty {
 
-
    color: red;
 
-
}
 
-
.day-active {
 
-
    color: green;
 
-
}
 
-
*{
+
<link rel="stylesheet" type="text/css" href="http://tudelftigem.nl/wiki/lightbox.css" media="screen" />
-
border:0;
+
<link href='http://fonts.googleapis.com/css?family=Francois+One&v2' rel='stylesheet' type='text/css'>
-
margin:0;
+
-
padding:0;
+
-
}
+
-
html {
+
<script type="text/javascript" src="http://tudelftigem.nl/wiki/prototype.js"></script>
-
width:100%;
+
<script type="text/javascript" src="http://tudelftigem.nl/wiki/scriptaculous.js?load=effects,builder"></script>
-
height:100%;
+
<script type="text/javascript" src="http://tudelftigem.nl/wiki/lightbox.js"></script>
-
background:none;
+
-
border:none;
+
-
margin:0;
+
-
padding:0;
+
-
}
+
-
body {
+
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
-
width:100%;
+
-
height:100%;
+
-
background:#10143a;
+
-
border:none;
+
-
padding:0;
+
-
z-index:800;
+
-
}
+
-
h1 {
+
-
text-decoration:  none;
+
-
border: none;
+
-
}
+
 +
<style type="text/css">
-
h2{
 
-
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
 
-
font-size:15px;
 
-
text-transform:uppercase;
 
-
letter-spacing:1px;
 
-
border-bottom:2px solid #000;
 
-
text-decoration:  none;
 
-
}
 
-
h3{
+
#notebook-container{
-
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
+
background: none;
-
font-variant: small-caps;
+
width:700px;
-
font-stretch: ultra-expanded;
+
margin: 40px 15px 15px 3px;
-
color: #10143a;
+
float: left;
-
font-size:20px;
+
text-decoration:none;
-
font-weight:bold;
+
border:none;
-
line-height:18px;
+
z-index:1;
-
letter-spacing:1px;
+
}
}
-
a:link, a:active, a:visited{
+
#wetlab-column{
-
color:purple;
+
position:relative;
-
text-decoration:none;
+
float:left;
-
font-weight:blue;
+
clear:right;
 +
width:185px;
 +
background: url(http://homes.esat.kuleuven.be/~igemwiki/images/notebook_blue.png) repeat;
 +
margin:0 20px 0 0;
 +
padding:20px 15px 50px 15px;
 +
border:0;
}
}
-
a:hover{
+
#wetlab-column-end{
-
color:navy;
+
position:absolute;
 +
bottom:0px;
 +
width:215px;
 +
height:60px;
 +
background: url(http://homes.esat.kuleuven.be/~igemwiki/images/notebook_blue_bottom.png) top left;
 +
margin:0 0 -60px -15px;
 +
padding:0;
 +
border:0;
}
}
-
#content {
+
#modelling-column{
-
background:#10143a;
+
position:relative;
-
padding:0;
+
float:left;
-
width:100%;
+
clear:right;
-
border:0;
+
width:185px;
 +
background: url(http://homes.esat.kuleuven.be/~igemwiki/images/notebook_orange.png) repeat;
 +
margin:0 20px 0 0;
 +
padding:20px 15px 50px 15px;
 +
border:0;
}
}
-
#bodyContent{
+
#modelling-column-end{
-
margin:0 auto;
+
position:absolute;
-
padding:0;
+
bottom:0px;
-
width:685px;
+
width:215px;
-
border:0;
+
height:60px;
-
background:white;
+
background: url(http://homes.esat.kuleuven.be/~igemwiki/images/notebook_orange_bottom.png) top left;
-
z-index:800;
+
margin:0 0 -60px -15px;
 +
padding:0;
 +
border:0;
}
}
-
#contentbox {
+
#others-column{
-
background:#dbdae0;
+
position:relative;
-
width:590px;
+
float:left;
-
margin: -10px auto 0 auto;
+
clear:right;
-
padding:20px 50px 50px 50px;
+
width:185px;
-
float: left;
+
background: url(http://homes.esat.kuleuven.be/~igemwiki/images/notebook_yellow.png) repeat;
-
text-decoration:none;
+
margin:0;
-
border:none;
+
padding:20px 15px 50px 15px;
-
z-index:800;
+
border:0;
}
}
-
 
+
#others-column-end{
-
 
+
position:absolute;
-
img.bg_team {
+
bottom:0px;
-
/* Set rules to fill background */
+
width:215px;
-
min-height: 100%;
+
height:60px;
-
min-width: 1024px;
+
background: url(http://homes.esat.kuleuven.be/~igemwiki/images/notebook_yellow_bottom.png) top left;
-
 
+
margin:0 0 -60px -15px;
-
/* Set up proportionate scaling */
+
padding:0;
-
width: 100%;
+
border:0;
-
height: auto;
+
-
 
+
-
/* Set up positioning */
+
-
position: fixed;
+
-
top: 0;
+
-
left: 0;
+
-
z-index:-1;
+
}
}
-
 
+
.notebook-header{
-
@media screen and (max-width: 1024px){
+
position:relative;
-
img.bg_team {
+
top:-20px;
-
left: 50%;
+
margin:-25px 0 0 -15px;
-
margin-left: -512px; }
+
}
}
-
 
+
.notebook-weekno{
-
#logo_ed{
+
font-size:14px;
-
position:fixed;
+
font-weight:bold;
-
width:150px;
+
text-transform:uppercase;
-
height:100px;
+
letter-spacing:1px;
-
margin:10px 0 0 10px;
+
text-decoration:underline;
-
border:0;
+
-
top:0px;
+
-
left:0px;
+
-
padding:0;
+
-
float:left;
+
-
z-index:999;
+
}
}
-
#logo_igem{
+
.notebook-txt{
-
position:fixed;
+
font-size:13px;
-
width:70px;
+
margin:10px;
-
height:57px;
+
-
margin:120px 0 0 20px;
+
-
border:0;
+
-
top:0px;
+
-
left:0px;
+
-
padding:0;
+
-
float:left;
+
-
z-index:999;
+
-
overflow:hidden;
+
}
}
-
 
+
.notebook-divider{
-
#twitter_widget{
+
background: transparent;
-
position:fixed;
+
color: transparent;
-
width:155px;
+
border-left: none;
-
height:240px;
+
border-right: none;
-
background:white;
+
border-top: none;
-
padding:10px 0 0 0;
+
border-bottom: 3px dashed #000;
-
bottom:90px;
+
width:64px;
-
left:0px;
+
margin:40px auto 40px auto;
-
z-index:1001;
+
}
}
-
 
+
#notebook_submenu{
-
#social_linkall{
+
position:absolute;
-
position:fixed;
+
top:0px;
-
bottom:48px;
+
margin:0 auto;
-
left:10px;
+
width:680px;
-
width:120px;
+
height:35px;
-
height:35px;
+
text-align:center;
-
z-index:1001;
+
background:#dbdae0;
-
border:0;
+
padding:0;
}
}
-
 
+
#notebook_submenu a{
-
#social_icons{
+
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
-
position:fixed;
+
color:#666;
-
bottom:15px;
+
font-size:12px;
-
left:20px;
+
text-transform:uppercase;
-
width:110px;
+
letter-spacing:1px;
-
height:24px;
+
margin:5px 0 0 0;
-
z-index:1001;
+
}
}
-
/*
+
#notebook_submenu a:hover{
-
#video-container{
+
color:#000;
-
position:relative;
+
-
z-index:800;
+
}
}
-
*/
+
#notebook-container a:link, a:active, a:visited{
-
 
+
color:#10143a;
-
#nav {
+
text-decoration:none;
-
position:fixed;
+
font-weight:bold;
-
width:690px;
+
-
bottom:10px;
+
-
left:50%;
+
-
margin: 0 0 0 -330px;
+
-
padding: 0;
+
-
z-index:1001;
+
-
 
+
-
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
+
-
font-size:14px;
+
-
letter-spacing:1px;
+
-
text-transform:uppercase;
+
}
}
-
#nav ul{
+
#notebook-container a:hover{
-
width:630px;
+
color:#000;
-
background: white;
+
-
text-align:center;
+
-
margin: 0 auto;
+
}
}
-
#nav li.on ul, #nav li.off ul {
+
</style>
-
margin: 0;
+
</head>
-
padding: 0;
+
-
}
+
-
#nav a {
+
-
text-decoration: none;
+
-
}
+
-
#nav li { /*float the main list items*/
+
-
margin: 0;
+
-
float: left;
+
-
display: inline;
+
-
padding:0 3px;
+
-
background:white ;
+
-
text-align:center;
+
-
}
+
-
#nav li ul {
+
-
display: none;
+
-
}
+
<body>
-
#nav li.off ul, #nav li.on ul { /*put the subnav above*/
+
<img src="https://static.igem.org/mediawiki/igem.org/7/73/Backgroundextra.jpg" class="bg_team">
-
position:fixed;
+
-
width:630px;
+
-
bottom:37px;
+
-
left:50%;
+
-
margin: 0 0 0 -343px;
+
-
padding: 0 0 5px 0;
+
-
background:white;
+
-
text-align:center;
+
-
}
+
-
#nav li a {
+
<!--<div id="logo_ed"><a href="https://2012.igem.org/Team:TU-Delft" 'onfocus=this.blur()'><img src="http://homes.esat.kuleuven.be/~igemwiki/images/logo.png" border="0" width="100" height="100"></a></div>-->
-
color: white ;
+
-
font-weight: bold;
+
-
display: block;
+
-
height: 15px;
+
-
width: auto;
+
-
border-bottom:0;
+
-
margin: 5px;
+
-
padding: 0 0 5px 0;
+
-
}
+
-
#nav li a span {
+
<div id="logo_igem"><object data="tudelftigem.nl/wiki/TU-Delft_igemlogo.html" style="overflow:hidden;" type="text/html" width="99" height="80"></object></div>
-
color: #FFD109;
+
-
}
+
-
#nav li a span span{
+
<div id="twitter_widget">
-
color: #FFD109;
+
<a href="#" onfocus='blur()' onclick='javascript:this.parentNode.style.display="none"; return false;'><img src="tudelftigem.nl/wiki/close_button.png" width="10" height="10" style="margin: 0 0 0 140px;" alt="close"></a><script>
-
}
+
new TWTR.Widget({
 +
  version: 2,
 +
  type: 'profile',
 +
  rpp: 3,
 +
  interval: 6000,
 +
  width: '120',
 +
  height: 210,
 +
  theme: {
 +
    shell: {
 +
      background: '#fff',
 +
      color: 'red'
 +
    },
 +
    tweets: {
 +
      background: '#fff',
 +
      color: '#10143a',
 +
      links: '#00a6d6'
 +
    }
 +
  },
 +
  features: {
 +
    scrollbar: false,
 +
    loop: false,
 +
    live: true,
 +
    hashtags: true,
 +
    timestamp: true,
 +
    avatars: false,
 +
    behavior: 'all'
 +
  }
 +
}).render().setUser('TudelftIgem2012').start();
 +
</script>
 +
</div>
-
#nav li a span span span{
+
<!--<div id="social_linkall"><a href="http://bit.ly/qebk0N" target="_blank"><img src="http://homes.esat.kuleuven.be/~igemwiki/images/twitter_allmedia.png" width="120" height="35" border="0" /></a></div>-->
-
color: #FFD109;
+
-
}
+
-
#nav li.on a {
+
<!--<div id="social_icons"><object data="http://homes.esat.kuleuven.be/~igemwiki/html/social_icons.html" style="overflow:hidden;" type="text/html" width="110" height="24"></object></div>-->
-
border-bottom: 2px solid white;
+
-
color: white;
+
-
}
+
-
#nav li.on2 a {
 
-
border-bottom: 2px solid blue;
 
-
color: aqua;
 
-
}
 
-
#nav li.on a:hover {
+
<div id="notebook-container">
-
color: #10143a;
+
<div id="notebook_submenu"><a href="https://2012.igem.org/Team:TU-Delft/Notebook" style="color:#10143a; border-bottom:2px solid #10143a;">Weekly notebook</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://2012.igem.org/Team:TU-Delft/Notebook/daily">Daily notebook</a></div>
-
}
+
-
#nav li.on a:hover span{
+
<!-- WETLAB PART -->
-
color:blue;
+
<div id="wetlab-column">
-
}
+
<div id="wetlab-column-end"></div>
 +
<span class="notebook-header"><img src="http://homes.esat.kuleuven.be/~igemwiki/images/notebook_top_wetlab.png"</span><br>
-
#nav li.on ul a, #nav li.off ul a {
+
<span class="notebook-weekno">Week </span><br>
-
float: center; /*ie doesn't inherit the float*/
+
<span class="notebook-txt">blahblah</span><hr class="notebook-divider">
-
border: 0;
+
-
font-size:12px;
+
-
color: white;
+
-
width: auto;
+
-
margin-right: 0px;
+
-
}
+
-
#nav li.on ul {
+
-
display: inline;
+
-
}
+
-
#nav li.off:hover ul {
+
-
display: block;
+
-
z-index: 6000;
+
-
}
+
-
#nav li.off a:hover, #nav li:hover a {
+
-
background: white;
+
-
color: #10143a;
+
-
}
+
-
#nav li.off a:hover span, #nav li:hover a {
+
<span class="notebook-weekno">Week </span><br>
-
background: #10143a;
+
<span class="notebook-txt">blahblah</span><hr class="notebook-divider">
-
color: #10143a;
+
-
}
+
-
.third{
+
<span class="notebook-weekno">Week </span><br>
-
font-size:11px;
+
<span class="notebook-txt">blahblah</span><hr class="notebook-divider">
-
padding:0;
+
-
}
+
-
#footer {
+
<span class="notebook-weekno">Week </span><br>
-
text-decoration:none;
+
<span class="notebook-txt">blahblah</span><hr class="notebook-divider">
-
border:none;
+
-
width:100%;
+
-
}
+
-
#footer-box{
+
-
width:0px;
+
-
height:0px;
+
-
display:none;
+
-
}
+
-
.sum_dot{
+
<span class="notebook-weekno">Week </span><br>
-
list-style: disc;
+
<span class="notebook-txt">blahblah</span><hr class="notebook-divider">
-
}
+
-
.sum_number{
+
<span class="notebook-weekno">Week </span><br>
-
list-style: decimal;
+
<span class="notebook-txt"></span><hr class="notebook-divider">
-
}
+
-
#contentSub{
+
<span class="notebook-weekno">Week </span><br>
-
width:0px;
+
<span class="notebook-txt">blah</span><hr class="notebook-divider">
-
height:0px;
+
-
display:none;
+
-
}
+
 +
<span class="notebook-weekno">Week </span><br>
 +
<span class="notebook-txt">blah</span><hr class="notebook-divider">
 +
</span><hr class="notebook-divider">     
 +
</div>
 +
<!-- END WETLAB PART -->
-
#catlinks{
+
<!-- MODELLING PART -->
-
width:0px;
+
-
height:0px;
+
-
display:none;
+
-
}
+
-
.twtr-widget {
+
<div id="modelling-column">
-
width: 150px;
+
<div id="modelling-column-end"></div>
-
}
+
<span class="notebook-header"><img src="http://homes.esat.kuleuven.be/~igemwiki/images/notebook_top_model.png"</span><br>
-
.twtr-hd, .twtr-ft {
+
<span class="notebook-weekno">Week </span><br>
-
    display:none;
+
<span class="notebook-txt">blah</span><hr class="notebook-divider">
-
}
+
-
#siteSub {
+
<span class="notebook-weekno">Week </span><br>
-
display:none;
+
<span class="notebook-txt">blah</span><hr class="notebook-divider">
-
}
+
-
#search-controls {
+
<span class="notebook-weekno">Week </span><br>
-
display:none;
+
<span class="notebook-txt">blah</span></span><hr class="notebook-divider">
-
}
+
-
.firstHeading {
+
<span class="notebook-weekno">Week </span><br>
-
display:none;
+
<span class="notebook-txt">blah</span><hr class="notebook-divider">
-
}
+
-
#search-controls {
+
<span class="notebook-weekno">Week </span><br>
-
display:none;
+
<span class="notebook-txt"></span></span><hr class="notebook-divider">
-
}
+
-
#p-logo {
+
<span class="notebook-weekno">Week </span><br>
-
display:none;
+
<span class="notebook-txt">blah</span><hr class="notebook-divider">
-
}
+
-
#top-section {
+
<span class="notebook-weekno">Week </span><br>
-
border:none;
+
<span class="notebook-txt"></span><hr class="notebook-divider">
-
margin: 0 auto;
+
-
height:0px  ! important;
+
-
width:100%;
+
-
}
+
-
#centeredimage {
+
-
display: block;
+
-
text-align:center;
+
-
margin-left: auto;
+
-
margin-right: auto;
+
-
}
+
-
#globalWrapper{
+
-
margin:0;
+
-
padding:0;
+
-
border:0;
+
-
}
+
-
.visualClear{
+
-
height:0;
+
-
width:0;
+
-
display:none;
+
-
}
+
-
#menubar {
+
<span class="notebook-weekno">Week </span><br>
-
    position: absolute;
+
<span class="notebook-txt"></span><hr class="notebook-divider">
-
    white-space: nowrap;
+
-
    top:0;
+
-
    width: 350px;
+
-
    z-index: 5;
+
-
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
+
-
    font-size: 95%;
+
-
    line-height: 1em;
+
-
z-index:1001;
+
-
}
+
-
#menubar ul {
+
<span class="notebook-weekno">Week </span><br>
-
    color: #E81B05;
+
<span class="notebook-txt">blah</span></span><hr class="notebook-divider">
-
    list-style: none;
+
<!-- END MODELLING PART -->
-
}
+
-
#menubar li {
+
-
    display: inline;
+
-
    position: relative;
+
-
    cursor: pointer;
+
-
    padding-left: 0px;
+
-
    padding-right: 0px;
+
-
}
+
 +
<!-- OTHERS PART -->
-
#centeredmenu_bg{
+
<div id="others-column">
-
position:fixed;
+
<div id="others-column-end"></div>
-
bottom:0px;
+
<span class="notebook-header">blah<img src="http://homes.esat.kuleuven.be/~igemwiki/images/notebook_top_others.png"</span><br>
-
background:white; /* the line at the botom of the page*/
+
-
left:0px;
+
-
width:100%;
+
-
height:40px;
+
-
z-index:999;
+
-
}
+
-
#centeredmenu {
+
<span class="notebook-weekno">Week </span><br>
-
position:fixed;
+
<span class="notebook-txt">blah</span><hr class="notebook-divider">
-
width:690px;
+
-
bottom:15px;
+
-
left:50%;
+
-
margin:0 0 0 -345px;
+
-
padding:0;
+
-
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
+
<span class="notebook-weekno">Week </span><br>
-
font-size:14px;
+
<span class="notebook-txt">blah</span><hr class="notebook-divider">
-
letter-spacing:1px;
+
-
text-transform:uppercase;
+
-
z-index:999;
+
-
text-align:center;
+
-
}
+
-
#centeredmenu ul {
+
<span class="notebook-weekno">Week </span><br>
-
display:inline;
+
<span class="notebook-txt">blah</span></span><hr class="notebook-divider">
-
  clear:left;
+
-
  list-style:none;
+
-
line-height:20px;
+
-
height:20px;
+
-
  margin:0;
+
-
  position:relative;
+
-
  right:0px;
+
-
  text-align:center;
+
-
background:red;
+
-
}
+
-
#centeredmenu ul li {
+
-
display:inline;
+
-
list-style:none;
+
-
margin:0;
+
-
text-decoration:none;
+
-
padding:10px;
+
-
position:relative;
+
-
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
+
-
color:aqua;
+
-
font-size:14px;
+
-
font-weight:bold;
+
-
text-transform:uppercase;
+
-
line-height:16px;
+
-
letter-spacing:1px;
+
-
}
+
-
#centeredmenu ul li a {
+
<span class="notebook-weekno">Week </span><br>
-
display:inline;
+
<span class="notebook-txt">blah</span><hr class="notebook-divider">
-
margin:0 0 0 1px;
+
-
text-decoration:none;
+
-
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
+
-
color:aqua;
+
-
font-size:14px;
+
-
font-weight:bold;
+
-
text-transform:uppercase;
+
-
line-height:16px;
+
-
letter-spacing:1px;
+
-
}
+
-
#centeredmenu ul li a:hover {
+
-
text-decoration:none;
+
-
border-bottom: 2px solid black;
+
-
}
+
 +
<span class="notebook-weekno">Week </span><br>
 +
<span class="notebook-txt">blah</span><hr class="notebook-divider">
-
.left-menu li a {
+
<span class="notebook-weekno">Week </span><br>
-
    padding: 0px 10px 0px 0px;
+
<span class="notebook-txt">blah</span><hr class="notebook-divider"> <br>
-
color:
+
-
}
+
-
.left-menu .selected {
+
-
# color: white;
+
-
}
+
-
#.left-menu .selected:hover {
+
-
# color: #10143a;
+
-
#}
+
-
.left-menu:hover a {
+
<span class="notebook-weekno">Week </span><br>
-
    color: #10143a;
+
<span class="notebook-txt">blah</span><hr class="notebook-divider">
-
}
+
-
.left-menu, .left-menu a {
+
<span class="notebook-weekno">Week /span><br>
-
    left: 0px;
+
<span class="notebook-txt">blah</span><hr class="notebook-divider">
-
    text-align: left;
+
-
    color:transparent;
+
-
    text-transform: lowercase;
+
-
}
+
-
.left-menu a:hover {
+
<span class="notebook-weekno">Week /span><br>
-
text-decoration:underline;
+
<span class="notebook-txt">blah</span><hr class="notebook-divider">
-
}
+
-
.left-menu:hover {
+
-
    color: #10143a;
+
-
    background-color: white;
+
-
}
+
-
.right-menu li {
+
<span class="notebook-weekno">Week </span><br>
-
#  background-color: yellow ;
+
<span class="notebook-txt">blah</span><hr class="notebook-divider">
-
}
+
-
.right-menu li a {
 
-
    padding: 0px 15px 0px 0px;
 
-
    color: white;
 
-
    background-color: #10143a;
 
-
}
 
-
.right-menu li a:hover {
 
-
    color: #10143a;
 
-
    text-decoration: underline;
 
-
background-color: white;
 
-
}
 
-
.right-menu, .right-menu a {
 
-
    right: 0px;
 
-
    text-align: right;
 
-
    color: white;
 
-
}
+
<span class="notebook-weekno">Week </span><br>
 +
<span class="notebook-txt">blah</span><hr class="notebook-divider">
-
#logo_igem_div{
+
<span class="notebook-weekno">Week </span><br>
-
position:relative;
+
<span class="notebook-txt">blah</span><hr class="notebook-divider">
-
top:0;
+
-
left:0;
+
-
width:70px;
+
-
height:57px;
+
-
border:0;
+
-
margin:0;
+
-
padding:0;
+
-
overflow:hidden;
+
-
}
+
 +
<!--<span class="notebook-weekno">After European Jamboree</span><br>
 +
<span class="notebook-txt">Now the wiki's unfrozen we continued our project.</span> -->
 +
<hr class="notebook-divider">
 +
</div>
 +
<!-- END OTHER PART -->
 +
</div>
-
 
+
</body>
-
#lightbox{
+
</html>
-
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>
+
-
<html>
+

Revision as of 12:18, 20 July 2012

Menu
TUDelft - Leiden iGEM 2012
close

Week
blahblah
Week
blahblah
Week
blahblah
Week
blahblah
Week
blahblah
Week
Week
blah
Week
blah

Week
blah
Week
blah
Week
blah
Week
blah
Week
Week
blah
Week
Week
Week
blah
blah
Week
blah
Week
blah
Week
blah
Week
blah
Week
blah
Week
blah

Week
blah
Week /span>
blah
Week /span>
blah
Week
blah
Week
blah
Week
blah

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