Team:NEAU-Harbin/Sandbox

From 2014.igem.org

(Difference between revisions)
 
(54 intermediate revisions not shown)
Line 1: Line 1:
-
{{CSS/Main}}
+
{{Template:NEAU-Harbin/repair}}
<!--DOCTYPE html-->
<!--DOCTYPE html-->
-
<!-- Thanks to http://90du.es/demo/ -->
+
<html>
-
<html>  
+
<head>
<head>
-
<style>#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/</style>
+
<meta charset="UTF-8">
-
<script type="text/javascript" src="jquery.js"></script>
+
<link rel="icon" href="/favicon.ico" mce_href="/favicon.ico" type="image/x-icon">
-
<style>
+
<link rel="shortcut icon" href="/favicon.ico" mce_href="/favicon.ico" type="image/x-icon">
-
/*shape*/
+
<title>project</title>
-
#square {
+
-
width: 50px;
+
-
height: 50px;
+
-
background: green;
+
-
}</style>
+
-
<!-- demo2 -->
+
<meta name="viewport" content="width=1024">
-
<style>
+
<meta name="google-site-verification" content="Rj8ohnw2EzVgmA_70fZBwVrmeDqpcmdxJxv0qVk5KJE" />
-
/*accordion list*/
+
-
.demo2 {
+
-
    overflow: hidden;
+
-
}
+
-
.demo2 .span3 label {
+
-
    font-size: 18px;
+
-
    line-height: 27px;
+
-
    border-bottom: 2px solid #4ce;
+
-
    color: #4ce;
+
-
}
+
-
.demo2 .span3 input[type] {
+
-
    display: none;
+
-
    position: absolute;
+
-
    width: 100%;
+
-
    height: 36px;
+
-
    opacity: 0;
+
-
    cursor: pointer;
+
-
}
+
-
.demo2 .span3 label{
+
-
    font-weight: bold;
+
-
    display: block;
+
-
    margin-bottom: 10px;
+
-
    position: relative;
+
-
}
+
-
.demo2 .span3 label:after{
+
-
    content:'\25C0';
+
-
    position: absolute;
+
-
    right: 1%;
+
-
}
+
-
.demo2 .span3 .unstyled{
+
-
    height: 1px;
+
-
    overflow: hidden;
+
-
    opacity: 0;
+
-
    transition: min-height .5s,opacity 1s;
+
-
}
+
-
.demo2 .span3 input[type]:checked ~ .unstyled{
+
-
    min-height: 130px;
+
-
    opacity: 1;
+
-
}
+
-
.demo2 .span3 input[type]:checked ~ label:after {
+
-
    -webkit-transform: rotate(-90deg);
+
-
}
+
-
</style>
+
-
<!-- Scrollfixed Sidebar -->
+
<link rel="stylesheet" href="http://nd.cn.usa.wakelion.net/css/normalize.css" type="text/css">
-
<style>
+
<link rel="stylesheet" href="http://nd.cn.usa.wakelion.net/css/style.css" type="text/css">
-
.fixed {position:fixed;top:20px;background-color:#90EE90;border-color:green; }
+
<script type="text/javascript" src="http://nd.cn.usa.wakelion.net/js/jquery-1.10.2.js"></script>
-
/* article{height:2800px;} */
+
<script type="text/javascript" src="http://nd.cn.usa.wakelion.net/js/jquery.scrollTo.min.js"></script>
-
</style>
+
<script type="text/javascript" src="http://nd.cn.usa.wakelion.net/js/html5.js"></script>
-
<script src="./jquery.min.js"></script>
+
<script type="text/javascript" src="http://nd.cn.usa.wakelion.net/js/main.js"></script>
-
<!--script>window.jQuery || document.write('<script src="http://no-mans-land.wdimg.com/js/latest-jquery.min.js"><\/script>')</script>
+
-
<script src="./prettify.js"></script><div id="demoHome">Demo Index</div-->
+
-
<script>
 
-
/* trigger when page is ready */ 
 
-
$(document).ready(function (){ 
 
-
  // check where the sidebar div is 
 
-
  var offset = $('aside').offset(); 
 
-
     
 
-
    $(window).scroll(function () { 
 
-
      var scrollTop = $(window).scrollTop(); // check the visible top of the browser
 
-
        if (offset.top < scrollTop) $('aside').addClass('fixed'); 
 
-
        else $('aside').removeClass('fixed'); 
 
-
        }); 
 
-
 
-
});
 
-
 
-
</script>
 
-
<!-- End Scrollfixed Sidebar -->
 
-
 
-
<!-- reset.css -->
 
-
<style>/* CSS Reset - Boilerplate */
 
-
 
-
html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
 
-
 
-
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0;font-size:1em;line-height:1.4}body,button,input,select,textarea{font-family:sans-serif;color:#222}::-moz-selection{background:#fe57a1;color:#fff;text-shadow:none}::selection{background:#fe57a1;color:#fff;text-shadow:none}a{color:#00e}a:visited{color:#551a8b}a:hover{color:#06e}a:focus{outline:thin dotted}a:hover,a:active{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:bold}pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:"";content:none}small{font-size:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}ul,ol{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;*margin-left:-7px;padding:0}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}input:invalid,textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.hidden{display:none!important;visibility:hidden}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}</style>
 
-
 
-
<!-- demo-format.css -->
 
<style>
<style>
-
body {
+
.careers_tan dl dt{ height:230px !important;}
-
    font: 12px/18px Tahoma,Verdana,"BitStream vera Sans",Arial,Helvetica,Sans-serif;
+
.team_img dl dt{ height:233px !important;}
-
    border-top: 5px solid #72C4D2;
+
html,* html body{background-image:url(about:blank); background-attachment:fixed}
-
    padding-bottom: 40px;
+
html .ie6fixedTL{position:absolute;left:expression(eval(document.documentElement.scrollLeft));top:expression(eval(document.documentElement.scrollTop))}
-
    background-color: #ECE7D8;
+
html .ie6fixedBR{position:absolute;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)))}
-
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAIAQMAAAARA0f2AAAAA3NCSVQICAjb4U/gAAAABlBMVEXo4c7s59jlmUFzAAAACXBIWXMAAAsSAAALEgHS3X78AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1MzmNZGAwAAABV0RVh0Q3JlYXRpb24gVGltZQAyLzE2LzEwj+B0TgAAABJJREFUCJlj+N/AAEQNDAyoDAB5zQn7O9x7hQAAAABJRU5ErkJggg%3D%3D);
+
-
}
+
-
p {
+
#globalWrapper {
-
    margin-bottom: 8px;
+
padding-bottom: 0;}
-
}
+
-
.wrapper {
+
-
  width: 920px;
+
-
  margin: 0 auto;
+
-
}
+
-
header,
+
#top-section {
-
article,
+
  height: 20px;
