Team:NCTU Formosa/Notebook

From 2009.igem.org

(Difference between revisions)
 
(12 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box! You can remove it from your pages once you have read and understood the alert *** -->
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 +
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 +
<body>
 +
<style media="all" type="text/css">
 +
<!--
 +
#body{
 +
width:880px;
 +
margin-left:auto;
 +
margin-right:auto;
 +
}
 +
.nav {
 +
height:35px;
 +
background: url(images/bg.gif) repeat-x;
 +
position:relative;
 +
font-family:arial, verdana, sans-serif;
 +
font-size:11px;
 +
width:100%;
 +
z-index:100;
 +
margin:0;
 +
padding:0;
 +
}
 +
.nav .table {
 +
display:table;
 +
margin:0 auto;
 +
}
 +
.nav .select,
 +
.nav .current {
 +
margin:0;
 +
padding:0;
 +
list-style:none;
 +
display:table-cell;
 +
white-space:nowrap;
 +
}
 +
.nav li {
 +
margin:0;
 +
padding:0;
 +
height:auto;
 +
float:left;
 +
}
 +
.nav .select a {
 +
display:block;
 +
height:35px;
 +
float:left;
 +
font-weight:bold;
 +
background: url(images/bg.gif);
 +
padding:0 30px 0 30px;
 +
text-decoration:none;
 +
line-height:35px;
 +
white-space:nowrap;
 +
color:#dfdfdf;
 +
}
 +
.nav .select a:hover,
 +
.nav .select li:hover a {
 +
background: url(images/hover.gif);
 +
padding:0 0 0 15px;
 +
cursor:pointer;
 +
color:#2b3238;
 +
}
 +
.nav .select a b{
 +
font-weight:bold;
 +
}
-
<!-- *** End of the alert box *** -->
+
.nav .select a:hover b,
 +
.nav .select li:hover a b {
 +
display:block;
 +
float:left;
 +
padding:0 30px 0 15px;
 +
background:url(images/hover.gif) right top;
 +
cursor:pointer;
 +
}
 +
.nav .select_sub {
 +
display:none;
 +
}
 +
/* IE6 only */
 +
