Team:HIT-Harbin

From 2012.igem.org

(Difference between revisions)
Line 57: Line 57:
</script>
</script>
 +
<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="header">
<div id="header">
<div class="logo-area">
<div class="logo-area">

Revision as of 02:29, 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"