-
aside,
+
  margin-bottom: 0;
-
footer {
+
  border: none;
-
  background-color: #fff;
+
  background: #e3e4e4;
-
  border: 8px solid transparent;
+
  width: 100%;
-
 
+
  position: fixed;
-
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
+
  top: 0;
-
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
+
    z-index: 10;}
-
 
+
#p-logo {
-
  -webkit-background-clip: padding-box;
+
display: none;
-
  -moz-background-clip: padding-box;
+
-
  background-clip: padding-box;
+
-
  padding: 10px;
+
-
  margin-bottom: 20px;
+
-
  word-wrap:break-word;
+
}
}
-
.lt-ie9 header,
+
.right-menu li a {
-
.lt-ie9 article,
+
-
.lt-ie9 aside,
+
-
.lt-ie9 footer {
+
-
  border: 8px solid #fff;
+
-
  outline: 1px solid #ccc;
+
-
}
+
-
header{
+
background-color:#e3e4e4;
-
  color:#000;
+
-
  text-shadow:0 1px 0 #eee;
+
-
  border-top:0;
+
}
}
 +
#menubar{ background:none}
 +
#menubar a{ color:#e3e4e4;}
 +
#searchform {
 +
display: none;}
 +
#content {
 +
position: relative;
 +
width: 100%;
 +
color:#fff;
 +
border:none;
 +
z-index: 2;
 +
margin: 0;
 +
padding: 0;
-
article{
 
-
  background-color:#fff;
 
-
  width:600px;
 
-
  float:right;
 
-
  min-height: 400px;
 
-
}
 
-
aside{
 
-
  width:225px;
 
-
  color:#000;
 
-
  background-color: #E8E36F;
 
-
  min-height: 400px;
 
}
}
-
 
+
#footer-box{display:none}
-
aside h2{
+
#search-controls{ top:70px;}
-
  border-bottom:1px dotted #444;
+
-
}
+
-
 
+
-
footer{
+
-
  margin-bottom:0
+
-
}
+
-
 
+
-
h1,h2,h3{
+
-
  margin:5px 0;
+
-
  font-size:1em
+
-
}
+
-
article > h1,
+
-
article > h2,
+
-
article > h3,
+
-
footer > h1,
+
-
footer > h2,
+
-
footer > h3{
+
-
  border:0;
+
-
  border-left:8px solid #72C4D2;
+
-
  margin: 15px -10px 15px -18px;
+
-
  background:#E2F2F5;
+
-
  background: rgba(114, 196, 210, 0.2);
+
-
  padding: 5px 10px;
+
-
}
+
-
 
+
-
.clear {
+
-
  clear: both;
+
-
}
+
-
 
+
-
/* prettify code from css-tricks */
+
-
pre {
+
-
  position: relative;
+
-
  background: #333;
+
-
  color: #fff;
+
-
  line-height: 1.8;
+
-
  border-radius: 8px;
+
-
  padding: 40px 10px 10px;
+
-
  margin: 0 0 25px 0;
+
-
  overflow: auto;
+
-
}
+
-
 
