Team:KULeuven/NotebookDaily

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
-
<link rel="stylesheet" type="text/css" href="http://www.shbts.nl/igem/style/main.css" />
 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>KULeuven iGEM 2011</title>
<title>KULeuven iGEM 2011</title>
-
<style type="text/css">
+
<link rel="stylesheet" type="text/css" href="http://www.shbts.nl/igem/style/main02.css" media="screen" />
 +
<link rel="stylesheet" type="text/css" href="http://www.shbts.nl/igem/style/lightbox.css" media="screen" />
 +
<link href='http://fonts.googleapis.com/css?family=Francois+One&v2' rel='stylesheet' type='text/css'>
 +
<script type="text/javascript" src="http://www.shbts.nl/igem/scripts/prototype.js"></script>
 +
<script type="text/javascript" src="http://www.shbts.nl/igem/scripts/scriptaculous.js?load=effects,builder"></script>
 +
<script type="text/javascript" src="http://www.shbts.nl/igem/scripts/lightbox.js"></script>
 +
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
 +
 +
<style type="text/css">
#notebook-container{
#notebook-container{
-
background: none;
+
background: none;
-
width:700px;
+
width:700px;
-
margin: 15px;
+
margin: 15px;
-
float: left;
+
float: left;
-
text-decoration:none;
+
text-decoration:none;
-
border:none;
+
border:none;
-
z-index:1;
+
z-index:1;
}
}
-
 
#wetlab-column{
#wetlab-column{
-
position:relative;
+
position:relative;
-
float:left;
+
float:left;
-
clear:right;
+
clear:right;
-
width:277px;
+
width:277px;
-
background: url(http://www.shbts.nl/igem/images/notebook_blue.png) repeat;
+
background: url(http://www.shbts.nl/igem/images/notebook_blue.png) repeat;
-
margin:0 20px 0 0;
+
margin:0 20px 0 0;
-
padding:20px 15px 50px 15px;
+
padding:20px 15px 50px 15px;
-
border:0;
+
border:0;
}
}
#wetlab-column-end{
#wetlab-column-end{
-
position:absolute;
+
position:absolute;
-
bottom:0px;
+
bottom:0px;
-
width:307px;
+
width:307px;
-
height:60px;
+
height:60px;
-
background: url(http://www.shbts.nl/igem/images/notebook_blue_bottom_breed.png) top left;
+
background: url(http://www.shbts.nl/igem/images/notebook_blue_bottom_breed.png) top left;
-
margin:0 0 -60px -15px;
+
margin:0 0 -60px -15px;
-
padding:0;
+
padding:0;
-
border:0;
+
border:0;
}
}
#modelling-column{
#modelling-column{
-
position:relative;
+
position:relative;
-
float:left;
+
float:left;
-
clear:right;
+
clear:right;
-
width:277px;
+
width:277px;
-
background: url(http://www.shbts.nl/igem/images/notebook_orange.png) repeat;
+
background: url(http://www.shbts.nl/igem/images/notebook_orange.png) repeat;
-
margin:0 20px 0 0;
+
margin:0 20px 0 0;
-
padding:20px 15px 50px 15px;
+
padding:20px 15px 50px 15px;
-
border:0;
+
border:0;
}
}
#modelling-column-end{
#modelling-column-end{
-
position:absolute;
+
position:absolute;
-
bottom:0px;
+
bottom:0px;
-
width:307px;
+
width:307px;
-
height:60px;
+
height:60px;
-
background: url(http://www.shbts.nl/igem/images/notebook_orange_bottom_breed.png) top left;
+
background: url(http://www.shbts.nl/igem/images/notebook_orange_bottom_breed.png) top left;
-
margin:0 0 -60px -15px;
+
margin:0 0 -60px -15px;
-
padding:0;
+
padding:0;
-
border:0;
+
border:0;
}
}
-
 
