Team:XMU-China/Notebook

From 2013.igem.org

(Difference between revisions)
 
(4 intermediate revisions not shown)
Line 1: Line 1:
-
 
+
{{:Team:XMU-China/Home}}
 +
{{:Team:XMU-China/Notebook1}}
<html>
<html>
-
              <head> 
 
-
<meta charset="UTF-8" />
 
-
<meta name="keywords" content="iGEM, XMU, XMU_software, web, HTML5" />
 
-
<meta name="description" content="design for synthetic biology " />
 
-
 
-
</head>
 
<style>
<style>
-
.C0{
+
#separator h3 {font-size: 50px;}
-
/*font-family:Vwei;*/
+
-
font-size:1em;
+
-
width:100%;
+
-
height:3em;
+
-
color:black;
+
-
}
+
-
.C1{
+
-
width:100%;
+
-
height:370px;
+
-
border-collapse:collapse;
+
-
border:2px solid #eeece1;
+
-
}
+
-
.C1_td{
+
-
border-right:2px solid #eeece1;
+
-
width:350px;
+
-
height:100%;
+
-
padding:0px;
+
-
}
+
-
.C1_graph{
+
-
width:350px;
+
-
height:350px;
+
-
margin:0px;
+
-
}
+
-
.C1_td_text{
+
-
padding:0px;
+
-
}
+
-
.C1_text{
+
-
margin:0px;
+
-
width:100%;
+
-
height:370px;
+
-
font-size:1em;
+
-
/*font-family:Vwei;*/
+
-
}
+
-
.C1_button1{
+
-
height:20px;
+
-
width:230px;
+
-
background-image: url(tool_icon/ok.png);
+
-
background-repeat: no-repeat;
+
-
/*font-family:Vwei;*/
+
-
}
+
-
.C1_button2{
+
-
height:20px;
+
-
width:110px;
+
-
background-image: url(tool_icon/ok.png);
+
-
}
+
-
.C3,.C3_ABC,.C5,.C4,.C6,.C7,.C9,.C10{
+
-
width:100%;
+
-
border-collapse:collapse;
+
-
}
+
-
.C3_input,.C3_input_ABC,.C6_input,.C5_input,.C7_blur_2,.C7_input_C,.C10_input{/**********/
+
-
width:100%;
+
-
border:1px solid white;
+
-
/*font-family:con;*/
+
-
font-size:1em;
+
-
}
+
-
.C3_td,.C3_td_C,.C3_td_C5_C{
+
-
border:2px solid #eeece1;
+
-
height:20px;
+
-
}
+
-
.C3_td_title,.C8_td_title{
+
-
text-align:center;
+
-
height:25px;
+
-
/*font-family:Vwei;*/
+
-
font-size:1.3em;
+
-
border:2px solid #eeece1;
+
-
}
+
-
.C3_td_textarea,.C4_td_textarea{
+
-
/*font-family:Vwei;*/
+
-
width:50%;
+
-
border:2px solid #eeece1;
+
-
font-size:1em;
+
-
}
+
-
.C3_textarea{
+
-
height:100%;
+
-
width:100%;
+
-
/*font-family:Vwei;*/
+
-
border:0px solid #eeece1;
+
-
}
+
-
.C4_td{
+
-
border:2px solid #eeece1;
+
-
height:80px;
+
-
}
+
-
.C5_canvas_td{
+
-
height:100px;
+
-
border:1px solid #eeece1;
+
-
position:relative;
+
-
}
+
-
.C5_canvas_matrix{
+
-
position:absolute;
+
-
top:30px;
+
-
left:10%;
+
-
width:80%;
+
-
height:40px;
+
-
border:5px solid rgb(79, 129, 189);
+
-
z-index:-8.6;
+
-
}
+
-
.C5_canvas_button1,.C5_canvas_button2,.C5_canvas_button3{
+
-
position:absolute;
+
-
height:32px;
+
-
background-color:rgb(79, 129, 189);
+
-
z-index:-8.5;
+
-
}
+
-
.C5_TEXT1{
+
-
position:absolute;
+
-
z-index:-8.5;
+
-
height:10px;
+
-
top:20px;
+
-
left:13%;
+
-
}
+
-
.C5_TEXT2{
+
-
position:absolute;
+
-
z-index:-8.5;
+
-
height:10px;
+
-
top:20px;
+
-
left:83%;
+
-
}
+
-
 