.nav table {
 +
border-collapse:collapse;
 +
margin:-1px;
 +
font-size:1em;
 +
width:0;
 +
height:0;
 +
}
-
{|align="justify"
+
.nav .sub {
-
|You can write a background of your team here. Give us a background of your team, the members, etc.  Or tell us more `bop� something of your choosing.
+
display:table;
-
|[[Image:Example_logo.png|200px|right|frame]]
+
margin:0 auto;
-
|-
+
padding:0;
-
|
+
list-style:none;
-
''Tell us more about your project.  Give us background.  Use this is the abstract of your project.  Be descriptive but concise (1-2 paragraphs)''
+
}
-
|[[Image:Team.png|right|frame|Your team picture]]
+
-
|-
+
-
|
+
-
|align="center"|[[Team:Example2 | Team Example]]
+
-
|}
+
-
<!--- The Mission, Experiments --->
+
.nav .sub_active .current_sub a,  
 +
.nav .sub_active a:hover {
 +
background:transparent;
 +
color:#2b3238;
 +
}
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
.nav .select :hover .select_sub,
-
!align="center"|[[Team:NCTU Formosa|Home]]
+
.nav .current .show {
-
!align="center"|[[Team:NCTU Formosa/Team|The Team]]
+
display:block;  
-
!align="center"|[[Team:NCTU Formosa/Project|The Project]]
+
position:absolute;  
-
!align="center"|[[Team:NCTU Formosa/Parts|Parts Submitted to the Registry]]
+
width:100%;
-
!align="center"|[[Team:NCTU Formosa/Modelling|Modelling]]
+
top:35px;
-
!align="center"|[[Team:NCTU Formosa/e-Notebook|e-Notebook]]
+
background:url(images/back.gif);
-
|}
+
padding:0;
-
(''Or you can choose different headings.  But you must have a team page, a project page, and a notebook page.'')
+
z-index:100;
 +
left:0;
 +
text-align:center;
 +
}
-
==Notebook==
+
.nav .current .show {
 +
z-index:10;
 +
}
-
You should make use of the calendar feature on the wiki and start a lab notebook. This may be looked at by the judges to see how your work progressed throughout the summer. It is a very useful organizational tool as well.
+
.nav .select :hover .sub li a,
 +
.nav .current .show .sub li a {
 +
display:block;
 +
float:left;
 +
background:transparent;
 +
padding:0 10px 0 10px;
 +
margin:0;
 +
white-space:nowrap;
 +
border:0;
 +
color:#2b3238;
 +
}
-
Find more information on how to use the calendar feature by going to the [[Help:Calendar | general calendar page]].
+
.nav .current .sub li.sub_show a {
 +
color:#2b3238;
 +
cursor:default;
 +
}
 +
 
 +
.nav .select .sub li a {
 +
font-weight:normal;
 +
}
 +
 
 +
.nav .select :hover .sub li a:hover,
 +
.nav .current .sub li a:hover {
 +
visibility:visible;
 +
color:#909090;
 +
}
 +
 
 +
#content {
 +
width:100%;
 +
margin:0; 
 +
}
 +
 
 +
#bg{
 +
width: 100%; height:948px;
 +
background: url('https://static.igem.org/mediawiki/2009/e/e1/All.jpg') no-repeat top center;
 +
position: relative;
 +
margin-top:40px;
 +
}
 +
 
 +
.symlesson {
 +
width:15px;height:15px;
 +
background:url('https://static.igem.org/mediawiki/2009/3/31/Red.png') no-repeat center center;
 +
position:absolute;
 +
}
 +
.symlesson a, {
 +
width:15px;height:15px;
 +
background:url('https://static.igem.org/mediawiki/2009/3/31/Red.png') no-repeat center center;
 +
position:absolute;
 +
display:block;
 +
text-indent:-9999px;
 +
}
 +
.symwetlab {
 +
width:15px;height:15px;
 +
background:url('https://static.igem.org/mediawiki/2009/3/31/Purple.png') no-repeat center center;
 +
position:absolute;
 +
}
 +
.symwetlab a, {
 +
width:15px;height:15px;
 +
background:url('https://static.igem.org/mediawiki/2009/3/31/Purple.png') no-repeat center center;
 +
position:absolute;
 +
display:block;
 +
text-indent:-9999px;
 +
}
 +
.symwebupdate {
 +
width:15px;height:15px;
 +
background:url('https://static.igem.org/mediawiki/2009/7/72/Green.png') no-repeat center center;
 +
position:absolute;
 +
}
 +
.symwebupdate a, {
 +
width:15px;height:15px;
 +
background:url('https://static.igem.org/mediawiki/2009/7/72/Green.png') no-repeat center center;
 +
position:absolute;
 +
display:block;
 +
text-indent:-9999px;
 +
}
 +
.symdiscussion{
 +
width:15px;height:15px;
 +
background:url('https://static.igem.org/mediawiki/2009/d/d9/Grassgreen.png') no-repeat center center;
 +
position:absolute;
 +
}
 +
.symdiscussion a, {
 +
width:15px;height:15px;
 +
background:url('https://static.igem.org/mediawiki/2009/d/d9/Grassgreen.png') no-repeat center center;
 +
position:absolute;
 +
display:block;
 +
text-indent:-9999px;
 +
}
 +
.symbreakthrough {
 +
width:15px;height:15px;
 +
background:url('https://static.igem.org/mediawiki/2009/0/06/Brown.png') no-repeat center center;
 +
position:absolute;
 +
}
 +
.symbreakthrough a, {
 +
width:15px;height:15px;
 +
background:url('https://static.igem.org/mediawiki/2009/0/06/Brown.png') no-repeat center center;
 +
position:absolute;
 +
display:block;
 +
text-indent:-9999px;
 +
}
 +
.sympracticing {
 +
width:15px;height:15px;
 +
background:url('https://static.igem.org/mediawiki/2009/1/16/Blue.png') no-repeat center center;
 +
position:absolute;
 +
}
 +
.sympracticing a, {
 +
width:15px;height:15px;
 +
background:url('https://static.igem.org/mediawiki/2009/1/16/Blue.png') no-repeat center center;
 +
position:absolute;
 +
display:block;
 +
text-indent:-9999px;
 +
}
 +
 
 +
#textcontent{
 +
width:100%; height:1000px;
 +
font-size: 2em;
 +
margin-top: 100px;
 +
}
 +
#textcontent2 {
 +
width:100%;
 +
margin:10px 0px 40px 0px;
 +
}
 +
 
 +
.month {font-size:0.7em; font-weight:bold; margin:50px 0px 30px 30px;}
 +
.innertext {}
 +
.date {width:100px; float:left; text-align: right; margin-right: 30px; font-size:0.5em; }
 +
.events{width:700px; float:right; font-size:0.5em; }
 +
-->
 +
</style>
 +
<!--[if IE]>
 +
<style media="all" type="text/css">
 +
.nav ul {display:inline-block;}
 +
.nav ul {display:inline;}
 +
.nav ul li {float:left;}
 +
.nav {text-align:center;}
 +
.nav .select a:hover b,
 +
.nav .select li:hover a b {float:none;}
 +
</style>
 +
<![endif]-->
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<div id="body">
 +
<div class="nav">
 +
<div class="table">
 +
 +
<ul class="select">
 +
<li><a href="https://2009.igem.org/Team:NCTU_Formosa" target="_self"><b>Home</b></a></li>
 +
</ul>
 +
 +
<ul class="select">
 +
<li><a href="https://2009.igem.org/Team:NCTU_Formosa/Team" target="_self"><b>Team</b></a>
 +
</li>
 +
</ul>
 +
 
 +
<ul class="select">
 +
<li><a href="" target="_self"><b>Project</b></a>
 +
<div class="select_sub">
 +
<ul class="sub">
 +
<li><a href="https://2009.igem.org/Team:NCTU_Formosa/Project/Introduction" target="_self">Introduction</a></li>
 +
<li><a href="https://2009.igem.org/Team:NCTU_Formosa/Project/Components" target="_self">Components</a></li>
 +
<li><a href="https://2009.igem.org/Team:NCTU_Formosa/Project/Construction" target="_self">Construction</a></li>
 +
<li><a href="https://2009.igem.org/Team:NCTU_Formosa/Project/Protocol" target="_self">Protocol</a></li>
 +
<li><a href="https://2009.igem.org/Team:NCTU_Formosa/Project/Safety" target="_self">Safety</a></li>
 +
</ul>
 +
</div>
 +
</li>
 +
</ul>
 +
 
 +
<ul class="select">
 +
    <li><a href="" target="_self"><b>Notebook</b></a>
 +
<div class="select_sub">
 +
<ul class="sub">
 +
<li><a href="https://2009.igem.org/Team:NCTU_Formosa/Notebook/Calendar" target="_self">Calendar</a></li>
 +
<li><a href="https://2009.igem.org/Team:NCTU_Formosa/Notebook/Traveling" target="_self">Traveling</a></li>
 +
</ul>
 +
</div>
 +
</li>
 +
</ul>
 +
 +
<ul class="select">
 +
<li><a href="https://2009.igem.org/Team:NCTU_Formosa/WetLab" target="_self"><b>WetLab</b></a>
 +
<div class="select_sub">
 +
<ul class="sub">
 +
<li><a href="https://2009.igem.org/Team:NCTU_Formosa/WetLab/Mainworks" target="_self">Mainworks</a></li>
 +
<li><a href="https://2009.igem.org/Team:NCTU_Formosa/WetLab/Groupwors" target="_self">Groupwors</a></li>
 +
</ul>
 +
</div>
 +
</li>
 +
</ul>
 +
 +
<ul class="select">
 +
<li><a href="https://2009.igem.org/Team:NCTU_Formosa/SubmittedParts" target="_self"><b>Submitted Parts</b></a>
 +
<div class="select_sub">
 +
<ul class="sub">
 +
<li><a href="" target="_self">4</a></li>
 +
</ul>
 +
</div>
 +
</li>
 +
</ul>
 +
 +
<ul class="select">
 +
<li><a href="https://2009.igem.org/Team:NCTU_Formosa/Contact" target="_self"><b>Contact</b></a>
 +
<div class="select_sub">
 +
<ul class="sub">
 +
<li><a href="" target="_self">6</a></li>
 +
</ul>
 +
</div>
 +
</li>
 +
</ul>
 +
</div>
 +
</div>
 +
 
 +
 
 +
<div id="content">
 +
 
 +
<div id="bg">
 +
<div class="symlesson" style="left:401px; top:177px;"><a href="#0715" target="_self"> 7/15</a></div>
 +
<div class="symlesson" style="left:511px; top:177px;"><a href="#0717" target="_self"> 7/17</a></div>
 +
<div class="symlesson" style="left:291px; top:227px;"><a href="#0720" target="_self"> 7/20</a></div>
 +
<div class="symlesson" style="left:401px; top:227px;"><a href="#0722" target="_self"> 7/22</a></div>
 +
<div class="symlesson" style="left:291px; top:277px;"><a href="#0727" target="_self"> 7/27</a></div>
 +
<div class="symlesson" style="left:401px; top:277px;"><a href="#0729" target="_self"> 7/29</a></div>
 +
<div class="symlesson" style="left:511px; top:277px;"><a href="#0731" target="_self"> 7/31</a></div>
 +
<div class="symlesson" style="left:548px; top:353px;"><a href="#0803" target="_self"> 8/03</a></div>
 +
<div class="symlesson" style="left:658px; top:353px;"><a href="#0805" target="_self"> 8/05</a></div>
 +
<div class="symlesson" style="left:768px; top:353px;"><a href="#0807" target="_self"> 8/07</a></div>
 +
<div class="symlesson" style="left:548px; top:403px;"><a href="#0810" target="_self"> 8/10</a></div>
 +
<div class="symlesson" style="left:658px; top:403px;"><a href="#0812" target="_self"> 8/12</a></div>
 +
<div class="symlesson" style="left:768px; top:403px;"><a href="#0814" target="_self"> 8/14</a></div>
 +
<div class="symdiscussion" style="left:548px; top:453px;"><a href="#0817" target="_self"> 8/17</a></div>
 +
<div class="symwetlab" style="left:768px; top:453px;"><a href="#0821" target="_self"> 8/21</a></div>
 +
<div class="symwetlab" style="left:768px; top:503px;"><a href="#0828" target="_self"> 8/28</a></div>
 +
 
 +
<div class="symwetlab" style="left:361px; top:465px;"><a href="#0904" target="_self"> 9/04</a></div>
 +
 
 +
<div class="symwetlab" style="left:141px; top:515px;"><a href="#0906" target="_self"> 9/06</a></div>
 +
<div class="symwetlab" style="left:196px; top:515px;"><a href="#0907" target="_self"> 9/07</a></div>
 +
<div class="symwetlab" style="left:251px; top:515px;"><a href="#0908" target="_self"> 9/08</a></div>
 +
<div class="symdiscussion" style="left:298px; top:515px;"><a href="#0909" target="_self"> 9/09</a></div>
 +
<div class="symwebupdate" style="left:315px; top:515px;"><a href="#0909" target="_self"> 9/09</a></div>
 +
<div class="symwetlab" style="left:361px; top:515px;"><a href="#0910" target="_self"> 9/10</a></div>
 +
 
 +
</div>
 +
 +
 +
<div id="textcontent">
 +
 +
 +
<div id="textcontent2">
 +
<div class="month"> <h2> July </h2></div>
 +
<div class="innertext">
 +
<div class="date"><p><a name="0715" id="7/15"></a> 7/15 </p></div>
 +
<div class="events"><p>It is the beginning today!!!!!!!! </p></div>
 +
<div class="date"><p><a name="0717" id="7/17"></a> 7/17 </p></div>
 +
<div class="events"><p>Lesson:Parts, Devices and Biobricks. </p>
 +
  <p>&nbsp;</p>
 +
<p>In this lesson we learned about the principle of the construction of biobricks.</p></div>
 +
</div>
 +
</div>
 +
 +
 +
 +
 +
<div id="textcontent2">
 +
<div class="month"> <h2> August </h2></div>
 +
<div class="innertext">
 +
</div>
 +
</div>
 +
 +
 +
 +
 +
<div id="textcontent2">
 +
<div class="month"> <h2> September </h2></div>
 +
<div class="innertext"> 
 +
<div class="date"><p><a name="0910" id="9/10"></a> 9/10 </p></div>
 +
<div class="events"><p>Today we have a meeting that ... </p></div>
 +
</div>
 +
</div>
 +
 +
 
 +
 +
 +
<div id="textcontent2">
 +
<div class="month"> <h2> October </h2></div>
 +
<div class="innertext">
 +
</div>
 +
</div>
 +
 
 +
 +
 +
 +
</div>
 +
</div>
 +
 
 +
 
 +
</div>
 +
</body>
 +
 
 +
</html>

Latest revision as of 17:05, 24 September 2009

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

July

7/15

It is the beginning today!!!!!!!!

7/17

Lesson:Parts, Devices and Biobricks.

 

In this lesson we learned about the principle of the construction of biobricks.

August

September

9/10

Today we have a meeting that ...

October