Team:KULeuven/Notebook

From 2011.igem.org

(Difference between revisions)
Line 4: Line 4:
<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 - Notebook</title>
<title>KULeuven iGEM 2011 - Notebook</title>
 +
 +
<style type="text/css">
 +
 +
@font-face { 
 +
font-family: 'Verlag'; 
 +
src: url('http://www.shbts.nl/igem/VerlagCompblack.eot'); 
 +
src: url('http://www.shbts.nl/igem/VerlagCompblack.ttf') format('truetype'); 
 +
} 
 +
@font-face { 
 +
font-family: 'Century'; 
 +
src: url('http://www.shbts.nl/igem/CenturyExpandedLTStd.eot'); 
 +
src: url('http://www.shbts.nl/igem/CenturyExpandedLTStd.ttf') format('truetype'); 
 +
} 
 +
 +
 +
#notebook-container{
 +
position:relative;
 +
margin:0 auto;
 +
width:685px;
 +
}
 +
#wetlab-column{
 +
position:relative;
 +
float:left;
 +
clear:right;
 +
width:185px;
 +
background:#6da6d4;
 +
margin:0 20px 0 0;
 +
padding:20px 15px 50px 15px;
 +
border:0;
 +
}
 +
#modelling-column{
 +
position:relative;
 +
float:left;
 +
clear:right;
 +
width:185px;
 +
background:#e2803b;
 +
margin:0 20px 0 0;
 +
padding:20px 15px 50px 15px;
 +
border:0;
 +
}
 +
#others-column{
 +
position:relative;
 +
float:left;
 +
clear:right;
 +
width:185px;
 +
background:#fcf07a;
 +
margin:0;
 +
padding:20px 15px 50px 15px;
 +
border:0;
 +
}
 +
#notebook-arrow{
 +
position:relative;
 +
margin:0px auto 20px auto;
 +
width:120px;
 +
height:30px;
 +
}
 +
#notebook-arrow-img{
 +
position:relative;
 +
margin:0 5px;
 +
width:30px;
 +
height:30px;
 +
}
 +
.notebook-header{
 +
font-family: 'Verlag', Verdana, Geneva, sans-serif;
 +
font-size:25px;
 +
text-transform:uppercase;
 +
position:relative;
 +
text-align:center;
 +
top:15px;
 +
margin:0 0 20px 0;
 +
}
 +
.notebook-weekno{
 +
font-family: 'Verlag', Verdana, Geneva, sans-serif;
 +
font-size:14px;
 +
font-weight:bold;
 +
text-transform:uppercase;
 +
letter-spacing:1px;
 +
margin:0 0 0 70px;
 +
text-decoration:underline;
 +
}
 +
.notebook-txt{
 +
font-family: 'Century', Verdana, Geneva, sans-serif;
 +
font-size:13px;
 +
margin:10px;
 +
}
 +
.notebook-divider{
 +
background: transparent;
 +
color: transparent;
 +
border-left:  none;
 +
border-right: none;
 +
border-top:  none;
 +
border-bottom: 3px dashed #000;
 +
width:64px;
 +
margin:40px auto 40px auto;
 +
}
 +
</style>
 +
 +
</head>
</head>
Line 22: Line 120:
</div>
</div>
 +
 +
 +
<div id="notebook-container">
 +
 +
<!-- WETLAB PART -->
 +
<div id="wetlab-column">
 +
        <span class="notebook-header"><center>Wetlab</center></span><br>
 +
            <div id="notebook-arrow"><img src="http://www.shbts.nl/igem/arrow_down.png" id="notebook-arrow-img"><img src="http://www.shbts.nl/igem/arrow_down.png" id="notebook-arrow-img"><img src="http://www.shbts.nl/igem/arrow_down.png" id="notebook-arrow-img"></div>
 +
 +
            <span class="notebook-weekno">Week 1</span><br>
 +
            <span class="notebook-txt">Place text of first week wetlab category.</span><hr class="notebook-divider">
 +
 +
            <span class="notebook-weekno">Week 2</span><br>
 +
            <span class="notebook-txt">Place text of second week wetlab category.</span><hr class="notebook-divider">
 +
 +
            <span class="notebook-weekno">Week 3</span><br>
 +
            <span class="notebook-txt">Place text of third week wetlab category.</span>
 +
 +
        </div>
 +
 +
<!-- END WETLAB PART -->
 +
 +
<!-- MODELLING PART -->
 +
 +
<div id="modelling-column">
 +
        <span class="notebook-header"><center>Modelling</center></span><br>
 +
            <div id="notebook-arrow"><img src="http://www.shbts.nl/igem/arrow_down.png" id="notebook-arrow-img"><img src="http://www.shbts.nl/igem/arrow_down.png" id="notebook-arrow-img"><img src="http://www.shbts.nl/igem/arrow_down.png" id="notebook-arrow-img"></div>
 +
 +
            <span class="notebook-weekno">Week 1</span><br>
 +
            <span class="notebook-txt">Place text of first week modelling category.</span><hr class="notebook-divider">
 +
 +
            <span class="notebook-weekno">Week 2</span><br>
 +
            <span class="notebook-txt">Place text of second week modelling category.</span><hr class="notebook-divider">
 +
 +
            <span class="notebook-weekno">Week 3</span><br>
 +
            <span class="notebook-txt">Place text of third week modelling category.</span>
 +
 +
        </div>
 +
 +
<!-- END MODELLING PART -->
 +
 +
<!-- OTHERS PART -->
 +
 +
        <div id="others-column">
 +
        <span class="notebook-header"><center>Others</center></span><br>
 +
            <div id="notebook-arrow"><img src="http://www.shbts.nl/igem/arrow_down.png" id="notebook-arrow-img"><img src="http://www.shbts.nl/igem/arrow_down.png" id="notebook-arrow-img"><img src="http://www.shbts.nl/igem/arrow_down.png" id="notebook-arrow-img"></div>
 +
 +
            <span class="notebook-weekno">Week 1</span><br>
 +
            <span class="notebook-txt">Place text of first week others category.</span><hr class="notebook-divider">
 +
 +
            <span class="notebook-weekno">Week 2</span><br>
 +
            <span class="notebook-txt">Place text of second week others category.</span><hr class="notebook-divider">
 +
 +
            <span class="notebook-weekno">Week 3</span><br>
 +
            <span class="notebook-txt">Place text of third week others category.</span>
 +
 +
        </div>
 +
       
 +
<!-- END OTHER PART -->
 +
       
 +
    </div>
 +
 +
</body>
</body>
</html>
</html>

Revision as of 08:02, 20 July 2011

KULeuven iGEM 2011 - Notebook

Wetlab

Week 1
Place text of first week wetlab category.
Week 2
Place text of second week wetlab category.
Week 3
Place text of third week wetlab category.
Modelling

Week 1
Place text of first week modelling category.
Week 2
Place text of second week modelling category.
Week 3
Place text of third week modelling category.
Others

Week 1
Place text of first week others category.
Week 2
Place text of second week others category.
Week 3
Place text of third week others category.

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