Team:HIT-Harbin

From 2012.igem.org

(Difference between revisions)
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 *** -->
+
{{Team:TIT_Harbin/Main_Header|home}}
<html>
<html>
-
<!--
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<html xmlns="http://www.w3.org/1999/xhtml"><head profile="http://gmpg.org/xfn/11"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
<title>Monte Cristo Demo Website ? Alternate Home Page</title>
-
This is a template page. READ THESE INSTRUCTIONS.
+
<meta name="generator" content="WordPress 3.1"> 
-
</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*/
+
-
#header {height:134px; width:940px; border-top:8px solid #fff; text-align:left; margin:0 auto; }
+
-
 
+
-
#nav {float:right;}
+
-
#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;}
+
-
#nav ul li.current_page_item {background:#000000; }
+
-
#nav ul li.current_page_item a {color:#fff;}
+
-
#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;}
+
-
.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">
<link rel="stylesheet" href="jacopo.css" type="text/css" media="screen">
-
</head>
+
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://mc.fearlessflyer.com/feed">
-
<body>
+
<link rel="alternate" type="text/xml" title="RSS .92" href="http://mc.fearlessflyer.com/feed/rss">
 +
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="http://mc.fearlessflyer.com/feed/atom">
 +
<link rel="pingback" href="http://mc.fearlessflyer.com/xmlrpc.php">
 +
</head><body onload="setupZoom()"><div id="ZoomSpin" style="position: absolute; left: 10px; top: 10px; visibility: hidden; z-index: 525; "><img id="SpinImage" src="zoom-spin-1.png"></div><div id="ZoomBox" style="position: absolute; left: 10px; top: 10px; visibility: hidden; z-index: 499; "><img src="spacer.gif" id="ZoomImage" border="0" style="-webkit-box-shadow: rgba(0, 0, 0, 0) 0px 5px 25px; display: block; width: 10px; height: 10px; cursor: pointer; "><div id="ZoomClose" style="position: absolute; left: -15px; top: -15px; visibility: hidden; "><img src="closebox.png" width="30" height="30" border="0" style="cursor: pointer; "></div></div><div id="ZoomCapDiv" style="position: absolute; visibility: hidden; margin-left: auto; margin-right: auto; z-index: 501; "><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td align="right"><img src="zoom-caption-l.png" width="13" height="26" style="display: block; "></td><td background="zoom-caption-fill.png" id="ZoomCaption" valign="middle" style="font-size: 14px; font-family: Helvetica; font-weight: bold; color: rgb(255, 255, 255); text-shadow: rgb(0, 0, 0) 0px 2px 4px; white-space: nowrap; "></td><td><img src="zoom-caption-r.png" width="13" height="26" style="display: block; "></td></tr></tbody></table></div></div>
 +
<link rel="archives" title="September 2009" href="http://mc.fearlessflyer.com/archives/date/2009/09">
 +
<link rel="archives" title="August 2009" href="http://mc.fearlessflyer.com/archives/date/2009/08">
 +
<meta name="robots" content="noindex,nofollow">
 +
<link rel="alternate" type="application/rss+xml" title="Monte Cristo Demo Website ? Alternate Home Page Comments Feed" href="http://mc.fearlessflyer.com/alternate-home-page/feed">
 +
<script type="text/javascript" src="l10n.js"></script>
 +
<script type="text/javascript" src="jquery(1).js"></script>
 +
<script type="text/javascript" src="FancyZoom.js"></script>
 +
<script type="text/javascript" src="FancyZoomHTML.js"></script>
 +
<script type="text/javascript" src="scrolltopcontrol.js"></script>
 +
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://mc.fearlessflyer.com/xmlrpc.php?rsd">
 +
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://mc.fearlessflyer.com/wp-includes/wlwmanifest.xml">
 +
<link rel="index" title="Monte Cristo Demo Website" href="http://mc.fearlessflyer.com/">
 +
<link rel="prev" title="Home" href="http://mc.fearlessflyer.com/">
 +
<link rel="next" title="Blog" href="http://mc.fearlessflyer.com/blog">
 +
<meta name="generator" content="WordPress 3.1">
 +
<link rel="canonical" href="alternate-home-page.htm">
 +
<script type="text/javascript" src="jquery(2).js"></script>
 +
<script type="text/javascript" src="easySlider1.7.js"></script>
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
$("#slider").easySlider({
 +
auto: false, continuous: true,
 +
numeric: true
 +
});
 +
});
 +