#others-column{
#others-column{
-
position:relative;
+
position:relative;
-
float:left;
+
float:left;
-
clear:right;
+
clear:right;
-
width:185px;
+
width:185px;
-
background: url(http://www.shbts.nl/igem/images/notebook_yellow.png) repeat;
+
background: url(http://www.shbts.nl/igem/images/notebook_yellow.png) repeat;
-
margin:0;
+
margin:0;
-
padding:20px 15px 50px 15px;
+
padding:20px 15px 50px 15px;
-
border:0;
+
border:0;
}
}
#others-column-end{
#others-column-end{
-
position:absolute;
+
position:absolute;
-
bottom:0px;
+
bottom:0px;
-
width:215px;
+
width:215px;
-
height:60px;
+
height:60px;
-
background: url(http://www.shbts.nl/igem/images/notebook_yellow_bottom.png) top left;
+
background: url(http://www.shbts.nl/igem/images/notebook_yellow_bottom.png) top left;
-
margin:0 0 -60px -15px;
+
margin:0 0 -60px -15px;
-
padding:0;
+
padding:0;
-
border:0;
+
border:0;
}
}
.notebook-header{
.notebook-header{
-
position:relative;
+
position:relative;
-
top:-20px;
+
top:-20px;
-
margin:-25px 0 0 -15px;
+
margin:-25px 0 0 -15px;
}
}
.notebook-dayno{
.notebook-dayno{
-
font-size:14px;
+
font-size:14px;
-
font-weight:bold;
+
font-weight:bold;
-
text-transform:uppercase;
+
text-transform:uppercase;
-
letter-spacing:1px;
+
letter-spacing:1px;
-
margin:0 0 0 85px;
+
margin:0 0 0 85px;
-
text-decoration:underline;
+
text-decoration:underline;
}
}
.notebook-txt{
.notebook-txt{
-
font-size:13px;
+
font-size:13px;
-
margin:10px;
+
margin:10px;
}
}
.notebook-divider{
.notebook-divider{
-
background: transparent;
+
background: transparent;
-
color: transparent;
+
color: transparent;
-
border-left: none;
+
border-left: none;
-
border-right: none;
+
border-right: none;
-
border-top:   none;
+
border-top: none;
-
border-bottom: 3px dashed #000;
+
border-bottom: 3px dashed #000;
-
width:64px;
+
width:64px;
-
margin:40px auto 40px auto;
+
margin:40px auto 40px auto;
}
}
</style>
</style>
Line 110: Line 115:
<body>
<body>
-
<div id="leftbar">&nbsp;
+
<img src="http://www.shbts.nl/igem/images/bg_team02.jpg" class="bg_team">
-
  <div id="logo_ed"><a href="https://2011.igem.org/Team:KULeuven" 'onfocus=this.blur()'><img src="http://www.shbts.nl/igem/images/logo.png" border="0" width="100" height="100"></a></div>
+
-
  <div id="centeredmenu">
+
<div id="logo_ed"><a href="https://2011.igem.org/Team:KULeuven" 'onfocus=this.blur()'><img src="http://www.shbts.nl/igem/images/logo.png" border="0" width="100" height="100"></a></div>
-
    <ul>
+
-
      <li><a href="https://2011.igem.org/Team:KULeuven">HOME</a></li>
+
-
      <li>PROJECT</a></li>
+
-
      <li>TEAM</a></li>
+
-
      <li><a href="https://2011.igem.org/Team:KULeuven/NotebookDaily">NOTEBOOK (DAILY)</a></li>
+
-
      <li><a href="https://2011.igem.org/Team:KULeuven/NotebookWeekly">NOTEBOOK (WEEKLY)</a></li>
+
-
      <li><a href="https://2011.igem.org/Team:KULeuven/Safety">SAFETY</a></li>
+
-
<li><a href="https://2011.igem.org/Team:KULeuven/Sponsors">SPONSORS</a></li>
+
-
      <li>MODELING</li>
+
-
    </ul>
+
-
  </div>
+
-
</div>
+
-
<div id="notebook-container">
+
<div id="logo_igem"><object data="http://www.shbts.nl/igem/html/igemlogo.html" style="overflow:hidden;" type="text/html" width="99" height="80"></object></div>
 +
 
 +
<div id="twitter_widget">
 +
<a href="#" onfocus='blur()' onclick='javascript:this.parentNode.style.display="none"; return false;'><img src="http://www.shbts.nl/igem/images/close_button.png" width="10" height="10" style="margin: 0 0 0 185px;" alt="close"></a>
 +
<script>
 +
