Team:HIT-Harbin

From 2012.igem.org

(Difference between revisions)
 
(101 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
{{tempalte:HIT-Harbin}}
<html>
<html>
-
<!--
+
<body>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
-
This is a template page. READ THESE INSTRUCTIONS.
+
-
</div>
+
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2009.igem.org/Help:Template/Examples">HERE</a>.
+
-
</div>
+
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
-
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified. PLEASE keep all of your pages within your teams namespace. 
+
-
</div>
+
-
</div>
+
-
-->
+
-
</html>
+
-
 
+
-
<!-- *** End of the alert box *** -->
+
-
 
+
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
-
<style>
+
-
* {padding:0; margin:0;}
+
-
body {background:url(body-bg.gif) repeat-x #575757; font-family:helvetica, arial; font-size:15px; color:#4e4e4e;}
+
-
a {outline:none; color:#5f5f5f; font-weight:bold; text-decoration:none;}
+
-
a:hover {color:#ea0101; }
+
-
a img {border:none;}
+
-
 
+
-
.alignright {float:right;}
+
-
.alignleft {float:left;}
+
-
.alignnone {clear:both;}
+
-
.aligncenter {margin-left: auto; margin-right: auto;}
+
-
 
+
-
blockquote {background:url(blockquote-bg.png) top left no-repeat; padding:5px 0 0 35px; font-family:georgia,'Lucida Grande','Lucida Sans Unicode'; font-style:italic;}
+
-
 
+
-
.wp-caption {padding:0 5px;}
+
-
.wp-caption.alignright {margin:8px 0 5px 10px;}
+
-
.wp-caption.alignleft {margin:8px 10px 5px 0;}
+
-
.wp-caption.aligncenter{clear:both; margin:15px auto; display:block; }
+
-
.wp-caption.alignnone {clear:both; margin:15px auto; display:block; }
+
-
p.wp-caption-text {text-align:center; font-family:georgia; font-style:italic; font-size:11px; line-height:13px;}
+
-
#wrap {width:938px; background:url(WRAP-BG2.png) repeat-x top left #edebeb; margin:0 auto; overflow:hidden; clear:both; border-top:1px solid #c9c9c9; border-left:1px solid #c9c9c9; border-right:1px solid #c9c9c9; padding-bottom:30px;}
 
-
#wrap-inner {width:820px; margin:34px 0 0 30px; padding:0 30px 0 30px; overflow:hidden; background:url(TITLE-AREA-BG.jpg) no-repeat top left;}
 
-
#wrap-inner-withslide {width:820px; margin:34px 0 0 30px; padding:0 30px 0 30px; background: url(SLIDER-BG.png) no-repeat top left; overflow:hidden; }
 
-
/*header*/
+
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
-
#header {height:134px; width:940px; border-top:8px solid #fff; text-align:left; margin:0 auto; }
+
  <script type="text/javascript" src="https://2012.igem.org/Team:HIT-Harbin/script.js?action=raw&ctype=text/javascript"></script>
-
 
+
<script type="text/javascript">
-
#nav {float:right;}
+
$(document).ready(function(){
-
#nav ul li.page_item {float:left; list-style:none; padding:3px 8px 6px 8px; line-height:18px; height:18px; background: url(ul-bg.png) repeat-x bottom left; margin-right:2px;}
+
$("#slider").easySlider({
-
#nav ul li.current_page_item {background:#000000; }
+
auto: false, continuous: true,
-
#nav ul li.current_page_item a {color:#fff;}
+
numeric: true
-
#nav ul li.page_last{float:left; list-style:none; padding-right:0; padding:3px 8px 6px 8px; line-height:18px; height:18px; background: url(ul-bg.png) repeat-x bottom left;}
+
});
-
#nav ul li a {font-weight:bold; text-decoration:none; color:#fff; font-family:'Lucida Grande','Lucida Sans Unicode','Trebuchet MS', verdana, georgia; text-shadow:0 1px 0 #000;}
+
});
-
#nav ul li a:hover {color:#999999;}
+
</script>
-
.logo-area {padding-top:5px; clear:both; overflow:visible; height:220px;}
+
-
a.logo {padding:5px 0 0 0; display:block; width:940px; height:220px; overflow:visible; float:left;}
+
-
a#HIT-logo {text-indent:0px; background:url(background.png) no-repeat;}
+
-
/*p.site-description{font-style:normal; float:left; padding:30px 0 0 28px; font-size:18px; color:#bebdbd; letter-spacing:-1px; color:#666666; text-shadow:0 1px 0 #fff; max-width:610px; text-align:center;}
+
-
 
+
-
/*2nd level pages*/
+
-
 
+
-
#nav2 li ul {position: absolute; width: 15em; left: -999em; padding-top:1px;}
+
-
#nav2 li:hover ul, #nav2 li.sfhover ul {left: auto; z-index:1000;}
+
-
#nav2 li ul li {border-bottom:1px solid #dedbd1; border-left:1px solid #dedbd1; border-right:1px solid #dedbd1; line-height:30px; width:15em;}
+
-
#nav2 li:hover, #nav2 li.hover {position: static;}
+
-
#nav2 li ul ul {margin: -22px 0 0 15em;}
+
-
#nav2 li:hover ul ul, #nav2 li.sfhover ul ul {left: -999em;}
+
-
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul {left: auto;}
+
-
#nav2 li:hover ul ul, #nav2 li:hover ul ul ul, #nav2 li.sfhover ul ul, #nav2 li.sfhover ul ul ul {left: -999em;}
+
-
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul {left: auto;}
+
-
 
+
-
 
+
-
/*index*/
+
-
.title-area {clear:both; height:100px; overflow:hidden; text-align:left; letter-spacing:-1px; text-transform:capitalize; margin-bottom:38px; font-size:40px; font-weight:bold; text-transform:capitalize; line-height:100px;text-shadow:0 2px 0 #000; color:#e1e1e1;}
+
-
#main-container {text-align:left; width:800px; overflow:hidden; line-height:22px; float:left; min-height:500px;}
+
-
.post-title {font-size:20px; line-height:29px; letter-spacing:-1px; text-transform:none; text-shadow:0 1px 0 #fff; padding-bottom:7px; margin-bottom:9px; background:url(horiz.gif) repeat-x bottom left; color:#000000;}
+
-
.post-titlee {font-size:22px; line-height:29px; letter-spacing:-1px; text-transform:none; text-shadow:0 1px 0 #fff; padding-bottom:7px; margin-bottom:9px; background:url(horiz.gif) repeat-x bottom left;}
+
-
.post-title a {font-weight:bolder;}
+
-
.post-meta {font-family:'Lucida Grande','Lucida Sans Unicode','Trebuchet MS', verdana, georgia; font-size:11.5px; padding:2px 0 10px 0; margin-bottom:20px;}
+
-
span.author {font-weight:bold; text-transform:capitalize; background:url(user.png) no-repeat top left; padding-left:19px; }
+
-
span.the-date{background:url(calendar.png) no-repeat top left; padding-left:19px; font-weight:bold; color:#a2a2a2; margin-left:8px;}
+
-
span.the-comments {background:url(balloon.png) no-repeat top left; padding-left:19px; margin-left:8px; color:#891111; font-family:'Lucida Grande','Lucida Sans Unicode','Trebuchet MS', verdana, georgia; font-size:11.5px; }
+
-
.post-excerpt {padding-bottom:30px; min-height:50px; overflow:hidden; clear:both;}
+
-
.post-excerpte {font-size:18px; padding-bottom:30px; min-height:50px; overflow:hidden; clear:both;line-height:29px;}
+
-
.post-excerpt a {color:#4E4E4E; background:#FFF5C0; text-shadow:0 1px 0 #fff;}
+
-
.post-excerpt a:hover {color:#828282;}
+
-
.post-excerpt img.alignright {display:inline; margin:8px 0 5px 20px;}
+
-
.post-excerpt img.alignleft {display:inline; margin:8px 20px 5px 0;}
+
-
.post-excerpt img.aligncenter {clear:both; margin:10px auto; display:block; }
+
-
.post-excerpt img.alignnone {clear:both; margin:10px auto; display:block; }
+
-
.post-excerpt a img.alignright {display:inline; margin:8px 0 5px 20px;}
+
-
.post-excerpt a img.alignleft {display:inline; margin:8px 20px 5px 0;}
+
-
.post-excerpt a img.aligncenter {clear:both; margin:10px auto; display:block; }
+
-
.post-excerpt a img.alignnone {clear:both; margin:10px auto; display:block;}
+
-
.post-excerpt h1, .post-excerpt h2, .post-excerpt h3, .post-excerpt h4, .post-excerpt h5, .post-excerpt h6 {font-size:20px; line-height:18px; margin-bottom:10px; color:#000000; letter-spacing:-1px;}
+
-
.post-excerpt ol {padding:10px 10px 10px 15px; margin-left:10px;}
+
-
.post-excerpt ol li ol {padding-left:20px;}
+
-
.post-excerpt ol li ul {padding-left:20px;}
+
-
.post-excerpt ul {padding:10px 10px 10px 15px; margin-left:10px;}
+
-
.post-excerpt ul li ol {padding-left:20px;}
+
-
.post-excerpt ul li ul {padding-left:20px;}
+
-
a.more-link {color:#fff; font-family:verdana, georgia; text-align:right; text-shadow:0 1px 0 #000; font-size:10px; font-family:Verdana; background:#ab0303; padding:3px; position:relative; top:-25px;  clear:both;}
+
-
a:hover.more-link{color:#000; text-shadow: none;}
+
-
#post-navigation {clear:both; margin:45px 0 10px 0; padding:3px; background:#999999; text-align:center;}
+
-
#post-navigation a {color:#fff; text-shadow:0 1px 0 #000;}
+
-
#post-navigation a:hover {color:#000; text-shadow:0 1px 0 #fff;}
+
-
/*home page with slider*/
+
-
/* Easy Slider */
+
-
#slider{position:relative; text-align:left; }
+
-
#slider ul, #slider li {margin:0; padding:0; list-style:none;}
+
-
#slider li {width:820px; height:376px; overflow:hidden; background: url(slider-li-bg.png) no-repeat; color:#FFFFFF; position:relative; }
+
-
#slider .left-container {float:left; width:380px; height:210px; overflow:hidden; line-height:36px; margin-top:53px;}
+
-
#slider .post-title-large {margin-bottom:22px;}
+
-
#slider .post-title-large a {display:inline; font-size:40px; font-weight:bold; text-transform:capitalize; line-height:40px;text-shadow:0 2px 0 #000; color:#e1e1e1;}
+
-
#slider .post-title a:hover {color:#ffffff; text-shadow:none;}
+
-
#slider .post-excerpt {font-size:20px; font-weight:bold; color:#FFFFFF;}
+
-
.slider-image-container{position:relative; width:400px; height:300px; float:right; margin-top:28px; }
+
-
 
+
-
ol#controls{margin:1em 0; padding:0; height:28px; position:relative; top:-90px;}
+
-
ol#controls li{margin:0 10px 0 0; padding:0; float:left; list-style:none; height:23px; line-height:23px;}
+
-
ol#controls li a{float:left; height:23px; line-height:23px; background: url(contols-white.png) repeat-x bottom left; color:#000;  text-shadow:0 1px 0 #fff; padding:0 8px; text-decoration:none; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; }
+
-
ol#controls li.current a{background:#ab0303; color:#fff; text-shadow:none;}
+
-
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
+
-
 
+
-
#latest-news-column {width:375px; margin-left:5px; margin-top:15px; padding:0 5px 0 5px; text-align:left; float:left; border-top:1px dashed #ccc;}
+
-
#latest-news-column h3 {position:relative; top:-35px; font-family:'Lucida Grande','Lucida Sans Unicode','Trebuchet MS', verdana, georgia;}
+
-
#latest-news-column .post-title {margin-bottom:10px;}
+
-
#random-image-column {width:390px; margin-right:40px; text-align:left; float:left; border-top:1px dashed #ccc; padding-top:10px; margin-top:15px;}
+
-
#random-image-column h3 {position:relative; top:-45px; font-family:'Lucida Grande','Lucida Sans Unicode','Trebuchet MS', verdana, georgia;}
+
-
#random-image-column img {float:left; margin-bottom:20px;}
+
-
#random-image-column img.odd {margin-right:20px;}
+
-
.post-390 {width:390px; float:left; margin-bottom:20px; text-align:left;}
+
-
.post-390.odd {margin-right:40px;}
+
-
.post-390 .post-excerpt {line-height:24px;}
+
-
.post-390 a.more-link {position:relative; top:-15px;}
+
-
.post-391 {width:800px; float:left; margin-bottom:20px; text-align:left;}
+
-
.post-391.odd {margin-right:40px;}
+
-
.post-391 .post-excerpt {line-height:24px;}
+
-
 
+
-
/*single*/
+
-
.post-content {padding-bottom:30px; overflow:hidden; clear:both;}
+
-
.post-content a {color:#4E4E4E; background:#FFF5C0; text-shadow:0 1px 0 #fff;}
+
-
.post-content a:hover {color:#828282;}
+
-
.post-content p {padding:0 0 15px 0;}
+
-
.post-content img.alignright {display:inline; margin:8px 0 5px 20px;}
+
-
.post-content img.alignleft {display:inline; margin:8px 20px 5px 0;}
+
-
.post-content img.aligncenter {clear:both; margin:10px auto; display:block; }
+
-
.post-content img.alignnone {clear:both; margin:10px auto; display:block; }
+
-
.post-content a img.alignright {display:inline; margin:8px 0 5px 20px;}
+
-
.post-content a img.alignleft {display:inline; margin:8px 20px 5px 0;}
+
-
.post-content a img.aligncenter {clear:both; margin:10px auto; display:block; }
+
-
.post-content a img.alignnone {clear:both; margin:10px auto; display:block; }
+
-
.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {font-size:30px; line-height:26px; margin-bottom:10px; color:#000000; letter-spacing:-1px;}
+
-
.post-content ol {padding:10px 10px 10px 15px; margin-left:10px;}
+
-
.post-content ol li ol {padding-left:20px;}
+
-
.post-content ol li ul {padding-left:20px;}
+
-
.post-content ul {padding:10px 10px 10px 15px; margin-left:10px;}
+
-
.post-content ul li ol {padding-left:20px;}
+
-
.post-content ul li ul {padding-left:20px;}
+
-
 
+
-
 
+
-
.post-meta-bottom {font-family:'Lucida Grande','Lucida Sans Unicode','Trebuchet MS', verdana, georgia; font-size:11.5px; padding:2px 0 10px 0; margin-bottom:20px; line-height:16px; }
+
-
span.the-cat{font-weight:bold; background:url(ui-tab-content.png) no-repeat top left; padding-left:19px; }
+
-
span.the-cat a{font-weight:normal; color:#891111;}
+
-
span.the-cat a:hover{color:#a2a2a2;}
+
-
span.edit-me-links {font-size:10px; font-family:Verdana; background:#ab0303; padding:3px; margin-left:20px; text-shadow:0 1px 0 #000;}
+
-
span.edit-me-links a{color:#FFFFFF;}
+
-
span.edit-me-links a:hover{color:#000000; text-shadow:none;}
+
-
span.the-tags{font-weight:bold; text-transform:capitalize; background:url(tags.png) no-repeat top left; padding-left:19px; margin-left:8px; }
+
-
span.the-tags a{font-weight:normal; color:#891111;}
+
-
span.the-tags a:hover{color:#a2a2a2;}
+
-
#page-links {padding:15px 0 0 0;}
+
-
 
+
-
/*comments*/
+
-
 
+
-
#comments {font-family:'Lucida Grande','Lucida Sans Unicode','Trebuchet MS',verdana,georgia; color:#4e4e4e; text-align:left; padding:15px 0 35px 0; }
+
-
img.avatar {float:left; padding:3px; border:1px solid #ccc; margin:0 10px 0 0;}
+
-
cite.fn a {font-family:Arial; font-style:normal; text-transform:capitalize; padding:0; color:#333333;}
+
-
.comment-author {padding:0; line-height:14px;}
+
-
.comment-meta {font-family:'Trebuchet MS', verdana;  font-size:11px; color:#666666; line-height:14px; padding-bottom:5px;}
+
-
.comment-meta a {color:#891111; font-weight:normal;}
+
-
.comment-body {margin-bottom:20px; padding:15px; font-style:italic; font-family:'Lucida Grande','Lucida Sans Unicode','Trebuchet MS',verdana,georgia; overflow:hidden;}
+
-
.comment-body p a {color:#4E4E4E; background:#FFF5C0; text-shadow:0 1px 0 #fff; padding:0 2px 0 2px;}
+
-
.comment-body p a:hover{color:#999999;}
+
-
li.comment.even {background:#ffffff url(comment-white.png) bottom left repeat-x;  border:1px solid #bbbbbb; margin-bottom:20px;}
+
-
li.comment.odd {background:#bbbbbb url(comment-dark.png) bottom left repeat-x; margin-bottom:20px;}
+
-
ul.commentlist li {list-style:none;}
+
-
li.parent {padding-bottom:10px;}
+
-
.commentlist ul.children {margin:20px;}
+
-
.comment-meta .commentmetadata p a {color:#5f5f5f; }
+
-
a.comment-reply-link {color:#5f5f5f; font-family:verdana; font-size:11px; padding:10px 0 0 0;}
+
-
 
+
-
 
+
-
/*response*/
+
-
h3#response-title {font-family:'Lucida Grande','Lucida Sans Unicode','Trebuchet MS',verdana,georgia; color:#4e4e4e; text-align:left; padding:15px 0 35px 0; }
+
-
#commentform p {padding-bottom:10px;}
+
-
.comment-form-input-fields {padding:5px; margin-bottom:10px;}
+
-
.comment-form-labels {font-family:'Lucida Grande','Lucida Sans Unicode','Trebuchet MS',verdana,georgia; font-size:11px;}
+
-
input.send-comment {background: url(send-comment.png) no-repeat; width:123px; height:43px; border:none; margin:5px 0 0 0; text-indent:-9999px; background-position:0 -43px; display:block;}
+
-
input:hover.send-comment {background-position:0 0;}
+
-
 
+
-
 
+
-
 
+
-
/*portfolio*/
+
-
a.portfolio-image {display:block; width:400px; height:26px; position:relative; top:16px; left:-8px; z-index:2;}
+
-
img.large-thumbs {position:relative; z-index:1; padding-bottom:10px;}
+
-
.large-image{background:url(LARGE-IMG.png) no-repeat bottom left; width:400px; height:316px; float:left; margin-bottom:10px; padding-bottom:18px; }
+
-
.large-image.odd {margin-right:20px;}
+
-
.large-image .post-title-small{clear:both; padding:0 20px 0 20px; font-family:'Lucida Grande','Lucida Sans Unicode','Trebuchet MS', verdana, georgia; text-align:center;}
+
-
.large-image .post-title-small a{font-size:13px; font-weight:bold; letter-spacing:0;line-height:16px; color:#333333; text-shadow:0 1px 0 #fff; }
+
-
.large-image .post-title-small a:hover {color:#5f5f5f; }
+
-
 
+
-
 
+
-
/*sidebar*/
+
-
 
+
-
#sidebar {width:213px; margin-left:47px; text-align:left; float:left; font-family:'Lucida Grande','Lucida Sans Unicode','Trebuchet MS', verdana, georgia; font-size:11.5px; }
+
-
#sidebar a{color:#4e4e4e; font-weight:normal; text-transform:capitalize; text-shadow:0 1px 0 #fff;}
+
-
#sidebar a:hover {color:#ea0101;}
+
-
 
+
-
#searchform {height:104px; margin-bottom:15px;}
+
-
#searchform h3 {text-shadow:0 1px 0 #fff; color:#fff; margin:0 0 8px 1px; font-family:'Lucida Grande','Lucida Sans Unicode','Trebuchet MS', verdana, georgia; font-size:11px; color:#000000; text-align:left; padding:0;}
+
-
input.inputs {padding:5px; margin-left:1px;}
+
-
 
+
-
 
+
-
input.go {background: url(search-button.png) no-repeat; width:123px; height:43px; border:none; margin:5px 7px 0 0; text-indent:-9999px; float:right; background-position:0 -43px; display:block; }
+
-
input:hover.go {background-position:0 0;}
+
-
 
+
-
 
+
-
.sidebar-row h3 {font-family: arial; font-size:18px; color:#4e4e4e; text-shadow:0 2px 0 #FFFFFF; font-weight:bold; margin-bottom:3px; background:url(blog.png) no-repeat; background-position:5px 11px; padding:8px 10px 8px 28px; border-bottom:5px solid #fefef6;}
+
-
 
+
-
.sidebar-row h3.twitter{background:url(twitter.png) no-repeat; background-position:5px 11px; }
+
-
.sidebar-row h3.the-cat{background:url(ui-tab-content.png) no-repeat; background-position:5px 11px; }
+
-
.sidebar-row h3.feeds{background:url(feed.png) no-repeat; background-position:5px 11px; }
+
-
.sidebar-row h3.archives{background:url(cards-stack.png) no-repeat; background-position:5px 11px; }
+
-
 
+
-
.sidebar-row {background:#f5f5f5; border-left:#f5f5f5 8px solid; border-right:#f5f5f5 8px solid; padding:0 0 25px 0;}
+
-
.sidebar-bottom-fix {background:url(sidebar-container-bottom.png) bottom left no-repeat; width:213px; height:22px;margin-bottom:20px;}
+
-
.sidebar-row li {list-style:none; line-height:15px; padding:4px 5px 6px 0;}
+
-
.sidebar-row ul {margin:0; padding:10px 10px 0 10px;}
+
-
.sidebar-row ul.children {margin-left:5px;}
+
-
.sidebar-row table {width:100%;}
+
-
 
+
-
#wp-calendar {padding:10px;}
+
-
#wp-calendar caption { margin-top:10px;}
+
-
td#next { text-align:right;}
+
-
 
+
-
 
+
-
 
+
-
/*footer*/
+
-
 
+
-
#footer-wrap {background:url(../images/jacopo/footer-wrap-bg.gif) repeat-x; height:222px; margin:0 auto;}
+
-
#footer {width:940px; margin:0 auto; background:url(footer.png) no-repeat; height:222px;}
+
-
img.footer-logo {width:251px; height:58px; overflow:hidden; padding:80px 0 0 25px; }
+
-
#nav-in-footer {padding:5px 0 0 35px;}
+
-
#nav-in-footer ul li{float:left; list-style:none; padding:0 10px 0 0; }
+
-
#nav-in-footer ul li a {font-family:verdana; font-size:11px; color:#000; text-shadow:0 1px 0 #fff; font-weight:normal;}
+
-
#nav-in-footer ul li a:hover {color:#999999;}
+
-
#copyright {clear:both; text-align:center; position:relative; top:32px;}
+
-
#copyright p {font-family:verdana; font-size:11px; color:#fff; text-shadow:0 1px 0 #000; text-transform:capitalize;}
+
-
a#backtotop {display:block; background:url(arrow-up.png) no-repeat top right; height:30px; width:80px; float:right; padding:5px 32px 0 0; margin:120px 25px 0 0; text-align:right; text-shadow:0 1px 0 #fff;}
+
-
a:hover#backtotop {text-shadow:none;}
+
-
 
+
-
</style>
+
-
<head>
+
-
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+
-
<title>Monte Cristo Demo Website ? Portfolio</title>
+
-
<link rel="stylesheet" href="jacopo.css" type="text/css" media="screen">
+
-
</head>
+
-
<body>
+
<script type="text/javascript">
<script type="text/javascript">
sfHover = function() {
sfHover = function() {
Line 283: Line 28:
if (window.attachEvent) window.attachEvent("onload", sfHover);
if (window.attachEvent) window.attachEvent("onload", sfHover);
</script>
</script>
-
<script type="text/javascript">
+
-
try{(function(a){var b="http://",c="mc.fearlessflyer.com",d="/cdn-cgi/cl/",e="aa59474109470e9dba682467ce4e234100de1c73.gif",f=new a;f.src=[b,c,d,e].join("")})(Image)}catch(e){}
+
-
</script>
+
<div id="header">
<div id="header">
-
<div class="logo-area">
 
-
<a class="logo" id="HIT-logo" href="HOME.html" title="HIT">Home</a>
 
-
</div>
 
<div id="nav">
<div id="nav">
<ul id="nav2">
<ul id="nav2">
-
<li class="page_item page-item-14 "><a href="HOME.html" title="Home">Home</a></li>
+
<li class="page_item page-item-14 current_page_item"><a href="https://2012.igem.org/Team:HIT-Harbin" title="Home">Home</a></li>
-
<li class="page_item page-item-39 current_page_item"><a href="TEAM.OVERVIEW.html" title="Alternate Home Page">TEAM</a>
+
<li class="page_item page-item-39 "><a href="https://2012.igem.org/Team:HIT-Harbin/team" title="Alternate Home Page">TEAM</a>
<ul class="children">
<ul class="children">
-
<li class="page_item page-item-136"><a href="TEAM.OVERVIEW.html" title="OVERVIEW">OVERVIEW</a>
+
<li class="page_item page-item-136"><a href="https://2012.igem.org/Team:HIT-Harbin/team" title="OVERVIEW">OVERVIEW</a></li>
-
<li class="page_item page-item-136"><a href="TEAM.UNDERGRADUATES.html" title="UNDERGRADUATES">UNDERGRADUATES</a></li>
+
<li class="page_item page-item-136"><a href="https://2012.igem.org/Team:HIT-Harbin/team/undergraduates" title="UNDERGRADUATES">UNDERGRADUATES</a></li>
-
<li class="page_item page-item-136"><a href="TEAM.FACILITATORS.html" title="FACILITATORS">FACILITATORS</a></li>
+
<li class="page_item page-item-136"><a href="https://2012.igem.org/Team:HIT-Harbin/team/facilitators" title="FACILITATORS">FACILITATORS</a></li>
-
<li class="page_item page-item-136"><a href="TEAM.ABOUT THE UNIVERSITY.html" title="ABOUT THE UNIVERSITY">ABOUT THE UNIVERSITY</a>
+
<li class="page_item page-item-136"><a href="https://2012.igem.org/Team:HIT-Harbin/team/abouttheuniversity" title="ABOUT THE UNIVERSITY">ABOUT THE UNIVERSITY</a></li>
-
</li>
+
</ul>
</ul>
</li>
</li>
-
<li class="page_item page-item-39 "><a href="PROJECT.OVERVIEW.html" title="PROJECT">PROJECT</a>
+
<li class="page_item page-item-39 "><a href="https://2012.igem.org/Team:HIT-Harbin/project" title="PROJECT">PROJECT</a>
<ul class="children">
<ul class="children">
-
<li class="page_item page-item-136"><a href="PROJECT.OVERVIEW.html" title="OVERVIEW">OVERVIEW</a></li>
+
<li class="page_item page-item-136"><a href="https://2012.igem.org/Team:HIT-Harbin/project" title="OVERVIEW">OVERVIEW</a></li>
-
<li class="page_item page-item-136"><a href="PROJECT.PART 1.html" title="PART 1">PART 1</a></li>
+
<li class="page_item page-item-136"><a href="https://2012.igem.org/Team:HIT-Harbin/project/part1" title="BIOSENSOR">BIOSENSOR</a></li>
-
<li class="page_item page-item-136"><a href="PROJECT.PART 2.html" title="PART 2">PART 2</a></li>
+
<li class="page_item page-item-136"><a href="https://2012.igem.org/Team:HIT-Harbin/project/part2" title="BIOKILLER">BIOKILLER</a></li>
-
<li class="page_item page-item-136"><a href="PROJECT.PART 3.html" title="PART 3">PART 3</a></li>
+
<li class="page_item page-item-136"><a href="https://2012.igem.org/Team:HIT-Harbin/project/part3" title="BIOFILM">BIOFILM</a></li>
-
<li class="page_item page-item-136"><a href="PROJECT.Application.html" title="Application">Application</a>
+
<li class="page_item page-item-136"><a href="https://2012.igem.org/Team:HIT-Harbin/project/model" title="MODELING">MODELING</a></li>
-
</li>
+
<li class="page_item page-item-136"><a href="https://2012.igem.org/Team:HIT-Harbin/project/application" title="APPLICATION">APPLICATION</a></li>
</ul>
</ul>
</li>
</li>
-
<li class="page_item page-item-39 c"><a href="PARTS.html" title="PARTS<">PARTS</a>
+
 
-
</li>
+
<li class="page_item page-item-39 "><a href="https://2012.igem.org/Team:HIT-Harbin/parts" title="PARTS">PARTS</a></li>
-
<li class="page_item page-item-39 "><a href="SAFETY.html" title="SAFETY">SAFETY </a>
+
 
-
</li>
+
<li class="page_item page-item-39 "><a href="https://2012.igem.org/Team:HIT-Harbin/team/safety" title="SAFETY">SAFETY </a></li>
-
<li class="page_item page-item-39 "><a href="NOTEBOOK.DIARY..html" title="Alternate Home Page">NOTEBOOK</a>
+
 
 +
 
 +
<li class="page_item page-item-39 "><a href="https://2012.igem.org/Team:HIT-Harbin/project/notebook/diary" title="Alternate Home Page">NOTEBOOK</a>
<ul class="children">
<ul class="children">
-
<li class="page_item page-item-136"><a href="NOTEBOOK.DIARY.html" title="DIARY">DIARY</a></li>
+
<li class="page_item page-item-136"><a href="https://2012.igem.org/Team:HIT-Harbin/project/notebook/diary" title="DIARY">DIARY</a></li>
-
<li class="page_item page-item-136"><a href="NOTEBOOK.PROTOCOL.html" title="PROTOCOL">PROTOCOL</a></li>
+
<li class="page_item page-item-136"><a href="https://2012.igem.org/Team:HIT-Harbin/notebook/protocol" title="PROTOCOL">PROTOCOL</a></li>
-
<li class="page_item page-item-136"><a href="NOTEBOOK.Attributions.html" title="Attributions<">Attributions</a></li>
+
<li class="page_item page-item-136"><a href="https://2012.igem.org/Team:HIT-Harbin/notebook/attribution" title="ATTRIBUTION">ATTRIBUTION</a></li>
-
</li>
+
</ul>
</ul>
</li>
</li>
-
<li class="page_item page-item-39 "><a href="HUMAN PRACTICE.LECTURE" title="HUMAN PRACTICE">HUMAN PRACTICE</a>
+
 
 +
 
 +
<li class="page_item page-item-39 "><a href="https://2012.igem.org/Team:HIT-Harbin/humanpractice/lecture" title="HUMAN PRACTICE">HUMAN PRACTICE</a>
<ul class="children">
<ul class="children">
-
<li class="page_item page-item-136"><a href="HUMAN PRACTICE.LECTURE" title="LECTURE">LECTURE</a>
+
<li class="page_item page-item-136"><a href="https://2012.igem.org/Team:HIT-Harbin/humanpractice/lecture" title="LECTURE">LECTURE</a></li>
-
<li class="page_item page-item-136"><a href="HUMAN PRACTICE.THE SOFTRWAR" title="THE SOFTRWARE">THE SOFTRWARE</a></li>
+
<li class="page_item page-item-136"><a href="https://2012.igem.org/Team:HIT-Harbin/humanpractice/software" title="SOFTRWARE">SOFTRWARE</a></li>
-
<li class="page_item page-item-136"><a href="HUMAN PRACTICE.THE SONG" title="THE SONG">THE SONG</a></li>
+
 
-
</li>
+
</ul>
</ul>
</li>
</li>
 +
<li class="page_item page-item-39 "><a href="https://2012.igem.org/Main_Page" title="IGEM">iGEM</a></li>
 +
</ul>
</div>  
</div>  
-
</div>
+
</div>  
-
<object width="425" height="355">
+
-
  <param name="movie" value="http://player.youku.com/player.php/sid/XNDQ3NTQ4NDMy/v.swf"></param>
+
-
  <param name="allowFullScreen" value="true"></param>
+
-
  <embed src="http://player.youku.com/player.php/sid/XNDQ3NTQ4NDMy/v.swf"
+
-
    width="425" height="355"
+
-
    allowfullscreen="true"></embed>
+
-
</object>
+
<div id="wrap">
<div id="wrap">
-
<div id="wrap-inner">
+
<div id="wrap-inner-withslide">
-
<div class="title-area">
+
<div id="slider" style="width: 820px; height: 376px; overflow: hidden; ">
-
About us</div>  
+
<ul style="width: 7380px; margin-left: 0px; ">
-
<div id="main-container">
+
 
-
<div class="post-title">
+
<li style="float: left; ">
-
<a>The HIT-Harbin team is composed of X motivated student across a wide range of academic backgrounds this year: from freshman to senior, from biology to electromechanics. The identical dream makes us together to share a passion for science, stay-up late in the lab and learn. We're currently taking great efforts to make it and enjoying the happiness and sadness it bring to us.</a>
+
<div class="left-container">
 +
<div class="post-title-large"><a>History of HIT</a></div>
 +
 +
<div class="post-excerpt"><p>This is the oldest building of Harbin Institute of Technology</p>
</div>  
</div>  
</div>  
</div>  
 +
<div class="slider-image-container">
 +
<a>
 +
<img src="https://static.igem.org/mediawiki/2012/2/23/Shouye1.jpg">
 +
</a>
</div>  
</div>  
 +
</li>
 +
<li style="float: left; ">
 +
<div class="left-container">
 +
<div class="post-title-large"><a>Centre Street in Snow</a></div>
 +
 +
<div class="post-excerpt"><p>The most famous street with historical buildings</p>
</div>  
</div>  
-
</body></html>
+
</div>  
-
|-
+
<div class="slider-image-container">
-
<!--
+
<a>
-
|
+
<img src="https://static.igem.org/mediawiki/2012/d/da/Shouye2.jpg">
-
|align="center"|[[Team:HIT-Harbin | Team HIT-Harbin]]
+
</a>
-
-->
+
</div>
-
|}
+
</li>
 +
 
 +
<li style="float: left; ">
 +
<div class="left-container">
 +
<div class="post-title-large"><a>Project Overview</a></div>
 +
 +
<div class="post-excerpt"><p>A visual description of the whole lab work we've done</p>
 +
</div>
 +
</div>
 +
<div class="slider-image-container">
 +
<a>
 +
<img src="https://static.igem.org/mediawiki/2012/8/83/Shouye33.png">
 +
</a>
 +
</div>
 +
</li>
 +
<li style="float: left; ">
 +
<div class="left-container">
 +
<div class="post-title-large"><a>Discussion Scene</a></div>
 +
 +
<div class="post-excerpt"><p>There is a tough problem need to be settled</p>
 +
</div>
 +
</div>
 +
<div class="slider-image-container">
 +
<a>
 +
<img src="https://static.igem.org/mediawiki/2012/6/6f/Shouye4.jpg">
 +
</a>
 +
</div>
 +
</li>
 +
<li style="float: left; ">
 +
<div class="left-container">
 +
<div class="post-title-large"><a>Enjoy Dinner</a></div>
 +
 +
<div class="post-excerpt"><p>For the birthday celebration of our former team leader</p>
 +
</div>
 +
</div>
 +
<div class="slider-image-container">
 +
<a>
 +
<img src="https://static.igem.org/mediawiki/2012/a/aa/Shouye5.jpg">
 +
</a>
 +
</div>
 +
</li>
 +
<li style="float: left; ">
 +
<div class="left-container">
 +
<div class="post-title-large"><a>HIT iGEM</a></div>
 +
 +
<div class="post-excerpt"><p>We have a wonderful experience in the lab this summer</p>
 +
</div>
 +
</div>
 +
<div class="slider-image-container">
 +
<a>
 +
<img src="https://static.igem.org/mediawiki/2012/8/8c/Shouye6.jpg">
 +
</a>
 +
</div>
 +
</li>
 +
</ul>
 +
</div>
 +
 
 +
<div class="post-390 odd">
 +
<div class="post-title">
 +
<a href = "https://2012.igem.org/Team:HIT-Harbin/project/part1">Detecting Device</a>
 +
</div>
 +
<div class="post-excerpte">
 +
<p>We use engineered E. coli.to detect the existence of S.aureus in the environment through sensing the AIPs secreted only from S.aureus, and the report will be shown by the expression of GFP.</p>
 +
</div>
 +
</div>
 +
<div class="post-390 even">
 +
<div class="post-title">
 +
<a href = "https://2012.igem.org/Team:HIT-Harbin/project/part2">Killing Device</a>
 +
</div>
 +
<div class="post-excerpte">
 +
<p>The construct is designed to eradicate S.aureus through the production of lysostaphin, which would be released till a certain concentration.</p>
 +
</div>
 +
</div>
 +
<div class="post-390 odd">
 +
<div class="post-title">
 +
<a href = "https://2012.igem.org/Team:HIT-Harbin/project/part3">Biofilm Formation Device</a>
 +
</div>
 +
<div class="post-excerpte">
 +
<p>In order to increase bactericidal effect, we enhance biofilm formation by over-expression of yddV, a di-guanylate cyclase, which catalyzes GTP into c-di-GMP. </p>
 +
</div>
 +
</div>
 +
<div class="post-390 even">
 +
<div class="post-title">
 +
<a href = "https://2012.igem.org/Team:HIT-Harbin/project/application">Application</a>
 +
</div>
 +
<div class="post-excerpte">
 +
<p>The system we have designed can be applied to the pools which contain flowing water with existence of S.aureus. For further application, this device can developed for medical use.</p>
 +
</div>
 +
</div>
 +
 
 +
<div class="post-391 odd">
 +
<div class="post-title">
 +
<a href="https://2012.igem.org/Team:HIT-Harbin/team" title="About us">About us</a>
 +
</div><!--post-title-->
 +
 
 +
<div class="post-excerpte">
 +
<p>&nbsp;&nbsp;&nbsp;&nbsp;The HIT-Harbin team is composed of 15 motivated students across a wide range of academic backgrounds this year: from freshman to senior, from biology to electromechanics. The identical dream makes us together to share a passion for science, stay-up late in the lab and learn. We're currently taking great efforts to make it and enjoying the happiness and sadness it bring to us.</p>
 +
</div><!--post-content-->
 +
 
 +
 
 +
</div><!--post-390-->
 +
<div class="post-391 odd">
 +
<div class="post-titlee">
 +
<a  title="SPONSORS">SPONSORS</a>
 +
</div><!--post-title-->
 +
 
 +
<div class="post-excerpt">
 +
 
 +
<a href="http://www.hit.edu.cn/">
 +
<img  src="https://static.igem.org/mediawiki/2012/c/c8/HIT-logo.jpg">
 +
</a>
 +
<a href="http://food.hit.edu.cn/">
 +
<img  src="https://static.igem.org/mediawiki/2012/1/13/HIT-Food.jpg">
 +
</a>
 +
<a href="http://hituc.hit.edu.cn:2011/out.do?viewType=outViewIndex">
 +
<img  src="https://static.igem.org/mediawiki/2012/c/c5/J1.JPG">
 +
</a>
 +
<a href="http://www.international.hit.edu.cn/">
 +
<img  src="https://static.igem.org/mediawiki/2012/9/97/J2.JPG">
 +
</a>
 +
<a href="http://syxy.hit.edu.cn/">
 +
<img  src="https://static.igem.org/mediawiki/2012/9/9c/J3.JPG">
 +
</a>
 +
<a href="http://student.hit.edu.cn/">
 +
<img  src="https://static.igem.org/mediawiki/2012/8/87/J4.JPG">
 +
</a>
 +
 
 +
<a href="http://www.hlje.net/">
 +
<img  src="https://static.igem.org/mediawiki/2012/d/d8/J5.JPG">
 +
</a>
 +
<a href="http://jcxb.hit.edu.cn/">
 +
<img  src="https://static.igem.org/mediawiki/2012/e/e5/J6.JPG">
 +
</a>
 +
 
 +
 
 +
</div><!--post-content-->
 +
 
 +
<p><a id="backtotop" href="https://2012.igem.org/Team:HIT-Harbin#header">Back to Top</a></p>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</body>
 +
</html>

Latest revision as of 13:59, 17 September 2013

HIT-Harbin

Detecting Device

We use engineered E. coli.to detect the existence of S.aureus in the environment through sensing the AIPs secreted only from S.aureus, and the report will be shown by the expression of GFP.

Killing Device

The construct is designed to eradicate S.aureus through the production of lysostaphin, which would be released till a certain concentration.

Biofilm Formation Device

In order to increase bactericidal effect, we enhance biofilm formation by over-expression of yddV, a di-guanylate cyclase, which catalyzes GTP into c-di-GMP.

Application

The system we have designed can be applied to the pools which contain flowing water with existence of S.aureus. For further application, this device can developed for medical use.

About us

    The HIT-Harbin team is composed of 15 motivated students across a wide range of academic backgrounds this year: from freshman to senior, from biology to electromechanics. The identical dream makes us together to share a passion for science, stay-up late in the lab and learn. We're currently taking great efforts to make it and enjoying the happiness and sadness it bring to us.

SPONSORS

Back to Top

Retrieved from "http://2012.igem.org/Team:HIT-Harbin"