Template:Tempalte:HIT-Harbin

From 2012.igem.org

(Difference between revisions)
 
(95 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style type="text/css">
-
html{
+
#content{  
-
overflow: -moz-scrollbars-vertical !important;
+
                  width:100%;
-
resize: none;
+
                  padding:0;
-
background:#fff;
+
                  border:0;
-
}
+
                margin:0;
 +
            background-color: transparent;
 +
            }
#top-section {
#top-section {
-
height: 20px;
+
              height:0px ! important ;
-
border-left: none;
+
              margin: 0 auto;
-
border-right: none;
+
              padding:0;
 +
              border:0;
 +
              background-color: transparent;
 +
            <!-- *** display:none;*** -->
 +
              }
 +
 
 +
#p-logo { 
 +
              display: none;
}
}
-
#siteSub {
+
#search-controls{
-
display:none;
+
              display: none;
}
}
-
#search-controls {
+
#catlinks{  
-
display:none;
+
              display: none;
}
}
.firstHeading {
.firstHeading {
-
display:none;
+
            display:none;
}
}
-
 
+
 
-
#search-controls {
+
#footer-box{
-
margin-top:0px;
+
          background-color: transparent;
 +
          border: 0px;
 +
          margin: 0px atuo;
}
}
-
#footer-box {
 