</script>
<script type="text/javascript">
<script type="text/javascript">
sfHover = function() {
sfHover = function() {
Line 283: Line 51:
if (window.attachEvent) window.attachEvent("onload", sfHover);
if (window.attachEvent) window.attachEvent("onload", sfHover);
</script>
</script>
 +
<script type="text/javascript">
<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){}
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>
</script>
<div id="header">
<div id="header">
Line 290: Line 61:
<a class="logo" id="HIT-logo" href="HOME.html" title="HIT">Home</a>
<a class="logo" id="HIT-logo" href="HOME.html" title="HIT">Home</a>
</div>  
</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="HOME.html" 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="TEAM.OVERVIEW.html" 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="TEAM.OVERVIEW.html" title="OVERVIEW">OVERVIEW</a>
Line 333: Line 103:
</ul>
</ul>
</li>
</li>
 +
<li class="page_item page-item-39 "><a href="https://2012.igem.org/Main_Page" title="IGEM">iGEM</a></li>
 +
</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">
+
 
 +
<li style="float: left; ">
 +
<div class="left-container">
 +
<div class="post-title-large"><a href="http://mc.fearlessflyer.com/archives/122" title="Temporibus autem quibusdam et aut officiis">Temporibus autem quibusdam et aut officiis</a></div>
 +
 +
<div class="post-excerpt"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor [...]</p>
 +
</div>  
 +
</div>
 +
<div class="slider-image-container">
 +
<a class="portfolio-image" href="http://mc.fearlessflyer.com/wp-content/uploads/2009/09/207206_9370.jpg"><img src="magnifyy.png"></a>
 +
<a href="http://mc.fearlessflyer.com/wp-content/uploads/2009/09/207206_9370.jpg">
 +
<img src="timthumb(1).php">
 +
</a>
 +
</div>
 +
</li>
 +
<li style="float: left; ">
 +
<div class="left-container">
 +
<div class="post-title-large"><a href="http://mc.fearlessflyer.com/archives/112" title="Dignissimos ducimus qui blanditiis equal praesentium">Dignissimos ducimus qui blanditiis equal praesentium</a></div>
 +
 +
<div class="post-excerpt"><p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are [...]</p>
 +
</div>
 +
</div>
 +
<div class="slider-image-container">
 +
<a class="portfolio-image" href="http://mc.fearlessflyer.com/wp-content/uploads/2009/09/426208_27083288.jpg"><img src="magnifyy.png"></a>
 +
<a href="http://mc.fearlessflyer.com/wp-content/uploads/2009/09/426208_27083288.jpg">
 +
<img src="timthumb(2).php">
 +
</a>
 +
</div>
 +
</li>
 +
<li style="float: left; ">
 +
<div class="left-container">
 +
<div class="post-title-large"><a href="http://mc.fearlessflyer.com/archives/84" title="Where Does it Come From?">Where Does it Come From?</a></div>
 +
 +
<div class="post-excerpt"><p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, [...]</p>
 +
</div>
 +
</div>
 +
<div class="slider-image-container">
 +
<a class="portfolio-image" href="http://mc.fearlessflyer.com/wp-content/uploads/2009/09/491329_57132646.jpg"><img src="magnifyy.png"></a>
 +
<a href="http://mc.fearlessflyer.com/wp-content/uploads/2009/09/491329_57132646.jpg">
 +
<img src="timthumb(3).php">
 +
</a>
 +
</div>
 +
</li>
 +
<li style="float: left; ">
 +
<div class="left-container">
 +
<div class="post-title-large"><a href="http://mc.fearlessflyer.com/archives/77" title="Finibus Bonorum et Malorum">Finibus Bonorum et Malorum</a></div>
 +
 +
<div class="post-excerpt"><p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum [...]</p>
 +
</div>
 +
</div>
 +
<div class="slider-image-container">
 +
<a class="portfolio-image" href="http://mc.fearlessflyer.com/wp-content/uploads/2009/09/825627_12412582.jpg"><img src="magnifyy.png"></a>
 +
<a href="http://mc.fearlessflyer.com/wp-content/uploads/2009/09/825627_12412582.jpg">
 +
<img src="timthumb(4).php">
 +
</a>
 +
</div>
 +
</li>
 +
</ul>
 +
</div>
 +
<div class="post-390 odd">
<div class="post-title">
<div class="post-title">
-
<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>
+
<a>Detecting Device</a>
 +
</div>
 +
<div class="post-excerpt">
 +
<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>Killing Device</a>
 +
</div>
 +
<div class="post-excerpt">
 +
<p>The second type 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>Biofilm Formation Device</a>
 +
</div>
 +
<div class="post-excerpt">
 +
<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>Application</a>
 +
</div>
 +
<div class="post-excerpt">
 +
<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  title="About us">About us</a>
 +
</div><!--post-title-->
 +
 
 +
<div class="post-excerpt">
 +
<p>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.</p>
 +
</div><!--post-content-->
 +
 
 +
 
 +
 
 +
</div><!--post-390-->
 +
<div class="post-391 odd">
 +
<div class="post-titlee">
 +
<a title="About us">Sponsors</a>
 +
</div><!--post-title-->
 +
 
 +
<div class="post-excerpt">
 +
<a href="http://www.hit.edu.cn/">
 +
<img  src="HIT-logo.jpg">
 +
</a>
 +
<a href="http://food.hit.edu.cn/">
 +
<img  src="HIT-Food.jpg">
 +
</a>
 +
</div><!--post-content-->
 +
 
 +
 
 +
 
 +
</div><!--post-390-->
 +
 
</div>  
</div>  
</div>  
</div>  
 +
<div id="footer-wrap">
 +
<div id="footer">
 +
<a id="backtotop" href="http://mc.fearlessflyer.com/alternate-home-page#header">Back to Top</a>
</div>  
</div>  
</div>  
</div>  
 +
</body></html>
</body></html>
-
|-
 
-
<!--
 
-
|
 
-
|align="center"|[[Team:HIT-Harbin | Team HIT-Harbin]]
 
-
-->
 
-
|}
 

Revision as of 02:27, 10 September 2012

Template:Team:TIT Harbin/Main Header Monte Cristo Demo Website ? Alternate Home Page

  • Temporibus autem quibusdam et aut officiis

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor [...]

  • Dignissimos ducimus qui blanditiis equal praesentium

    On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are [...]

  • Where Does it Come From?

    Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, [...]

  • Finibus Bonorum et Malorum

    At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum [...]

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 second type 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 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.

Sponsors

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