|
|
| (3 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| | {{:Team:XMU-China/Home}} | | {{: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}}
| |
"
