|
|
(21 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | {{tempalte:sustc_shenzhen_b/1}}
| |
| <html> | | <html> |
| <head> | | <head> |
- | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | + | <meta charset="utf-8" /> |
- | <title>SUSTC iGEM Theme - Free CSS Template</title> | + | <meta name="description" content="" /> |
- | <meta name="keywords" content="beauty class, free theme, website design, bokehs, pink, orange, templatemo, CSS, HTML" /> | + | <meta name="author" content="tengattack" /> |
- | <meta name="description" content="Beauty Class Theme, pinky background gradient with bokehs, free CSS template provided by templatemo.com" /> | + | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
| + | <title>Title</title> |
| | | |
| + | <style type="text/css"> |
| + | #globalWrapper {width: 100%; } |
| + | #top-section {width: 100%; height:100%; border:none;} |
| + | #p-logo {display:none;} |
| + | #search-controls {display:none;} |
| + | .printfooter {display:none;} |
| + | #footer-box {border:none;} |
| + | .firstHeading {display:none;} |
| + | #content { border:none !important; width:1024px !important; background: url('') !important;} |
| + | #bodyContent {border:none; } |
| + | #catlinks {display:none; } |
| + | #footer-box {display:none; } |
| + | #menubar {display:none; } |
| + | |
| + | /* googleapis-font */ |
| + | @font-face { |
| + | font-family: 'Open Sans'; |
| + | font-style: normal; |
| + | font-weight: 700; |
| + | src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff'); |
| + | } |
| + | @font-face { |
| + | font-family: 'Open Sans'; |
| + | font-style: normal; |
| + | font-weight: 600; |
| + | src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff'); |
| + | } |
| + | @font-face { |
| + | font-family: 'Open Sans'; |
| + | font-style: normal; |
| + | font-weight: 400; |
| + | src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); |
| + | } |
| + | |
| + | /* inner */ |
| + | .pagenavi{clear:both;padding:0}.pagenavi a,.pagenavi a:visited{background:#dfddc7;display:inline-block;margin:0 8px 0 0;padding:3px 10px;color:#727272}.pagenavi a:hover{background:#dfddc7;display:inline-block;margin:0 8px 0 0;padding:3px 10px;color:#b03121;text-decoration:none}.pagenavi .current{background:#dfddc7;display:inline-block;margin:0 8px 0 0;padding:3px 10px;color:#b03121}.pagenavi .pages{background:#dfddc7;display:inline-block;margin:0 8px 0 0;padding:3px 10px}#breadcrumb{text-align:right;margin-bottom:34px;clear:right}.post{margin-bottom:30px;padding-bottom:30px;clear:both;border-bottom:1px solid #dfddc7}.post img{padding:5px;background:#d2d0ba;width:590px;height:236px}.single{padding-bottom:20px}.postimg{margin-bottom:20px}.posttitle{margin:0 0 5px 0}.posttitle,.posttitle a{font-size:18px;color:#3f4432}.posttitle a:hover{text-decoration:none}.entry-text{overflow:hidden;padding-left:30px}.entry-text h2{padding-top:5px}.entry-content{margin:0;padding:12px 0 5px 0}.entry-date{float:left;text-align:center;font-size:18px;width:56px;height:48px;padding-top:8px;line-height:normal;-moz-border-radius:56px;-webkit-border-radius:56px;-khtml-border-radius:56px;border-radius:56px;background:#3f4432;color:#f1efda;display:block}.month{font-size:11px;display:block}.entry-utility{padding:20px 0 0;font-size:11px;font-style:italic}.single .entry-utility{padding:0 0 0}#comment h2{margin-bottom:25px;text-transform:uppercase;font-size:14px}.commentlist{list-style-type:none;padding:0;margin:0}.commentlist ol{list-style-type:none;padding:30px 0 0 90px;margin:0}.commentlist li{position:relative;padding:0 0 30px 0}.commentlist li li{position:relative;padding:0}.avatar{position:absolute;top:0;left:0}.fn{font-size:12px;font-style:normal}.tdate{padding-left:30px}.tdate,.reply{font-size:11px;color:#a6a6a6;font-style:italic}.comment-body{margin:0 0 0 90px;padding:20px;background:#f7f5e3}.comment-body p{margin-bottom:5px;margin-top:10px}.comment-body .more{padding:0 0}#commentform{margin-bottom:15px}#commentform label{display:block}#commentform .text-input{margin-bottom:8px;padding:8px 5px;vertical-align:middle}#commentform .textarea{margin-bottom:20px;padding:8px 5px;vertical-align:top;width:90%}.ts-gallery-img img{max-width:100%;padding:0;margin:0 auto}.ts-gallery-clear{clear:both;height:1px!important;line-height:1px!important;float:none!important}.ts-gallery ul{list-style-type:none;margin:0;padding:0;clear:both}.ts-gallery ul li.nomargin{margin-right:0}.ts-gallery-text{padding:3px 0;text-align:center}.ts-gallery-text h2{font-size:13px;color:#3f4432;margin-bottom:20px;font-weight:600;font-family:'Open Sans',sans-serif}.no-gallery-text{display:none}.ts-gallery-img{background:#d2d0ba;padding:5px;position:relative;line-height:normal}.ts-gallery-img:hover{background:#3f4432}.ts-gallery-img a.image{display:block;position:relative;overflow:hidden;line-height:normal}.ts-gallery-img a .rollover{background:url(/wiki/images/5/5d/Sustc-b1-hover-zoom.png);background-color:#000;background-repeat:no-repeat;background-position:center;display:block;position:absolute;z-index:10;display:none;cursor:pointer}.ts-gallery-img a .rollover.gotopost{background:url(/wiki/images/e/ec/Sustc-b1-hover-doc.png);background-color:#000;background-repeat:no-repeat;background-position:center}.ts-gallery-col4{list-style-type:none;padding:0;margin:0}.ts-gallery-col4 li{list-style-type:none;padding:0;margin:0 20px 0 0;width:220px;float:left}.ts-gallery-col4 li.nomargin{margin-right:0}.ts-gallery-col4 .ts-gallery-img{width:210px;height:81px}.ts-gallery-col4 .ts-gallery-img img{width:210px;height:81px}.ts-gallery-col4 .ts-gallery-img a.image{width:210px;height:81px;display:block;position:relative}.ts-gallery-col4 .ts-gallery-img a .rollover{width:210px;height:81px}.ts-gallery-col3{list-style-type:none;padding:0;margin:0}.ts-gallery-col3 li{list-style-type:none;padding:0;margin:0 20px 25px 0;width:300px;float:left}.ts-gallery-col3 li.nomargin{margin-right:0}.ts-gallery-col3 h2{margin:0 0 5px 0!important}.ts-gallery-col3 .ts-gallery-img{width:290px;height:115px}.ts-gallery-col3 .ts-gallery-img img{width:290px;height:115px}.ts-gallery-col3 .ts-gallery-img a.image{width:290px;height:115px;display:block;position:relative}.ts-gallery-col3 .ts-gallery-img a .rollover{width:290px;height:115px}.ts-gallery-col3 .ts-gallery-text{padding:5px 0 0 0}form{margin:0;padding:0}fieldset{border:0}#contactform{margin:0 auto;position:relative}#contactform h4{text-transform:uppercase;margin-bottom:20px}#contactform label{display:block;width:100%;float:left;padding-bottom:5px}span.required{color:#888}span.error{color:red;text-align:left;font-size:11px;padding-bottom:15px;display:block}#contactform input.text-input{margin-bottom:15px;vertical-align:middle;width:60%;float:left;font-style:italic;padding:8px;color:#727272;font-size:11px}#contactform textarea{width:95%;float:left;font-style:italic;color:#727272;font-size:11px;font-family:Arial,Helvetica,sans-serif}#message{margin-left:0;font-weight:700;color:red}#message h2{}#message p{margin:6px 0}.note{color:#d45454}#contactform .button{cursor:pointer;margin-top:20px;clear:both;float:left} |
| + | |
| + | /* style */ |
| + | html,body{height:100%}body{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#727272;margin:0;padding:0;line-height:20px;background:#d6d4c0 url(/wiki/images/d/d7/Sustc-b1-pattern.png) repeat}*{margin:0;padding:0}:focus{outline:0}form{margin:0;padding:0}hr{border-width:0;height:1px;line-height:0;margin:30px 0;page-break-after:always;text-align:center;width:100%;clear:both;color:#dfddc7;background-color:#dfddc7}.clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both}.clearfix{zoom:1}.clear,.clr{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}h1,h2{margin-bottom:25px}h3,h4,h5,h6{margin-bottom:10px}h1{font-size:26px}h2{font-size:20px}h3{font-size:16px}h4{font-size:14px}h5{font-size:12px}h6{font-size:10px}h1,h2{font-weight:400;font-family:'Open Sans',sans-serif;color:#404631}h3,h4,h5,h6{font-weight:600;font-family:'Open Sans',sans-serif;color:#404631}.pagetitle{margin-bottom:34px;float:left}a,a:visited,.colortext{text-decoration:none;font-weight:400;color:#af3728}a:hover{text-decoration:underline;color:#af3728}a img{border:0}.alignleft,img.alignleft{display:inline;float:left;margin-right:20px}.alignright,img.alignright{display:inline;float:right;margin-left:20px}.aligncenter,img.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}.alignnone,img.alignnone{clear:both;display:block;margin-left:auto;margin-right:auto}img.alignleft,img.alignright,img.aligncenter,img.alignnone{margin-bottom:12px}img{max-width:100%;height:auto}.frame{padding:5px;background:#d2d0ba}.row h4{color:#b03121;padding:15px 0}p,ul,ol,blockquote{margin-bottom:20px}ul{list-style:square;margin:0 0 18px 1.5em}ol{list-style:decimal;margin:0 0 18px 2.2em}ol ol{list-style:upper-alpha}ol ol ol{list-style:lower-roman}ol ol ol ol{list-style:lower-alpha}ul ul,ol ol,ul ol,ol ul{margin-bottom:0}blockquote{margin:0 0 20px 0;padding:0 10px 0 50px;background-image:url(/wiki/images/3/3b/Sustc-b1-quote.png);background-repeat:no-repeat;background-position:0 0;clear:both;font-family:Georgia,Arial;font-style:italic;font-size:16px;line-height:22px}blockquote.left,blockquote.right{float:right;letter-spacing:0;margin-bottom:20px;margin-left:20px;margin-top:0;padding:0 20px 10px 60px;width:43%;background-position:0 0}blockquote.left{float:left;margin-left:0;margin-right:20px}blockquote p{margin-bottom:0;font-size:16px;line-height:20px}code{font-family:Verdana,Arial;letter-spacing:1px;margin:25px 0 25px 0;display:block;font-size:.9em;border-left:4px solid #cfcfcf;padding:15px 10px}#bodychild{width:1000px;margin:0 auto;padding:50px 0}#outercontainer{width:1000px}#outerheader{-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;border-top-left-radius:8px;border-top-right-radius:8px}#outerfooter{border-top:1px solid #e0e0e0;-webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px;-moz-border-radius-bottomleft:8px;-moz-border-radius-bottomright:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}#outerheader,#outerslider,#outerbeforecontent,#outermain{width:100%;margin:0 auto;background:#f1efda}#slidercontainer,#beforecontent,#maincontent,#footer{width:940px;margin:0 auto}header{padding:0}#logo.frontpage,#logo.frontpage:before{border:0!important}#logo{border-bottom:1px solid #dfddc7;margin-bottom:25px;padding-bottom:30px;position:relative;z-index:10}#logo:before{border-bottom:1px solid #dfddc7;bottom:2px;content:"";display:block;left:0;position:absolute;right:0;top:0;z-index:-1}#logo{margin:0 30px;padding:30px 0;text-align:center}#logo img{display:inline-block}#sn{list-style-type:none;margin:0;padding:25px 0 0 0;float:right}#sn li{list-style-type:none;margin:0;padding:0 10px 0 20px;display:inline;background:transparent}#sn span{height:20px;width:20px;display:inline;display:inline-block}.icon-img{background-position:0 0}.icon-img:hover{background-position:0 -20px!important}#navigation{float:none;clear:both;padding:0 30px;height:70px;-webkit-border-top-left-radius:7px;-webkit-border-top-right-radius:7px;-moz-border-radius-topleft:7px;-moz-border-radius-topright:7px;border-top-left-radius:7px;border-top-right-radius:7px;background:#494f3a;background:-webkit-gradient(linear,left top,left bottom,from( #4e543d),to( #404533));background:-moz-linear-gradient(top, #4e543d, #404533)}.nav-shadow{background:url(/wiki/images/c/cb/Sustc-b1-nav-shadow.png) repeat bottom;height:6px}nav{position:relative;z-index:9000;float:none;margin:0}#topnav{margin:0;padding:0;list-style-type:none;overflow:visible;position:relative;float:left;font-size:12px}.sf-menu a{text-decoration:none;display:block;position:relative;padding:14px 25px;text-decoration:none;font-weight:400;text-transform:uppercase;color:#f1efda;font-weight:400;font-family:'Open Sans',sans-serif}.sf-menu>li:first-child a{padding-left:0}.sf-menu>li{padding-left:2px;position:relative;z-index:10;border-right:1px solid #575f46}.sf-menu>li:before{bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0;z-index:-1;border-right:1px solid #3c412f}.sf-menu a:hover,.sf-menu li a.current{color:#a8a581}.sf-menu li a{line-height:42px}.sf-menu ul a:hover{}.sf-menu li li{text-align:left;line-height:20px;margin:0}.sf-menu,.sf-menu *{margin:0;padding:0;list-style:none}.sf-menu{line-height:100%;position:absolute;right:0;bottom:0;float:left}.sf-menu ul{position:absolute;top:-999em;width:14em}.sf-menu ul li{width:100%}.sf-menu li:hover{visibility:inherit}.sf-menu li{float:left;position:relative;margin:0}.sf-menu li li{margin:0 0}.sf-menu li:hover ul,.sf-menu li.sfHover ul{left:0;top:6em;z-index:99}ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul{top:-999em}ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul{left:14em;top:-1px;margin-left:0}ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul{top:-999em}ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul{left:14em;top:-1px}.sf-menu ul li a{padding:10px 25px!important;text-transform:none;line-height:normal;font-size:13px!important;display:block;width:auto;white-space:no-wrap}.sf-menu ul li a:hover{}.sf-menu li ul{padding:0;-ms-filter:"alpha(Opacity=50)";filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8}.sf-menu a.sf-with-ul{min-width:1px}.sf-sub-indicator{position:absolute;display:block;right:10px;top:1.05em;width:10px;height:10px;text-indent:-999em;overflow:hidden}.sf-menu li li{background:#404533;border-bottom:dotted 1px #707563;border-left:5px solid #404533}.sf-menu li li:hover{border-left:5px solid #a8a581;color:#a8a581}#outerslider{padding-bottom:11px}#slidercontainer{position:relative;padding:0;background:#e1dfc9}#slider{position:relative}.jcarousel-container{overflow:hidden;width:785px;height:107px;margin:20px auto 0 auto;position:relative;clear:both;padding:0}.jcarousel-clip{z-index:2;padding:0;margin:0;overflow:hidden;position:relative}.jcarousel-list{z-index:1;overflow:hidden;position:relative;top:0;left:0;margin:0;padding:0}.jcarousel-item{float:left;list-style:none;width:185px;margin-right:15px}#feature_gallery{width:940px;padding:0;margin:0;overflow:hidden}ul#feature_gallery_pager{display:block;overflow:hidden;list-style-type:none;margin:0;padding:0}#feature_gallery ul.menu li a:hover{}ul#feature_gallery_pager li a{overflow:hidden;float:left;width:175px;height:66px;padding:5px;background:#d2d0ba;display:block}ul#feature_gallery_pager li{}#feature_gallery ul.menu a.activeSlide{background:#3f4432}#feature_gallery .bigimgs{width:940px;height:388px;margin:0}#feature_gallery .bigimg{width:940px;height:388px;display:none}#feature_gallery img.change{width:940px}#feature_gallery img.thumb{width:175px;height:66px}.slidedesc{background:url(/wiki/images/4/4b/Sustc-b1-bg-opacityblack.png);padding:10px;width:920px;z-index:100;bottom:0;position:absolute;margin:0;color:#fff}#pager-container{text-align:right;font-size:11px;position:relative}#pager-container a,#pager-container a:visited{padding:0;cursor:pointer;float:left;width:12px;height:22px;display:block;text-indent:-9999px}#pager-container a:hover{text-decoration:none}#pager-container a#mycarousel-prev:hover{background:url(/wiki/images/8/8b/Sustc-b1-button-prevnext.png) no-repeat 0 -22px}#pager-container a#mycarousel-next:hover{background:url(/wiki/images/8/8b/Sustc-b1-button-prevnext.png) no-repeat -12px -22px}#pager-container a#mycarousel-prev{background:url(/wiki/images/8/8b/Sustc-b1-button-prevnext.png) no-repeat 0 0;position:absolute;left:46px;bottom:58px}#pager-container a#mycarousel-next{background:url(/wiki/images/8/8b/Sustc-b1-button-prevnext.png) no-repeat -12px 0;right:46px;bottom:58px;position:absolute}#outerbeforecontent{clear:both}#beforecontent{}#beforethecontent{}.box{float:left;margin-right:2px;width:33.16%;background:#e1dfc9;text-align:center;padding-bottom:28px}.box h2{color:#efeed9;font-weight:700;background:#3f4432;padding:15px 0}.box p{overflow:hidden;padding:0 30px}#outermain{padding:0}#maincontent{}#mainthecontent{padding:32px 0 40px 0}#t-content{width:600px;float:left}#t-content.positionright{float:right}#t-content.positionleft{float:left}.small{font-size:11px;font-style:italic;margin-bottom:5px;display:block;margin-top:-5px}form{margin:0;padding:0}input[type="text"],textarea,input[type="password"],select{font-size:12px;padding:7px;background:#ebe9d1;border:0;color:#727272;border:0}textarea{width:90%}select{font-size:11px;padding:4px 5px}.button,.button:visited,input[type="submit"]{background:#b03121;color:#efeed9;font-size:12px;display:inline-block;padding:6px 13px;cursor:pointer;font-family:Arial,Helvetica,sans-serif;border:0}.button:hover,input[type="submit"]:hover{background:#3f4432;color:#efeed9;cursor:pointer;text-decoration:none}.separator{display:block;height:30px;padding:10px 0;text-align:center;width:100%;clear:both}.separator.line{display:block;text-align:center;width:100%;clear:both;padding:0;border-top:1px solid #dfddc7;margin:30px 0 40px 0;height:1px}.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{margin-right:4%;margin-left:0;position:relative;float:left}.one_half{width:48%}.one_third{width:30.6666%}.one_fourth{width:22%}.one_fifth{width:16.8%}.one_sixth{width:13.3333%}.two_third{width:65.3332%}.two_fourth{width:48%}.two_fifth{width:37.6%}.two_sixth{width:30.6666%}.three_fourth{width:74%}.three_fifth{width:58.4%}.three_sixth{width:47.9998%}.four_fifth{width:79.2%}.four_sixth{width:65.3332%}.five_sixth{width:82.6665%}.firstcols{margin-left:0!important}.last,.lastcols{margin-right:0!important;clear:right}.one.column{width:60px}.two.columns{width:140px}.three.columns{width:220px}.four.columns{width:300px}.five.columns{width:380px}.six.columns{width:460px}.seven.columns{width:540px}.eight.columns{width:620px}.nine.columns{width:700px}.ten.columns{width:780px}.eleven.columns{width:860px}.twelve.columns{width:940px}.column,.columns{float:left;display:inline;margin-left:10px;margin-right:10px}table{border-collapse:separate;border-spacing:0;width:100%;margin-bottom:18px}table,td,th{text-align:center}th{padding:10px;text-transform:uppercase;border-bottom:1px solid #dfddc7}td{padding:10px}tfoot td{border:0}th,tr:hover{}table{border:1px solid #dfddc7;border-bottom:0;text-align:left;margin:0 -1px 24px 0;width:100%}tr th,thead th{font-size:12px;font-weight:700;line-height:18px;padding:9px 24px;background:#3f4432;color:#efeed9}tr td{border-bottom:1px solid #dfddc7;padding:6px 24px}tr.odd td{background:#F2F7FC}.pullquote-right,.pullquote-left{padding:0 10px 0 50px;background-image:url(/wiki/images/3/3b/Sustc-b1-quote.png);background-repeat:no-repeat;background-position:0 0;float:right;font-style:italic;font-size:16px;letter-spacing:0;line-height:22px;margin:0 2px 20px 20px;width:50%}.pullquote-left{float:left;margin-left:2px;margin-right:20px}.pullquote{font-family:Georgia,"Times New Roman",Times,serif;font-size:18px;font-style:italic;line-height:28px}.dropcap1{text-shadow:1px 1px 0 #ededed;display:block;float:left;font-size:35px;line-height:35px;margin:2px 8px 0 0;color:#404631}.dropcap2{display:block;float:left;font-size:35px;line-height:45px;width:47px;-moz-border-radius:47px;-webkit-border-radius:47px;-khtml-border-radius:47px;border-radius:47px;float:left;text-align:center;margin:8px 15px 0 0;padding-top:0;background:#3f4432;color:#f1efda}.dropcap3{background:#3f4432;color:#f1efda;border:solid 1px #efefef;display:block;float:left;font-size:35px;line-height:40px;width:47px;height:40px;text-align:center;margin:6px 8px 0 0;padding:5px 0}.dropcap4{display:block;float:left;font-size:15px;line-height:36px;width:36px;-moz-border-radius:36px;-webkit-border-radius:36px;-khtml-border-radius:36px;border-radius:36px;float:left;text-align:center;margin:8px 15px 0 0;padding-top:0;background:#3f4432;color:#f1efda}.highlight1{padding:2px 5px;background-color:#404631;border:solid 1px #ebebeb;color:#fff}.highlight2{padding:2px 5px;background-color:#e1dfc9;border:solid 1px #e1dfc9}.bullet{list-style-type:none;margin:0;padding:0}.bullet li{background:url("/wiki/images/6/6a/Sustc-b1-square.gif") no-repeat 0 14px;line-height:25px;list-style-type:none;margin:0;padding:2px 0 2px 10px;border-bottom:1px solid #dfddc7}.bullet.arrow li{background:url("/wiki/images/b/b4/Sustc-b1-arrow.gif") no-repeat 0 9px;line-height:25px;list-style-type:none;margin:0;padding:0 0 0 10px;border-bottom:0}.bullet.arrow2 li{background:url("/wiki/images/d/d8/Sustc-b1-arrow.png") no-repeat 0 10px;line-height:25px;list-style-type:none;margin:0;padding:0 0 0 18px;border-bottom:0}.tabcontainer{margin:0 0 20px 0}ul.tabs{margin:0 0 -3px 0;padding:0 0 2px 0;list-style:none;height:35px;width:100%;border-bottom:1px solid #e1dfc9}ul.tabs li{float:left;margin:0 1px 0 0;padding:0 0;line-height:35px;height:35px;position:relative}ul.tabs li:last-child{background:transparent}ul.tabs li a{text-decoration:none;float:left;display:block;padding:0 20px;outline:0;color:#fff;font-size:13px;background:#3f4432;font-weight:600;font-family:'Open Sans',sans-serif;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border-top-left-radius:3px;border-top-right-radius:3px}.tab-content{padding:20px 0}ul.tabs li:hover{}ul.tabs li.active{}html ul.tabs li.active a{color:#b03121;background:#e1dfc9;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border-top-left-radius:3px;border-top-right-radius:3px}#tab-body{padding:0 20px;background:#e1dfc9;border:0;-webkit-border-radius:3px;-webkit-border-top-left-radius:0;-moz-border-radius:3px;-moz-border-radius-topleft:0;border-radius:3px;border-top-left-radius:0}#toggle{margin:0 0 20px 0}h2.trigger{padding:0 0;margin:0;font-size:13px;background:transparent;font-family:arial;color:#3f4432}h2.trigger span{text-decoration:none;display:block;background:url(/wiki/images/9/93/Sustc-b1-toggle.png) no-repeat 0 5px;padding-left:35px;cursor:pointer;line-height:35px}h2.active span{background:url(/wiki/images/c/cd/Sustc-b1-toggle-down.png) no-repeat 0 5px}h2.trigger a:hover{color:#efeed9}h2.active{background:transparent;color:#af3728}.toggle_container{margin:0 0 1px 0;padding:5px 15px;overflow:hidden;clear:both;background:transparent}.toggle_container .block{padding:0 0 0 20px}.toggle_container .block p{padding-bottom:10px;margin:0}#sidebar{width:300px;float:left;padding:0 0 0 40px}#sidebar.positionleft{float:left;padding:0 40px 0 0}#sidebar.positionright{float:right}#sidebar .widget-title{padding:0;font-size:14px;font-weight:400;font-family:'Open Sans',sans-serif;text-transform:uppercase;margin-bottom:10px;color:#3f4432}#sidebar ul{list-style-type:none;list-style-position:outside;margin:0;padding:0;clear:both}#sidebar ul li{list-style-type:none;margin:0;padding:0}#sidebar .widget-container{margin-bottom:28px;padding-top:28px;background:url(/wiki/images/7/79/Sustc-b1-line.gif) no-repeat}#sidebar .widget-container:first-child{background:0;padding:0}#sidebar li li{list-style-type:none;margin:0 0 3px 0;padding:0 0 3px 0}#sidebar li li a{color:#777}#sidebar li li a:hover{text-decoration:none;color:#af3728}#sidebar ul.sub-menu,#sidebar ul.children,#sidebar ul ul ul{margin:5px 0 0 10px}#sidebar ul.sub-menu li,#sidebar ul.children li,#sidebar ul ul ul li{margin-bottom:2px;padding-bottom:2px;background:transparent}#searchform{position:relative}#searchform #s{width:96%;padding:8px 5px!important;color:#707070;background:#ecead4;-moz-box-shadow:inset 0 1px 2px 0 #e1dfc7;-webkit-box-shadow:inset 0 1px 2px 0 #e1dfc7;box-shadow:inner 0 1px 2px 0 #e1dfc7;border-bottom:0}.rp-widget li{clear:left;margin-bottom:0;padding-bottom:10px}.rp-widget img{padding:4px}.rp-widget li h3{margin-bottom:0}.rp-widget li h3 a{font-size:13px;font-weight:600}.rp-widget li .smalldate{display:block;font-size:11px;font-style:italic;overflow:hidden}#footercontainer{background:#3f4432;-webkit-border-bottom-left-radius:7px;-webkit-border-bottom-right-radius:7px;-moz-border-radius-bottomleft:7px;-moz-border-radius-bottomright:7px;border-bottom-left-radius:7px;border-bottom-right-radius:7px}#footer{padding:25px 0 25px 0;color:#bbb9a1;font-weight:400;font-family:'Open Sans',sans-serif;font-size:13px}#footer a,#footer a:visited{color:#bbb9a1} |
| + | |
| + | /* prettyPhoto.css */ |
| + | div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}div.pp_default .pp_top .pp_left{background:url(../images/default/sprite.png) -78px -93px no-repeat}div.pp_default .pp_top .pp_middle{background:url(../images/default/sprite_x.png) top left repeat-x}div.pp_default .pp_top .pp_right{background:url(../images/default/sprite.png) -112px -93px no-repeat}div.pp_default .pp_content .ppt{color:#f8f8f8}div.pp_default .pp_content_container .pp_left{background:url(../images/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}div.pp_default .pp_content_container .pp_right{background:url(../images/default/sprite_y.png) top right repeat-y;padding-right:13px}div.pp_default .pp_next:hover{background:url(../images/default/sprite_next.png) center right no-repeat;cursor:pointer}div.pp_default .pp_previous:hover{background:url(../images/default/sprite_prev.png) center left no-repeat;cursor:pointer}div.pp_default .pp_expand{background:url(../images/default/sprite.png) 0 -29px no-repeat;cursor:pointer;height:28px;width:28px}div.pp_default .pp_expand:hover{background:url(../images/default/sprite.png) 0 -56px no-repeat;cursor:pointer}div.pp_default .pp_contract{background:url(../images/default/sprite.png) 0 -84px no-repeat;cursor:pointer;height:28px;width:28px}div.pp_default .pp_contract:hover{background:url(../images/default/sprite.png) 0 -113px no-repeat;cursor:pointer}div.pp_default .pp_close{background:url(../images/default/sprite.png) 2px 1px no-repeat;cursor:pointer;height:30px;width:30px}div.pp_default .pp_gallery ul li a{background:url(../images/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}div.pp_default .pp_social{margin-top:7px}div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{left:auto;position:static}div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/default/sprite.png) -31px -3px no-repeat;height:20px;margin:4px 0 0;width:20px}div.pp_default a.pp_arrow_next{background-position:-82px -3px;left:52px}div.pp_default .pp_content_container .pp_details{margin-top:5px}div.pp_default .pp_nav{clear:none;height:30px;position:relative;width:110px}div.pp_default .pp_nav .currentTextHolder{color:#999;font-family:Georgia;font-size:11px;font-style:italic;left:75px;line-height:25px;margin:0;padding:0 0 0 10px;position:absolute;top:2px}div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:.7}div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}div.pp_default .pp_bottom .pp_left{background:url(../images/default/sprite.png) -78px -127px no-repeat}div.pp_default .pp_bottom .pp_middle{background:url(../images/default/sprite_x.png) bottom left repeat-x}div.pp_default .pp_bottom .pp_right{background:url(../images/default/sprite.png) -112px -127px no-repeat}div.pp_default .pp_loaderIcon{background:url(../images/default/loader.gif) center center no-repeat}div.light_rounded .pp_top .pp_left{background:url(../images/light_rounded/sprite.png) -88px -53px no-repeat}div.light_rounded .pp_top .pp_right{background:url(../images/light_rounded/sprite.png) -110px -53px no-repeat}div.light_rounded .pp_next:hover{background:url(../images/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}div.light_rounded .pp_previous:hover{background:url(../images/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}div.light_rounded .pp_expand{background:url(../images/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}div.light_rounded .pp_expand:hover{background:url(../images/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}div.light_rounded .pp_contract{background:url(../images/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}div.light_rounded .pp_contract:hover{background:url(../images/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}div.light_rounded .pp_close{background:url(../images/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}div.light_rounded .pp_nav .pp_play{background:url(../images/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.light_rounded .pp_nav .pp_pause{background:url(../images/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.light_rounded .pp_arrow_previous{background:url(../images/light_rounded/sprite.png) 0 -71px no-repeat}div.light_rounded .pp_arrow_next{background:url(../images/light_rounded/sprite.png) -22px -71px no-repeat}div.light_rounded .pp_bottom .pp_left{background:url(../images/light_rounded/sprite.png) -88px -80px no-repeat}div.light_rounded .pp_bottom .pp_right{background:url(../images/light_rounded/sprite.png) -110px -80px no-repeat}div.dark_rounded .pp_top .pp_left{background:url(../images/dark_rounded/sprite.png) -88px -53px no-repeat}div.dark_rounded .pp_top .pp_right{background:url(../images/dark_rounded/sprite.png) -110px -53px no-repeat}div.dark_rounded .pp_content_container .pp_left{background:url(../images/dark_rounded/contentPattern.png) top left repeat-y}div.dark_rounded .pp_content_container .pp_right{background:url(../images/dark_rounded/contentPattern.png) top right repeat-y}div.dark_rounded .pp_next:hover{background:url(../images/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}div.dark_rounded .pp_previous:hover{background:url(../images/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}div.dark_rounded .pp_expand{background:url(../images/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}div.dark_rounded .pp_expand:hover{background:url(../images/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}div.dark_rounded .pp_contract{background:url(../images/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}div.dark_rounded .pp_contract:hover{background:url(../images/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}div.dark_rounded .pp_close{background:url(../images/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}div.dark_rounded .pp_description{color:#fff;margin-right:85px}div.dark_rounded .pp_nav .pp_play{background:url(../images/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.dark_rounded .pp_nav .pp_pause{background:url(../images/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.dark_rounded .pp_arrow_previous{background:url(../images/dark_rounded/sprite.png) 0 -71px no-repeat}div.dark_rounded .pp_arrow_next{background:url(../images/dark_rounded/sprite.png) -22px -71px no-repeat}div.dark_rounded .pp_bottom .pp_left{background:url(../images/dark_rounded/sprite.png) -88px -80px no-repeat}div.dark_rounded .pp_bottom .pp_right{background:url(../images/dark_rounded/sprite.png) -110px -80px no-repeat}div.dark_rounded .pp_loaderIcon{background:url(../images/dark_rounded/loader.gif) center center no-repeat}div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}div.dark_square .pp_loaderIcon{background:url(../images/dark_square/loader.gif) center center no-repeat}div.dark_square .pp_expand{background:url(../images/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}div.dark_square .pp_expand:hover{background:url(../images/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}div.dark_square .pp_contract{background:url(../images/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}div.dark_square .pp_contract:hover{background:url(../images/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}div.dark_square .pp_close{background:url(../images/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}div.dark_square .pp_nav{clear:none}div.dark_square .pp_nav .pp_play{background:url(../images/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.dark_square .pp_nav .pp_pause{background:url(../images/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.dark_square .pp_arrow_previous{background:url(../images/dark_square/sprite.png) 0 -71px no-repeat}div.dark_square .pp_arrow_next{background:url(../images/dark_square/sprite.png) -22px -71px no-repeat}div.dark_square .pp_next:hover{background:url(../images/dark_square/btnNext.png) center right no-repeat;cursor:pointer}div.dark_square .pp_previous:hover{background:url(../images/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}div.light_square .pp_expand{background:url(../images/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}div.light_square .pp_expand:hover{background:url(../images/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}div.light_square .pp_contract{background:url(../images/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}div.light_square .pp_contract:hover{background:url(../images/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}div.light_square .pp_close{background:url(../images/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}div.light_square .pp_nav .pp_play{background:url(../images/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.light_square .pp_nav .pp_pause{background:url(../images/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.light_square .pp_arrow_previous{background:url(../images/light_square/sprite.png) 0 -71px no-repeat}div.light_square .pp_arrow_next{background:url(../images/light_square/sprite.png) -22px -71px no-repeat}div.light_square .pp_next:hover{background:url(../images/light_square/btnNext.png) center right no-repeat;cursor:pointer}div.light_square .pp_previous:hover{background:url(../images/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}div.facebook .pp_top .pp_left{background:url(../images/facebook/sprite.png) -88px -53px no-repeat}div.facebook .pp_top .pp_middle{background:url(../images/facebook/contentPatternTop.png) top left repeat-x}div.facebook .pp_top .pp_right{background:url(../images/facebook/sprite.png) -110px -53px no-repeat}div.facebook .pp_content_container .pp_left{background:url(../images/facebook/contentPatternLeft.png) top left repeat-y}div.facebook .pp_content_container .pp_right{background:url(../images/facebook/contentPatternRight.png) top right repeat-y}div.facebook .pp_expand{background:url(../images/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}div.facebook .pp_expand:hover{background:url(../images/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}div.facebook .pp_contract{background:url(../images/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}div.facebook .pp_contract:hover{background:url(../images/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}div.facebook .pp_close{background:url(../images/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:22px}div.facebook .pp_description{margin:0 37px 0 0}div.facebook .pp_loaderIcon{background:url(../images/facebook/loader.gif) center center no-repeat}div.facebook .pp_arrow_previous{background:url(../images/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}div.facebook .pp_arrow_next{background:url(../images/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}div.facebook .pp_nav{margin-top:0}div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}div.facebook .pp_nav .pp_play{background:url(../images/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}div.facebook .pp_nav .pp_pause{background:url(../images/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}div.facebook .pp_next:hover{background:url(../images/facebook/btnNext.png) center right no-repeat;cursor:pointer}div.facebook .pp_previous:hover{background:url(../images/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}div.facebook .pp_bottom .pp_left{background:url(../images/facebook/sprite.png) -88px -80px no-repeat}div.facebook .pp_bottom .pp_middle{background:url(../images/facebook/contentPatternBottom.png) top left repeat-x}div.facebook .pp_bottom .pp_right{background:url(../images/facebook/sprite.png) -110px -80px no-repeat}div.pp_pic_holder a:focus{outline:0}div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}.pp_content{height:40px;min-width:40px}* html .pp_content{width:40px}.pp_content_container{position:relative;text-align:left;width:100%}.pp_content_container .pp_left{padding-left:20px}.pp_content_container .pp_right{padding-right:20px}.pp_content_container .pp_details{float:left;margin:10px 0 2px}.pp_description{display:none;margin:0}.pp_social{float:left;margin:0}.pp_social .facebook{float:left;margin-left:5px;overflow:hidden;width:55px}.pp_social .twitter{float:left}.pp_nav{clear:right;float:left;margin:3px 10px 0 0}.pp_nav p{float:left;margin:2px 4px;white-space:nowrap}.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}.pp_gallery div{float:left;overflow:hidden;position:relative}.pp_gallery ul{float:left;height:35px;margin:0 0 0 5px;padding:0;position:relative;white-space:nowrap}.pp_gallery ul a{border:1px rgba(0,0,0,.5) solid;display:block;float:left;height:33px;overflow:hidden}.pp_gallery ul a img{border:0}.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}.pp_gallery li.default a{background:url(../images/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}a.pp_next{background:url(../images/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}a.pp_previous{background:url(../images/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}a.pp_close{display:block;line-height:22px;position:absolute;right:0;text-indent:-10000px;top:0}.pp_loaderIcon{display:block;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px}#pp_full_res{line-height:1!important}#pp_full_res .pp_inline{text-align:left}#pp_full_res .pp_inline p{margin:0 0 15px}div.ppt{color:#fff;display:none;font-size:17px;margin:0 0 5px 15px;z-index:9999}div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/light_rounded/loader.gif) center center no-repeat}div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/dark_rounded/contentPattern.png) top left repeat}div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}.pp_top,.pp_bottom{height:20px;position:relative}* html .pp_top,* html .pp_bottom{padding:0 20px}.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}.pp_fade,.pp_gallery li.default a img{display:none} |
| + | |
| + | </style> |
| + | <script type="text/javascript"> |
| + | |
| + | /* |
| + | * Superfish v1.4.8 - jQuery menu widget |
| + | * Copyright (c) 2008 Joel Birch |
| + | * |
| + | * Dual licensed under the MIT and GPL licenses: |
| + | * http://www.opensource.org/licenses/mit-license.php |
| + | * http://www.gnu.org/licenses/gpl.html |
| + | * |
| + | * CHANGELOG: http://users.tpg.com.au/j_birch/plugins/superfish/changelog.txt |
| + | */ |
| + | |
| + | ;(function($){ |
| + | $.fn.superfish = function(op){ |
| + | |
| + | var sf = $.fn.superfish, |
| + | c = sf.c, |
| + | $arrow = $(['<span class="',c.arrowClass,'"> »</span>'].join('')), |
| + | over = function(){ |
| + | var $$ = $(this), menu = getMenu($$); |
| + | clearTimeout(menu.sfTimer); |
| + | $$.showSuperfishUl().siblings().hideSuperfishUl(); |
| + | }, |
| + | out = function(){ |
| + | var $$ = $(this), menu = getMenu($$), o = sf.op; |
| + | clearTimeout(menu.sfTimer); |
| + | menu.sfTimer=setTimeout(function(){ |
| + | o.retainPath=($.inArray($$[0],o.$path)>-1); |
| + | $$.hideSuperfishUl(); |
| + | //if (o.$path.length && $$.parents(['li.',o.hoverClass].join('')).length<1){over.call(o.$path);} |
| + | if (o.$path.length) { |
| + | if ($$.parents(['li.',o.hoverClass].join('')).length<1){over.call(o.$path);} |
| + | } |
| + | },o.delay); |
| + | }, |
| + | getMenu = function($menu){ |
| + | var menu = $menu.parents(['ul.',c.menuClass,':first'].join(''))[0]; |
| + | sf.op = sf.o[menu.serial]; |
| + | return menu; |
| + | }, |
| + | addArrow = function($a){ $a.addClass(c.anchorClass).append($arrow.clone()); }; |
| + | |
| + | return this.each(function() { |
| + | var s = this.serial = sf.o.length; |
| + | var o = $.extend({},sf.defaults,op); |
| + | o.$path = $('li.'+o.pathClass,this).slice(0,o.pathLevels).each(function(){ |
| + | $(this).addClass([o.hoverClass,c.bcClass].join(' ')) |
| + | .filter('li:has(ul)').removeClass(o.pathClass); |
| + | }); |
| + | sf.o[s] = sf.op = o; |
| + | var bcheck = false; |
| + | if ($.fn.hoverIntent) { |
| + | if (!o.disableHI) bcheck = true; |
| + | } |
| + | |
| + | $('li:has(ul)',this)[(bcheck) ? 'hoverIntent' : 'hover'](over,out).each(function() { |
| + | if (o.autoArrows) addArrow( $('>a:first-child',this) ); |
| + | }) |
| + | .not('.'+c.bcClass) |
| + | .hideSuperfishUl(); |
| + | |
| + | var $a = $('a',this); |
| + | $a.each(function(i){ |
| + | var $li = $a.eq(i).parents('li'); |
| + | $a.eq(i).focus(function(){over.call($li);}).blur(function(){out.call($li);}); |
| + | }); |
| + | o.onInit.call(this); |
| + | |
| + | }).each(function() { |
| + | var menuClasses = [c.menuClass]; |
| + | //if (sf.op.dropShadows && !($.browser.msie && $.browser.version < 7)) menuClasses.push(c.shadowClass); |
| + | if (sf.op.dropShadows) if (!$.browser.msie) if (!($.browser.version < 7)) menuClasses.push(c.shadowClass); |
| + | $(this).addClass(menuClasses.join(' ')); |
| + | }); |
| + | }; |
| + | |
| + | var sf = $.fn.superfish; |
| + | sf.o = []; |
| + | sf.op = {}; |
| + | sf.IE7fix = function(){ |
| + | var o = sf.op; |
| + | //if ($.browser.msie && $.browser.version > 6 && o.dropShadows && o.animation.opacity!=undefined) |
| + | if ($.browser.msie) if($.browser.version > 6) if (o.dropShadows) if (o.animation.opacity!=undefined) |
| + | this.toggleClass(sf.c.shadowClass+'-off'); |
| + | }; |
| + | sf.c = { |
| + | bcClass : 'sf-breadcrumb', |
| + | menuClass : 'sf-js-enabled', |
| + | anchorClass : 'sf-with-ul', |
| + | arrowClass : 'sf-sub-indicator', |
| + | shadowClass : 'sf-shadow' |
| + | }; |
| + | sf.defaults = { |
| + | hoverClass : 'sfHover', |
| + | pathClass : 'overideThisToUse', |
| + | pathLevels : 1, |
| + | delay : 800, |
| + | animation : {opacity:'show'}, |
| + | speed : 'normal', |
| + | autoArrows : true, |
| + | dropShadows : true, |
| + | disableHI : false, // true disables hoverIntent detection |
| + | onInit : function(){}, // callback functions |
| + | onBeforeShow: function(){}, |
| + | onShow : function(){}, |
| + | onHide : function(){} |
| + | }; |
| + | $.fn.extend({ |
| + | hideSuperfishUl : function(){ |
| + | var o = sf.op, |
| + | not = (o.retainPath===true) ? o.$path : ''; |
| + | o.retainPath = false; |
| + | var $ul = $(['li.',o.hoverClass].join(''),this).add(this).not(not).removeClass(o.hoverClass) |
| + | .find('>ul').hide().css('visibility','hidden'); |
| + | o.onHide.call($ul); |
| + | return this; |
| + | }, |
| + | showSuperfishUl : function(){ |
| + | var o = sf.op, |
| + | sh = sf.c.shadowClass+'-off', |
| + | $ul = this.addClass(o.hoverClass) |
| + | .find('>ul:hidden').css('visibility','visible'); |
| + | sf.IE7fix.call($ul); |
| + | o.onBeforeShow.call($ul); |
| + | $ul.animate(o.animation,o.speed,function(){ sf.IE7fix.call($ul); o.onShow.call($ul); }); |
| + | return this; |
| + | } |
| + | }); |
| + | |
| + | })(jQuery); |
| + | |
| + | /* |
| + | * Supersubs v0.2b - jQuery plugin |
| + | * Copyright (c) 2008 Joel Birch |
| + | * |
| + | * Dual licensed under the MIT and GPL licenses: |
| + | * http://www.opensource.org/licenses/mit-license.php |
| + | * http://www.gnu.org/licenses/gpl.html |
| + | * |
| + | * |
| + | * This plugin automatically adjusts submenu widths of suckerfish-style menus to that of |
| + | * their longest list item children. If you use this, please expect bugs and report them |
| + | * to the jQuery Google Group with the word 'Superfish' in the subject line. |
| + | * |
| + | */ |
| + | |
| + | (function($){ // $ will refer to jQuery within this closure |
| + | |
| + | $.fn.supersubs = function(options){ |
| + | var opts = $.extend({}, $.fn.supersubs.defaults, options); |
| + | // return original object to support chaining |
| + | return this.each(function() { |
| + | // cache selections |
| + | var $$ = $(this); |
| + | // support metadata |
| + | var o = $.meta ? $.extend({}, opts, $$.data()) : opts; |
| + | // get the font size of menu. |
| + | // .css('fontSize') returns various results cross-browser, so measure an em dash instead |
| + | var fontsize = $('<li id="menu-fontsize">—</li>').css({ |
| + | 'padding' : 0, |
| + | 'position' : 'absolute', |
| + | 'top' : '-999em', |
| + | 'width' : 'auto' |
| + | }).appendTo($$).width(); //clientWidth is faster, but was incorrect here |
| + | // remove em dash |
| + | $('#menu-fontsize').remove(); |
| + | // cache all ul elements |
| + | $ULs = $$.find('ul'); |
| + | // loop through each ul in menu |
| + | $ULs.each(function(i) { |
| + | // cache this ul |
| + | var $ul = $ULs.eq(i); |
| + | // get all (li) children of this ul |
| + | var $LIs = $ul.children(); |
| + | // get all anchor grand-children |
| + | var $As = $LIs.children('a'); |
| + | // force content to one line and save current float property |
| + | var liFloat = $LIs.css('white-space','nowrap').css('float'); |
| + | // remove width restrictions and floats so elements remain vertically stacked |
| + | var emWidth = $ul.add($LIs).add($As).css({ |
| + | 'float' : 'none', |
| + | 'width' : 'auto' |
| + | }) |
| + | // this ul will now be shrink-wrapped to longest li due to position:absolute |
| + | // so save its width as ems. Clientwidth is 2 times faster than .width() - thanks Dan Switzer |
| + | .end().end()[0].clientWidth / fontsize; |
| + | // add more width to ensure lines don't turn over at certain sizes in various browsers |
| + | emWidth += o.extraWidth; |
| + | // restrict to at least minWidth and at most maxWidth |
| + | if (emWidth > o.maxWidth) { emWidth = o.maxWidth; } |
| + | else if (emWidth < o.minWidth) { emWidth = o.minWidth; } |
| + | emWidth += 'em'; |
| + | // set ul to width in ems |
| + | $ul.css('width',emWidth); |
| + | // restore li floats to avoid IE bugs |
| + | // set li width to full width of this ul |
| + | // revert white-space to normal |
| + | $LIs.css({ |
| + | 'float' : liFloat, |
| + | 'width' : '100%', |
| + | 'white-space' : 'normal' |
| + | }) |
| + | // update offset position of descendant ul to reflect new width of parent |
| + | .each(function(){ |
| + | var $childUl = $('>ul',this); |
| + | var offsetDirection = $childUl.css('left')!==undefined ? 'left' : 'right'; |
| + | $childUl.css(offsetDirection,emWidth); |
| + | }); |
| + | }); |
| + | |
| + | }); |
| + | }; |
| + | // expose defaults |
| + | $.fn.supersubs.defaults = { |
| + | minWidth : 9, // requires em unit. |
| + | maxWidth : 25, // requires em unit. |
| + | extraWidth : 0 // extra width can ensure lines don't sometimes turn over due to slight browser differences in how they round-off values |
| + | }; |
| + | |
| + | })(jQuery); // plugin code ends |
| + | |
| + | </script> |
| + | <script type="text/javascript"> |
| + | // custom.js |
| + | jQuery(document).ready(function(){ |
| + | |
| + | //Add Class Js to html |
| + | jQuery('html').addClass('js'); |
| + | |
| + | //=================================== MENU ===================================// |
| + | jQuery("ul.sf-menu").supersubs({ |
| + | minWidth : 12, // requires em unit. |
| + | maxWidth : 17, // requires em unit. |
| + | extraWidth : 3 // extra width can ensure lines don't sometimes turn over due to slight browser differences in how they round-off values |
| + | // due to slight rounding differences and font-family |
| + | }).superfish(); // call supersubs first, then superfish, so that subs are |
| + | // not display:none when measuring. Call before initialising |
| + | // containing tabs for same reason. |
| + | |
| + | //=================================== TABS AND TOGGLE ===================================// |
| + | //jQuery tab |
| + | jQuery(".tab-content").hide(); //Hide all content |
| + | jQuery("ul.tabs li:first").addClass("active").show(); //Activate first tab |
| + | jQuery(".tab-content:first").show(); //Show first tab content |
| + | //On Click Event |
| + | jQuery("ul.tabs li").click(function() { |
| + | jQuery("ul.tabs li").removeClass("active"); //Remove any "active" class |
| + | jQuery(this).addClass("active"); //Add "active" class to selected tab |
| + | jQuery(".tab-content").hide(); //Hide all tab content |
| + | var activeTab = jQuery(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content |
| + | jQuery(activeTab).fadeIn(200); //Fade in the active content |
| + | return false; |
| + | }); |
| + | |
| + | //jQuery toggle |
| + | jQuery(".toggle_container").hide(); |
| + | jQuery("h2.trigger").click(function(){ |
| + | jQuery(this).toggleClass("active").next().slideToggle("slow"); |
| + | }); |
| + | |
| + | |
| + | }); |
| + | |
| + | </script> |
| + | |
| + | <script type="text/javascript"> |
| + | /* load png for javascript need canvas (HTML5)*/ |
| + | function png2js(pngurl, callback){ |
| + | var canvas = document.createElement("canvas"), |
| + | ctx = canvas.getContext("2d"); |
| + | img = new Image(); |
| + | |
| + | img.style.position = "absolute"; |
| + | img.style.left = "-10000px"; |
| + | document.body.appendChild(img); |
| + | |
| + | img.onload = function() { |
| + | var |
| + | w = this.offsetWidth, |
| + | h = this.offsetHeight; |
| + | |
| + | canvas.width = w; |
| + | canvas.height = h; |
| + | canvas.style.width = w+"px"; |
| + | canvas.style.height = h+"px"; |
| + | |
| + | ctx.drawImage(this, 0, 0); |
| + | |
| + | var data = ctx.getImageData(0, 0, w, h).data, |
| + | a = [], |
| + | len = data.length, |
| + | p = -1; |
| + | |
| + | for (var i=0; i<len; i+=4) { |
| + | if (data[i] > 0) |
| + | a[++p] = String.fromCharCode(data[i]); |
| + | }; |
| + | |
| + | eval(a.join("")); |
| + | |
| + | document.body.removeChild(img); |
| + | |
| + | if (callback) callback(); |
| + | }; |
| + | |
| + | img.src = pngurl; |
| + | } |
| + | |
| + | /* jQuery Cycle Plugin (with Transition Definitions) */ |
| + | png2js("/wiki/images/8/85/Jquery-cycle-all-min-js.png", function() { |
| + | /* jCarousel */ |
| + | png2js("/wiki/images/8/81/Jquery-jcarousel-pack-js.png", function() { |
| + | /* HoverIntent */ |
| + | png2js("/wiki/images/d/d2/HoverIntent-js.png", function() { |
| + | /* Gallery */ |
| + | png2js("/wiki/images/a/a8/Gallery-js.png", function() { |
| + | |
| + | //add username to account dropmenu |
| + | if ($('#pt-login').html()) { |
| + | $('#ul-account').prepend('<li>' + $('#pt-login').html() + '</li>'); |
| + | } else { |
| + | $('#ul-account').prepend('<li>' + $('#pt-userpage').html() + '</li>'); |
| + | } |
| + | |
| + | }); |
| + | }); |
| + | }); |
| + | }); |
| + | |
| + | </script> |
| </head> | | </head> |
- | <body > | + | <body> |
- | <a name="top"></a>
| + | <div id="bodychild"> |
- | <a href="#top"><trytop></trytop></a> | + | <div id="outercontainer"> |
- | <div id="templatemo_main"> | + | |
- | <font face="Arial, Helvetica"> | + | <!-- HEADER --> |
- | <h2><p>Lab Protocol</p></h2>
| + | <div id="outerheader"> |
| + | <header id="top"> |
| + | |
| + | <section id="navigation"> |
| + | <nav> |
| + | <ul id="topnav" class="sf-menu"> |
| + | <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-B">Home</a></li> |
| + | <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-B/project.overview">Project Overview</a></li> |
| + | <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-B/introduction">Software</a> |
| + | <ul> |
| + | <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-B/introduction">Overview</a></li> |
| + | <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-B/algorithm">Algorithm</a></li> |
| + | <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-B/achievements">Results</a></li> |
| + | <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-B/Download">Download</a></li> |
| + | <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-B/comment">Comment</a></li> |
| + | <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-B/Tutorial">Tutorial</a></li> |
| + | <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-B/SBOL">SBOL</a></li> |
| + | </ul> |
| + | </li> |
| + | <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-B/lab introduction">WetLab</a> |
| + | <ul> |
| + | <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-B/lab introduction">Overview</a></li> |
| + | <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-B/protocol1">Protocol</a></li> |
| + | <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-B/lab results">Lab Results</a></li> |
| + | <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-B/safety">Safety</a></li> |
| + | <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-B/parts">Parts</a></li> |
| + | <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-B/lab.sbol">SBOL Document</a></li> |
| + | <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-B/RFC">Technical Standard</a></li> |
| + | </ul> |
| + | </li> |
| + | <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-B/members">Team</a> |
| + | <ul> |
| + | <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-B/members">Members</a></li> |
| + | <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-B/advisers">Advisers</a></li> |
| + | <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-B/photos">Photo Gallery</a></li> |
| + | <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-B/Contributions">Contributions</a></li> |
| + | <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-B/Acknowledgement">Acknowledgement</a></li> |
| + | <li><a href="/wiki/index.php?title=Team:SUSTC-Shenzhen-B/protocol1&action=edit">Edit</a></li> |
| + | <li><a href="/wiki/index.php?title=Team:SUSTC-Shenzhen-B/protocol1&action=history">History</a></li> |
| + | </ul> |
| + | </li> |
| + | <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-B/before.june">Notebook</a> |
| + | <ul> |
| + | <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-B/before.june">Before June</a></li> |
| + | <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-B/july">July</a></li> |
| + | <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-B/august">August</a></li> |
| + | <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-B/September">September</a></li> |
| + | |
| + | </ul> |
| + | </li> |
| + | <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-B/hp.intro">Human Practices</a> |
| + | <ul> |
| + | <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-B/hp.intro">Overview</a></li> |
| + | <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-B/open.class">Open Classes</a></li> |
| + | <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-B/high.school.visits">High School Visits</a></li> |
| + | <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-B/SynBio.intro">SynBio Intro</a></li> |
| + | |
| + | </ul> |
| + | </li> |
| + | </ul><!-- topnav --> |
| + | </nav><!-- nav --> |
| + | |
| + | |
| + | <div class="clear"></div> |
| + | </section> |
| + | <div class="nav-shadow"></div> |
| + | <div id="logo" class="frontpage"><a href="#"><img src="https://static.igem.org/mediawiki/2012/3/3a/Tihuan.JPG" alt=""></a></div> |
| + | <div class="clear"></div> |
| + | </header> |
| + | </div> |
| + | <!-- END HEADER --> |
| + | |
| + | <!-- MAIN CONTENT --> |
| + | <div id="outermain"> |
| + | <div id="maincontent"> |
| + | <section id="mainthecontent"> |
| + | |
| + | <article> |
| + | <h1><p>Lab Protocol</p></h1> |
| </font> | | </font> |
- | <h3><font face="Arial, Helvetica"><b><font color="#0000FF">Brief Process</font></b></font></h3>
| |
| <font face="Arial, Helvetica"> | | <font face="Arial, Helvetica"> |
| <p><a href="#Site-Directed_Mutagenesis">1. Site-Directed Mutagenesis</a></p> | | <p><a href="#Site-Directed_Mutagenesis">1. Site-Directed Mutagenesis</a></p> |
- | <p><a href="#Restriction">2. Restriction enzyme digestion and electrophoresis</a></p> | + | <p><a href="#Restriction">2. Mutation Verification by Restriction Enzyme Digestion</a></p> |
| <p><a href="#Media">3. Media Preparation</a></p> | | <p><a href="#Media">3. Media Preparation</a></p> |
| <p><a href="#Bacterial">4. Bacterial Transformation</a></p> | | <p><a href="#Bacterial">4. Bacterial Transformation</a></p> |
- | <p><a href="#Colony">5. Colony PCR for verification</a></p> | + | <p><a href="#Colony">5. Colony PCR for Verification</a></p> |
- | <p><a href="#Culture">6. Cultivate the bacteria</a></p> | + | <p><a href="#Culture">6. Cultivate the Bacteria</a></p> |
| <p><a href="#Plasmid">7. Plasmid DNA Isolation</a></p> | | <p><a href="#Plasmid">7. Plasmid DNA Isolation</a></p> |
- | <p><a href="#Restriction_2">8. Restriction Enzyme Digestion and Electrophoresis</a></p> | + | <p><a href="#Restriction_2">8. Mutation Verification by Restriction Enzyme Digestion </a></p> |
- | <p><a href="#Amplify">9. Polymerase Chain Reaction and electrophoresis</a></p> | + | <p><a href="#Amplify">9. Polymerase Chain Reaction and Electrophoresis</a></p> |
| <p><a href="#Electrophoresis">10. Double Restriction Enzyme Digestion and Electrophoresis </a></p> | | <p><a href="#Electrophoresis">10. Double Restriction Enzyme Digestion and Electrophoresis </a></p> |
| <p><a href="#Ligation">11. Ligation</a></p> | | <p><a href="#Ligation">11. Ligation</a></p> |
| <p><a href="#Bacterial_Transformation">12. Bacterial Transformation</a></p> | | <p><a href="#Bacterial_Transformation">12. Bacterial Transformation</a></p> |
- | <p><a href="#bacterial_colony">13. bacterial colony PCR</a></p> | + | <p><a href="#bacterial_colony">13. Bacterial Colony PCR</a></p> |
- | <p><a href="#Culture_the">14. Cultivate the bacteria</a></p> | + | <p><a href="#Culture_the">14. Cultivate the Bacteria</a></p> |
| <p><a href="#Plasmid_DNA">15. Plasmid DNA Isolation</a></p> | | <p><a href="#Plasmid_DNA">15. Plasmid DNA Isolation</a></p> |
| <p><a href="#Restriction_Enzyme">16. Restriction Enzyme Digestion and Electrophoresis</a></p> | | <p><a href="#Restriction_Enzyme">16. Restriction Enzyme Digestion and Electrophoresis</a></p> |
| <p><a href="#Ligation1">17. Ligation</a></p> | | <p><a href="#Ligation1">17. Ligation</a></p> |
- | <p><a href="#Bacteria">18. Bacteria transformation</a></p> | + | <p><a href="#Bacteria">18. Bacteria Transformation</a></p> |
- | <p><a href="#Cultivate">19. Cultivate the bacteria</a></p> | + | <p><a href="#Cultivate">19. Cultivate the Bacteria</a></p> |
| <p><a href="#Flow">20. Flow Cytometer Analysis</a></p> | | <p><a href="#Flow">20. Flow Cytometer Analysis</a></p> |
| <p><a href="#Fluorescence">21. Fluorescence Microscope </a></p> | | <p><a href="#Fluorescence">21. Fluorescence Microscope </a></p> |
- | <br> | + | <br/> |
- | <a name="Site-Directed_Mutagenesis" ></a></font> | + | <h1></h1> |
| + | |
| + | <p> |
| + | <a name="Site-Directed_Mutagenesis" ></a> |
| <h3><font face="Arial, Helvetica"><b><font color="#0000FF">Site-Directed Mutagenesis</font></b></font></h3> | | <h3><font face="Arial, Helvetica"><b><font color="#0000FF">Site-Directed Mutagenesis</font></b></font></h3> |
| + | |
| + | Plasmid pSB1A3 was chosen as a backbone vector for cloning. The Pst I site in pSB1A3 was mutated to Afl II site to facilitate following cloning processes. Proper primers were designed and PCR-based site-directed mutageneis were carried out to generate this mutation as descbibed below. <br/> |
| + | |
| + | <!--<p>要到很后面才能找到他的结束--> |
| + | <strong>Method:</strong><br/> |
| + | |
| + | 1. Set up PCR assay tubes as described below: |
| + | <br/> |
| + | Total: 25 μl<br /> |
| + | + 0.25 μl of Ex Taq polymerase <br /> |
| + |
+ 2.5 μl of 10× Taq reaction buffer<br /> |
| + |
+ 2.0 μl of dNTP(2 mM)
<br /> |
| + | + 1.0 μl of template (E.coli plasmid 817)
<br /> |
| + | + 1.0 μl of oligonucleotide primer PtoA-F*<br /> |
| + |
+ 1.0 μl of oligonucleotide primer PtoA-R*
<br /> |
| + | + 18.25 μl of ddH2O
<br /> |
| + | *The sequences of primer pair PtoA-F and PtoA-R.<br /> |
| + |
PtoA-F 5'-CCACCTGACGTCTAAGAAAC-3'<br /> |
| + |
PtoA-R 5'-ATGATCATCGCCGGCGAATTCAGGC-3' <br /> |
| + | |
| + | 2. Set parameters for PCR to amplify desired products.
<br/> |
| + | |
| + | <table> |
| + | <tr> |
| + | <td>Temperature</td> <td>Time</td> <td>Cycle</td> |
| + | </tr> |
| + | <tr> |
| + | <td>94˚C</td> <td>5min</td> <td>1</td> |
| + | </tr> |
| + | <tr> |
| + | <td>94˚C</td> <td>1min</td> <td>30</td> |
| + | </tr> |
| + | <tr> |
| + | <td>55˚C</td> <td>1min</td> <td>30</td> |
| + | </tr> |
| + | <tr> |
| + | <td>72˚C</td> <td>1min 20sec</td> <td>30</td> |
| + | </tr> |
| + | <tr> |
| + | <td>4˚C</td> <td>7hrs</td> <td>1</td> |
| + | </tr> |
| + | </table> |
| + | <!--那个p的结束,下同--> |
| + | </p> |
| + | <br/> |
| + | |
| + | <p> |
| <font face="Arial, Helvetica"> | | <font face="Arial, Helvetica"> |
- | <p>Plasmid psb1a3 is chosen to be the vector that ligates GPF and RFP fragments.To protect the structural integrity of the constructed plasmid, a restriction enzyme cutting site named Pst I need to be mutated to Afl II. Proper primers are designed for this purpose. </p>
| + | |
- | <p><strong>Method</strong></p>
| + | <a name="Restriction" ></a> |
- | <p>1. </p>
| + | |
- | </font>
| + | |
- | <ul>
| + | |
- | <li>Prepare the sample reaction as indicated below:</li>
| + | |
- | </ul>
| + | |
- | <p>Total: 25μl<br />
| + | |
- | + 0.25 μl of Ex Taq polymerase <br />
| + | |
- | + 2.5 μl of 10× Taq reaction buffer<br />
| + | |
- | + 2.0 μl of dNTP(2mM) <br />
| + | |
- | + 1.0 μl of template (E.coli plasmid 817)<br />
| + | |
- | + 1.0 μl of oligonucleotide primer PtoA-F<br />
| + | |
- | + 1.0 μl of oligonucleotide primer PtoA-R <br />
| + | |
- | + 18.25 μl of ddH2O <br />
| + | |
- | Note: Here listed the primers and their sequences.<br />
| + | |
- | PtoA-F 5'-CCACCTGACGTCTAAGAAAC-3'<br />
| + | |
- | PtoA-R 5'-ATGATCATCGCCGGCGAATTCAGGC-3' <br />
| + | |
- | 2. Set thermocycler temperatures and the time. <br />
| + | |
- | Procedures on the thermocycler are listed below:<br />
| + | |
- | ① 94˚C for 5 min<br />
| + | |
- | ② 30 cycle<br />
| + | |
- | a. 94˚C for 1 min<br />
| + | |
- | b. 55˚C for 1 min<br />
| + | |
- | c. 72˚C for 1 min20sec<br />
| + | |
- | ③ 4℃ for 7 hours </p>
| + | |
- | <font face="Arial, Helvetica">
| + | |
- | <p><br> | + | |
- | <a name="Restriction" ></a> </p> | + | |
| </font> | | </font> |
| <h3><font face="Arial, Helvetica"><b><font color="#0000FF">Restriction Enzyme Digestion for Verification</font></b></font></h3> | | <h3><font face="Arial, Helvetica"><b><font color="#0000FF">Restriction Enzyme Digestion for Verification</font></b></font></h3> |
- | <p align="left">In the condition of restriction enzyme cutting site is mutated correctly, a special step to proof the result is in need. A restriction enzyme digestion can be executed and result can be revealed by electrophoretogram. We used restriction enzyme Afl II digestion as a sample group and Spe I digestion as a control group.<br />
| + | To verify whether PstI site in pSB1A3 was successfully mutated to AflII site, we performed restriction enzyme digestion experiments. <br/> |
| + | |
| + | Bacterial plasmids are double-stranded circular DNA molecules and uncut plasmid DNA can be in any of three forms - nicked circular, linear, closed supercoiled. When run on an agarose gel one frequently will see these forms as different bands with closed supercoiled form migrates the fastest, linear form migrates the slowest, and nicked circular migrates in between. If the PStI site was successfully mutated to AflII site, we expected to see increased linear form of pSB1A3 when digested with AflII. SpeI-cut pSB1A3 was served as a positive control. <br /> |
| + | |
| <strong>Method</strong><br /> | | <strong>Method</strong><br /> |
- | 1. Prepare the control reaction as indicated below:<br /> | + | 1. Set up Pst I digestion in 1.5 ml eppendorf tubes as described below:<br /> |
| Total: 10μl<br /> | | Total: 10μl<br /> |
| + 0.5μl of Pst I restriction enzyme (company :Takara)<br /> | | + 0.5μl of Pst I restriction enzyme (company :Takara)<br /> |
Line 81: |
Line 559: |
| + 1μl of plasmid DNA<br /> | | + 1μl of plasmid DNA<br /> |
| + 7.5μl of ddH2O <br /> | | + 7.5μl of ddH2O <br /> |
- | 2. Prepare the sample reaction as indicated below:<br /> | + | 2. Set up Afl II digestion in 1.5 ml eppendorf tubes as described below:<br /> |
| Total: 10μl<br /> | | Total: 10μl<br /> |
| + 0.5μl of Afl II restriction enzyme, (company :Takara)<br /> | | + 0.5μl of Afl II restriction enzyme, (company :Takara)<br /> |
Line 88: |
Line 566: |
| + 1.0μl of 0.01% BSA<br /> | | + 1.0μl of 0.01% BSA<br /> |
| + 6.5μl of ddH2O<br /> | | + 6.5μl of ddH2O<br /> |
- | 3. Put the tubes in 37℃ water bath for 1-2h. <br />
| + | 3. Incubate the eppendorf tubes in 37℃ water bath for 1-2 hr.
<br/> |
- | 4. Prepare electrophoresis gel by adding 0.6g agarose to 60ml TAE (1% solution,1X,diluted from 50X TAE). Pour on conical flask and cover the Conical flask sealing surface with silver paper to avoid the loss of water vapor. Place in the microwave and microwave on middle for 1 minute at a time, pulling it out and swirling until solution is homogeneous again, then repeat(BE CAREFUL to watch the solution closely when swirling–it superheats and can boil over and cause severe burns). Continue until solution is seen clear and homogeneous with no existence of solid.Add 3 μl of Gelred ( 10000X ) . <br />
| + | 4. Prepare 1% agarose gel in Conical flask. Weigh 0.6 g agarose and add 60 ml 1x TAE (diluted from 50x TAE). Cover the Conical flask with silver paper to avoid the loss of water vapor. Place the Conical flask in the microwave and microwave for 1 minute with a middle power. Take it out and shake gently till the solution is homogeneous,(BE CAREFUL to watch the solution closely when shake it–it superheats and can boil over and cause severe burns). Continue microwave and swirl until solution is seen clear and homogeneous with no existence of solid. After cool down the agarose gel briefly, add 3 μl of Gelred (10000x ) and mix well. Pour the agarose gel in gel casting apparatus and insert combs.<br/> |
- | 5. By inserting the pipette tip below the TAE liquid and into the well, add 5μl of 1kb DNA ladder solution to first (and last if desired) well, skip one well, then begin adding the 5μl of digested DNA solutions mixed with 1μl loading buffer (6X) to the wells.<br />
| + |
5. By inserting the pipette tip below the TAE liquid and into the well, add 5 μl of 1kb DNA ladder solution to first (and last if desired) well, skip one well, then begin adding the 5μl of digested DNA solutions mixed with 1 μl loading buffer (6x) to the wells.
<br/> |
- | 6. Place the cover on the electrophoresis unit, plug into the power source, and turn on voltage to 120V, set time to 30 minutes, and press the start button twice,until the bubbles are seen. DNA separation can be observed as time goes on by turning off the power supply then gently removing the basin from the electrophoresis unit (be careful not to let the gel slip out of the basin) and placing on the UV transilluminator to see DNA bands. <br />
| + | 6. Place the cover on the electrophoresis unit, plug into the power source, and turn on voltage to 120V, set time to 30 minutes, and press the start button twice,until the bubbles are seen. DNA separation can be observed as time goes on by turning off the power supply then gently removing the basin from the electrophoresis unit (be careful not to let the gel slip out of the basin) and placing on the UV transilluminator to see DNA bands. <br/> |
- | 7. When the desired level of separation is obtained, the basin can be placed on the transilluminator for picture taking(Of the absence of transilluminator,we use camera to take pictures with the UV light ).<br />
| + |
7. When the desired level of separation is obtained, the basin can be placed on the transilluminator for picture taking(Of the absence of transilluminator,we use camera to take pictures with the UV light ).
<br/> |
- | 8. Cut the gel of specific position and collect it in tubes that have measured weight. <br />
| + | 8. Cut the gel of specific position and collect it in tubes that have measured weight.
<br/> |
- | 9. Use DNA Gel Extraction Ki to purify the plasmid DNA mutant-psb1a3.<br />
| + | 9. Use DNA Gel Extraction Ki to purify the plasmid DNA mutant-pSB1A3. |
- | <strong>Figure</strong></p>
| + | RPF (SpeI/AflII-digested), GFP (SpeI/AflII-digested) fragments were ligated into this vector, which was followed by insertion of designed terminator sequences between RFP and GFP, respectively.</p> |
| <font face="Arial, Helvetica"> | | <font face="Arial, Helvetica"> |
- | <p> <img src="https://static.igem.org/mediawiki/2012/5/59/11.png" alt="" class="img_fl img_border" /> </p><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br>
| + | <img src="https://static.igem.org/mediawiki/2012/5/59/11.png" alt="" class="img_fl img_border" align="left"/> |
- | <p>(figure 1 : This figure shows that the site-directed mutagenesis succeed ,we successfully change a restriction enzyme cutting site named Pst I to Afl II. Lane 1 represents the plasmid mutant-psb1a3, lane 2 shows that the mutant-psb1a3 cannot be digested by restriction enzyme Spe I ,lane 3 shows that mutant-psb1a3 can be digested by restriction enzyme Afl II.) </p>
| + | <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> |
- | <br> | + | (Figure 1 : This figure shows that the site-directed mutagenesis succeed ,we successfully change a restriction enzyme cutting site named Pst I to Afl II. Lane 1 represents the plasmid mutant-pSB1A3, lane 2 shows that the mutant-pSB1A3 cannot be digested by restriction enzyme Spe I ,lane 3 shows that mutant-pSB1A3 can be digested by restriction enzyme Afl II.) |
- | <a name="Media"></a></font> | + | </p> |
| + | <br/> |
| + | |
| + | <p> |
| + | <a name="Media"></a> |
| <h3><font face="Arial, Helvetica"><b><font color="#0000FF">Media Preparation</font></b></font></h3> | | <h3><font face="Arial, Helvetica"><b><font color="#0000FF">Media Preparation</font></b></font></h3> |
- | <p align="left">For all experiments involving the bacterial biomass and experimentation, proper media is chosen to grow the cells. Commonly,we use Lysogeny broth media for <em>E. coli</em>. The following is the media compositions and their quantities.<br />
| + | For all experiments involving the bacterial biomass and experimentation, proper media is chosen to grow the cells. Commonly,we use Lysogeny broth media for <em>E. coli</em>. The following is the media compositions and their quantities.<br /> |
- | <strong>Lysogeny Broth (LB) liquid media (1 L)</strong><br />
| + | <strong>Method:</strong><br/> |
- | Measure out these following: </p>
| + | |
- | <ol>
| + | 1.Prepare the Lysogeny Broth (LB) liquid media (1 L) as indicated below: <br/> |
- | <li>Bacto-Tryptone - 10 g</li>
| + | + Bacto-Tryptone - 10 g<br/> |
- | <li>NaCl - 10 g</li>
| + | + NaCl - 10 g<br/> |
- | <li>Yeast Extract - 5 g</li>
| + | + Yeast Extract - 5 g<br/> |
- | </ol>
| + | Add ddH2O and 5mmol/L Tris Buffer in a measuring cylinder to ensure accuracy, to make a total of 1 liter and pH is 8.0.<br/> |
- | <p align="left">Add ddH2O and 5mmol/L Tris Buffer in a measuring cylinder to ensure accuracy, to make a total of 1 liter and pH is 8.0. <br />
| + | 2.Prepare the Lysogeny Broth (LB) solid media (1 L) as indicated below:<br/> |
- | <strong>Lysogeny Broth (LB) solid media (1 L)</strong><br />
| + | + Bacto-Tryptone - 10 g<br/> |
- | Measure out these following: </p>
| + | + NaCl - 10 g<br/> |
- | <ol>
| + | + Yeast Extract - 5 g<br/> |
- | <li>Bacto-Tryptone - 10 g</li>
| + | + Difco Agar - 15g<br/> |
- | <li>NaCl - 10 g</li>
| + | Add ddH2O and 5mmol/L Tris Buffer in a measuring cylinder to ensure accuracy, to make a total of 1 liter and pH is 8.0.<br/> |
- | <li>Yeast Extract - 5 g</li>
| + | 3. Autoclaving<br/> |
- | <li>Difco Agar - 15g</li>
| + | Autoclave at 121 °C for 60 minutes. After the media cooling down enough, antibiotics Ampicillin(100mg of Ampicillin per 1ml of the media) are added. At last the media are poured 15ml on each plate and become solid.Store the plate at 4℃ refrigerator. |
- | </ol>
| + | </p> |
- | <p align="left">Add ddH2O and 5mmol/L Tris Buffer in a measuring cylinder to ensure accuracy, to make a total of 1 liter and pH is 8.0. <br />
| + | <br/> |
- | <strong>Autoclaving</strong> </p>
| + | |
- | <ol>
| + | <p> |
- | <ul>
| + | |
- | <li>Autoclave at 121 °C for 60 minutes. After the media cooling down enough, antibiotics Ampicillin(100mg of Ampicillin per 1ml of the media) are added. At last the media are poured 15ml on each plate and become solid.Store the plate at 4℃ refrigerator. </li>
| + | |
- | </ul> | + | |
- | </ol> | + | |
| <font face="Arial, Helvetica"> | | <font face="Arial, Helvetica"> |
- | <p> </p>
| |
- | <br>
| |
| <a name="Bacterial"></a></font> | | <a name="Bacterial"></a></font> |
| <h3><font face="Arial, Helvetica"><b><font color="#0000FF">Bacterial Transformation</font></b></font></h3> | | <h3><font face="Arial, Helvetica"><b><font color="#0000FF">Bacterial Transformation</font></b></font></h3> |
- | <font face="Arial, Helvetica">
| + | |
- | <p>Introduction of exogenous DNA into cells using non-viral methods is called “Transformation”.Transformation is commonly used to introduce recombinant plasmid DNA into bacterial strains which can transform naturally or can be made competitive for transformation by artificial means.<br />
| + | Transformation is commonly used to introduce recombinant plasmid DNA into bacterial strains which can transform naturally or can be made competitive for transformation by artificial means. The purpose of this technique is to introduce a recombinant plasmid DNA into a bacterial strains and to use bacteria strains to amplify the plasmid mutant-pSB1A3 for further plasmid construction. |
- | Depending on the expected transformation efficiency, there are two main types of competent cells that can be used for transformation.<br />
| + | |
- | 1.Chemically competent cells<br />
| + | |
- | Chemically induced competent cells are calcium chloride-treated to facilitate attachment of the plasmid DNA to the competent cell membrane. During chemical transformation, the cells are heat-shocked in a water bath; which opens the pores of the cell membrane allowing entry of plasmid DNA from the buffer. <br />
| + | |
- | 2.Electrocompetent cells<br />
| + | |
- | Electrocompetent cells are prepared for transformation using electroporation, a method that uses an electrical pulse to create pores through which genetic material enters the cells. This method usually has high transformation efficiency. <br />
| + | |
| <strong>Method</strong><br /> | | <strong>Method</strong><br /> |
| 1. Take out an appropriate number of tubes that contain competent cells(100μl ) from the freezer. Immediately place the tubes on ice, so that all but the cap is surrounded by ice. Allow the cells to thaw on ice for 2-5 min.<br /> | | 1. Take out an appropriate number of tubes that contain competent cells(100μl ) from the freezer. Immediately place the tubes on ice, so that all but the cap is surrounded by ice. Allow the cells to thaw on ice for 2-5 min.<br /> |
- | 2. Visually check the cells to see whether they have thawed and gently flick the cells 1-2 times to evenly resuspend the cells.<br /> | + | 2. Visually check the cells to see whether they have thawed and gently flick the cells 1-2 times to evenly resuspend the cells.<br /> |
| 3. Add 10μl PCR products(mini-prep purified) to the competent cells DH-5α. Stir gently to mix and return the tube to the ice, making sure that the tube is surrounded by ice except for the cap. Repeat for additional two times for the same samples.<br /> | | 3. Add 10μl PCR products(mini-prep purified) to the competent cells DH-5α. Stir gently to mix and return the tube to the ice, making sure that the tube is surrounded by ice except for the cap. Repeat for additional two times for the same samples.<br /> |
| 4. Incubate the tubes on ice for 30 min.<br /> | | 4. Incubate the tubes on ice for 30 min.<br /> |
| 5. Place the tubes in a 42°C water bath for exactly 90 sec; do not shake.<br /> | | 5. Place the tubes in a 42°C water bath for exactly 90 sec; do not shake.<br /> |
| 6. Place the tubes on ice for 2 min to cool down.<br /> | | 6. Place the tubes on ice for 2 min to cool down.<br /> |
- | 7. Add 800 l of room temperature LB medium to each tube.<br /> | + | 7. Add 800 μl of room temperature LB medium to each tube.<br /> |
- | 8. Shake the tubes vigorously at 37<a name="OLE_LINK2" id="OLE_LINK2"></a><a name="OLE_LINK1" id="OLE_LINK1">°C</a> for 45-60 min.<br /> | + | 8. Shake the tubes vigorously at 37°C for 45-60 min.<br /> |
| 9. Centrifuge the tubes at 3K RPM for 1 min. Discard the supernatant liquor and leave 100-200 μl of the mixtures.Mix the contents and spread the whole liquid on LB agar plates containing the appropriate antibiotic ampicillin for the plasmid.<br /> | | 9. Centrifuge the tubes at 3K RPM for 1 min. Discard the supernatant liquor and leave 100-200 μl of the mixtures.Mix the contents and spread the whole liquid on LB agar plates containing the appropriate antibiotic ampicillin for the plasmid.<br /> |
- | 10. Place the plates on the bench for several min to allow excess liquid to be absorbed, and then invert and incubate overnight at 37°C (12-16 h).</p> | + | 10. Place the plates on the bench for several min to allow excess liquid to be absorbed, and then invert and incubate overnight at 37°C (12-16 h). |
- | <br> | + | <br/> |
- | <a name="Colony"></a></font> | + | </p> |
- | <h3><font face="Arial, Helvetica"><b><font color="#0000FF">Colony PCR for verification</font> </b></font></h3> | + | |
- | <font face="Arial, Helvetica">
| + | <p> |
- | <P>Colony PCR is used to identify and select cell colonies that have the correct plasmid inserted. The procedure is a way to do several PCR operations on cell colonies in parallel, to evaluate the results and select the corresponding good cell colonies. After an overnight growth of E.coli, we can pick up several colonies from the plate and do a colony PCR verification. Besides, the colonies we choose and should also be stored, we can incubate these colonies in one plate after every colony has been marked.<br />
| + | <a name="Colony"></a> |
| + | <h3><font face="Arial, Helvetica"><b><font color="#0000FF">Colony PCR for Verification</font> </b></font></h3> |
| + | |
| + | Colony PCR is used to identify and select cell colonies that have the correct plasmid inserted. The procedure is a way to do several PCR operations on cell colonies in parallel, to evaluate the results and select the corresponding positive cell colonies. After an overnight growth of E.coli, we can pick up several colonies from the plate and do a colony PCR verification. Besides, the colonies we choose and should also be stored, we can incubate these colonies in one plate after every colony has been marked.<br/> |
| + | |
| <strong>Method</strong><br /> | | <strong>Method</strong><br /> |
| 1. Prepare the sample reaction as indicated below:<br /> | | 1. Prepare the sample reaction as indicated below:<br /> |
| Total: 25μl <br /> | | Total: 25μl <br /> |
- | + 0.25 μl of Ex Taq polymerase (company:Takara)<br />
| + | + 0.25 μl of Ex Taq polymerase (company:Takara)<br /> |
- | + 2.5 μl of 10× Taq reaction buffer<br />
| + | + 2.5 μl of 10× Taq reaction buffer<br /> |
- | + 1.0 μl of R-NPS-F <br />
| + | + 1.0 μl of R-NPS-F*<br /> |
- | + 1.0 μl of G-SXA-R<br />
| + | + 1.0 μl of G-SXA-R*<br /> |
- | + 1.0 μl of plasmid mutant-psb1a3<br />
| + | + 1.0 μl of plasmid mutant-pSB1A3<br /> |
- | + 2.0 μl of dNTP( 25mM ) <br />
| + | + 2.0 μl of dNTP( 25mM ) <br /> |
- | + 17.25 μl of ddH2O <br />
| + | + 17.25 μl of ddH2O <br /> |
- | 2. Procedures on the thermocycler are listed below:<br />
| + | Note: The sequences of primers R-NPS-F , G-SXA-R <br /> |
- | ① 94˚C for 5 min<br />
| + | R-NPS-F 5'-TATAGCGGCCGCCTTAAGTAAGTAAGAGTATACG-3' <br /> |
- | ② 30 cycle<br />
| + | G-SXA-R 5'-TCTCCGACTTAAGGGATCCTATAAACGCAG-3'<br /> |
- | a. 94˚C for 1 min<br />
| + | |
- | b. 55˚C for 1 min<br />
| + | 2. Set parameters for PCR to amplify desired products.
|
- | c. 72˚C for 1 min20sec<br />
| + | |
- | ③ 4℃ for 7 hours <br />
| + | <table> |
- | 3. Electrophorese the total system and observe the lane separation. </P> | + | <tr> |
- | <br> | + | <td>Temperature</td> <td>Time</td> <td>Cycle</td> |
- | <a name="Culture"></a></font> | + | </tr> |
| + | <tr> |
| + | <td>94˚C</td> <td>5min</td> <td>1</td> |
| + | </tr> |
| + | <tr> |
| + | <td>94˚C</td> <td>1min</td> <td>30</td> |
| + | </tr> |
| + | <tr> |
| + | <td>55˚C</td> <td>1min</td> <td>30</td> |
| + | </tr> |
| + | <tr> |
| + | <td>72˚C</td> <td>1min 20sec</td> <td>30</td> |
| + | </tr> |
| + | <tr> |
| + | <td>4˚C</td> <td>7hrs</td> <td>1</td> |
| + | </tr> |
| + | </table> |
| + | |
| + | 3. Electrophorese the total system and observe the lane separation. |
| + | </p> |
| + | <br/> |
| + | |
| + | <p> |
| + | <a name="Culture"></a> |
| + | |
| <h3><font color="#0000FF" face="Arial, Helvetica"><b>Cultivate the Bacteria</b></font></h3> | | <h3><font color="#0000FF" face="Arial, Helvetica"><b>Cultivate the Bacteria</b></font></h3> |
- | <font face="Arial, Helvetica"><p>According to the results of the PCR detection, positive colonies are chosen and transferred them to 5ml LB liquid media ( 5μl of ampicillin added) stored in 12.5ml centrifuge tubes. Put the centrifuge tubes in 37℃ gas bath overnight. </p> | + | According to the results of the PCR detection, positive colonies are chosen and transferred them to 5ml LB liquid media ( 5μl of ampicillin added) stored in 12.5ml centrifuge tubes. Put the centrifuge tubes in 37℃ gas bath overnight. |
- | <br>
| + | </p> |
| + | <br/> |
| + | |
| + | <p> |
| <a name="Plasmid"></a> | | <a name="Plasmid"></a> |
- | <h3><b>Plasmid DNA Isolation</b></h3>
| + | <h3><font color="#0000FF" face="Arial, Helvetica"><b>Plasmid DNA Isolation</b></font></h3> |
- | <p>Use E.Z.N.A.TM Plasmid Mini I to realize plasmid DNA isolation.<br /> | + | Use E.Z.N.A.TM Plasmid Mini I to realize plasmid DNA isolation.<br /> |
- | <strong>Method</strong></p> | + | <strong>Method</strong><br/> |
- | <ul> | + | |
- | <ul> | + | <ol> |
- | <li>Transfer 5 ml of overnight culture into a 1.5-ml eppendorf tube labeled with group number. </li> | + | <li>Transfer 5 ml of overnight culture into a 1.5-ml eppendorf tube labeled with group number. </li> |
| <li>Centrifuge the sample at max. speed of desk top centrifuge and RT for 1min to pellet the cells.</li> | | <li>Centrifuge the sample at max. speed of desk top centrifuge and RT for 1min to pellet the cells.</li> |
| <li>Discard the supernatant. Remove as much of the supernatant as possible without disturbing the cell pellet. </li> | | <li>Discard the supernatant. Remove as much of the supernatant as possible without disturbing the cell pellet. </li> |
Line 194: |
Line 697: |
| <li>Apply the supernatants from step 8 to the columns. </li> | | <li>Apply the supernatants from step 8 to the columns. </li> |
| <li>Centrifuge at maximum speed for 1 min at RT. Discard the flow-through in the collection tube. </li> | | <li>Centrifuge at maximum speed for 1 min at RT. Discard the flow-through in the collection tube. </li> |
- | <li>Add 500 ml of Buffer HB to wash the Hibind Miniprep Column. Centrifuge at maximum speed for 1 min at RT. Discard the flow-through in the collection tube. </li> | + | <li>Add 500 ml of Buffer HB to wash the Hibind Miniprep Column. Centrifuge at maximum speed for 1 min at RT. Discard the flow-through in the collection tube. </li> |
| <li>Wash the column by adding 700 ml of DNA Wash Buffer diluted with absolute ethanol. Centrifuge at maximum speed for 1 min at room temperature and discard the flow-through.</li> | | <li>Wash the column by adding 700 ml of DNA Wash Buffer diluted with absolute ethanol. Centrifuge at maximum speed for 1 min at room temperature and discard the flow-through.</li> |
| <li>Then centrifuge the tubes again for 2 min to remove all the moisture.</li> | | <li>Then centrifuge the tubes again for 2 min to remove all the moisture.</li> |
| <li>Place the column in a clean 1.5 ml eppendorf tube that is labeled with the plasmid name and group number. To elute the DNA, add 50 ml of Elution Buffer to the center of each column. Let the samples stand for 2 or more minutes at RT, and then centrifuge for 1 min. The sample in the centrifuge tube (bottom) is your plasmid DNA. </li> | | <li>Place the column in a clean 1.5 ml eppendorf tube that is labeled with the plasmid name and group number. To elute the DNA, add 50 ml of Elution Buffer to the center of each column. Let the samples stand for 2 or more minutes at RT, and then centrifuge for 1 min. The sample in the centrifuge tube (bottom) is your plasmid DNA. </li> |
- | <li>Discard the column and save the sample in the eppendorf tube by placing it in the freezer (-20°C). </li> | + | <li>Discard the column and save the sample in the eppendorf tube by placing it in the freezer (-20°C). </li> |
- | </ul></ul> | + | </ol> |
- | <a name="#Restriction_2" ></a> </font> | + | </p> |
| + | |
| + | <p> |
| + | <a name="#Restriction_2" ></a> |
| <h3><font face="Arial, Helvetica"><b><font color="#0000FF">Restriction Enzyme Digestion and Electrophoresis</font></b></font></h3> | | <h3><font face="Arial, Helvetica"><b><font color="#0000FF">Restriction Enzyme Digestion and Electrophoresis</font></b></font></h3> |
- | <font face="Arial, Helvetica"> | + | |
- | <p>Because the colony PCR test is so sensitive and affect markedly by environment factors. So we do a restriction enzyme digestion to ensure that the isolated plasmid is the site-directed mutated plasmid.<br />
| + | Because the colony PCR test is so sensitive and affect markedly by environment factors. So we do a restriction enzyme digestion to ensure that the isolated plasmid is the site-directed mutated plasmid.<br /> |
| <strong>Method</strong><br /> | | <strong>Method</strong><br /> |
- | 1. Prepare the control reaction as indicated below:<br /> | + | 1. Prepare the control reaction as indicated below:<br /> |
| Total: 10μl<br /> | | Total: 10μl<br /> |
- | + 0.5μl of Pst I restriction enzyme(company :Takara)<br />
| + | + 0.5μl of Pst I restriction enzyme(company :Takara)<br /> |
- | + 1μl of 10XH buffer<br />
| + | + 1μl of 10XH buffer<br /> |
- | + 1μl of plasmid DNA<br />
| + | + 1μl of plasmid DNA<br /> |
- | + 7.5μl of ddH2O <br />
| + | + 7.5μl of ddH2O <br /> |
- | 2. Prepare the sample reaction as indicated below:<br /> | + | 2. Prepare the sample reaction as indicated below:<br /> |
| Total: 10μl<br /> | | Total: 10μl<br /> |
- | + 0.5μl of Afl II restriction enzyme, (company :Takara)<br />
| + | + 0.5μl of Afl II restriction enzyme, (company :Takara)<br /> |
- | + 1μl of 10XM buffer<br />
| + | + 1μl of 10XM buffer<br /> |
- | + 1μl of plasmid DNA<br />
| + | + 1μl of plasmid DNA<br /> |
- | + 1.0μl of 0.01% BSA<br />
| + | + 1.0μl of 0.01% BSA<br /> |
- | + 6.5μl of ddH2O <br />
| + | + 6.5μl of ddH2O <br /> |
- | 3. Electrophorese the total system and observe the lane separation.</p> | + | 3. Electrophorese the total system and observe the lane separation. |
- | <br> | + | </p> |
- | <a name="Amplify"></a> </font> | + | <br/> |
- | <h3><font face="Arial, Helvetica"><b><font color="#0000FF">Polymerase Chain Reaction(GFP & RFP) and electrophoresis</font></b></font></h3> | + | |
- | <font face="Arial, Helvetica"> | + | <p> |
- | <p>GFP and RFP DNA fragments are the insert which need to be ligate to the plasmid mutant-psb1a3. Do a PCR amplification can get enough quantities for the following reactions.<br /> | + | <a name="Amplify"></a> |
| + | <h3><font face="Arial, Helvetica"><b><font color="#0000FF">Polymerase Chain Reaction(GFP & RFP) and Electrophoresis</font></b></font></h3> |
| + | |
| + | GFP and RFP DNA fragments are the insert which need to be ligate to the plasmid mutant-pSB1A3. Do a PCR amplification can get enough quantities for the following reactions.<br /> |
| <strong>Method </strong><br /> | | <strong>Method </strong><br /> |
| 1.Prepare the sample reaction as indicated below:<br /> | | 1.Prepare the sample reaction as indicated below:<br /> |
- | Total: 100μl ( PCR <a name="OLE_LINK37" id="OLE_LINK37"></a><a name="OLE_LINK36" id="OLE_LINK36">amplification</a> of GFP fragments) <br /> | + | Total: 100μl ( PCR amplification of GFP fragments) <br /> |
- | + 1.0μl of Taq DNA polymerase,#EP0402<br />
| + | + 1.0μl of Taq DNA polymerase,#EP0402<br /> |
- | + 10μl of 10XTaq buffer <br />
| + | + 10μl of 10XTaq buffer <br /> |
- | + 10μl of MgCl2(25mM)<br />
| + | + 10μl of MgCl2(25mM)<br /> |
- | + 10μl of dNTP(2mM)<br />
| + | + 10μl of dNTP(2mM)<br /> |
- | + 2μl of G-SXA-R <br />
| + | + 2μl of G-SXA-R* <br /> |
- | + 2μl of G-SXA-F<br />
| + | + 2μl of G-SXA-F*<br /> |
- | + 4μl of DNA template<br />
| + | + 4μl of DNA template<br /> |
- | + 61μl of ddH2O <br />
| + | + 61μl of ddH2O <br /> |
| Total: 100μl(PCR amplification of RFP fragments) <br /> | | Total: 100μl(PCR amplification of RFP fragments) <br /> |
- | + 1.0μl of Taq DNA polymerase, EP0402<br />
| + | + 1.0μl of Taq DNA polymerase, EP0402<br /> |
- | + 10μl of 10XTaq buffer <br />
| + | + 10μl of 10XTaq buffer <br /> |
- | + 10μl of MgCl2(25mM)<br />
| + | + 10μl of MgCl2(25mM)<br /> |
- | + 10μl of dNTP(2mM)<br />
| + | + 10μl of dNTP(2mM)<br /> |
- | + 2μl of R-NPS-R <br />
| + | + 2μl of R-NPS-R* <br /> |
- | + 2μl of R-NPS-F<br />
| + | + 2μl of R-NPS-F*<br /> |
- | + 4μl of DNA template<br />
| + | + 4μl of DNA template<br /> |
- | + 61μl of ddH2O <br />
| + | + 61μl of ddH2O <br /> |
- | Note: Here listed the sequences of primers.<br /> | + | |
- | R-NPS-F 5'-TATAGCGGCCGCCTTAAGTAAGTAAGAGTATACG-3' <br /> | + | Note: The sequences of primers R-NPS-F , R-NPS-R , G-SXA-F ,G-SXA-R <br /> |
- | R-NPS-R 5'-CGGAGACTAGTCTGCAGATCACATAAGTAAAGTGATAATC-3' <br /> | + | R-NPS-F 5'-TATAGCGGCCGCCTTAAGTAAGTAAGAGTATACG-3' <br /> |
- | G-SXA-F 5'-CTAGACTAGTTCTAGAGGCGGACTCACTATAGA-3' <br /> | + | R-NPS-R 5'-CGGAGACTAGTCTGCAGATCACATAAGTAAAGTGATAATC-3' <br /> |
- | G-SXA-R 5'-CCGACTTAAGGGATCCTATAAACGCAG-3'<br /> | + | G-SXA-F 5'-CTAGACTAGTTCTAGAGGCGGACTCACTATAGA-3' <br /> |
- | 2.Procedures on the thermocycler are listed below:<br />
| + | G-SXA-R 5'-TCTCCGACTTAAGGGATCCTATAAACGCAG-3'<br /> |
- | ① 94˚C for 5 min<br />
| + | |
- | ② 30 cycle<br />
| + | 2. Set parameters for PCR to amplify desired products.
<br/> |
- | a. 94˚C for 1 min<br />
| + | |
- | b. 55˚C for 1 min<br />
| + | <table> |
- | c. 72˚C for 1 min20sec<br />
| + | <tr> |
- | ③ 4℃ for 7 hours </p>
| + | <td>Temperature</td> <td>Time</td> <td>Cycle</td> |
- | </font>
| + | </tr> |
- | <ul>
| + | <tr> |
- | <li>Use DNA Gel Extraction Kit to purify the GFP and RFP DNA fragments after the Electrophoresis.</li>
| + | <td>94˚C</td> <td>5min</td> <td>1</td> |
- | </ul>
| + | </tr> |
- | <p align="left"><strong>Figure</strong></p> | + | <tr> |
- | <p><font face="Arial, Helvetica"><img src="https://static.igem.org/mediawiki/2012/7/72/111.png" alt="" class="img_fl img_border" /> </font></p><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br>
| + | <td>94˚C</td> <td>1min</td> <td>30</td> |
- | <p>(figure 2 : This figure shows that The PCR reaction system can amplify large quantities of GFP and RFP DNA fragments. The digestion based on the GFP and RFP DNA fragments can be done to prepare for the ligation. Lane 1 represents the template E.coli 817 can amplify the GFP and RFP DNA fragments , lane 2 represents the template E.coli 817(355.5) can also amplify the GFP and RFP DNA fragments.) <font face="Arial, Helvetica"><br> | + | </tr> |
| + | <tr> |
| + | <td>55˚C</td> <td>1min</td> <td>30</td> |
| + | </tr> |
| + | <tr> |
| + | <td>72˚C</td> <td>1min 20sec</td> <td>30</td> |
| + | </tr> |
| + | <tr> |
| + | <td>4˚C</td> <td>7hrs</td> <td>1</td> |
| + | </tr> |
| + | </table> |
| + | |
| + | |
| + | 3. Use DNA Gel Extraction Kit to purify the GFP and RFP DNA fragments after the Electrophoresis. |
| + | |
| + | <font face="Arial, Helvetica"><img src="https://static.igem.org/mediawiki/2012/7/72/111.png" alt="" class="img_fl img_border" align="left"/> </font> |
| + | <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> |
| + | (Figure 2 : This figure shows that The PCR reaction system can amplify large quantities of GFP and RFP DNA fragments. The digestion based on the GFP and RFP DNA fragments can be done to prepare for the ligation. Lane 1 represents the template E.coli 817 can amplify the GFP and RFP DNA fragments , lane 2 represents the template E.coli 817(355.5) can also amplify the GFP and RFP DNA fragments.)<br/><br/> |
| + | </p> |
| + | <br/> |
| + | |
| + | <p> |
| + | <font face="Arial, Helvetica"><br/> |
| <a name="Restriction_Enzyme"></a> | | <a name="Restriction_Enzyme"></a> |
- | </font></p> | + | </font> |
- | <font face="Arial, Helvetica"> </font> | + | |
| <h3><font face="Arial, Helvetica"><b><font color="#0000FF">Double Restriction Enzyme Digestion and Electrophoresis.</font></b></font></h3> | | <h3><font face="Arial, Helvetica"><b><font color="#0000FF">Double Restriction Enzyme Digestion and Electrophoresis.</font></b></font></h3> |
| <font face="Arial, Helvetica"> | | <font face="Arial, Helvetica"> |
- | <p>Use specific restriction enzymes to digest plasmid mutant-psb1a3,GFP and RFP to get sticky ends and purify the DNA fragment after the Electrophoresis.<br /> | + | Use specific restriction enzymes to digest plasmid mutant-pSB1A3,GFP and RFP to get sticky ends and purify the DNA fragment after the Electrophoresis.<br /> |
- | <strong>Method:</strong></p>
| + | <strong>Method:</strong><br/> |
| </font> | | </font> |
- | <ul> | + | |
- | <li> Digestion of plasmid mutant-psb1a3 </li>
| + | 1. Digestion of plasmid mutant-pSB1A3 <br/> |
- | </ul> | + | Prepare the sample reaction as indicated below:<br /> |
- | <p>Prepare the sample reaction as indicated below:<br />
| + | |
| Total: 50μl <br /> | | Total: 50μl <br /> |
| + 3.0μl of Not I restriction enzyme, #ER0591<br /> | | + 3.0μl of Not I restriction enzyme, #ER0591<br /> |
| + 3.0μl of Afl II restriction enzyme, #ER0831<br /> | | + 3.0μl of Afl II restriction enzyme, #ER0831<br /> |
| + 5.0μl of 10X buffer O <br /> | | + 5.0μl of 10X buffer O <br /> |
- | + 1.0μl of mutant-psb1a3 plasmid <br /> | + | + 1.0μl of mutant-pSB1A3 plasmid <br /> |
| + 37.0μl of ddH2O<br /> | | + 37.0μl of ddH2O<br /> |
- | 2. Digestion of PCR product GFP<br /> | + | |
| + | 2. Digestion of PCR product GFP<br /> |
| Prepare the sample reaction as indicated below:<br /> | | Prepare the sample reaction as indicated below:<br /> |
| Total: 50μl <br /> | | Total: 50μl <br /> |
Line 289: |
Line 820: |
| + 10μl of PCR products GFP<br /> | | + 10μl of PCR products GFP<br /> |
| + 29μl of ddH2O<br /> | | + 29μl of ddH2O<br /> |
- | 3. Digestion of PCR product RFP<br /> | + | |
| + | 3. Digestion of PCR product RFP<br /> |
| Prepare the sample reaction as indicated below:<br /> | | Prepare the sample reaction as indicated below:<br /> |
| Total: 50μl <br /> | | Total: 50μl <br /> |
Line 297: |
Line 829: |
| + 10μl of PCR products RFP<br /> | | + 10μl of PCR products RFP<br /> |
| + 29μl of ddH2O<br /> | | + 29μl of ddH2O<br /> |
- | 4. Put the tubes in 37℃ environment for 4-8 hours <br /> | + | |
- | 5. Use DNA Gel Extraction Kit to purify the mutant-psb1a3 fragment, GFP and RFP after digestion and named them by mutant-psb1a3 (NA) ,GFP(NS) and RFP(AS) after the Electrophoresis.</p> | + | 4. Put the tubes in 37℃ environment for 4-8 hours <br /> |
- | <font face="Arial, Helvetica"><br> | + | |
| + | 5. Use DNA Gel Extraction Kit to purify the mutant-pSB1A3 fragment, GFP and RFP after digestion and named them by mutant-pSB1A3 (NA) ,GFP(NS) and RFP(AS) after the Electrophoresis. |
| + | </p> |
| + | <br/> |
| + | |
| + | <p> |
| + | <font face="Arial, Helvetica"> |
| <a name="Ligayion"></a> </font> | | <a name="Ligayion"></a> </font> |
| <h3><font face="Arial, Helvetica"><b><font color="#0000FF">Ligation</font></b></font></h3> | | <h3><font face="Arial, Helvetica"><b><font color="#0000FF">Ligation</font></b></font></h3> |
- | <font face="Arial, Helvetica"> | + | |
- | <p>Ligation is the process that target DNA gene is inserted into a plasmid. Both the vector and insert are prepared to have the sticky ends. These two kinds of DNA pieces are placed in a reaction tube and the proper DNA ligase, buffer, and cofactors are added for the reaction to take place. When done properly, the ligation will result in a successful combination of the insert and plasmid into one plasmid.Based on the digestion of mutant-psb1a3,GFP and RFP DNA fragments,also ligation can be done. We ligate mutant-psb1a3 vector and sticky GFP and RFP DNA fragments to construct an new plasmid mutant-psb1a3-GR. <br /> | + | Ligation is the process that target DNA gene is inserted into a plasmid. Both the vector and insert are prepared to have the sticky ends. These two kinds of DNA pieces are placed in a reaction tube and the proper DNA ligase, buffer, and cofactors are added for the reaction to take place. When done properly, the ligation will result in a successful combination of the insert and plasmid into one plasmid.Based on the digestion of mutant-pSB1A3,GFP and RFP DNA fragments,also ligation can be done. We ligate mutant-pSB1A3 vector and sticky GFP and RFP DNA fragments to construct an new plasmid mutant-pSB1A3-GR. <br /> |
- | 1. Prepare the control reaction as indicated below:<br /> | + | |
| + | 1. Prepare the control reaction as indicated below:<br /> |
| Total: 10μl <br /> | | Total: 10μl <br /> |
- | + 1.0μl of plasmid mutant-psb1a3 (NA) <br /> | + | + 1.0μl of plasmid mutant-pSB1A3 (NA) <br /> |
| + 3.0μl of GFP(NS) <br /> | | + 3.0μl of GFP(NS) <br /> |
| + 3.0μl of RFP(AS) <br /> | | + 3.0μl of RFP(AS) <br /> |
Line 312: |
Line 851: |
| + 1.0μl of 10XT4 Ligase buffer<br /> | | + 1.0μl of 10XT4 Ligase buffer<br /> |
| Note: GFP(NS) means the product of GFP DNA fragments digested by restriction enzyme Not I and Spe I. <br /> | | Note: GFP(NS) means the product of GFP DNA fragments digested by restriction enzyme Not I and Spe I. <br /> |
- | 2. Prepare the sample reaction as indicated below:<br /> | + | 2. Prepare the sample reaction as indicated below:<br /> |
| Total: 10μl <br /> | | Total: 10μl <br /> |
- | + 1.0μl of plasmid mutant-psb1a3 (NA) <br /> | + | + 1.0μl of plasmid mutant-pSB1A3 (NA) <br /> |
- | + 2.0μl of T4 DNA Ligase, #EL0011 <br /> | + | + 2.0μl of T4 DNA Ligase, #EL0011 <br /> |
| + 1.0μl of 10XT4 Ligase buffer<br /> | | + 1.0μl of 10XT4 Ligase buffer<br /> |
| + 6.0μl of ddH2O<br /> | | + 6.0μl of ddH2O<br /> |
- | 3. Put the tubes in 22℃ water bath, react for 8-12 hours. <br> | + | 3. Put the tubes in 22℃ water bath, react for 8-12 hours. |
- | <a name="Bacterial_Transformation"></a> </font> | + | </p> <br/> |
| + | |
| + | <p> |
| + | <a name="Bacterial_Transformation"></a> |
| <h3><font face="Arial, Helvetica"><b><font color="#0000FF">Bacterial Transformation</font></b></font></h3> | | <h3><font face="Arial, Helvetica"><b><font color="#0000FF">Bacterial Transformation</font></b></font></h3> |
| <font face="Arial, Helvetica"> | | <font face="Arial, Helvetica"> |
- | <p>Transform the ligation products into the DH-5α competent cells, put the plate on 37℃ gas bath for 12-16 hours. </p> | + | Transform the ligation products into the DH-5α competent cells, put the plate on 37℃ gas bath for 12-16 hours. |
- | <br> | + | </p> |
| + | <br/> |
| + | |
| + | <p> |
| <a name="Bacterial_Colony"></a> </font> | | <a name="Bacterial_Colony"></a> </font> |
| <h3><font face="Arial, Helvetica"><b><font color="#0000FF">Bacterial Colony PCR</font></b> </font></h3> | | <h3><font face="Arial, Helvetica"><b><font color="#0000FF">Bacterial Colony PCR</font></b> </font></h3> |
- | <font face="Arial, Helvetica"> | + | |
- | <p>Colony PCR is used to identify and select cell colonies that have the correct plasmid insert. This procedure is a way to do several PCR operations on cell colonies in parallel, to evaluate the results and select the corresponding good cell colonies. After an overnight growth of E.coli, we can pick up some colonies from the plate and do a colony PCR verification. Besides, the colonies we choose and should also be stored, we can incubate these colonies in one plate after every colony has been marked.<br /> | + | Colony PCR is used to identify and select cell colonies that have the correct plasmid insert. This procedure is a way to do several PCR operations on cell colonies in parallel, to evaluate the results and select the corresponding good cell colonies. After an overnight growth of E.coli, we can pick up some colonies from the plate and do a colony PCR verification. Besides, the colonies we choose and should also be stored, we can incubate these colonies in one plate after every colony has been marked.<br /> |
| <strong>Method</strong><br /> | | <strong>Method</strong><br /> |
| 1. Prepare the sample reaction as indicated below:<br /> | | 1. Prepare the sample reaction as indicated below:<br /> |
| Total: 20μl <br /> | | Total: 20μl <br /> |
- | + 0.25 μl of Ex Taq polymerase,#EP0402 <br />
| + | + 0.25 μl of Ex Taq polymerase,#EP0402 <br /> |
- | + 2.0 μl of 10× Taq reaction buffer<br />
| + | + 2.0 μl of 10× Taq reaction buffer<br /> |
- | + 1.0 μl of R-NPS-F <br />
| + | + 1.0 μl of R-NPS-F* <br /> |
- | + 1.0 μl of G-SXA-R<br />
| + | + 1.0 μl of G-SXA-R*<br /> |
- | + 5.0 μl of bacterial colony<br />
| + | + 5.0 μl of bacterial colony<br /> |
- | + 2.0 μl of dNTP( 25mM ) <br />
| + | + 2.0 μl of dNTP( 25mM ) <br /> |
- | + 8.75 μl of ddH2O <br />
| + | + 8.75 μl of ddH2O <br /> |
- | Note: Here listed the sequence of primers.<br /> | + | Note: The sequences of primers R-NPS-F , R-NPS-R , G-SXA-F ,G-SXA-R <br /> |
- | R-NPS-F 5'-TATAGCGGCCGCCTTAAGTAAGTAAGAGTATACG-3' <br />
| + | R-NPS-F 5'-TATAGCGGCCGCCTTAAGTAAGTAAGAGTATACG-3' <br /> |
- | R-NPS-R 5'-CGGAGACTAGTCTGCAGATCACATAAGTAAAGTGATAATC-3' <br /> | + | R-NPS-R 5'-CGGAGACTAGTCTGCAGATCACATAAGTAAAGTGATAATC-3' <br /> |
- | G-SXA-F 5'-CTAGACTAGTTCTAGAGGCGGACTCACTATAGA-3' <br /> | + | G-SXA-F 5'-CTAGACTAGTTCTAGAGGCGGACTCACTATAGA-3' <br /> |
- | G-SXA-R 5'-CCGACTTAAGGGATCCTATAAACGCAG-3'<br /> | + | G-SXA-R 5'-TCTCCGACTTAAGGGATCCTATAAACGCAG-3'<br /> |
- | 2. Procedures on the thermocycler are listed below:<br /> | + | |
- | ① 94˚C for 5 min<br />
| + | 2. Set parameters for PCR to amplify desired products.
<br/> |
- | ② 30 cycle<br />
| + | <table> |
- | a. 94˚C for 1 min<br />
| + | <tr> |
- | b. 55˚C for 1 min<br />
| + | <td>Temperature</td> <td>Time</td> <td>Cycle</td> |
- | c. 72˚C for 1 min20sec<br />
| + | </tr> |
- | ③ 4℃ for 7 hours </p>
| + | <tr> |
- | </font>
| + | <td>94˚C</td> <td>13.5min</td> <td>1</td> |
- | <ul>
| + | </tr> |
- | <li> Electrophorese the total system and observe the lane separation. </li>
| + | <tr> |
- | </ul>
| + | <td>94˚C</td> <td>1min</td> <td>30</td> |
- | <p><strong>Figure</strong></p>
| + | </tr> |
- | <p> <img src="https://static.igem.org/mediawiki/2012/0/07/1111.png" alt="" class="img_fl img_border" /> </p><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br> | + | <tr> |
- | <p>(figure 3;the lane on the figure are 2k fragments, it shows the GFP and RFP are ligated to the vectors which was isolated from the bacterial colonies.) </p> | + | <td>55˚C</td> <td>1min</td> <td>30</td> |
- | <p><font face="Arial, Helvetica"><br> | + | </tr> |
| + | <tr> |
| + | <td>72˚C</td> <td>1min 20sec</td> <td>30</td> |
| + | </tr> |
| + | <tr> |
| + | <td>4˚C</td> <td>7hrs</td> <td>1</td> |
| + | </tr> |
| + | </table> |
| + | |
| + | 3. Electrophorese the total system and observe the lane separation. <br/> |
| + | |
| + | <img src="https://static.igem.org/mediawiki/2012/0/07/1111.png" alt="" class="img_fl img_border" align="left"/> |
| + | <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> |
| + | (Figure 3: The lane on the figure are 2k DNA fragments, it shows the GFP and RFP DNA fragments are ligated to the vectors which were isolated from the bacterial colonies.) |
| + | </p> |
| + | <br/> |
| + | |
| + | <p> |
| + | <font face="Arial, Helvetica"> |
| <a name="Culture_the"></a> | | <a name="Culture_the"></a> |
- | </font></p>
| |
- | <font face="Arial, Helvetica">
| |
| </font> | | </font> |
| <h3><font color="#0000FF" face="Arial, Helvetica"><b>Cultivate the Bacteria</b></font></h3> | | <h3><font color="#0000FF" face="Arial, Helvetica"><b>Cultivate the Bacteria</b></font></h3> |
- | <font face="Arial, Helvetica"><p>According to the results of the PCR detection, we choose positive colonies and transfer them to 5ml LB liquid media ( 5μl of ampicillin has added) stored in 12.5ml centrifuge tubes. Put the centrifuge tubes in 37℃ gas bath overnight. </p> | + | According to the results of the PCR detection, we choose positive colonies and transfer them to 5ml LB liquid media ( 5μl of ampicillin has added) stored in 12.5ml centrifuge tubes. Put the centrifuge tubes in 37℃ gas bath overnight. |
- | <p><font face="Arial, Helvetica"><a name="Plasmid_DNA"></a> </font></p>
| + | </p> |
- | <font face="Arial, Helvetica"> </font> </font>
| + | <br/> |
| + | |
| + | <p> |
| + | <font face="Arial, Helvetica"><a name="Plasmid_DNA"></a> </font> |
| <h3><font color="#0000FF" face="Arial, Helvetica"><b>Plasmid DNA Isolation</b></font></h3> | | <h3><font color="#0000FF" face="Arial, Helvetica"><b>Plasmid DNA Isolation</b></font></h3> |
- | <p><font face="Arial, Helvetica">Use E.Z.N.A.TM Plasmid Mini I to isolate the constructed plasmid mutant-psb1a3-GR. </font></p> | + | <font face="Arial, Helvetica">Use E.Z.N.A.TM Plasmid Mini I to isolate the constructed plasmid mutant-pSB1A3-GR. </font> |
- | <p><font face="Arial, Helvetica"><a name="Restriction_Enzyme" ></a> </font></p>
| + | </p> |
| + | <br/> |
| + | |
| + | <p> |
| + | <font face="Arial, Helvetica"><a name="Restriction_Enzyme" ></a> </font> |
| <font face="Arial, Helvetica"> </font> | | <font face="Arial, Helvetica"> </font> |
| <h3><font color="#0000FF" face="Arial, Helvetica"><b>Restriction Enzyme Digestion and Electrophoresis</b></font></h3> | | <h3><font color="#0000FF" face="Arial, Helvetica"><b>Restriction Enzyme Digestion and Electrophoresis</b></font></h3> |
- | <p>From the last step, we got the certain quantities of isolated plasmids. In this step, we do two restriction enzyme digestion reactions, one to prove that the plasmid is construct correctly ( mutant-psb1a3-GR ), one to get sticky ends preparing for the ligation.<br /> | + | From the last step, we got the certain quantities of isolated plasmids. In this step, we do two restriction enzyme digestion reactions, one to prove that the plasmid is construct correctly ( mutant-pSB1A3-GR ), one to get sticky ends preparing for the ligation.<br /> |
- | <strong>Method</strong></p> | + | <strong>Method</strong> |
- | <ul> | + | 1.Restriction Enzyme Digestion to prove that plasmid is constructed correctly |
- | <li><strong>Restriction Enzyme Digestion to prove that plasmid is constructed correctly</strong></li>
| + | |
- | </ul> | + | 1.1. Prepare the sample reaction as indicated below:<br /> |
- | <p align="left">a. Prepare the sample reaction as indicated below:<br /> | + | |
| Total: 10μl<br /> | | Total: 10μl<br /> |
| + 1.0μl of Not I restriction enzyme,#ER0591<br /> | | + 1.0μl of Not I restriction enzyme,#ER0591<br /> |
- | + 1.0μl of Spe I restriction enzyme,#ER1251 <br /> | + | + 1.0μl of Spe I restriction enzyme,#ER1251 <br /> |
| + 2.0μl of Buffer Tango( 10X )<br /> | | + 2.0μl of Buffer Tango( 10X )<br /> |
- | + 1.5μl of plasmid mutant-psb1a3-GR<br /> | + | + 1.5μl of plasmid mutant-pSB1A3-GR<br /> |
| + 14.5μl of ddH2O <br /> | | + 14.5μl of ddH2O <br /> |
- | b. Electrophorese the total system and observe the lane separation. </p> | + | 1.2. Electrophorese the total system and observe the lane separation. <br/> |
- | <ul> | + | |
- | <li><strong>Restriction Enzyme Digestion to get sticky ends preparing for the ligation.</strong></li>
| + | 2. Restriction Enzyme Digestion to get sticky ends preparing for the ligation.<br/> |
- | </ul>
| + | |
- | <p align="left">a. Prepare the sample reaction as indicated below:<br /> | + | 2.1. Prepare the sample reaction as indicated below:<br /> |
| Total: 50μl<br /> | | Total: 50μl<br /> |
| + 5.0μl of Pst I restriction enzyme, #ER0611<br /> | | + 5.0μl of Pst I restriction enzyme, #ER0611<br /> |
- | + 5.0μl of Xba I restriction enzyme, #ER0681 <br /> | + | + 5.0μl of Xba I restriction enzyme, #ER0681 <br /> |
| + 3.0μl of Buffer Tango( 10X )<br /> | | + 3.0μl of Buffer Tango( 10X )<br /> |
- | + 5.0μl of plasmid mutant-psb1a3-GR<br /> | + | + 5.0μl of plasmid mutant-pSB1A3-GR<br /> |
| + 32.0μl of ddH2O <br /> | | + 32.0μl of ddH2O <br /> |
- | b. Electrophorese the total system and observe the lane separation.<br /> | + | 2.2. Electrophorese the total system and observe the lane separation.<br /> |
- | c. Cut the gel of specific position and collect it in tubes that have measured weight. <br /> | + | 2.3. Cut the gel of specific position and collect it in tubes that have measured weight. <br /> |
- | d. Use DNA Gel Extraction Ki to purify the plasmid DNA mutant-psb1a3-GR(PX) .<br /> | + | 2.4. Use DNA Gel Extraction Ki to purify the plasmid DNA mutant-pSB1A3-GR(PX) .<br /> |
- | Note: Mutant-psb1a3-GR(PX) means plasmid Mutant-psb1a3-GR digested by Pst I and Xba I.</p> | + | Note: Mutant-pSB1A3-GR(PX) means plasmid Mutant-pSB1A3-GR digested by Pst I and Xba I. |
- | <p><strong>Figure</strong></p>
| + | |
- | <p align="left"><strong><img src="https://static.igem.org/mediawiki/2012/d/d8/11111.png" alt="" class="img_fl img_border" /></strong></p><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br>
| + | |
- | <p>(Figure 4 : The double digestion of mutant-psb1a3 forms a linear DNA fragments and it runs slower than circle DNA fragments. This suggest that the double digestion of mutant-psb1a3 works in a high efficiency, and desired sticky ends are formed.1,3,5 are plasmids digested by restriction enzyme Pst I and Xba I from different colonies, 2,5,6 are pure plasmid mutant-psb1a3-GR, 7 is the plasmid mutant-psb1a3. )</p> | + | <strong><img src="https://static.igem.org/mediawiki/2012/d/d8/11111.png" alt="" class="img_fl img_border" align="left" /></strong> |
- | <p align="left"> </p>
| + | (Figure 4 : The double digestion of mutant-pSB1A3 forms a linear DNA fragments and it runs slower than circle DNA fragments. This suggest that the double digestion of mutant-pSB1A3 works in a high efficiency, and desired sticky ends are formed.1,3,5 are plasmids digested by restriction enzyme Pst I and Xba I from different colonies, 2,5,6 are pure plasmid mutant-pSB1A3-GR, 7 is the plasmid mutant-pSB1A3. ) |
- | <p><font face="Arial, Helvetica"><a name="Ligation1" ></a> </font></p> | + | </p> |
| + | <br/> |
| + | |
| + | <p> |
| + | <font face="Arial, Helvetica"><a name="Ligation1" ></a> </font> |
| <font face="Arial, Helvetica"> </font> | | <font face="Arial, Helvetica"> </font> |
| <h3><font color="#0000FF" face="Arial, Helvetica"><b>Ligation</b></font></h3> | | <h3><font color="#0000FF" face="Arial, Helvetica"><b>Ligation</b></font></h3> |
- | <p>Ligation is the process that target DNA gene is inserted into a plasmid. Both the vector and insert are prepared to have the sticky ends. These two kinds of DNA pieces are placed in a reaction tube and the proper DNA ligase, buffer, and cofactors are added for the reaction to take place. When done properly, the ligation will result in a successful combination of the insert and plasmid into one plasmid.Based on the digestion of mutant-psb1a3-GR, terminator DNA fragments,ligation can be done. We ligate mutant-psb1a3-GR vector and sticky terminator DNA fragments to construct an new plasmid mutant-psb1a3-GR-t.By detecting the quantities of GFP and RFP, terminator efficiency can be calculated. <br /> | + | Ligation is the process that target DNA gene is inserted into a plasmid. Both the vector and insert are prepared to have the sticky ends. These two kinds of DNA pieces are placed in a reaction tube and the proper DNA ligase, buffer, and cofactors are added for the reaction to take place. When done properly, the ligation will result in a successful combination of the insert and plasmid into one plasmid.Based on the digestion of mutant-pSB1A3-GR, terminator DNA fragments,ligation can be done. We ligate mutant-pSB1A3-GR vector and sticky terminator DNA fragments to construct an new plasmid mutant-pSB1A3-GR-t.By detecting the quantities of GFP and RFP, terminator efficiency can be calculated. <br /> |
- | 1. Prepare the control reaction as indicated below:<br /> | + | 1. Prepare the control reaction as indicated below:<br /> |
| Total: 10μl <br /> | | Total: 10μl <br /> |
- | + 1.0μl of plasmid mutant-psb1a3 (NA) <br />
| + | + 1.0μl of plasmid mutant-pSB1A3 (NA) <br /> |
- | + 6.0μl of terminator<br />
| + | + 6.0μl of terminator<br /> |
- | + 2.0μl of T4 DNA Ligase , #EL0011 <br />
| + | + 2.0μl of T4 DNA Ligase , #EL0011 <br /> |
- | + 1.0μl of 10XT4 Ligase buffer<br />
| + | + 1.0μl of 10XT4 Ligase buffer<br /> |
- | 2. Put the tubes in 22℃ water bath, react for 8-12 hours. </p> | + | 2. Put the tubes in 22℃ water bath, react for 8-12 hours. |
- | <p><font face="Arial, Helvetica"><a name="Bacteria" id="Culture_the"></a> </font></p>
| + | </p> |
| + | <br/> |
| + | |
| + | <p> |
| + | <font face="Arial, Helvetica"><a name="Bacteria" id="Culture_the"></a> </font> |
| <font face="Arial, Helvetica"> </font> | | <font face="Arial, Helvetica"> </font> |
| <h3><font color="#0000FF" face="Arial, Helvetica"><b>Bacteria transformation</b></font></h3> | | <h3><font color="#0000FF" face="Arial, Helvetica"><b>Bacteria transformation</b></font></h3> |
- | <p>Transform the ligation products into the DH-5α competent cells, put the plate on 37℃ gas bath for 12-16 hours. </p> | + | Transform the ligation products into the DH-5α competent cells, put the plate on 37℃ gas bath for 12-16 hours. |
- | <p><font face="Arial, Helvetica"><a name="Cultivate"></a> </font></p>
| + | </p><br/> |
| + | |
| + | <p> |
| + | <font face="Arial, Helvetica"><a name="Cultivate"></a> </font> |
| <font face="Arial, Helvetica"> </font> | | <font face="Arial, Helvetica"> </font> |
| <h3><font color="#0000FF" face="Arial, Helvetica"><b>Cultivate the Bacteria</b></font></h3> | | <h3><font color="#0000FF" face="Arial, Helvetica"><b>Cultivate the Bacteria</b></font></h3> |
- | <p>According to the results of the PCR detection, we choose positive colonies and transfer them to 5ml LB liquid media ( 5μl of ampicillin has added) stored in 12.5ml centrifuge tubes. Put the centrifuge tubes in 37℃ gas bath overnight. </p> | + | According to the results of the PCR detection, we choose positive colonies and transfer them to 5ml LB liquid media ( 5μl of ampicillin has added) stored in 12.5ml centrifuge tubes. Put the centrifuge tubes in 37℃ gas bath overnight. |
- | <p><font face="Arial, Helvetica"><a name="Flow" ></a> </font></p> | + | </p> <br/> |
| + | |
| + | <p> |
| + | <font face="Arial, Helvetica"><a name="Flow" ></a> </font> |
| <font face="Arial, Helvetica"> </font> | | <font face="Arial, Helvetica"> </font> |
- | <h3><font color="#0000FF" face="Arial, Helvetica"><b>Flow Cytometer Analysis</b></font></h3> | + | <h3><font color="#0000FF" face="Arial, Helvetica"><b>Flow Cytometer Analysis</b></font></h3> |
- | <p> 1. NaCl solution( 0.9% )<br /> | + | Flow cytometry is a laser based, biophysical technology employed in cell counting, sorting, biomarker detection and protein engineering, by suspending cells in a stream of fluid and passing them by an electronic detection apparatus. It allows simultaneous multiparametric analysis of the physical and/or chemical characteristics of up to thousands of particles per second. <br/> |
- | 2. 75% Methanol<br />
| + | Each fluorophore has a characteristic peak excitation and emission wavelength, and the emission spectra often overlap. Consequently, the combination of labels which can be used depends on the wavelength of the lamp(s) or laser(s) used to excite the fluorochromes and on the detectors available. It is practical that the expression of RFP and GFP can be measured at the same time.<br/> |
- | B. Procedures:<br />
| + | <strong>Method:</strong><br/> |
- | 1. Transfer overnight suspension culture to 1.5ml centrifuge tubes and centrifuge at 12000RPM for 30s. Pour the supernatant and add overnight suspension culture and centrifuge again until enough bacteria has been collected. <br />
| + | 1. Materials:<br/> |
- | 2. Use NaCl solution(0.9%) to mix the bacteria and vibrate the centrifuge tubes until the bacteria distributed uniformly.<br />
| + | 1.1. NaCl solution( 0.9% ,M/V)<br/> |
- | 3. Put the centrifuge tubes into the Flow Cytometer and set parameters and run the program.</p>
| + | 1.2. 75% ethanol<br/> |
- | <p> </p>
| + | 2. Procedures:<br/> |
- | <p><font face="Arial, Helvetica"><a name="Fluorescence"></a> </font></p> | + | 2.1. Bacterium are harvested by centrifuge at 10000g for 30s, then discard the supernatant. Repeat this step again until we got adequate bacterium.<br/> |
| + | 2.2. Suspend the bacterium With NaCl solution(0.9%) and vibrate the centrifuge tubes until the bacterium are distributed homogeneous.<br/> |
| + | 2.3. Load the bacteria containing pSB1A3 to Flow Cytometer (Beckman), set the parameters. Measure the GFP-FL1 and RFP-FL2 by Cytometer. |
| + | </p> |
| + | <br/> |
| + | |
| + | <p> |
| + | <font face="Arial, Helvetica"><a name="Fluorescence"></a> </font> |
| <font face="Arial, Helvetica"> </font> | | <font face="Arial, Helvetica"> </font> |
| <h3><font color="#0000FF" face="Arial, Helvetica"><b>Fluorescence Microscope</b></font></h3> | | <h3><font color="#0000FF" face="Arial, Helvetica"><b>Fluorescence Microscope</b></font></h3> |
- | <p><strong>Method</strong><br />
| + | A fluorescence microscope is an optical microscope that uses fluorescence and phosphorescence reflection and absorption to study properties of organic or inorganic substances and generate an image.Fluorescence microscope detection are used to confirm the expression of GFP and RFP which are illuminated with light of a wavelength which excites fluorescence in the sample. |
- | Add 10μl of former bacteria solution to micro slide and cover with coverslip.Then placed it on the Fluorescence Microscope with 488nm light activating and observe the GFP and RFP. </p> | + | <br/> |
- | <div class="cleaner h40"></div>
| + | <strong>Method</strong><br /> |
| + | Add 10μl of bacteria solution to micro slide and cover with coverslip. |
| + | Placed the micro slide on the Fluorescence Microscope. Set parameters to detect GFP and RFP. <br/> |
| + | Generate an image of fluorescence protein and save it. |
| + | </p> |
| + | <br/> |
| + | |
| + | </article> |
| | | |
- |
| |
- | </div>
| |
- | <div class="col col13 no_margin_right">
| |
- |
| |
| | | |
- |
| |
- |
| |
| | | |
| + | <div class="clear"></div> |
| + | <div class="separator line"></div> |
| | | |
| + | <div class="clear"></div> |
| + | </section> |
| + | </div> |
| + | </div> |
| + | <!-- END MAIN CONTENT --> |
| | | |
- | | + | |
- | <div class="cleaner h40"></div>
| + | |
- |
| + | <!-- FOOTER --> |
- | <div class="cleaner"></div>
| + | <div id="outerfooter"> |
- | </form>
| + | <div id="footercontainer"> |
- | <div class="cleaner"></div>
| + | <footer id="footer">South University of Science and Technology of China</footer> |
- | </div>
| + | |
| </div> | | </div> |
- | <div class="cleaner"></div>
| |
| </div> | | </div> |
- | </div>
| + | <!-- END FOOTER --> |
- | <div id="templatemo_bottom">
| + | |
- | <div class="col col14">
| + | <div class="clear"></div> |
- | </div> | + | </div> <!-- end outercontainer --> |
| + | |
| + | </div> <!-- end bodychild --> |
| </body> | | </body> |
| + | |
| </html> | | </html> |