|
|
(22 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"> | + | |
| + | <!-- HEADER --> |
| + | <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 face="Arial, Helvetica"> | | <font face="Arial, Helvetica"> |
- | <h2>Lab Protocol</h2>
| + | <p><a href="#Site-Directed_Mutagenesis">1. Site-Directed Mutagenesis</a></p> |
- | <div class="cleaner h40"></div>
| + | <p><a href="#Restriction">2. Mutation Verification by Restriction Enzyme Digestion</a></p> |
- | <h3><b>Brief Process</b></h3>
| + | <p><a href="#Media">3. Media Preparation</a></p> |
- | <p><a href="#Site-Directed_Mutagenesis">1. Site-Directed Mutagenesis</a></p>
| + | <p><a href="#Bacterial">4. Bacterial Transformation</a></p> |
- | <p><a href="#Restriction">2. Restriction enzyme digestion and electrophoresis (proof)</a></p>
| + | <p><a href="#Colony">5. Colony PCR for Verification</a></p> |
- | <p><a href="#Media">3. Media Preparation</a></p>
| + | <p><a href="#Culture">6. Cultivate the Bacteria</a></p> |
- | <p><a href="#Bacterial">4. Bacterial Transformation</a></p>
| + | <p><a href="#Plasmid">7. Plasmid DNA Isolation</a></p> |
- | <p><a href="#Colony">5. Bacterial Colony PCR for verification</a></p>
| + | <p><a href="#Restriction_2">8. Mutation Verification by Restriction Enzyme Digestion </a></p> |
- | <p><a href="#Culture">6. Culture the bacteria</a></p>
| + | <p><a href="#Amplify">9. Polymerase Chain Reaction and Electrophoresis</a></p> |
- | <p><a href="#Plasmid">7. Plasmid DNA Isolation</a></p>
| + | <p><a href="#Electrophoresis">10. Double Restriction Enzyme Digestion and Electrophoresis </a></p> |
- | <p><a href="#Restriction_2">8. Restriction Enzyme Digestion and Electrophoresis(proof)</a></p>
| + | |
- | <p><a href="#Amplify">9. Amplify GFP & RFP</a></p>
| + | |
- | <p><a href="#Electrophoresis">10. Electrophoresis and Restriction Enzyme Digestion.</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 for verification</a></p> | + | <p><a href="#bacterial_colony">13. Bacterial Colony PCR</a></p> |
- | <p><a href="#Culture_the">14. Culture 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> |
- | <br> | + | <p><a href="#Ligation1">17. Ligation</a></p> |
| + | <p><a href="#Bacteria">18. Bacteria Transformation</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="#Fluorescence">21. Fluorescence Microscope </a></p> |
| + | <br/> |
| + | <h1></h1> |
| + | |
| + | <p> |
| <a name="Site-Directed_Mutagenesis" ></a> | | <a name="Site-Directed_Mutagenesis" ></a> |
- | <h3><b>Site-Directed Mutagenesis</b></h3>
| + | <h3><font face="Arial, Helvetica"><b><font color="#0000FF">Site-Directed Mutagenesis</font></b></font></h3> |
- | <p>We choose plasmid psb1a3 to be the vector that ligate GPF and RFP fragments.To protect the structural integrity of the constructed plasmid, we need to mutate a restriction enzyme cutting site named Pst I to Afl II. Proper primer are designed for this purpose.</p>
| + | |
- | <p>PtoA-F:5'-CCACCTGACGTCTAAGAAAC-3'</p>
| + | |
- | <p>PtoA-R:5'-ATGATCATCGCCGGCGAATTCAGGC-3' </p>
| + | |
- | <p>1. Prepare the sample reaction as indicated below:</p>
| + | |
- | <p>Total: 25μl</p>
| + | |
- | <p>+ 0.25 μl of Ex Taq polymerase(酶的公司名称)</p>
| + | |
- | <p>+ 2.5 μl of 10× Taq reaction buffer</p>
| + | |
- | <p>+ 2.0 μl of dNTP(2mM)</p>
| + | |
- | <p>+ 1.0 μl of template </p>
| + | |
- | <p>+ 1.0 μl of oligonucleotide primer P1</p>
| + | |
- | <p>+ 1.0 μl of oligonucleotide primer P2</p>
| + | |
- | <p>+ 18.25 μl of ddH2O</p>
| + | |
- | <p>2. Set thermocycler temperatures and the time. Procedure on the thermocycler are listed below:</p>
| + | |
- | <p>① 94˚C for 5 min</p>
| + | |
- | <p>② 30 cycle</p>
| + | |
- | <p>a. 94˚C for 1 min</p>
| + | |
- | <p>b. 55˚C for 1 min</p>
| + | |
- | <p>c. 72˚C for 1 min20sec</p>
| + | |
- | <p>③ 72˚C for 10 min</p>
| + | |
- | <p>④ 4˚C for stock</p>
| + | |
- | <br>
| + | |
- | <a name="Restriction" ></a>
| + | |
- | <h3><b>Restriction Enzyme Digestion for Verification</b></h3>
| + | |
- | <p>After the PCR mutation we have to do a restriction enzyme digestion to test whether the mutation is successful. The reaction system is as follows:</p>
| + | |
- | <p>1. Prepare the control reaction as indicated below:</p>
| + | |
- | <p>Total: 10μl</p>
| + | |
- | <p>+ 0.5μl of Pst I restriction enzyme</p>
| + | |
- | <p>+ 1μl of 10XH buffer</p>
| + | |
- | <p>+ 1μl of plasmid DNA</p>
| + | |
- | <p>+ 7.5μl of ddH2O </p>
| + | |
- | <p>2. Prepare the sample reaction as indicated below:</p>
| + | |
- | <p>Total: 25μl</p>
| + | |
- | <p>+ 0.5μl of Afl II restriction enzyme, #ER0831</p>
| + | |
- | <p>+ 1μl of 10XM buffer</p>
| + | |
- | <p>+ 1μl of plasmid DNA</p>
| + | |
- | <p>+ 1.0μl of 0.1% BSA</p>
| + | |
- | <p>+ 6.5μl of ddH2O</p>
| + | |
- | <p>After the reaction, do an electrophoresis to see the 2k bp cyclic plasmid DNA change into linear. The process is as follows:</p>
| + | |
- | <p>3. 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 repeating (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 exsistence of solid.Add 3 μl of (神马情况!!!)</p>
| + | |
- | <p>4. 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.</p>
| + | |
- | <p>5. 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,leave when 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. </p>
| + | |
- | <p>6. 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 ).</p>
| + | |
- | <br>
| + | |
- | <a name="Media"></a>
| + | |
- | <h3><b>Media Preparation</b></h3>
| + | |
- | <p>For all experiments involving the bacterial biomass and experimentation, proper media is chosen to grow the cells. Commonly,we use Lysogeny broth media for E. coli. The following is the media compositions and their quantities.</p>
| + | |
- | <p><b>Lysogeny Broth (LB) liquid media (1 L)</b></p>
| + | |
- | <p>Measure out these following: </p>
| + | |
- | <p>Bacto-Tryptone - 10 g</p>
| + | |
- | <p>NaCl - 10 g</p>
| + | |
- | <p>Yeast Extract - 5 g</p>
| + | |
- | <p>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.</p>
| + | |
- | <p><b>Lysogeny Broth (LB) solid media (1 L)</b></p>
| + | |
- | <p>Measure out these following:</p>
| + | |
- | <p>Bacto-Tryptone - 10 g</p>
| + | |
- | <p>NaCl - 10 g</p>
| + | |
- | <p>Yeast Extract - 5 g</p>
| + | |
- | <p>Difco Agar - 15g</p>
| + | |
- | <p>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.</p>
| + | |
- | <p><b>Autoclaving</b></p>
| + | |
- | <p>Autoclave at 121 °C for 45 minutes (liquid setting, 0 minutes drying time). For making plates, after the media cool enough, antibiotics Ampicillin(0.6*10^-3 volume of media ) are added. At last media are poured 15ml on each plate and become solid.</p>
| + | |
- | <br>
| + | |
- | <a name="Bacterial"></a>
| + | |
- | <h3><b>Bacterial Transformation</b></h3>
| + | |
- | <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.</p>
| + | |
- | <p>Depending on the expected transformation efficiency, there are two main types of competent cells that can be used for transformation.</p>
| + | |
- | <p>1.Chemically competent cells</p>
| + | |
- | <p>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. </p>
| + | |
- | <p>2.Electrocompetent cells</p>
| + | |
- | 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. </p>
| + | |
- | <p><b>Procedure</b></p>
| + | |
- | <p>1. Take out an appropriate number of tubes that contain competent cells(100μl ) from the -80℃ refrigerator. 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.</p>
| + | |
- | <p>2. Visually check the cells to see whether they have thawed and gently flick the cells 1-2 times to evenly resuspend the cells.</p>
| + | |
- | <p>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.</p>
| + | |
- | <p>4. Incubate the tubes on ice for 30 min.</p>
| + | |
- | <p>5. Place the tubes in a 42°C water bath for exactly 90 sec; do not shake.</p>
| + | |
- | <p>6. Place the tubes on ice for 2 min to cool down.</p>
| + | |
- | <p>7. Add 800 l of room temperature LB medium to each tube.</p>
| + | |
- | <p>8. Shake the tubes vigorously at 37°C for 45-60 min.</p>
| + | |
- | <p>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.</p>
| + | |
- | <p>10. Let the plates sit 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>
| + | |
- | <p>Make sure that all these steps should be done in super clean bench to avoid contamination.</p>
| + | |
- | <br>
| + | |
- | <a name="Colony"></a>
| + | |
- | <h3><b>Bacterial Colony PCR for verification </b></h3>
| + | |
- | <P>After the growth of E.coli, then pick up some colonies from the plate and do a colony PCR verification. (体系!!!)Do an electrophoresis to test which colony is positive. Besides, the colonies we choose should also be stored, we can incubate these colonies in one plate after every colony has been marked.</P>
| + | |
- | <br>
| + | |
- | <a name="Culture"></a>
| + | |
- | <h3><b>Culture the Bacteria</b></h3>
| + | |
- | <p>Pick up the positive colonies and throw it to 5ml LB liquid media using 12.5ml centrifuge tube. Then culture the bacteria in 37℃ overnight.</p>
| + | |
- | <br>
| + | |
- | <a name="Plasmid"></a>
| + | |
- | <h3><b>Plasmid DNA Isolation</b></h3>
| + | |
- | <a name="#Restriction_2" ></a>
| + | |
- | <h3><b>Restriction Enzyme Digestion and Electrophoresis(proof)</b></h3>
| + | |
- | <p>Because the colony PCR test is so sensitive that we still need a digestion to proof that the mutation is successful again. </p>
| + | |
- | <p>Procedure </p>
| + | |
- | <p>1. Prepare the control reaction as indicated below: </p>
| + | |
- | <p>Total: 10μl </p>
| + | |
- | <p>+ 0.5μl of Pst I restriction enzyme </p>
| + | |
- | <p>+ 1μl of 10XH buffer </p>
| + | |
- | <p>+ 1μl of plasmid DNA </p>
| + | |
- | <p>+ 7.5μl of ddH2O </p>
| + | |
- | <p>2. Prepare the sample reaction as indicated below: </p>
| + | |
- | <p>Total: 25μl </p>
| + | |
- | <p>+ 0.5μl of Afl II restriction enzyme, #ER0831 </p>
| + | |
- | <p>+ 1μl of 10XM buffer </p>
| + | |
- | <p>+ 1μl of plasmid DNA </p>
| + | |
- | <p>+ 1.0μl of 0.1% BSA </p>
| + | |
- | <p>+ 6.5μl of ddH2O </p>
| + | |
- | <p>Then do an electrophoresis. </p>
| + | |
- | <br>
| + | |
- | <a name="Amplify"></a>
| + | |
- | <h3><b>Amplify GFP & RFP</b></h3>
| + | |
- | <p>GFP and RFP is the fragments which need to be ligate to the plasmid.PCR amplification can get enough quantities for the following reactions. </p>
| + | |
- | <p>1.Prepare the sample reaction as indicated below:</p>
| + | |
- | <p>Total: 100μl ( PCR amplificationof GFP)</p>
| + | |
- | <p>+ 1.0μl of Taq DNA polymerase</p>
| + | |
- | <p>+ 10μl of 10XTaq buffer </p>
| + | |
- | <p>+ 10μl of MgCl2(25mM)</p>
| + | |
- | <p>+ 10μl of dNTP(2mM)</p>
| + | |
- | <p>+ 2μl of G-SXA-R </p>
| + | |
- | <p>+ 2μl of G-SXA-F</p>
| + | |
- | <p>+ 4μl of DNA template</p>
| + | |
- | <p>+ 61μl of ddH2O </p>
| + | |
- | <p>Total: 100μl(PCR amplification of RFP)</p>
| + | |
- | <p>+ 1.0μl of Taq DNA polymerase</p>
| + | |
- | <p>+ 10μl of 10XTaq buffer </p>
| + | |
- | <p>+ 10μl of MgCl2(25mM)</p>
| + | |
- | <p>+ 10μl of dNTP(2mM)</p>
| + | |
- | <p>+ 2μl of R-NPS-F </p>
| + | |
- | <p>+ 2μl of R-NPS-R</p>
| + | |
- | <p>+ 4μl of DNA template</p>
| + | |
- | <p>+ 61μl of ddH2O </p>
| + | |
- | <p>R-NPS-F:5'-TATAGCGGCCGCCTTAAGTAAGTAAGAGTATACG-3' </p>
| + | |
- | <p>R-NPS-R:5'-CGGAGACTAGTCTGCAGATCACATAAGTAAAGTGATAATC-3' </p>
| + | |
- | <p>G-SXA-F:5'-CTAGACTAGTTCTAGAGGCGGACTCACTATAGA-3' </p>
| + | |
- | <p>G-SXA-R:5'-CCGACTTAAGGGATCCTATAAACGCAG-3'</p>
| + | |
- | <p>2.Procedure on the thermocycler are listed below:</p>
| + | |
- | <p>① 94˚C for 5 min</p>
| + | |
- | <p>② 30 cycle</p>
| + | |
- | <p>a. 94˚C for 1 min</p>
| + | |
- | <p>b. 55˚C for 1 min</p>
| + | |
- | <p>c. 72˚C for 1 min20sec</p>
| + | |
- | <p>③ 72˚C for 10 min</p>
| + | |
- | <p>④ 12˚C for for long time</p>
| + | |
- | <p>3. Use DNA Gel Extraction Kit to purify the GFP and RFP DNA fragments after the Electrophoresis.</p>
| + | |
- | <br>
| + | |
- | <a name="Restriction_Enzyme"></a>
| + | |
- | <h3><b>Restriction Enzyme Digestion and Electrophoresis.</b></h3>
| + | |
- | <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.</p>
| + | |
- | <p>Menthod:</p>
| + | |
- | <p>1. Digestion of plasmid mutant-psb1a3,Prepare the sample reaction as indicated below:</p>
| + | |
- | <p>Total: 50μl </p>
| + | |
- | <p>+ 3.0μl of Not I restriction enzyme, #ER0591</p>
| + | |
- | <p>+ 3.0μl of Afl II restriction enzyme, #ER0831</p>
| + | |
- | <p>+ 5.0μl of 10X buffer O </p>
| + | |
- | <p>+ 1.0μl of mutant-mutant-psb1a3 plasmid</p>
| + | |
- | <p>+ 37.0μl of ddH2O</p>
| + | |
- | <p>2. Digestion of PCR product GFP, Prepare the sample reaction as indicated below:</p>
| + | |
- | <p>Total: 50μl </p>
| + | |
- | <p>+ 3.0μl of Not I restriction enzyme, #ER0591</p>
| + | |
- | <p>+ 3.0μl of Spe I restriction enzyme, #ER1251 </p>
| + | |
- | <p>+ 5μl of 10X buffer Tango</p>
| + | |
- | <p>+ 10μl of PCR products GFP</p>
| + | |
- | <p>+ 29μl of ddH2O</p>
| + | |
- | <p>3. Digestion of PCR product RFP</p>
| + | |
- | <p>Prepare the sample reaction as indicated below:</p>
| + | |
- | <p>Total: 50μl </p>
| + | |
- | <p>+ 3.0μl of Afl II restriction enzyme, #ER0831</p>
| + | |
- | <p>+ 3.0μl of Spe I restriction enzyme, #ER1251 </p>
| + | |
- | <p>+ 5μl of 10X buffer Tango</p>
| + | |
- | <p>+ 10μl of PCR products RFP</p>
| + | |
- | <p>+ 29μl of ddH2O</p>
| + | |
- | <p>4. Put the tubes in 37℃ environment for 4-8 hours</p>
| + | |
- | <p>5. Use DNA Gel Extraction Ki 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>
| + | |
- | <a name="Ligayion"></a>
| + | |
- | <h3><b>Ligation</b></h3>
| + | |
- | <p>Ligation is the process by which target DNA gene is inserted into a plasmid. Both the plasmid 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.
| + | |
- | <p><b>Procedures</b></p>
| + | |
- | <p>1. Prepare the control reaction as indicated below:</p>
| + | |
- | <p>Total: 10μl </p>
| + | |
- | <p>+ 1.0μl of plasmid mutant-psb1a3 (NA)</p>
| + | |
- | <p>+ 3.0μl of GFP(NS)</p>
| + | |
- | <p>+ 3.0μl of RFP(AS)</p>
| + | |
- | <p>+ 2.0μl of T4 DNA Ligase , 5u/μl,#EL0011 </p>
| + | |
- | <p>+ 1.0μl of 10XT4 Ligase buffer</p>
| + | |
- | <p>Prepare the sample reaction as indicated below:</p>
| + | |
- | <p>Total: 10μl </p>
| + | |
- | <p>+ 1.0μl of plasmid mutant-psb1a3 (NA)</p>
| + | |
- | <p>+ 2.0μl of T4 DNA Ligase,5u/μl </p>
| + | |
- | <p>+ 1.0μl of 10XT4 Ligase buffer</p>
| + | |
- | <p>+ 6.0μl of ddH2O</p>
| + | |
- | <p>2. Put the tubes in 16℃ environment for 8-12 hours.</p>
| + | |
- | <br>
| + | |
- | <a name="Bacterial_Transformation"></a>
| + | |
- | <h3><b>Bacterial Transformation</b></h3>
| + | |
- | <p>Transform the ligation products into the DH5α competent cell, put the plate overnight.</p>
| + | |
- | <br>
| + | |
- | <a name="Bacterial_Colony"></a>
| + | |
- | <h3><b>Bacterial Colony PCR for Verification</b> </h3>
| + | |
- | <p>After the growth of E.coli, then pick up some colonies from the plate and do a colony PCR verification. (体系!!!)Do an electrophoresis to test which colony is positive. Besides, the colonies we choose should also be stored, we can incubate these colonies in one plate after every colony has been marked.</p>
| + | |
- | <br>
| + | |
- | <a name="Culture_the"></a>
| + | |
- | <h3><b>Culture the Bacteria</b></h3>
| + | |
- | <p>Pick up the positive colonies and throw it to 5ml LB liquid media using 12.5ml centrifuge tube. Then culture the bacteria in 37℃ overnight.</p>
| + | |
| | | |
| + | 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"> |
| + | |
| + | <a name="Restriction" ></a> |
| </font> | | </font> |
| + | <h3><font face="Arial, Helvetica"><b><font color="#0000FF">Restriction Enzyme Digestion for Verification</font></b></font></h3> |
| + | 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 /> |
| | | |
- | <div class="cleaner h40"></div>
| + | <strong>Method</strong><br /> |
| + | 1. Set up Pst I digestion in 1.5 ml eppendorf tubes as described below:<br /> |
| + | Total: 10μl<br /> |
| + | + 0.5μl of Pst I restriction enzyme (company :Takara)<br /> |
| + | + 1μl of 10XH buffer<br /> |
| + | + 1μl of plasmid DNA<br /> |
| + | + 7.5μl of ddH2O <br /> |
| + | 2. Set up Afl II digestion in 1.5 ml eppendorf tubes as described below:<br /> |
| + | Total: 10μl<br /> |
| + | + 0.5μl of Afl II restriction enzyme, (company :Takara)<br /> |
| + | + 1μl of 10XM buffer<br /> |
| + | + 1μl of plasmid DNA<br /> |
| + | + 1.0μl of 0.01% BSA<br /> |
| + | + 6.5μl of ddH2O<br /> |
| + | 3. Incubate the eppendorf tubes in 37℃ water bath for 1-2 hr.
<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/> |
| + | 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/> |
| + | 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. |
| + | 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"> |
| + | <img src="https://static.igem.org/mediawiki/2012/5/59/11.png" alt="" class="img_fl img_border" align="left"/> |
| + | <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.) |
| + | </p> |
| + | <br/> |
| | | |
- |
| + | <p> |
- | </div>
| + | <a name="Media"></a> |
- | <div class="col col13 no_margin_right">
| + | <h3><font face="Arial, Helvetica"><b><font color="#0000FF">Media Preparation</font></b></font></h3> |
- |
| + | 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>Method:</strong><br/> |
| | | |
| + | 1.Prepare the Lysogeny Broth (LB) liquid media (1 L) as indicated below: <br/> |
| + | + Bacto-Tryptone - 10 g<br/> |
| + | + NaCl - 10 g<br/> |
| + | + Yeast Extract - 5 g<br/> |
| + | 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/> |
| + | + Bacto-Tryptone - 10 g<br/> |
| + | + NaCl - 10 g<br/> |
| + | + Yeast Extract - 5 g<br/> |
| + | + Difco Agar - 15g<br/> |
| + | 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/> |
| + | 3. Autoclaving<br/> |
| + | 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. |
| + | </p> |
| + | <br/> |
| | | |
| + | <p> |
| + | <font face="Arial, Helvetica"> |
| + | <a name="Bacterial"></a></font> |
| + | <h3><font face="Arial, Helvetica"><b><font color="#0000FF">Bacterial Transformation</font></b></font></h3> |
| + | |
| + | 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. |
| + | |
| + | <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 /> |
| + | 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 /> |
| + | 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 /> |
| + | 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 /> |
| + | 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 /> |
| + | 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/> |
| + | </p> |
| + | |
| + | <p> |
| + | <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 /> |
| + | 1. Prepare the sample reaction as indicated below:<br /> |
| + | Total: 25μl <br /> |
| + | + 0.25 μl of Ex Taq polymerase (company:Takara)<br /> |
| + | + 2.5 μl of 10× Taq reaction buffer<br /> |
| + | + 1.0 μl of R-NPS-F*<br /> |
| + | + 1.0 μl of G-SXA-R*<br /> |
| + | + 1.0 μl of plasmid mutant-pSB1A3<br /> |
| + | + 2.0 μl of dNTP( 25mM ) <br /> |
| + | + 17.25 μl of ddH2O <br /> |
| + | Note: The sequences of primers R-NPS-F , G-SXA-R <br /> |
| + | R-NPS-F 5'-TATAGCGGCCGCCTTAAGTAAGTAAGAGTATACG-3' <br /> |
| + | G-SXA-R 5'-TCTCCGACTTAAGGGATCCTATAAACGCAG-3'<br /> |
| + | |
| + | 2. Set parameters for PCR to amplify desired products.
|
| + | |
| + | <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> |
| + | |
| + | 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> |
| + | 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> |
| + | <br/> |
| + | |
| + | <p> |
| + | <a name="Plasmid"></a> |
| + | <h3><font color="#0000FF" face="Arial, Helvetica"><b>Plasmid DNA Isolation</b></font></h3> |
| + | Use E.Z.N.A.TM Plasmid Mini I to realize plasmid DNA isolation.<br /> |
| + | <strong>Method</strong><br/> |
| | | |
- |
| + | <ol> |
| + | <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>Discard the supernatant. Remove as much of the supernatant as possible without disturbing the cell pellet. </li> |
| + | <li>Repeat step 1 and 2 twice. </li> |
| + | <li>Resuspend the pellet completely in 250 ml of Solution I (containing RNase A) by vortexing the samples vigorously . No clumps should be visible in the tube. </li> |
| + | <li>Add 250 ml of Solution II and mix the sample by gently inverting the tube 4 to 6 times. Do not vortex or shake the sample vigorously. The bacterial suspension should begin to clear which have lysed the bacterial cells in this step. <strong>Warning: </strong>Do not stop here for more than five min, as the high pH hurts your DNA! </li> |
| + | <li>Add 350 ml of Solution III and mix by gently inverting the tube 4 to 6 times until a flocculent white precipitate forms. Do not shake vigorously, as it might break the genomic DNA. </li> |
| + | <li>Centrifuge at maximum speed for 10 min at room temperature to pellet the cell debris. You should see a white precipitate in the tube after the centrifugation. </li> |
| + | <li>While the samples are centrifuging, for each sample, label a clean HiBind Miniprep Column which is to assembled in a 2-ml collection tube</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>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>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>Discard the column and save the sample in the eppendorf tube by placing it in the freezer (-20°C). </li> |
| + | </ol> |
| + | </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> |
| + | |
| + | 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 /> |
| + | 1. Prepare the control reaction as indicated below:<br /> |
| + | Total: 10μl<br /> |
| + | + 0.5μl of Pst I restriction enzyme(company :Takara)<br /> |
| + | + 1μl of 10XH buffer<br /> |
| + | + 1μl of plasmid DNA<br /> |
| + | + 7.5μl of ddH2O <br /> |
| + | 2. Prepare the sample reaction as indicated below:<br /> |
| + | Total: 10μl<br /> |
| + | + 0.5μl of Afl II restriction enzyme, (company :Takara)<br /> |
| + | + 1μl of 10XM buffer<br /> |
| + | + 1μl of plasmid DNA<br /> |
| + | + 1.0μl of 0.01% BSA<br /> |
| + | + 6.5μl of ddH2O <br /> |
| + | 3. Electrophorese the total system and observe the lane separation. |
| + | </p> |
| + | <br/> |
| | | |
| + | <p> |
| + | <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 /> |
| + | 1.Prepare the sample reaction as indicated below:<br /> |
| + | Total: 100μl ( PCR amplification of GFP fragments) <br /> |
| + | + 1.0μl of Taq DNA polymerase,#EP0402<br /> |
| + | + 10μl of 10XTaq buffer <br /> |
| + | + 10μl of MgCl2(25mM)<br /> |
| + | + 10μl of dNTP(2mM)<br /> |
| + | + 2μl of G-SXA-R* <br /> |
| + | + 2μl of G-SXA-F*<br /> |
| + | + 4μl of DNA template<br /> |
| + | + 61μl of ddH2O <br /> |
| + | Total: 100μl(PCR amplification of RFP fragments) <br /> |
| + | + 1.0μl of Taq DNA polymerase, EP0402<br /> |
| + | + 10μl of 10XTaq buffer <br /> |
| + | + 10μl of MgCl2(25mM)<br /> |
| + | + 10μl of dNTP(2mM)<br /> |
| + | + 2μl of R-NPS-R* <br /> |
| + | + 2μl of R-NPS-F*<br /> |
| + | + 4μl of DNA template<br /> |
| + | + 61μl of ddH2O <br /> |
| | | |
- | <div class="cleaner h40"></div> | + | 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 /> |
- | <div class="cleaner"></div>
| + | R-NPS-R 5'-CGGAGACTAGTCTGCAGATCACATAAGTAAAGTGATAATC-3' <br /> |
- | </form>
| + | G-SXA-F 5'-CTAGACTAGTTCTAGAGGCGGACTCACTATAGA-3' <br /> |
- | <div class="cleaner"></div>
| + | G-SXA-R 5'-TCTCCGACTTAAGGGATCCTATAAACGCAG-3'<br /> |
- | </div> | + | |
| + | 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> |
| + | |
| + | |
| + | 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> |
| + | </font> |
| + | |
| + | <h3><font face="Arial, Helvetica"><b><font color="#0000FF">Double Restriction Enzyme Digestion and Electrophoresis.</font></b></font></h3> |
| + | <font face="Arial, Helvetica"> |
| + | 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><br/> |
| + | </font> |
| + | |
| + | 1. Digestion of plasmid mutant-pSB1A3 <br/> |
| + | Prepare the sample reaction as indicated below:<br /> |
| + | Total: 50μl <br /> |
| + | + 3.0μl of Not I restriction enzyme, #ER0591<br /> |
| + | + 3.0μl of Afl II restriction enzyme, #ER0831<br /> |
| + | + 5.0μl of 10X buffer O <br /> |
| + | + 1.0μl of mutant-pSB1A3 plasmid <br /> |
| + | + 37.0μl of ddH2O<br /> |
| + | |
| + | 2. Digestion of PCR product GFP<br /> |
| + | Prepare the sample reaction as indicated below:<br /> |
| + | Total: 50μl <br /> |
| + | + 3.0μl of Not I restriction enzyme, #ER0591<br /> |
| + | + 3.0μl of Spe I restriction enzyme, #ER1251 <br /> |
| + | + 5μl of 10X buffer Tango<br /> |
| + | + 10μl of PCR products GFP<br /> |
| + | + 29μl of ddH2O<br /> |
| + | |
| + | 3. Digestion of PCR product RFP<br /> |
| + | Prepare the sample reaction as indicated below:<br /> |
| + | Total: 50μl <br /> |
| + | + 3.0μl of Afl II restriction enzyme, #ER0831<br /> |
| + | + 3.0μl of Spe I restriction enzyme, #ER1251 <br /> |
| + | + 5μl of 10X buffer Tango<br /> |
| + | + 10μl of PCR products RFP<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> |
| + | <br/> |
| + | |
| + | <p> |
| + | <font face="Arial, Helvetica"> |
| + | <a name="Ligayion"></a> </font> |
| + | <h3><font face="Arial, Helvetica"><b><font color="#0000FF">Ligation</font></b></font></h3> |
| + | |
| + | 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 /> |
| + | Total: 10μl <br /> |
| + | + 1.0μl of plasmid mutant-pSB1A3 (NA) <br /> |
| + | + 3.0μl of GFP(NS) <br /> |
| + | + 3.0μl of RFP(AS) <br /> |
| + | + 2.0μl of T4 DNA Ligase,#EL0011 <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 /> |
| + | 2. Prepare the sample reaction as indicated below:<br /> |
| + | Total: 10μl <br /> |
| + | + 1.0μl of plasmid mutant-pSB1A3 (NA) <br /> |
| + | + 2.0μl of T4 DNA Ligase, #EL0011 <br /> |
| + | + 1.0μl of 10XT4 Ligase buffer<br /> |
| + | + 6.0μl of ddH2O<br /> |
| + | 3. Put the tubes in 22℃ water bath, react for 8-12 hours. |
| + | </p> <br/> |
| + | |
| + | <p> |
| + | <a name="Bacterial_Transformation"></a> |
| + | <h3><font face="Arial, Helvetica"><b><font color="#0000FF">Bacterial Transformation</font></b></font></h3> |
| + | <font face="Arial, Helvetica"> |
| + | Transform the ligation products into the DH-5α competent cells, put the plate on 37℃ gas bath for 12-16 hours. |
| + | </p> |
| + | <br/> |
| + | |
| + | <p> |
| + | <a name="Bacterial_Colony"></a> </font> |
| + | <h3><font face="Arial, Helvetica"><b><font color="#0000FF">Bacterial Colony PCR</font></b> </font></h3> |
| + | |
| + | 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 /> |
| + | 1. Prepare the sample reaction as indicated below:<br /> |
| + | Total: 20μl <br /> |
| + | + 0.25 μl of Ex Taq polymerase,#EP0402 <br /> |
| + | + 2.0 μl of 10× Taq reaction buffer<br /> |
| + | + 1.0 μl of R-NPS-F* <br /> |
| + | + 1.0 μl of G-SXA-R*<br /> |
| + | + 5.0 μl of bacterial colony<br /> |
| + | + 2.0 μl of dNTP( 25mM ) <br /> |
| + | + 8.75 μl of ddH2O <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-R 5'-CGGAGACTAGTCTGCAGATCACATAAGTAAAGTGATAATC-3' <br /> |
| + | G-SXA-F 5'-CTAGACTAGTTCTAGAGGCGGACTCACTATAGA-3' <br /> |
| + | G-SXA-R 5'-TCTCCGACTTAAGGGATCCTATAAACGCAG-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>13.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. <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> |
| + | </font> |
| + | <h3><font color="#0000FF" face="Arial, Helvetica"><b>Cultivate the Bacteria</b></font></h3> |
| + | 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> |
| + | <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> |
| + | <font face="Arial, Helvetica">Use E.Z.N.A.TM Plasmid Mini I to isolate the constructed plasmid mutant-pSB1A3-GR. </font> |
| + | </p> |
| + | <br/> |
| + | |
| + | <p> |
| + | <font face="Arial, Helvetica"><a name="Restriction_Enzyme" ></a> </font> |
| + | <font face="Arial, Helvetica"> </font> |
| + | <h3><font color="#0000FF" face="Arial, Helvetica"><b>Restriction Enzyme Digestion and Electrophoresis</b></font></h3> |
| + | 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> |
| + | 1.Restriction Enzyme Digestion to prove that plasmid is constructed correctly |
| + | |
| + | 1.1. Prepare the sample reaction as indicated below:<br /> |
| + | Total: 10μl<br /> |
| + | + 1.0μl of Not I restriction enzyme,#ER0591<br /> |
| + | + 1.0μl of Spe I restriction enzyme,#ER1251 <br /> |
| + | + 2.0μl of Buffer Tango( 10X )<br /> |
| + | + 1.5μl of plasmid mutant-pSB1A3-GR<br /> |
| + | + 14.5μl of ddH2O <br /> |
| + | 1.2. Electrophorese the total system and observe the lane separation. <br/> |
| + | |
| + | 2. Restriction Enzyme Digestion to get sticky ends preparing for the ligation.<br/> |
| + | |
| + | 2.1. Prepare the sample reaction as indicated below:<br /> |
| + | Total: 50μl<br /> |
| + | + 5.0μl of Pst I restriction enzyme, #ER0611<br /> |
| + | + 5.0μl of Xba I restriction enzyme, #ER0681 <br /> |
| + | + 3.0μl of Buffer Tango( 10X )<br /> |
| + | + 5.0μl of plasmid mutant-pSB1A3-GR<br /> |
| + | + 32.0μl of ddH2O <br /> |
| + | 2.2. Electrophorese the total system and observe the lane separation.<br /> |
| + | 2.3. Cut the gel of specific position and collect it in tubes that have measured weight. <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. |
| + | |
| + | |
| + | <strong><img src="https://static.igem.org/mediawiki/2012/d/d8/11111.png" alt="" class="img_fl img_border" align="left" /></strong> |
| + | (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> |
| + | <br/> |
| + | |
| + | <p> |
| + | <font face="Arial, Helvetica"><a name="Ligation1" ></a> </font> |
| + | <font face="Arial, Helvetica"> </font> |
| + | <h3><font color="#0000FF" face="Arial, Helvetica"><b>Ligation</b></font></h3> |
| + | 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 /> |
| + | Total: 10μl <br /> |
| + | + 1.0μl of plasmid mutant-pSB1A3 (NA) <br /> |
| + | + 6.0μl of terminator<br /> |
| + | + 2.0μl of T4 DNA Ligase , #EL0011 <br /> |
| + | + 1.0μl of 10XT4 Ligase buffer<br /> |
| + | 2. Put the tubes in 22℃ water bath, react for 8-12 hours. |
| + | </p> |
| + | <br/> |
| + | |
| + | <p> |
| + | <font face="Arial, Helvetica"><a name="Bacteria" id="Culture_the"></a> </font> |
| + | <font face="Arial, Helvetica"> </font> |
| + | <h3><font color="#0000FF" face="Arial, Helvetica"><b>Bacteria transformation</b></font></h3> |
| + | Transform the ligation products into the DH-5α competent cells, put the plate on 37℃ gas bath for 12-16 hours. |
| + | </p><br/> |
| + | |
| + | <p> |
| + | <font face="Arial, Helvetica"><a name="Cultivate"></a> </font> |
| + | <font face="Arial, Helvetica"> </font> |
| + | <h3><font color="#0000FF" face="Arial, Helvetica"><b>Cultivate the Bacteria</b></font></h3> |
| + | 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> <br/> |
| + | |
| + | <p> |
| + | <font face="Arial, Helvetica"><a name="Flow" ></a> </font> |
| + | <font face="Arial, Helvetica"> </font> |
| + | <h3><font color="#0000FF" face="Arial, Helvetica"><b>Flow Cytometer Analysis</b></font></h3> |
| + | 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/> |
| + | 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/> |
| + | <strong>Method:</strong><br/> |
| + | 1. Materials:<br/> |
| + | 1.1. NaCl solution( 0.9% ,M/V)<br/> |
| + | 1.2. 75% ethanol<br/> |
| + | 2. Procedures:<br/> |
| + | 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> |
| + | <h3><font color="#0000FF" face="Arial, Helvetica"><b>Fluorescence Microscope</b></font></h3> |
| + | 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. |
| + | <br/> |
| + | <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 class="clear"></div> |
| + | <div class="separator line"></div> |
| + | |
| + | <div class="clear"></div> |
| + | </section> |
| </div> | | </div> |
- | <div class="cleaner"></div>
| |
| </div> | | </div> |
- | </div>
| + | <!-- END MAIN CONTENT --> |
- | <div id="templatemo_bottom">
| + | |
- | <div class="col col14"> | + | |
- | </div> | + | |
| + | <!-- FOOTER --> |
| + | <div id="outerfooter"> |
| + | <div id="footercontainer"> |
| + | <footer id="footer">South University of Science and Technology of China</footer> |
| + | </div> |
| + | </div> |
| + | <!-- END FOOTER --> |
| + | |
| + | <div class="clear"></div> |
| + | </div> <!-- end outercontainer --> |
| + | |
| + | </div> <!-- end bodychild --> |
| </body> | | </body> |
| + | |
| </html> | | </html> |