Team:XMU-China/Notebook
From 2013.igem.org
(Difference between revisions)
(Replaced content with "{{:Team:XMU-China/Home}} http://trysomething-block.stor.sinaapp.com/t22e2.xml {{:Team:XMU-China/top}}") |
|||
Line 1: | Line 1: | ||
- | |||
- | + | <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> | ||
+ | .C0{ | ||
+ | /*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> | ||
+ | <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> | ||
{{:Team:XMU-China/top}} | {{:Team:XMU-China/top}} |
Revision as of 05:15, 19 September 2013
2013/9/18 13:05:26--Tina_Zhang
2013/9/18 13:26:49 |
2013/9/18 13:24:56--Tina_Zhang
2013/9/18 13:28:26 |
2013/9/18 13:28:34--Tina_Zhang
2013/9/18 13:39:57 |
2013/9/18 13:29:29--Tina_Zhang
2013/9/18 13:34:10 |
| ||
2013/9/18 13:44:19 |