+
-
.C5_canvas_button1{
+
-
top:15px;
+
-
left:22%;
+
-
width:20%;
+
-
}
+
-
.C5_canvas_button2{
+
-
top:15px;
+
-
right:22%;
+
-
width:20%;
+
-
}
+
-
.C5_canvas_button3{
+
-
bottom:10px;
+
-
left:40%;
+
-
width:20%;
+
-
}
+
-
.C5_system_input,.C7_blur_1{
+
-
border:1px solid #eeece1;
+
-
/*font-family:con;*/
+
-
font-size:1em;
+
-
width:5em;
+
-
}
+
-
.C10_system_input{
+
-
border:1px solid #eeece1;
+
-
/*font-family:con;*/
+
-
font-size:1em;
+
-
margin-left:0px;
+
-
margin-right:0em;
+
-
}
+
-
.C6_button{
+
-
width:100%;
+
-
height:100%;
+
-
margin:0px;
+
-
background-color:rgb(79, 129, 189);
+
-
/*font-family:Vwei;*/
+
-
font-size:1em;
+
-
}
+
-
.C8_td_title{
+
-
color:rgb(79, 129, 189);
+
-
}
+
-
.C8_button{
+
-
width:100%;
+
-
height:30px;
+
-
margin:0px;
+
-
background-color:rgb(79, 129, 189);
+
-
/*font-family:Vwei;*/
+
-
font-size:1em;
+
-
}
+
-
.C8{
+
-
width:100%;
+
-
border-collapse:collapse;
+
-
border: 3px solid #eeece1;
+
-
}
+
-
.C8_td{
+
-
border:2px solid #eeece1;
+
-
}
+
-
.C6_td_textarea{
+
-
/*font-family:Vwei;*/
+
-
width:40%;
+
-
border:2px solid #eeece1;
+
-
font-size:1em;
+
-
}
+
-
#M1_name{ /*消失*/
+
-
/*定位*/
+
-
position:fixed;
+
-
left:25%;
+
-
right:41%;
+
-
top:76px;
+
-
height:35px;
+
-
/*边框*/
+
-
border:1px solid white;
+
-
border-radius:6px;
+
-
/*背景*/
+
-
background-color:#96b2d7;
+
-
/*存在*/
+
-
display:none;
+
-
/*font-family:实验名;*/
+
-
    font-size:2.2em;
+
-
    text-indent:10px;
+
-
white-space:nowrap;
+
-
overflow:hidden;
+
-
    text-overflow: ellipsis; 
+
-
}
+
-
#M1_name_button{
+
-
position:fixed;
+
-
left:25%;
+
-
right:41%;
+
-
z-index:-9;
+
-
}
+
-
.M1_exp{ /*消失*/
+
-
 
+
-
}
+
-
.M1_exp_stepBoard{
+
-
/*定位*/
+
-
+
-
width:100%;
+
-
border-collapse:collapse;
+
-
}
+
-
.M1_exp_stepInfo{
+
-
/*定位*/
+
-
+
-
    position:relative;
+
-
 
+
-
height:40px;
+
-
/*字体*/
+
-
color:white;
+
-
/*边框*/
+
-
border-top:2px solid #eeece1;
+
-
border-top-left-radius:15px;
+
-
/*背景*/
+
-
background-color:#c3d69b;
+
-
}
+
-
.M1_exp_step_name_button{
+
-
position:absolute;
+
-
left:15px;
+
-
    right:130px;
+
-
    top:0px;
+
-
    bottom:0px;
+
-
    padding:0px;
+
-
border:0px solid #c3d69b; 
+
-
}
+
-
.M1_exp_step_name{
+
-
width:100%;
+
-
height:100%;
+
-
background-color:#c3d69b;
+
-
margin:0px;
+
-
border:0px solid #c3d69b; 
+
-
/*font-family:Vwei;*/
+
-
    font-size:1.5em;
+
-
white-space:nowrap;
+
-
overflow:hidden;
+
-
    text-overflow: ellipsis;   
+
-
}
+
-
.M1_exp_stepItem{
+
-
/*定位*/
+
-
border:2px solid #eeece1;
+
-
height:35px;
+
-
}
+
-
.M1_exp_step_time{
+
-
position:absolute;
+
-
top:10px;
+
-
right:8px;
+
-
/*font-family:Vwei;*/
+
-
}
+
-
.M1_exp_item_time{
+
-
width:10%;
+
-
background-color:#a6a6a6;
+
-
border:2px solid #eeece1;
+
-
/*/*font-family:Vwei;*/ 
+
-
}
+
-
.M1_exp_item_content{
+
-
/*背景*/   
+
-
 
+
-
background-color:white;
+
-
/*溢出*/
+
-
    overflow :hidden;
+
-
/*边框*/   
+
-
    padding:0px;
+
-
/*/*font-family:Vwei;*/
+
-
}
+
-
.M1_exp_img{
+
-
color:#f31659;
+
-
}
+
</style>
</style>
-
<body>
 