new TWTR.Widget({
 +
version: 2,
 +
type: 'profile',
 +
rpp: 3,
 +
interval: 6000,
 +
width: '200',
 +
height: 200,
 +
theme: {
 +
shell: {
 +
background: '#fff',
 +
color: '#999'
 +
},
 +
tweets: {
 +
background: '#fff',
 +
color: '#000',
 +
links: '#999'
 +
}
 +
},
 +
features: {
 +
scrollbar: false,
 +
loop: false,
 +
live: true,
 +
hashtags: true,
 +
timestamp: true,
 +
avatars: false,
 +
behavior: 'all'
 +
}
 +
}).render().setUser('KULeuven_iGEM').start();
 +
</script>
 +
<a href="http://bit.ly/qebk0N" target="_blank"><img src="http://www.shbts.nl/igem/images/twitter_allmedia.png" width="200" height="44" border="0" /></a>
 +
</div>
 +
 
 +
<div id="social_icons"><object data="http://www.shbts.nl/igem/html/social_icons.html" style="overflow:hidden;" type="text/html" width="110" height="24"></object></div>
 +
 
 +
<div id="centeredmenu_bg"></div>
 +
<div id="centeredmenu">
 +
<ul>
 +
<li><a href="https://2011.igem.org/Team:KULeuven">Home</a></li>
 +
<li>Project</a></li>
 +
<li>Team</a></li>
 +
<li><a href="https://2011.igem.org/Team:KULeuven/Notebook">Notebook</a></li>
 +
<li><a href="https://2011.igem.org/Team:KULeuven/Safety">Safety</a></li>
 +
<li><a href="https://2011.igem.org/Team:KULeuven/Sponsors" style="border-bottom: 2px solid #000;">Sponsors</a></li>
 +
<li>Attributions</a></li>
 +
</ul>
 +
</div>
 +
 
 +
<div id="notebook-container">
<!-- WETLAB PART -->
<!-- WETLAB PART -->
-
<div id="wetlab-column">
+
<div id="wetlab-column">
-
<div id="wetlab-column-end"></div>
+
<div id="wetlab-column-end"></div>
-
        <span class="notebook-header"><img src="http://www.shbts.nl/igem/images/notebook_top_wetlab_breed.png"</span><br>
+
<span class="notebook-header"><img src="http://www.shbts.nl/igem/images/notebook_top_wetlab_breed.png"</span><br>
-
            <span class="notebook-dayno">4th of July</span><br>
+
<span class="notebook-dayno">4th of July</span><br>
-
            <span class="notebook-txt"></span><hr class="notebook-divider">
+
<span class="notebook-txt"></span><hr class="notebook-divider">
-
            <span class="notebook-dayno">5th of July</span><br>
+
<span class="notebook-dayno">5th of July</span><br>
-
            <span class="notebook-txt"></span><hr class="notebook-divider">
+
<span class="notebook-txt"></span><hr class="notebook-divider">
-
        </div>
+
</div>
<!-- END WETLAB PART -->
<!-- END WETLAB PART -->
Line 145: Line 189:
<!-- MODELLING PART -->
<!-- MODELLING PART -->
-
<div id="modelling-column">
+
<div id="modelling-column">
-
<div id="modelling-column-end"></div>
+
<div id="modelling-column-end"></div>
-
        <span class="notebook-header"><img src="http://www.shbts.nl/igem/images/notebook_top_models_breed.png"</span><br>
+
<span class="notebook-header"><img src="http://www.shbts.nl/igem/images/notebook_top_models_breed.png"</span><br>
-
            <span class="notebook-dayno">4th of July</span><br>
+
<span class="notebook-dayno">4th of July</span><br>
-
            <span class="notebook-txt"></span><hr class="notebook-divider">
+
<span class="notebook-txt"></span><hr class="notebook-divider">
-
            <span class="notebook-dayno">5th of July</span><br>
+
<span class="notebook-dayno">5th of July</span><br>
-
            <span class="notebook-txt"></span><hr class="notebook-divider">
+
<span class="notebook-txt"></span><hr class="notebook-divider">
-
        </div>
+
</div>
<!-- END MODELLING PART -->
<!-- END MODELLING PART -->
 +
 +
</div>
</body>
</body>
</html>
</html>

Revision as of 09:23, 28 July 2011

KULeuven iGEM 2011

close

4th of July
5th of July

4th of July
5th of July

Retrieved from "http://2011.igem.org/Team:KULeuven/NotebookDaily"