-
display:none;
 
}
}
* {padding:0; margin:0;}
* {padding:0; margin:0;}
-
body {background:url(body-bg.gif) repeat-x #575757; font-family:helvetica, arial; font-size:15px; color:#4e4e4e;}
+
body {background:url(https://static.igem.org/mediawiki/2012/a/af/Body-bg.gif) repeat-x #575757; font-size:11px; color:#4e4e4e;}
a {outline:none; color:#5f5f5f; font-weight:bold; text-decoration:none;}
a {outline:none; color:#5f5f5f; font-weight:bold; text-decoration:none;}
a:hover {color:#ea0101; }
a:hover {color:#ea0101; }
Line 44: Line 53:
.aligncenter {margin-left: auto; margin-right: auto;}
.aligncenter {margin-left: auto; margin-right: auto;}
-
 
+
#wrap {width:938px; background:url(https://static.igem.org/mediawiki/2012/4/42/WRAP-BG2.png) repeat-x top left #edebeb; margin:0 auto; overflow:hidden; clear:both; border-top:0px 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(https://static.igem.org/mediawiki/2012/d/de/TITLE-AREA-BG.jpg) no-repeat top left;}
-
#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-withslide {width:820px; margin:34px 0 0 30px; padding:0 30px 0 30px; background: url(https://static.igem.org/mediawiki/2012/4/44/SLIDER-BG.png) no-repeat top left; overflow:hidden; }
-
#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*/
-
#header {height:134px; width:940px; border-top:8px solid #fff; text-align:left; margin:0 auto; }
+
#header {height:125px; width:940px; border-top:15px solid #fff; text-align:left; margin:0 auto; }
-
#nav {float:right;}
+
#nav {float:left;width:940px;}
-
#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.page_item {float:left; list-style:none; padding:3px 8px 6px 8px; line-height:18px; height:18px;background: url(https://static.igem.org/mediawiki/2012/8/8d/Ul-bg.png
 +
) repeat-x bottom left; margin-right:2px;}
#nav ul li.current_page_item {background:#000000; }
#nav ul li.current_page_item {background:#000000; }
#nav ul li.current_page_item a {color:#fff;}
#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.page_last{float:left; list-style:none; padding-right:0; padding:3px 8px 6px 8px; line-height:18px; height:18px; background: url(https://static.igem.org/mediawiki/2012/8/8d/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 {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;}
#nav ul li a:hover {color:#999999;}
.logo-area {padding-top:5px; clear:both; overflow:visible; height:220px;}
.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.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;}\
+
a#HIT-logo {text-indent:0px; background:url(https://static.igem.org/mediawiki/2012/0/04/HBackground.png) no-repeat;}
a.portfolio-image {display:block; width:400px; height:26px; position:relative; top:16px; left:-8px; z-index:2;}
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;}
img.large-thumbs {position:relative; z-index:1; padding-bottom:10px;}
-
.large-image{background:url(../images/LARGE-IMG.png) no-repeat bottom left; width:400px; height:316px; float:left; margin-bottom:10px; padding-bottom:18px; }
+
.large-image{background:url(https://static.igem.org/mediawiki/2012/3/3c/LARGE-IMG.png) no-repeat bottom left; width:400px; height:500px; float:left; margin-bottom:10px; padding-bottom:18px; }
.large-image.odd {margin-right:20px;}
.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{clear:both; padding:0 20px 0 20px; font-family:'Lucida Grande','Lucida Sans Unicode','Trebuchet MS', verdana, georgia; text-align:center;}
Line 72: Line 80:
.large-image .post-title-small a:hover {color:#5f5f5f; }
.large-image .post-title-small a:hover {color:#5f5f5f; }
-
 
+
#nav2 li ul {position: absolute; width: 20em; left: -999em; padding-top:-1px;}
-
#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: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 ul li {border-bottom:0px solid #dedbd1; border-left:1px solid #dedbd1; border-right:1px solid #dedbd1; line-height:0px; width:15em;}
#nav2 li:hover, #nav2 li.hover {position: static;}
#nav2 li:hover, #nav2 li.hover {position: static;}
#nav2 li ul ul {margin: -22px 0 0 15em;}
#nav2 li ul ul {margin: -22px 0 0 15em;}
Line 83: Line 90:
#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;}  
#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;}  
 +
.large-imagea{background:url(https://static.igem.org/mediawiki/2012/3/3c/LARGE-IMG.png) no-repeat bottom left; width:400px; height:316px; float:left; margin-bottom:10px; padding-bottom:18px; }
 +
.large-imagea.odd {margin-right:20px;}
 +
.large-imagea .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-imagea.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-imagea.post-title-small a:hover {color:#5f5f5f; }
/*index*/
/*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;}
.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;}
#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-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(https://static.igem.org/mediawiki/2012/e/ec/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-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(https://static.igem.org/mediawiki/2012/e/ec/Horiz.gif) repeat-x bottom left;}
.post-title a {font-weight:bolder;}
.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;}
.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.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-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; }
+
span.the-comments {background:url(https://static.igem.org/mediawiki/2012/4/48/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-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-excerpte {font-size:14px; font-family:Arial;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 {color:#4E4E4E; background:#FFF5C0; text-shadow:0 1px 0 #fff;}
.post-excerpt a:hover {color:#828282;}
.post-excerpt a:hover {color:#828282;}
Line 122: Line 134:
#slider{position:relative; text-align:left; }
#slider{position:relative; text-align:left; }
#slider ul, #slider li {margin:0; padding:0; list-style:none;}
#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 li {width:820px; height:376px; overflow:hidden; background: url(https://static.igem.org/mediawiki/2012/b/bb/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 .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 {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-large a { 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 .post-excerpt {font-size:20px; font-weight:bold; color:#FFFFFF;}
ol#controls{margin:1em 0; padding:0; height:28px; position:relative; top:-90px;}
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{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 a{float:left; height:23px; line-height:23px; background: url(https://static.igem.org/mediawiki/2012/9/97/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.current a{background:#ab0303; color:#fff; text-shadow:none;}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
-
.slider-image-container{position:relative; width:400px; height:300px; float:right; margin-top:28px; }
+
.slider-image-container{position:relative; width:400px; height:300px; float:right; margin-top:54px; }
.post-390 {width:390px; float:left; margin-bottom:20px; text-align:left;}
.post-390 {width:390px; float:left; margin-bottom:20px; text-align:left;}
.post-390.odd {margin-right:40px;}
.post-390.odd {margin-right:40px;}
Line 143: Line 154:
.post-391.odd {margin-right:40px;}
.post-391.odd {margin-right:40px;}
.post-391 .post-excerpt {line-height:24px;}
.post-391 .post-excerpt {line-height:24px;}
-
 
-
 
-
 
-
/*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>
</style>
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>HIT-Harbin</title>
<title>HIT-Harbin</title>
-
<link rel="stylesheet" href="jacopo.css" type="text/css" media="screen">
 
</head>
</head>
<body>
<body>
-
 
-
</div>
 
-
<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">
 
-
sfHover = function() {
 
-
var sfEls = document.getElementById("nav2").getElementsByTagName("LI");
 
-
for (var i=0; i<sfEls.length; i++) {
 
-
sfEls[i].onmouseover=function() {
 
-
this.className+=" sfhover";
 
-
}
 
-
sfEls[i].onmouseout=function() {
 
-
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
 
-
}
 
-
}
 
-
}
 
-
if (window.attachEvent) window.attachEvent("onload", sfHover);
 
-
</script>
 
-
 
-
 
<div id="header">
<div id="header">
<div class="logo-area">
<div class="logo-area">
-
<a class="logo" id="HIT-logo" href="HOME.html" title="HIT"> </a>
+
<a class="logo" id="HIT-logo" href="https://2012.igem.org/Team:HIT-Harbin" title="HIT"></a>
-
</div>
+
-
<div id="nav">
+
-
<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-39 "><a href="TEAM.OVERVIEW.html" title="Alternate Home Page">TEAM</a>
+
-
<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.UNDERGRADUATES.html" 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="TEAM.ABOUT THE UNIVERSITY.html" title="ABOUT THE UNIVERSITY">ABOUT THE UNIVERSITY</a>
+
-
</li>
+
-
</ul>
+
-
</li>
+
-
<li class="page_item page-item-39 "><a href="PROJECT.OVERVIEW.html" title="PROJECT">PROJECT</a>
+
-
<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="PROJECT.PART 1.html" title="PART 1">PART 1</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="PROJECT.PART 3.html" title="PART 3">PART 3</a></li>
+
-
<li class="page_item page-item-136"><a href="PROJECT.Application.html" title="Application">Application</a>
+
-
</li>
+
-
</ul>
+
-
</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="SAFETY.html" title="SAFETY">SAFETY </a>
+
-
</li>
+
-
<li class="page_item page-item-39 "><a href="NOTEBOOK.DIARY..html" title="Alternate Home Page">NOTEBOOK</a>
+
-
<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="NOTEBOOK.PROTOCOL.html" title="PROTOCOL">PROTOCOL</a></li>
+
-
<li class="page_item page-item-136"><a href="NOTEBOOK.Attributions.html" title="Attributions<">Attributions</a></li>
+
-
</li>
+
-
</ul>
+
-
</li>
+
-
<li class="page_item page-item-39 "><a href="HUMAN PRACTICE.LECTURE" title="HUMAN PRACTICE">HUMAN PRACTICE</a>
+
-
<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="HUMAN PRACTICE.THESOFTWARE" title="THE SOFTRWARE">THE 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>
+
-
</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>
 +
</body>
 +
</html>

Latest revision as of 18:20, 26 September 2012

HIT-Harbin