-
<div>
 
-
<div class='M1_exp'> <div class="M1_exp_stepInfo" title="list all biobricks used" id="sb0s0"> <button class="M1_exp_step_name_button"> <input type="text" class="M1_exp_step_name" disabled="disabled"> </button> <span class="M1_exp_step_time">2013/9/18 13:05:26--Tina_Zhang</span> </div> <table class="M1_exp_stepBoard"> <tr class="M1_exp_stepItem"> <td class="M1_exp_item_time" id="ib0s0i0">2013/9/18 13:26:49</td> <td class="M1_exp_item_content"><table id="i0s0i0" class="C3"><tbody><tr><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td></tr><tr><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td></tr><tr><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td></tr><tr><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td></tr><tr><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td></tr><tr><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td></tr><tr><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td></tr><tr><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td></tr><tr><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td><td class="C3_td"><input type="text" class="C3_input"></td></tr></tbody></table></td> </tr> </table> <div class="M1_exp_stepInfo" title="resuspend in ddH2O" id="sb0s1"> <button class="M1_exp_step_name_button"> <input type="text" class="M1_exp_step_name" disabled="disabled"> </button> <span class="M1_exp_step_time">2013/9/18 13:24:56--Tina_Zhang</span> </div> <table class="M1_exp_stepBoard"> <tr class="M1_exp_stepItem"> <td class="M1_exp_item_time" id="ib0s1i0">2013/9/18 13:28:26</td> <td class="M1_exp_item_content"><textarea id="i0s1i0" class="C0" rows="1">简单描述一下我们重悬干粉的过程</textarea></td> </tr> </table> <div class="M1_exp_stepInfo" title="Transform into E.coli DH5a" id="sb0s2"> <button class="M1_exp_step_name_button"> <input type="text" class="M1_exp_step_name" disabled="disabled"> </button> <span class="M1_exp_step_time">2013/9/18 13:28:34--Tina_Zhang</span> </div> <table class="M1_exp_stepBoard"> <tr class="M1_exp_stepItem"> <td class="M1_exp_item_time" id="ib0s2i0">2013/9/18 13:39:57</td> <td class="M1_exp_item_content"><textarea id="i0s2i0" class="C0" rows="1">简单描述转化的步骤</textarea></td> </tr> </table> <div class="M1_exp_stepInfo" title="Confirmation" id="sb0s3"> <button class="M1_exp_step_name_button"> <input type="text" class="M1_exp_step_name" disabled="disabled"> </button> <span class="M1_exp_step_time">2013/9/18 13:29:29--Tina_Zhang</span> </div> <table class="M1_exp_stepBoard"> <tr class="M1_exp_stepItem"> <td class="M1_exp_item_time" id="ib0s3i0">2013/9/18 13:34:10</td> <td class="M1_exp_item_content"> <table id="i0s3i0" class="C1"> <tbody><tr> <td class="C1_td"> <img id="i0s3i00" class="C1_graph" src="http://trysomething-block.stor.sinaapp.com/t22i0s3i0ff06.jpg"><br> <form id="i0s3i04" target="M7" action="img.php" method="post" enctype="multipart/form-data"></form> <input name="img" type="file" id="i0s3i02" form="i0s3i04" class="C1_button1" required="required"> <input name="pname" type="hidden" value="t22" form="i0s3i04"> <input name="id" type="hidden" value="i0s3i0" form="i0s3i04"> <input name="oldgraph" type="hidden" id="i0s3i05" form="i0s3i04" value="t22i0s3i0ff06.jpg"> <input id="i0s3i06" type="submit" value="submit" form="i0s3i04" class="C1_button2"> <div id="i0s3i03" class="M1_exp_img"></div> </td> <td class="C1_td_text"> <textarea id="i0s3i01" class="C1_text">左边放验证的胶图,右边放描述。</textarea> <br> </td> </tr> </tbody></table> </td> </tr> <tr class="M1_exp_stepItem"> <td class="M1_exp_item_time" id="ib0s3i1">2013/9/18 13:44:19</td> <td class="M1_exp_item_content"><textarea id="i0s3i1" class="C0" rows="1">划板、保种。。</textarea></td> </tr> </table> </div>
 
-
</div>
 
-
</body>
 
</html>
</html>
-
{{:Team:XMU-China/top}}
 

Latest revision as of 14:40, 26 September 2013

导航栏

LinkUp - Multipurpose HTML Template