|
|
Line 3: |
Line 3: |
| <head> | | <head> |
| <!--delete in wiki--> | | <!--delete in wiki--> |
− | <meta name="viewport" content="width=device-width, initial-scale=1"> | + | <meta charset="utf-8"> |
− |
| + | <meta name="viewport" content="width=device-width, initial-scale=1"> |
− | <link rel="stylesheet" href="https://2016.igem.org/Template:NKU_China/css/jquery-ui?action=raw&ctype=text/css"/> | + | <link rel="stylesheet" href="https://2016.igem.org/Template:NKU_China/css/jquery-ui?action=raw&ctype=text/css" /> |
− | <link rel="stylesheet" href="https://2016.igem.org/Template:NKU_China/css/jquery-ui-cupertino?action=raw&ctype=text/css"/> | + | <link rel="stylesheet" href="https://2016.igem.org/Template:NKU_China/css/jquery-ui-cupertino?action=raw&ctype=text/css" /> |
− | <link rel="stylesheet" href="https://2016.igem.org/Template:NKU_China/css/share?action=raw&ctype=text/css"/> | + | <link rel="stylesheet" href="https://2016.igem.org/Template:NKU_China/css/share?action=raw&ctype=text/css" /> |
| + | <script src="https://2016.igem.org/Template:NKU_China/js/jquery?action=raw&ctype=text/javascript"></script> |
| + | <script src="https://2016.igem.org/Template:NKU_China/js/jquery-ui?action=raw&ctype=text/javascript"></script> |
| + | <script src="https://2016.igem.org/Template:NKU_China/js/share?action=raw&ctype=text/javascript"></script> |
| + | |
| <style> | | <style> |
− | main#notebook { | + | main { |
− | font-size:16px;
| + | |
| margin: auto; | | margin: auto; |
− | width: 80%; | + | padding: 0; |
| + | width: 90vw; |
| box-sizing: border-box; | | box-sizing: border-box; |
− | padding: 10px;
| |
| } | | } |
| | | |
− | @media all and (min-width: 1601px) { | + | #accordion .ui-accordion-header { |
− | main#notebook { | + | border: 0.1rem; |
− | font-size: 20px;
| + | margin: 0.2rem; |
− | } | + | padding: 0; |
| } | | } |
| | | |
− | | + | #accordion .ui-accordion-header .ui-accordion-header-icon { |
− | #accordion .ui-accordion-header { | + | display: none; |
− | font-size:14px; | + | |
| } | | } |
| | | |
| #accordion .ui-accordion-header h2 { | | #accordion .ui-accordion-header h2 { |
− |
| + | font-size: 1.5rem; |
− | margin:0px; | + | margin: 0; |
− | padding-bottom:5px; | + | padding: 1rem; |
| } | | } |
| | | |
| #accordion .ui-accordion-content { | | #accordion .ui-accordion-content { |
− | font-size:18px; | + | border: 0.1rem; |
− | padding:15px 30px; | + | font-size: 1.1rem; |
| + | margin: 0; |
| + | padding: 0; |
| + | text-align: center; |
| } | | } |
| | | |
− | #accordion .ui-accordion-content p{ | + | #accordion .ui-accordion-content p, #accordion .ui-accordion-content .tabs { |
− | margin-top:0px; | + | margin: 0.8rem 1.6rem; |
− | margin-bottom:10px; | + | padding: 0; |
| } | | } |
| | | |
− | #accordion .ui-accordion-content table{ | + | #accordion .ui-accordion-content p { |
− | border-spacing:0px; | + | text-align: left; |
− | width:49%;
| + | |
− | display:inline-block;
| + | |
| } | | } |
| | | |
− | #accordion .ui-accordion-content table td{ | + | #accordion .ui-tabs-nav { |
− | padding:5px; | + | font-size: 2rem; |
| + | margin: 0; |
| + | padding: 0.4rem; |
| } | | } |
| | | |
− | #accordion .ui-accordion-content table tr:last-child td{ | + | #accordion .ui-tabs-nav .ui-tabs-tab { |
− | border-bottom:1px solid; | + | margin: 0px; |
| + | margin-right: 0.4rem; |
| + | padding: 0px; |
| } | | } |
| | | |
− | #accordion .ui-accordion-content table caption{ | + | #accordion .ui-tabs-nav .ui-tabs-tab .ui-tabs-anchor { |
− | border-top:1px solid; | + | margin: 0; |
− | border-bottom:1px solid;
| + | padding: 0.2rem 0.8rem; |
− | width:100%; | + | |
| } | | } |
| | | |
− | .tabs .ui-tabs-nav { | + | #accordion .ui-tabs-panel { |
− | font-size:25px; | + | margin: 0; |
| + | padding: 0; |
| } | | } |
| | | |
− | .tabs .ui-tabs-nav .ui-tabs-anchor{ | + | #accordion .ui-tabs-panel table, #accordion .ui-tabs-panel figure { |
− | padding:8px 15px; | + | display: inline-block; |
| + | vertical-align: middle; |
| + | margin: 1rem auto; |
| + | padding: 0; |
| + | box-sizing: border-box; |
| } | | } |
| | | |
| + | #accordion .ui-tabs-panel table { |
| + | border-spacing: 0; |
| + | } |
| + | |
| + | #accordion .ui-tabs-panel table caption { |
| + | border-top: 0.15rem solid; |
| + | border-bottom: 0.15rem solid; |
| + | margin: auto; |
| + | padding: 0; |
| + | box-sizing: border-box; |
| + | } |
| + | |
| + | #accordion .ui-tabs-panel table tr { |
| + | margin: 0; |
| + | padding: 0; |
| + | } |
| + | |
| + | #accordion .ui-tabs-panel table td { |
| + | margin: 0; |
| + | padding: 0.2rem 1.2rem; |
| + | } |
| + | |
| + | #accordion .ui-tabs-panel table tr:last-child td { |
| + | border-bottom: 0.15rem solid; |
| + | } |
| + | |
| + | #accordion .ui-tabs-panel figure { |
| + | text-align: center; |
| + | } |
| + | |
| + | #accordion .ui-tabs-panel figure img { |
| + | margin: 0; |
| + | padding: 0; |
| + | } |
| + | |
| + | #accordion .ui-tabs-panel figure figcaption { |
| + | font-size: 0.8rem; |
| + | margin: 0; |
| + | padding: 0.25rem; |
| + | } |
| + | </style> |
| + | <style class="table-theme.css"> |
| /*PCR system*/ | | /*PCR system*/ |
− | .table-theme-1 { | + | .table-theme-1 { |
− | color:rgb(49,132,155); | + | color: rgb(49,132,155); |
| + | min-width: 20rem; |
| } | | } |
| | | |
− | .table-theme-1 caption { | + | .table-theme-1 caption { |
| border-top-color: rgb(75,172,198); | | border-top-color: rgb(75,172,198); |
− | border-bottom-color: rgb(75,172,198); | + | border-bottom-color: rgb(75,172,198); |
| } | | } |
| | | |
− | .table-theme-1 table tr:last-child td{ | + | .table-theme-1 table tr:last-child td { |
− | border-bottom-color:rgb(75,172,198); | + | border-bottom-color: rgb(75,172,198); |
| } | | } |
| | | |
| .table-theme-1 tr:nth-child(odd) { | | .table-theme-1 tr:nth-child(odd) { |
− | background-color: rgb(210,234,241); | + | background-color: rgb(210,234,241); |
| } | | } |
| | | |
| .table-theme-1 tr:nth-child(even) { | | .table-theme-1 tr:nth-child(even) { |
− |
| |
| } | | } |
| | | |
| /*PCR reaction condition*/ | | /*PCR reaction condition*/ |
| .table-theme-2 { | | .table-theme-2 { |
− | color:rgb(118,146,60); | + | color: rgb(118,146,60); |
| + | min-width: 21rem; |
| } | | } |
| | | |
− | .table-theme-2 caption { | + | .table-theme-2 caption { |
| border-top-color: rgb(155, 187, 89); | | border-top-color: rgb(155, 187, 89); |
| border-bottom-color: rgb(155, 187, 89); | | border-bottom-color: rgb(155, 187, 89); |
| } | | } |
| | | |
− | .table-theme-2 table tr:last-child td{ | + | .table-theme-2 table tr:last-child td { |
− | border-bottom-color:rgb(75,172,198); | + | border-bottom-color: rgb(75,172,198); |
| } | | } |
| | | |
| .table-theme-2 tr:nth-child(odd) { | | .table-theme-2 tr:nth-child(odd) { |
− | background-color: rgb(230,238,213); | + | background-color: rgb(230,238,213); |
| } | | } |
| | | |
| .table-theme-2 tr:nth-child(even) { | | .table-theme-2 tr:nth-child(even) { |
− |
| |
| } | | } |
| | | |
| /*ligation system*/ | | /*ligation system*/ |
| .table-theme-3 { | | .table-theme-3 { |
− | color:rgb(95, 73, 122); | + | color: rgb(95, 73, 122); |
| + | min-width: 23rem; |
| } | | } |
| | | |
− | .table-theme-3 caption { | + | .table-theme-3 caption { |
| border-top-color: rgb(128, 100, 162); | | border-top-color: rgb(128, 100, 162); |
| border-bottom-color: rgb(128, 100, 162); | | border-bottom-color: rgb(128, 100, 162); |
| } | | } |
| | | |
− | .table-theme-3 table tr:last-child td{ | + | .table-theme-3 table tr:last-child td { |
− | border-bottom-color:rgb(128, 100, 162); | + | border-bottom-color: rgb(128, 100, 162); |
| } | | } |
| | | |
| .table-theme-3 tr:nth-child(odd) { | | .table-theme-3 tr:nth-child(odd) { |
− | background-color: rgb(223, 215, 232); | + | background-color: rgb(223, 215, 232); |
| } | | } |
| | | |
| .table-theme-3 tr:nth-child(even) { | | .table-theme-3 tr:nth-child(even) { |
− |
| |
| } | | } |
| | | |
| /*digestion system*/ | | /*digestion system*/ |
− | .table-theme-4{ | + | .table-theme-4 { |
− | color:rgb(148, 54, 52); | + | color: rgb(148, 54, 52); |
| + | min-width: 23.5rem; |
| } | | } |
| | | |
− | .table-theme-4 caption { | + | .table-theme-4 caption { |
| border-top-color: rgb(192, 80, 77); | | border-top-color: rgb(192, 80, 77); |
| border-bottom-color: rgb(192, 80, 77); | | border-bottom-color: rgb(192, 80, 77); |
| } | | } |
| | | |
− | .table-theme-4 table tr:last-child td{ | + | .table-theme-4 table tr:last-child td { |
− | border-bottom-color:rgb(192, 80, 77); | + | border-bottom-color: rgb(192, 80, 77); |
| } | | } |
| | | |
| .table-theme-4 tr:nth-child(odd) { | | .table-theme-4 tr:nth-child(odd) { |
− | background-color: rgb(239, 211, 210); | + | background-color: rgb(239, 211, 210); |
| } | | } |
| | | |
| .table-theme-4 tr:nth-child(even) { | | .table-theme-4 tr:nth-child(even) { |
− |
| |
| } | | } |
| | | |
| /*methylation system*/ | | /*methylation system*/ |
− | .table-theme-5{ | + | .table-theme-5 { |
− | color:rgb(227, 108, 10); | + | color: rgb(227, 108, 10); |
| + | min-width: 30rem; |
| } | | } |
| | | |
− | .table-theme-5 caption { | + | .table-theme-5 caption { |
| border-top-color: rgb(247, 150, 70); | | border-top-color: rgb(247, 150, 70); |
| border-bottom-color: rgb(247, 150, 70); | | border-bottom-color: rgb(247, 150, 70); |
| } | | } |
| | | |
− | .table-theme-5 table tr:last-child td{ | + | .table-theme-5 table tr:last-child td { |
− | border-bottom-color:rgb(247, 150, 70); | + | border-bottom-color: rgb(247, 150, 70); |
| } | | } |
| | | |
| .table-theme-5 tr:nth-child(odd) { | | .table-theme-5 tr:nth-child(odd) { |
− | background-color: rgb(253, 228, 208); | + | background-color: rgb(253, 228, 208); |
| } | | } |
| | | |
| .table-theme-5 tr:nth-child(even) { | | .table-theme-5 tr:nth-child(even) { |
− |
| |
| } | | } |
| | | |
| /*Groups divided*/ | | /*Groups divided*/ |
− | .table-theme-6{ | + | .table-theme-6 { |
− | color:rgb(0, 0, 0); | + | color: rgb(0, 0, 0); |
| + | min-width: 48rem; |
| } | | } |
| | | |
− | .table-theme-6 caption { | + | .table-theme-6 caption { |
| border-top-color: rgb(0, 0, 0); | | border-top-color: rgb(0, 0, 0); |
| border-bottom-color: rgb(0, 0, 0); | | border-bottom-color: rgb(0, 0, 0); |
| } | | } |
| | | |
− | .table-theme-6 table tr:last-child td{ | + | .table-theme-6 table tr:last-child td { |
− | border-bottom-color:rgb(0, 0, 0); | + | border-bottom-color: rgb(0, 0, 0); |
| } | | } |
| | | |
| .table-theme-6 tr:nth-child(odd) { | | .table-theme-6 tr:nth-child(odd) { |
− | background-color: rgb(192, 192, 192); | + | background-color: rgb(192, 192, 192); |
| } | | } |
| | | |
| .table-theme-6 tr:nth-child(even) { | | .table-theme-6 tr:nth-child(even) { |
− |
| |
| } | | } |
− | </style> | + | </style> |
− | <script src="https://2016.igem.org/Template:NKU_China/js/jquery?action=raw&ctype=text/javascript"></script>
| + | |
− | <script src="https://2016.igem.org/Template:NKU_China/js/jquery-ui?action=raw&ctype=text/javascript"></script>
| + | |
− | <script src="https://2016.igem.org/Template:NKU_China/js/share?action=raw&ctype=text/javascript"></script>
| + | |
| <script id="ready-js"> | | <script id="ready-js"> |
| $(function () { | | $(function () { |
Line 417: |
Line 467: |
| </div> | | </div> |
| <main id="notebook"> | | <main id="notebook"> |
− | <h1>Notebook</h1> | + | <h1>Notebook</h1> |
− |
| + | |
| <div id="accordion"> | | <div id="accordion"> |
| <article id="week1"> | | <article id="week1"> |
Line 666: |
Line 715: |
| <figcaption> | | <figcaption> |
| Selecting double-crossover clones using PCR<br> | | Selecting double-crossover clones using PCR<br> |
− | (No.1-5 are experimental groups, No.6 is wild GR286.The result showed that we failed to get the double-crossover clones.) | + | (No.1-5 are experimental groups, No.6 is wild GR286.<br> |
| + | The result showed that we failed to get the double-crossover clones.) |
| </figcaption> | | </figcaption> |
| </figure> | | </figure> |
Line 1,561: |
Line 1,611: |
| <figcaption> | | <figcaption> |
| Selecting positive clones by colony PCR<br> | | Selecting positive clones by colony PCR<br> |
− | (No.1 is positive control, No.2-6 are experimental groups. The result showed that we failed to transformed the plasmid pWH-<i>C2-luxS</i> into GR286) | + | (No.1 is positive control, No.2-6 are experimental groups.<br> |
| + | The result showed that we failed to transformed the plasmid pWH-<i>C2-luxS</i> into GR286) |
| </figcaption> | | </figcaption> |
| </figure> | | </figure> |