|
|
| (98 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
| + | {{tempalte:HIT-Harbin}} |
| - | <html xmlns="http://www.w3.org/1999/xhtml">
| + | <html> |
| - | <head profile="http://gmpg.org/xfn/11"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
| + | |
| - | <title>HIT-Harbin</title>
| + | |
| - | <link rel="stylesheet" href="jacopo.css" type="text/css" media="screen"> | + | |
| - | </head>
| + | |
| | <body> | | <body> |
| | | | |
| - | </div>
| + | |
| - | <script type="text/javascript" src="jquery(2).js"></script> | + | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> |
| - | <script type="text/javascript" src="easySlider1.7.js"></script> | + | <script type="text/javascript" src="https://2012.igem.org/Team:HIT-Harbin/script.js?action=raw&ctype=text/javascript"></script> |
| | <script type="text/javascript"> | | <script type="text/javascript"> |
| | $(document).ready(function(){ | | $(document).ready(function(){ |
| Line 32: |
Line 28: |
| | if (window.attachEvent) window.attachEvent("onload", sfHover); | | if (window.attachEvent) window.attachEvent("onload", sfHover); |
| | </script> | | </script> |
| - | | + | |
| - | | + | |
| | <div id="header"> | | <div id="header"> |
| - | <div class="logo-area">
| |
| - | <a class="logo" id="HIT-logo" href="HOME.html" title="HIT"> </a>
| |
| - | </div>
| |
| - | <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>
| |
| | <div id="nav"> | | <div id="nav"> |
| | <ul id="nav2"> | | <ul id="nav2"> |
| - | <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-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 "><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 SOFTWARE" 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> | | <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> |
| | + | |
| | <div id="wrap"> | | <div id="wrap"> |
| | <div id="wrap-inner-withslide"> | | <div id="wrap-inner-withslide"> |
| Line 334: |
Line 86: |
| | <li style="float: left; "> | | <li style="float: left; "> |
| | <div class="left-container"> | | <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-title-large"><a>History of HIT</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 class="post-excerpt"><p>This is the oldest building of Harbin Institute of Technology</p> |
| | </div> | | </div> |
| | </div> | | </div> |
| | <div class="slider-image-container"> | | <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> |
| - | <a href="http://mc.fearlessflyer.com/wp-content/uploads/2009/09/207206_9370.jpg">
| + | <img src="https://static.igem.org/mediawiki/2012/2/23/Shouye1.jpg"> |
| - | <img src="timthumb(1).php">
| + | |
| | </a> | | </a> |
| | </div> | | </div> |
| Line 348: |
Line 99: |
| | <li style="float: left; "> | | <li style="float: left; "> |
| | <div class="left-container"> | | <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-title-large"><a>Centre Street in Snow</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 class="post-excerpt"><p>The most famous street with historical buildings</p> |
| | </div> | | </div> |
| | </div> | | </div> |
| | <div class="slider-image-container"> | | <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> |
| - | <a href="http://mc.fearlessflyer.com/wp-content/uploads/2009/09/426208_27083288.jpg">
| + | <img src="https://static.igem.org/mediawiki/2012/d/da/Shouye2.jpg"> |
| - | <img src="timthumb(2).php">
| + | |
| | </a> | | </a> |
| | </div> | | </div> |
| | </li> | | </li> |
| | + | |
| | <li style="float: left; "> | | <li style="float: left; "> |
| | <div class="left-container"> | | <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-title-large"><a>Project Overview</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 class="post-excerpt"><p>A visual description of the whole lab work we've done</p> |
| | </div> | | </div> |
| | </div> | | </div> |
| | <div class="slider-image-container"> | | <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> |
| - | <a href="http://mc.fearlessflyer.com/wp-content/uploads/2009/09/491329_57132646.jpg">
| + | <img src="https://static.igem.org/mediawiki/2012/8/83/Shouye33.png"> |
| - | <img src="timthumb(3).php">
| + | |
| | </a> | | </a> |
| | </div> | | </div> |
| Line 376: |
Line 126: |
| | <li style="float: left; "> | | <li style="float: left; "> |
| | <div class="left-container"> | | <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-title-large"><a>Discussion Scene</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 class="post-excerpt"><p>There is a tough problem need to be settled</p> |
| | </div> | | </div> |
| | </div> | | </div> |
| | <div class="slider-image-container"> | | <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> |
| - | <a href="http://mc.fearlessflyer.com/wp-content/uploads/2009/09/825627_12412582.jpg"> | + | <img src="https://static.igem.org/mediawiki/2012/6/6f/Shouye4.jpg"> |
| - | <img src="timthumb(4).php"> | + | </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> | | </a> |
| | </div> | | </div> |
| Line 390: |
Line 165: |
| | </ul> | | </ul> |
| | </div> | | </div> |
| | + | |
| | <div class="post-390 odd"> | | <div class="post-390 odd"> |
| | <div class="post-title"> | | <div class="post-title"> |
| - | <a>Detecting Device</a> | + | <a href = "https://2012.igem.org/Team:HIT-Harbin/project/part1">Detecting Device</a> |
| | </div> | | </div> |
| - | <div class="post-excerpt"> | + | <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> | | <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> |
| Line 400: |
Line 176: |
| | <div class="post-390 even"> | | <div class="post-390 even"> |
| | <div class="post-title"> | | <div class="post-title"> |
| - | <a>Killing Device</a> | + | <a href = "https://2012.igem.org/Team:HIT-Harbin/project/part2">Killing Device</a> |
| | </div> | | </div> |
| - | <div class="post-excerpt"> | + | <div class="post-excerpte"> |
| - | <p>The second type is designed to eradicate S.aureus through the production of lysostaphin, which would be released till a certain concentration.</p> | + | <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> | | </div> |
| | <div class="post-390 odd"> | | <div class="post-390 odd"> |
| | <div class="post-title"> | | <div class="post-title"> |
| - | <a>Biofilm Formation Device</a> | + | <a href = "https://2012.igem.org/Team:HIT-Harbin/project/part3">Biofilm Formation Device</a> |
| | </div> | | </div> |
| - | <div class="post-excerpt"> | + | <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> | | <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> |
| Line 416: |
Line 192: |
| | <div class="post-390 even"> | | <div class="post-390 even"> |
| | <div class="post-title"> | | <div class="post-title"> |
| - | <a>Application</a> | + | <a href = "https://2012.igem.org/Team:HIT-Harbin/project/application">Application</a> |
| | </div> | | </div> |
| - | <div class="post-excerpt"> | + | <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> | | <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> | | </div> |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| | | | |
| | <div class="post-391 odd"> | | <div class="post-391 odd"> |
| | <div class="post-title"> | | <div class="post-title"> |
| - | <a title="About us">About us</a> | + | <a href="https://2012.igem.org/Team:HIT-Harbin/team" title="About us">About us</a> |
| | </div><!--post-title--> | | </div><!--post-title--> |
| | | | |
| - | <div class="post-excerpt"> | + | <div class="post-excerpte"> |
| - | <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> | + | <p> 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-content--> |
| - |
| |
| | | | |
| | | | |
| Line 441: |
Line 212: |
| | <div class="post-391 odd"> | | <div class="post-391 odd"> |
| | <div class="post-titlee"> | | <div class="post-titlee"> |
| - | <a title="About us">Sponsors</a> | + | <a title="SPONSORS">SPONSORS</a> |
| | </div><!--post-title--> | | </div><!--post-title--> |
| | | | |
| | <div class="post-excerpt"> | | <div class="post-excerpt"> |
| | + | |
| | <a href="http://www.hit.edu.cn/"> | | <a href="http://www.hit.edu.cn/"> |
| - | <img src="HIT-logo.jpg"> | + | <img src="https://static.igem.org/mediawiki/2012/c/c8/HIT-logo.jpg"> |
| | </a> | | </a> |
| | <a href="http://food.hit.edu.cn/"> | | <a href="http://food.hit.edu.cn/"> |
| - | <img src="HIT-Food.jpg"> | + | <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> |
| - | </div><!--post-content-->
| |
| | | | |
| | + | <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-390--> | + | </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> |
| - | <div id="footer-wrap">
| + | </div> |
| - | <div id="footer">
| + | </div> |
| - | <a id="backtotop" href="http://mc.fearlessflyer.com/alternate-home-page#header">Back to Top</a>
| + | </body> |
| - | </div> | + | </html> |
| - | </div> | + | |
| - | | + | |
| - | </body></html> | + | |
"