+
-
.ie6 pre,
+
-
.ie7 pre,
+
-
.lt-ie8 pre{
+
-
  padding:10px;
+
-
}
+
-
pre code{
+
-
  color:#fff;
+
-
  background:#333;
+
-
}
+
-
pre[rel]:after {
+
-
  content: attr(rel);
+
-
  text-transform: uppercase;
+
-
  position: absolute;
+
-
  left: 0;
+
-
  right: 0;
+
-
  top: -1px;
+
-
  padding: 5px 5px 5px 15px;
+
-
  background: #2c539e;
+
-
  color: #fff;
+
-
  font: bold 16px/1.5 Georgia, serif;
+
-
  border-radius: 8px 8px 0 0;
+
-
  text-shadow: 0 1px 0 rgba(0,0,0,.4);
+
-
}
+
-
pre[rel=css]:after {background: #fac126; }
+
-
pre[rel=php]:after {background: #00C1FF; }
+
-
pre[rel=javascript]:after, pre[rel=js]:after {background: #739817; }
+
-
pre[rel=html]:after {background: #3297CB; }
+
-
/* google prettify */
+
-
pre .str{color:#ff8400}
+
-
pre .kwd{color:#e8ed97}
+
-
pre .com{color:#999}
+
-
pre .typ{color:#9a848c}
+
-
pre .lit{color:#c9783e}
+
-
pre .pun{color:#eee}
+
-
pre .pln{color:#dfc484}
+
-
pre .tag{color:#dfc484}
+
-
pre .atn{color:#dfc484}
+
-
pre .atv{color:#8e9c5c}
+
-
pre .dec{color:#ccc}
+
-
 
+
-
#demoHome{
+
-
  background: #131415;
+
-
  color: #fff;
+
-
  padding: 1em;
+
-
  border: 1px solid #000;
+
-
  width: 300px;
+
-
  text-align: center;
+
-
  margin: 3em auto;
+
-
  cursor: pointer;
+
-
  clear: both;
+
-
}
+
-
.browsehappy,.chromeframe {margin: 0 0 2em; background: #FFF790; color: #444; padding: 0.75em 0; text-align: center; }
+
-
.browsehappy a,.chromeframe a {color: #FE4E65; }
+
-
 
+
-
 
+
-
/* CanIUse ------------------------------------------------------ */
+
-
 
+
-
 
+
-
.showAlt {
+
-
    background: inherit;
+
-
}
+
-
 
+
-
.showAlt #alt {
+
-
    display: block;
+
-
}
+
-
 
+
-
#alt {
+
-
    display: none;
+
-
}
+
-
 
+
-
#alt {
+
-
    position: fixed;
+
-
    z-index: 999;
+
-
    top: 0; right: 0; bottom: 0; left: 0;
+
-
    text-align: center;
+
-
    padding: 50px;
+
-
    background: inherit;
+
-
}
+
-
 
+
-
#alt img {
+
-
    border-radius: 4px;
+
-
    box-shadow: 0 1px 4px hsla(0,0%,0%,.15);
+
-
}
+
-
 
+
-
#h5p-message {
+
-
    margin: 0 auto;
+
-
    color: #999;
+
-
    padding: 20px;
+
-
    max-width: 600px;
+
-
    background: #fff;
+
-
    border-radius: 0 0 4px 4px;
+
-
    box-shadow: 0 1px 4px hsla(0,0%,0%,.15);
+
-
}
+
-
 
+
-
#h5p-message .caniuse {
+
-
    font-size: 12px;
+
-
    background: none;
+
-
    border: none;
+
-
    box-shadow: none;
+
-
}
+
-
 
+
-
 
+
-
/* nprogress */
+
-
#nprogress{pointer-events:none;-webkit-pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:100;top:0;left:0;width:100%;height:10px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1.0;-webkit-transform:rotate(3deg) translate(0,-4px);-moz-transform:rotate(3deg) translate(0,-4px);-ms-transform:rotate(3deg) translate(0,-4px);-o-transform:rotate(3deg) translate(0,-4px);transform:rotate(3deg) translate(0,-4px)}#nprogress .spinner{display:block;position:fixed;z-index:100;top:15px;right:15px}#nprogress .spinner-icon{width:14px;height:14px;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:10px;-webkit-animation:nprogress-spinner 400ms linear infinite;-moz-animation:nprogress-spinner 400ms linear infinite;-ms-animation:nprogress-spinner 400ms linear infinite;-o-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite}@-webkit-keyframes nprogress-spinner{0{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes nprogress-spinner{0{-moz-transform:rotate(0);transform:rotate(0)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes nprogress-spinner{0{-o-transform:rotate(0);transform:rotate(0)}100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes nprogress-spinner{0{-ms-transform:rotate(0);transform:rotate(0)}100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes nprogress-spinner{0{transform:rotate(0);transform:rotate(0)}100%{transform:rotate(360deg);transform:rotate(360deg)}}
+
</style>
</style>
-
 
+
<!--home 部分 鼠标经过弹出层-->
 +
<style>
 +
        dl{width:200px;float:left;margin:50px 19px;display:inline; position:relative;}/*修改201203-25*/
 +
        dl dt{height:160px;}
 +
      .inmovie_box dl dt img{}
 +
        .ycc{  background:#FFF; display:none; z-index:100; position:absolute; left:0px; text-align:center; font-size:12px; font-weight:bold; color:#000;}
 +
        #aa{  background:#FFF; display:none; z-index:100; position:absolute; left:0px; top:-220px;text-align:center; font-size:12px; font-weight:bold; color:#000;}
 +
        #bb{  background:#FFF; display:none; z-index:100; position:absolute; left:-400px; top:-730px;text-align:center; font-size:12px; font-weight:bold; color:#000;}
 +
        #cc{  background:#FFF; display:none; z-index:100; position:absolute; left:-200px; top:-480px;text-align:center; font-size:12px; font-weight:bold; color:#000;}
 +
.team_tc{ margin-right:93px;}
 +
#team_tb{ margin-left:9%;}
 +
#team_td{ margin-left:10%;}
 +
        </style>
 +
        <script>
 +
        //鼠标滑过弹出层
 +
        function ddd(obj, sType) {
 +
        var oDiv = document.getElementById(obj);
 +
        if (sType == 'show') { oDiv.style.display = 'block';}
 +
        if (sType == 'hide') { oDiv.style.display = 'none';}
 +
       
 +
        }
 +
        </script>
 +
<!--home 部分 鼠标经过弹出层-->
 +
<!--变暗-->
 +
 +
<!-- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> -->
 +
<style>
 +
#tabbox{ width: 978px; height:auto; margin-top:10%;  }
 +
#tabbox ul { width:978px !important;}
 +
#tabbox ul li{ float:left; width:489px !important; height:321px;}
 +
.imgbg{width: 489px; height: 321px; top: 0; left: 0;}
 +
 +
        #tabbox img:hover {
 +
        opacity:0.5;
 +
        filter:alpha(opacity=50);
 +
          }
 +
        </style>
 +
<!--变暗-->
<style>
<style>
-
/* background color */
+
  .go{ position:fixed;top:10%; right:0;}
-
*{margin:0;padding:0}
+
-
html,body{background:#66ccff}
+
-
.clear{clear:both}
+
-
</style>
+
-
 
+
-
<style>
+
-
/* navbar */
+
-
#navbar{position:fixed;top:0px;left:0px;height:30px;width:100%;color:white;background:rgba(0,0,0,.4);z-index:4}
+
-
#navbar #nav{position:relative;width:960px;margin:0 auto;z-index:3}
+
-
#navbar #nav ul{list-style-type:none;padding:0px;margin:0px;z-index:2}
+
-
#navbar #nav ul li {display:inline-block;width:120px;text-align:center;padding:5px 5px;z-index:1}
+
-
#navbar #nav ul li:hover{background:rgba(255,255,255,.5);color:black;}
+
-
</style>
+
-
 
+
-
<!-- content list -->
+
-
<style>
+
-
.demo3{
+
-
    height: 400px;
+
-
    position: relative;
+
-
}
+
-
.demo3 h1, .demo3 ul{cursor: pointer;}
+
-
.demo3 h1{
+
-
    font-size: 200%;
+
-
    font-weight: normal;
+
-
    line-height: 2;
+
-
    width: 300px;
+
-
    text-align: center;
+
-
    background: #00C08B;
+
-
    color: #127A5D;
+
-
    border: 1px solid #BC5D00;
+
-
    padding: 8px;
+
-
    border-radius: 4px;
+
-
    margin: 1em auto;
+
-
}
+
-
 
+
-
.demo3 ul{
+
-
    padding: 0;
+
-
    list-style: none;
+
-
    width: 200px;
+
-
    background: #fff;
+
-
    border: none;
+
-
    color: #DAD6CD;
+
-
    text-align: center;
+
-
    position: absolute;
+
-
    max-height: 0px;
+
-
    overflow: hidden;
+
-
    margin:0 auto;
+
-
    transition: max-height .5s;
+
-
    top: 70px;
+
-
    left:50%;
+
-
    margin-left: -100px;
+
-
}
+
-
 
+
-
.demo3 li{
+
-
    line-height: 3;
+
-
    background-color: #202020;
+
-
    border-bottom: 1px solid #000;
+
-
    position: relative;
+
-
}
+
-
.demo3 li:first-child{
+
-
    margin-top:5px;
+
-
}
+
-
.demo3 li:first-child:after{
+
-
    content:'';
+
-
    position:absolute;
+
-
    width:1px;
+
-
    height:1px;
+
-
    border:5px solid transparent;
+
-
    border-bottom-color:#313131;
+
-
    left:50%;
+
-
    top:-10px;
+
-
    margin-left:-5px;
+
-
}
+
-
.demo3 li:hover{
+
-
    background-color: #333;
+
-
}
+
-
.demo3 h1:hover ~ ul, .demo3 ul:hover{
+
-
    max-height: 300px;
+
-
}
+
</style>
</style>
Line 393: Line 110:
</head>
</head>
-
<title>Notebook</title>
 
<body>
<body>
-
<div id="navbar"> <!-- nav -->
 
-
<div id="nav">
 
-
<ul>
 
-
<li>Home</li>
 
-
<li>Team
 
-
<ul>
 
-
<li>Members</li>
 
-
<li>Advisors</li>
 
-
<li>Instructors</li>
 
-
<li>Attributions</li>
 
-
<li>Thanks</li>
 
-
</ul></li>
 
-
<li>Project</li>
 
-
<li>Results</li>
 
-
<li>Notebook
 
-
<ul>
 
-
<li>May
 
-
</li>
 
-
<li>June
 
-
</li>
 
-
<li>July
 
-
</li>
 
-
<li>August
 
-
</li>
 
-
<li>September
 
-
</li>
 
-
<li>October
 
-
</li>
 
-
</ul></li>
 
-
<li>Human practice
 
-
<ul>
 
-
<li>Interesting</li>
 
-
<li>Presentation</li>
 
-
<li>Video</li>
 
-
<li>Article</li>
 
-
<li>A small rest</li>
 
-
</ul></li>
 
-
<li>iGEM</li>
 
-
</ul> </div>
 
-
</div><!--navbar end-->
 
-
<p>-</p>
+
<script type="text/javascript" src="http://nd.cn.usa.wakelion.net/js/ga.js"></script>
-
<p>-</p>
+
<header>
-
<p>-</p>
+
  <nav id="siteNav">
-
<p>-</p>
+
-
<p>-</p>
+
-
<p>-</p>
+
-
<p>-</p>
+
-
<p>-</p>
+
-
 
+
-
<div class="wrapper">
+
-
   
+
-
<!-- main content -->
+
-
<article id="body">
+
-
 
+
-
<div class="demo3">
+
-
    <h1>Hover Me</h1>
+
     <ul>
     <ul>
-
        <li>Link 51</li>
+
      <li class="menu" role="button" style=" width:133px !important;">
-
        <li>Link 52</li>
+
        <div class="sta1">
-
         <li>Link 53</li>
+
          <img src="https://static.igem.org/mediawiki/2014/7/74/2014NEAU_Hover_02.jpg">
-
        <li>Link 54</li>
+
      </div>
-
         <li>Link 55</li>
+
      <div class="sta2">
-
        <li>Link 56</li>
+
          <img src="https://static.igem.org/mediawiki/2014/f/f9/2014NEAU_Index_02.jpg">         
-
         <li>Link 57</li>
+
      </div>
 +
      </li>
 +
      <li class="menu" role="button" style=" width:134px !important;">
 +
        <div class="sta1">
 +
          <img src="https://static.igem.org/mediawiki/2014/1/14/2014NEAU_Hover_03.jpg">
 +
          </div>
 +
         <div class="sta2">
 +
          <img src="https://static.igem.org/mediawiki/2014/d/d8/2014NEAU_Index_03.jpg">     
 +
          </div>
 +
      </li>
 +
      <li class="menu" role="button" style=" width:155px !important;">
 +
        <div class="sta1">
 +
          <img src="https://static.igem.org/mediawiki/2014/e/e9/2014NEAU_Hover_04.jpg">
 +
          </div>
 +
         <div class="sta2">
 +
          <img src="https://static.igem.org/mediawiki/2014/1/1a/2014NEAU_Index_04.jpg">     
 +
      </div>
 +
      </li>
 +
      <li class="menu" role="button" style=" width:139px !important;">
 +
        <div class="sta1">
 +
        <img src="https://static.igem.org/mediawiki/2014/9/9f/2014NEAU_Hover_05.jpg" >
 +
          </div>
 +
        <div class="sta2">
 +
          <img src="https://static.igem.org/mediawiki/2014/9/98/2014NEAU_Index_05.jpg" >     
 +
          </div>
 +
      </li>
 +
      <li class="menu" role="button" style=" width:133px !important;">
 +
         <div class="sta1">
 +
        <img src="https://static.igem.org/mediawiki/2014/1/1b/2014NEAU_Hover_06.jpg" >
 +
          </div>
 +
        <div class="sta2">
 +
        <img src="https://static.igem.org/mediawiki/2014/0/05/2014NEAU_Index_06.jpg">     
 +
          </div>
 +
      </li>
 +
      <li class="menu" role="button" style=" width:250px !important;">
 +
        <div class="sta1">
 +
        <img src="https://static.igem.org/mediawiki/2014/8/86/2014NEAU_Hover_07.jpg" >
 +
          </div>
 +
        <div class="sta2">
 +
        <img src="https://static.igem.org/mediawiki/2014/0/0c/2014NEAU_Index_07.jpg">     
 +
          </div>
 +
      </li>
 +
     
     </ul>
     </ul>
 +
<div class="go"><a href="http://www.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014/c/c9/2014NEAU_Go.png"></a></div>
 +
  </nav>
 +
 
 +
</header>
 +
<!--home start-->
 +
<div class="home">
 +
  <div class="slideWrap">
 +
    <div class="slideUnit" style="opacity: 1; background-image:url(https://static.igem.org/mediawiki/2014/f/fc/2014NEAU_Index_01.jpg); background-position: 50% 50%;">
 +
      <div class="text">
 +
          <div class="logo"></div>
 +
                  <div class="meta">
 +
                          <ul class="lianjie" >
 +
                              <li><a href="http://weibo.com/neauigem"><img src="https://static.igem.org/mediawiki/2014/a/af/2014NEAU_Xinl.png" style="width:60px"></a></li>
 +
                             
 +
                              <li><a href="#"><img src="https://static.igem.org/mediawiki/2014/d/d4/2014NEAU_Faceb.png"  style="width:60px"></a></li>
 +
                             
 +
                              <li><a href="#"><img src="https://static.igem.org/mediawiki/2014/1/1d/2014NEAU_Email.png" title="igem@neau.edu.cn"  style="width:90px"></a></li>
 +
                          </ul>
 +
                </div> 
 +
                 
 +
      </div>
 +
    </div>
 +
    <div class="slideUnit" style="display: none; background-image:url(https://static.igem.org/mediawiki/2014/f/fc/2014NEAU_Index_01.jpg); background-position: 50% 50%;">
 +
     
 +
    </div>
 +
   
 +
    <!--鼠标经过弹出层-->
 +
     
 +
             
 +
   
 +
   
 +
   
 +
  </div>
 +
  <div class="navArrow" style="display:none;">
 +
    <div class="arrow left"></div>
 +
    <div class="arrow right"></div>
 +
  </div>
</div>
</div>
-
<h1>Members</h1>
+
<!--home end-->  
-
<div id="square"></div><p></p>
+
-
<div id="square"></div><p></p>
+
-
<div id="square"></div><p></p>
+
-
<div id="square"></div>
+
-
</article>
+
-
    <!-- sidebar -->
+
<!--home end-->
-
    <aside id="sidebar">
+
-
<div class="demo2">
+
 
-
    <div class="span3">
+
<!--about start  TEAM-->
-
        <input type="radio" id="demo21" name="ex111" checked="">
+
 
-
        <label for="demo21">May
+
<div class="about">
-
</label>
+
  <div class="content">
-
        <ul class="unstyled">
+
      <div class="team_img"><img src="https://static.igem.org/mediawiki/2014/3/3b/2014NEAU_Team_01.jpg" ></div>    
-
                <li>1~5</li>
+
            <div class="tan">
-
                <li>6~10</li>
+
                        <dl clss="team_tc">
-
                <li>11~15</li>
+
                            <dt><a href="https://2014.igem.org/Team:NEAU-Harbin/instructor.html" onMouseOver="ddd('dd', 'show');" onMouseOut="ddd('dd', 'hide');"><img src="https://static.igem.org/mediawiki/2014/6/6c/2014NEAU_Team1.jpg" style="max-width:124px; height: 182px;"></a> </dt>                          
-
                <li>16~20</li>
+
                        </dl>
-
                <li>21~25</li>
+
                        <dl clss="team_tc">
-
                <li>26~31</li>
+
                            <dt><a href="https://2014.igem.org/Team:NEAU-Harbin/student.html" onMouseOver="ddd('ee', 'show');" onMouseOut="ddd('ee', 'hide');"><img src="https://static.igem.org/mediawiki/2014/2/25/2014NEAU_Team2.jpg" style="max-width:124px; height: 182px;"></a> </dt>
-
                <li>link 7</li>
+
                           
-
        </ul>
+
                        </dl>
-
    </div>
+
                        <dl clss="team_tc">
-
    <div class="span3">
+
                            <dt><a href="https://igem.org/Team.cgi?id=1485" onMouseOver="ddd('ff', 'show');" onMouseOut="ddd('ff', 'hide');"><img src="https://static.igem.org/mediawiki/2014/e/e3/2014NEAU_Team3.jpg" style="max-width:124px; height: 182px;"></a> </dt>
-
        <input type="radio" id="demo22" name="ex111">
+
                             
-
        <label for="demo22">June</label>
+
                        </dl>
-
          <ul class="unstyled">
+
                        <dl clss="team_tc" style=" margin-right:0;">
-
                <li>1~5</li>
+
                            <dt><a href="https://2014.igem.org/Team:NEAU-Harbin/attributions.html" onMouseOver="ddd('gg', 'show');" onMouseOut="ddd('gg', 'hide');"><img src="https://static.igem.org/mediawiki/2014/3/30/2014NEAU_Team4.jpg" style="max-width:124px; height: 182px;"></a> </dt>
-
                <li>6~10</li>
+
                           
-
                <li>11~15</li>
+
                      </dl>
-
                <li>16~20</li>
+
            </div>    
-
                <li>21~25</li>
+
  </div>
-
                <li>26~30</li>
+
-
                <li>link 7</li>
+
-
          </ul>
+
-
    </div>
+
-
    <div class="span3">
+
-
        <input type="radio" id="demo23" name="ex111">
+
-
        <label for="demo23">July</label>
+
-
          <ul class="unstyled">
+
-
                <li>1~5</li>
+
-
                <li>6~10</li>
+
-
                <li>11~15</li>
+
-
                <li>16~20</li>
+
-
                <li>21~25</li>
+
-
                <li>26~31</li>
+
-
                <li>link 7</li>
+
-
          </ul>
+
-
    </div>
+
-
    <div class="span3">
+
-
        <input type="radio" id="demo24" name="ex111">
+
-
        <label for="demo24">August</label>
+
-
          <ul class="unstyled">
+
-
                <li>1~5</li>
+
-
                <li>6~10</li>
+
-
                <li>11~15</li>
+
-
                <li>16~20</li>
+
-
                <li>21~25</li>
+
-
                <li>26~31</li>
+
-
                <li>link 7</li>
+
-
          </ul>
+
-
    </div>
+
-
    <div class="span3">
+
-
        <input type="radio" id="demo25" name="ex111">
+
-
        <label for="demo25">September</label>
+
-
          <ul class="unstyled">
+
-
                <li>1~5</li>
+
-
                <li>6~10</li>
+
-
                <li>11~15</li>
+
-
                <li>16~20</li>
+
-
                <li>21~25</li>
+
-
                <li>26~30</li>
+
-
                <li>link 7</li>
+
-
          </ul>
+
-
    </div>
+
-
    <div class="span3">
+
-
        <input type="radio" id="demo26" name="ex111">
+
-
        <label for="demo26">October</label>
+
-
          <ul class="unstyled">
+
-
                <li>1~5</li>
+
-
                <li>6~10</li>
+
-
                <li>11~15</li>
+
-
                <li>16~20</li>
+
-
                <li>21~25</li>
+
-
                <li>26~31</li>
+
-
                <li>link 7</li>
+
-
          </ul>
+
-
    </div>
+
</div>
</div>
 +
<!--about end TEAM-->
-
    </aside>
 
-
    <!-- clear float -->
+
<!--work start PROJECT-->
-
    <!-- <div class="clear"></div> -->
+
<div class="work">
 +
  <div class="content">
 +
 +
<div class="content" > 
 +
      <div class="team_img"><img src="https://static.igem.org/mediawiki/2014/c/c2/2014NEAU_Project_01.jpg" style=" margin-left:45px;" ></div> 
 +
        <div class="tan" style="padding-top:50px">
 +
<dl class="tc" style="margin-right:60px">
 +
<dt><a href="https://2014.igem.org/Team:NEAU-Harbin/background.html" onmouseover="ddd('aa', 'show');" onmouseout="ddd('aa', 'hide');"><img src="https://static.igem.org/mediawiki/2014/c/ce/2014NEAU_Main01.png" style="width:150px; "></a> </dt>
 +
 +
</dl>
 +
<dl class="tc" style="margin-right:60px">
 +
<dt><a href="https://2014.igem.org/Team:NEAU-Harbin/design.html" onmouseover="ddd('bb', 'show');" onmouseout="ddd('bb', 'hide');"><img src="https://static.igem.org/mediawiki/2014/f/fd/2014NEAU_Main02.png" style="width:150px; "></a> </dt>
 +
 +
</dl>
 +
<dl class="tc">
 +
<dt><a href="https://2014.igem.org/Team:NEAU-Harbin/application.html" onmouseover="ddd('cc', 'show');" onmouseout="ddd('cc', 'hide');"><img src="https://static.igem.org/mediawiki/2014/7/73/2014NEAU_Main03.png" style="width:150px; "></a> </dt>
 +
</dl>
 +
  </div>
 +
  </div>
 +
<!--<div id="tabbox" >
 +
<ul>
 +
<li>
 +
  <a href="https://2014.igem.org/Team:NEAU-Harbin/background.html"><img src="https://static.igem.org/mediawiki/2014/0/04/2014NEAU_Work1.jpg" alt="" style=" width:470px;">
 +
<div class="imgbg" style=" width:470px;"></div> </a>
 +
</li>
 +
<li><a href="https://2014.igem.org/Team:NEAU-Harbin/design.html">
 +
<img src="https://static.igem.org/mediawiki/2014/e/e4/2014NEAU_Work2.jpg" alt="" >
 +
<div class="imgbg"></div></a>
 +
</li>
 +
<li><a href="https://2014.igem.org/Team:NEAU-Harbin/application.html">
 +
<img src="https://static.igem.org/mediawiki/2014/d/d5/2014NEAU_Work3.jpg" alt="" style=" width:470px;">
 +
<div class="imgbg" style=" width:470px;"></div> </a>
 +
</li>
 +
<li><a href="https://2014.igem.org/Team:NEAU-Harbin/drylab.html">
 +
<img src="https://static.igem.org/mediawiki/2014/6/6a/2014NEAU_Work4.jpg" alt="">
 +
<div class="imgbg"></div></a>
 +
</li>
 +
</ul>
 +
 +
</div>-->
 +
 +
 +
<!--不能删-->
 +
            <div class="scrollBar">
 +
              <div class="bg"></div>
 +
              <div class="bar"></div>
 +
              <div class="dragger"></div>
 +
            </div>
 +
    <!--不能删-->
 +
  </div>
 +
</div>
 +
<!--work end PROJECT-->  
-
    <!-- footer -->
+
<!--clients start RESULT-->
-
     <footer id="footer" class="clear">
+
     <div class="clients">
-
     </footer>
+
      <div class="content">
 +
        <div class="team_img"> <img src="https://static.igem.org/mediawiki/2014/d/de/2014NEAU_Result.jpg"></div>
 +
            <div class="clients_nr">
 +
                 
 +
           
 +
            </div>
 +
  <div class="careers_tan">
 +
                    <dl id="team_td">
 +
                        <dt><a href="https://2014.igem.org/Team:NEAU-Harbin/result.html" onMouseOver="ddd('dd', 'show');" onMouseOut="ddd('dd', 'hide');"><img src="https://static.igem.org/mediawiki/2014/5/57/2014NEAU_C.jpg" style="width:180px; height:230px !important"></a> </dt>                      </dl>
 +
                    <dl id="team_td">
 +
                        <dt><a href="https://2014.igem.org/Team:NEAU-Harbin/result.html" onMouseOver="ddd('ee', 'show');" onMouseOut="ddd('ee', 'hide');"><img src="https://static.igem.org/mediawiki/2014/b/b5/2014NEAU_H.jpg" style="width:180px;height:230px !important "></a> </dt>                    </dl>
 +
                    <dl id="team_td">
 +
                        <dt><a href="https://2014.igem.org/Team:NEAU-Harbin/result.html" onMouseOver="ddd('ff', 'show');" onMouseOut="ddd('ff', 'hide');"><img src="https://static.igem.org/mediawiki/2014/a/a7/2014NEAU_CAI.jpg" style="width:180px;height:230px !important "></a> </dt>                    </dl>
 +
                       
 +
            </div>     
 +
      </div>
 +
     </div>
 +
<!--clients end RESULT-->
 +
 
 +
<!--careers start DATA-->
 +
<div class="careers">
 +
  <div class="content">
 +
      <div class="team_img"> <img src="https://static.igem.org/mediawiki/2014/a/a2/2014NEAU_Data.jpg"></div>
 +
          <div class="clients_nr">
 +
                   
 +
               
 +
            </div>
 +
            <div class="careers_tan">
 +
                    <dl id="team_td">
 +
                        <dt><a href="https://2014.igem.org/Team:NEAU-Harbin/notebook.html" onMouseOver="ddd('dd', 'show');" onMouseOut="ddd('dd', 'hide');"><img src="https://static.igem.org/mediawiki/2014/2/2d/2014NEAU_Data1.jpg" style="width:150px; height:230px !important"></a> </dt>                      </dl>
 +
                    <dl id="team_td">
 +
                        <dt><a href="https://2014.igem.org/Team:NEAU-Harbin/protocols.html" onMouseOver="ddd('ee', 'show');" onMouseOut="ddd('ee', 'hide');"><img src="https://static.igem.org/mediawiki/2014/a/a6/2014NEAU_Data2.jpg" style="width:150px;height:230px !important "></a> </dt>                    </dl>
 +
                    <dl id="team_td">
 +
                        <dt><a href="https://2014.igem.org/Team:NEAU-Harbin/parts.html" onMouseOver="ddd('ff', 'show');" onMouseOut="ddd('ff', 'hide');"><img src="https://static.igem.org/mediawiki/2014/6/6e/2014NEAU_Data3.jpg" style="width:150px;height:230px !important "></a> </dt>                    </dl>
 +
                       
 +
            </div>     
 +
  </div>
 +
</div>
 +
<!--careers end DATA-->  
 +
<!--contact start  HUMEN-->
 +
<div class="contact">
 +
  <div class="content">
 +
      <div class="team_img"><img src="https://static.igem.org/mediawiki/2014/4/48/2014NEAU_Humen.jpg" style="margin-left:30px;"></div>
 +
            <div class="contact_tan">
 +
                        <dl id="team_tb">
 +
                            <dt><a href="https://2014.igem.org/Team:NEAU-Harbin/sadety.html" onMouseOver="ddd('dd', 'show');" onMouseOut="ddd('dd', 'hide');"><img src="https://static.igem.org/mediawiki/2014/6/66/2014NEAU_Humen1.png" style="max-width:161px; height: 220px;"></a> </dt>
 +
                           
 +
                        </dl>
 +
                        <dl id="team_tb">
 +
                            <dt><a href="https://2014.igem.org/Team:NEAU-Harbin/meetups.html" onMouseOver="ddd('ee', 'show');" onMouseOut="ddd('ee', 'hide');"><img src="https://static.igem.org/mediawiki/2014/c/c5/2014NEAU_Humen2.png" style="max-width:161px; height: 220px;"></a> </dt>
 +
                           
 +
                        </dl>
 +
                        <dl id="team_tb">
 +
                            <dt><a href="https://2014.igem.org/Team:NEAU-Harbin/sponsor.html" onMouseOver="ddd('ff', 'show');" onMouseOut="ddd('ff', 'hide');"><img src="https://static.igem.org/mediawiki/2014/3/36/2014NEAU_Humen3.png" style="max-width:161px; height: 220px;"></a> </dt>
 +
                             
 +
                        </dl>
 +
                       
 +
            </div>     
 +
  </div>
</div>
</div>
 +
<!--contact end-->
</body>
</body>
</html>
</html>

Latest revision as of 14:32, 3 May 2015

project

Retrieved from "http://2014.igem.org/Team:NEAU-Harbin/Sandbox"