Difference between revisions of "Team:HUST-China/Notebook"
Line 1: | Line 1: | ||
− | + | <HTML> | |
− | < | + | <head lang="en"> |
− | <html> | + | <meta http-equiv="content-type" content="text/html; charset=UTF-8"> |
+ | <meta charset="UTF-8"> | ||
+ | <meta name="viewport" content="width=device-width,initial-scale=1"> | ||
− | < | + | <title>Team:HUST-China:Description</title> |
− | + | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:HUST-China/CSS?action=raw&ctype=text/css" /> | |
− | < | + | |
− | + | ||
+ | <script type="text/javascript" src="https://2015.igem.org/Team:HUST-China/jquery?action=raw&ctype=text/javascript"></script> | ||
− | + | <script type="text/javascript" src="https://2015.igem.org/Team:HUST-China/JS?action=raw&ctype=text/javascript"></script> | |
− | + | ||
− | + | ||
− | + | ||
− | <script type="text/javascript" src="https://2015.igem.org/Team:HUST-China/JS? | + | |
− | action=raw&ctype=text/javascript"></script> | + | |
− | < | + | <style> |
− | + | /*改默认设定*/ | |
− | + | #footer-box,#sponsor-box,.shadow3,#content,table,#catlinks { | |
− | + | background-color: transparent; | |
+ | } | ||
+ | .mediawiki.ltr.ns-0.ns-subject.page-Team_HUST-China | ||
+ | #globalWrapper #top-section #p-logo a img { | ||
+ | visibility:hidden; | ||
+ | } | ||
+ | #p-logo { | ||
+ | background:url(https://static.igem.org/mediawiki/2014/5/52/Wiki_Logo_Transparent.png); | ||
+ | background-repeat: no-repeat; | ||
+ | } | ||
+ | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear{display: none;} | ||
+ | #globalWrapper, #content,#bodyContent { /*-- changes default wiki settings --*/ | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | border: 0px; | ||
+ | background-color: transparent; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | top: 0px; | ||
+ | } | ||
+ | #top_menu_under{height: 0px;} | ||
− | + | html, .wrapper { /*-- changes default wiki settings --*/ | |
− | + | width: 100%; | |
+ | height: 100%; | ||
+ | background-color: transparent; | ||
+ | top: 0px; | ||
+ | } | ||
.viewport, .container { | .viewport, .container { | ||
− | max-width: | + | max-width: 1349px; |
− | .picture{ width: | + | top: 0px;} |
− | + | ||
− | + | ||
− | body{ | + | .picture{ width: 750px; |
+ | height: auto; | ||
+ | margin-bottom:5px; } | ||
+ | |||
+ | .pizhu{font-size: 14px; | ||
+ | width: 750px; | ||
+ | text-align: center; | ||
+ | margin-bottom: 30px;} | ||
+ | |||
+ | #mid{width: 1349px; | ||
+ | margin: 0 auto;} | ||
+ | |||
+ | |||
+ | |||
+ | body{ background-color: white; | ||
position: absolute; | position: absolute; | ||
− | margin: | + | margin: 0; |
font-family:Arial,Verdana,Sans-serif; | font-family:Arial,Verdana,Sans-serif; | ||
− | |||
color: black; | color: black; | ||
− | + | z-index: 0} | |
.header{position: fixed; | .header{position: fixed; | ||
− | width: | + | width: 1348px; |
− | height: | + | text-align:center; |
− | + | height:200px; | |
− | padding-top: | + | margin-top: 0px; |
− | background- | + | padding-top: 5px; |
− | filter:alpha(opacity:30);opacity:0. | + | background-image: url(https://static.igem.org/mediawiki/2015/d/d7/HUST_daohang.png); |
+ | background-size:100% 100%; | ||
+ | filter:alpha(opacity:30);opacity:0.95; -moz-opacity:0.4; -khtml-opacity: 0.4; | ||
z-index:1;} | z-index:1;} | ||
− | + | ||
− | margin-left: | + | .first-menu{float: left; |
− | font-size: | + | margin-left: 1%; |
− | + | font-size:19px; | |
+ | max-width: 22%; | ||
+ | padding:5px;} | ||
+ | |||
.other-menu{float: left; | .other-menu{float: left; | ||
margin-left:1.2%; | margin-left:1.2%; | ||
− | font-size: | + | font-size:19px; |
− | + | max-width: 22%; | |
+ | padding:5px;} | ||
+ | |||
.navbar .nav > li .dropdown-menu {margin: 0;} | .navbar .nav > li .dropdown-menu {margin: 0;} | ||
.navbar .nav > li:hover .dropdown-menu {display: block;} | .navbar .nav > li:hover .dropdown-menu {display: block;} | ||
a:link,a:visited { | a:link,a:visited { | ||
− | color: | + | color:#002855; |
text-decoration:none; | text-decoration:none; | ||
} | } | ||
Line 65: | Line 105: | ||
ul.ul{list-style-type:none; | ul.ul{list-style-type:none; | ||
− | margin-bottom: 0px;} | + | list-style-image: none; |
− | li.li{margin-top: | + | margin-bottom: 0px; |
+ | padding-left: 0px;} | ||
+ | li.li{margin-top: 0px; | ||
+ | list-style-image: none;} | ||
+ | |||
+ | #maodian ul{list-style-type:none; | ||
+ | margin-bottom: 0px; | ||
+ | padding-left: 0px; | ||
+ | margin-left:0px;} | ||
+ | |||
− | #pic{ background-image: url(https://static.igem.org/mediawiki/2015/ | + | #pic{ background-image: url(https://static.igem.org/mediawiki/2015/f/fd/HUST_project.jpg); |
− | width: | + | width:1349px; |
height:650px; | height:650px; | ||
float: left; | float: left; | ||
− | + | z-index: 0; | |
background-size: 100%,100%; | background-size: 100%,100%; | ||
margin-top: 0px;} | margin-top: 0px;} | ||
− | + | ||
− | height: | + | .title{width: 900px; |
− | + | height:300px; | |
− | + | margin-left: 18%; | |
− | .pic_a img{width: | + | margin-top:80px;} |
− | + | .pic_a img{width: 135px; | |
− | + | height: 120px; | |
+ | } | ||
.pic_a{float: left; | .pic_a{float: left; | ||
− | margin-top: 50px; | + | margin-top:50px; |
− | width: | + | width: 1349px; |
− | text-align:center;} | + | text-align:center; |
+ | } | ||
+ | #maodian{float: left; | ||
+ | position: fixed; | ||
+ | margin-top: 50px; | ||
+ | z-index: -1; | ||
+ | margin-left: 0px; } | ||
+ | #maodian img{ padding-left: 2% ; | ||
+ | width:150px; | ||
+ | height: auto; | ||
+ | } | ||
+ | .btn | ||
+ | { background-color:#5d96a3; | ||
+ | margin-left: 0px; | ||
+ | width: 200px; | ||
+ | font-size: 16px; | ||
+ | padding-left: 1px; | ||
+ | } | ||
− | .description {margin-left: | + | .btn:hover,.btn:active { |
− | margin-right: | + | color:white; |
− | margin-top: | + | background-color:#004c6f;} |
+ | |||
+ | |||
+ | .description {margin-left: 20%; | ||
+ | margin-right: 20%; | ||
+ | margin-top: 50px; | ||
text-align: left; | text-align: left; | ||
float: left; | float: left; | ||
− | + | font-size:16px;} | |
− | + | .description p{font-size: 16px; | |
− | + | width:809px;} | |
− | + | ||
− | + | .dongxi{height:50px;} | |
− | + | ||
− | + | .scroll{ | |
− | + | width:100px; | |
− | + | height:120px; | |
− | + | background-image: url(https://static.igem.org/mediawiki/2015/8/87/Top.png); | |
− | + | background-size: 100% 100%; | |
− | + | ||
− | width: | + | |
− | height: | + | |
− | background: | + | |
− | + | ||
− | + | ||
− | + | ||
position:fixed; | position:fixed; | ||
right:10px; | right:10px; | ||
bottom:20px; | bottom:20px; | ||
cursor:pointer; | cursor:pointer; | ||
− | |||
opacity:0.6; | opacity:0.6; | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</style> | </style> | ||
Line 149: | Line 205: | ||
function showdes(){ | function showdes(){ | ||
$('#to_des').click(function(){ | $('#to_des').click(function(){ | ||
− | $("html,body").animate({scrollTop: | + | $("html,body").animate({scrollTop:750},800); |
}); | }); | ||
} | } | ||
Line 157: | Line 213: | ||
<body > | <body > | ||
+ | <div id="mid"> | ||
<!--上栏--> | <!--上栏--> | ||
− | <div class="container header | + | |
+ | <div class="container header" > | ||
<!--悬浮菜单--> | <!--悬浮菜单--> | ||
<div class="navbar"> | <div class="navbar"> | ||
<div class="navbar-inner"> | <div class="navbar-inner"> | ||
− | <div class="container | + | <div class="container"> |
<ul class="nav"> | <ul class="nav"> | ||
<li class="first-menu"><a href="https://2015.igem.org/Team:HUST-China">HOME</a> | <li class="first-menu"><a href="https://2015.igem.org/Team:HUST-China">HOME</a> | ||
</li> | </li> | ||
− | <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/ | + | <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Background">PROJECT<b class="caret"></b></a> |
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2015.igem.org/Team:HUST-China/Background">Background</a></li> | ||
+ | <li class="divider"></li> | ||
<li><a href="https://2015.igem.org/Team:HUST-China/Description">Description</a></li> | <li><a href="https://2015.igem.org/Team:HUST-China/Description">Description</a></li> | ||
<li class="divider"></li> | <li class="divider"></li> | ||
− | |||
− | |||
− | |||
− | |||
<li><a href="https://2015.igem.org/Team:HUST-China/Design">Design</a></li> | <li><a href="https://2015.igem.org/Team:HUST-China/Design">Design</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
− | <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/ | + | <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Results">WETLAB<b class="caret"></b></a> |
− | <ul class="dropdown-menu"> | + | <ul class="dropdown-menu"> |
+ | <li><a href="https://2015.igem.org/Team:HUST-China/Results">Results</a></li> | ||
+ | <li class="divider"></li> | ||
+ | <li><a href="https://2015.igem.org/Team:HUST-China/Experiments">Experiments&protocol</a></li> | ||
<li class="divider"></li> | <li class="divider"></li> | ||
− | <li><a href="https://2015.igem.org/Team:HUST-China/ | + | <li><a href="https://2015.igem.org/Team:HUST-China/InterLab Study">InterLab Study</a></li> |
<li class="divider"></li> | <li class="divider"></li> | ||
− | <li><a href="https://2015.igem.org/Team:HUST-China/ | + | <li><a href="https://2015.igem.org/Team:HUST-China/Notebook">Notebook</a></li> |
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Basic_part">PARTS<b class="caret"></b></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2015.igem.org/Team:HUST-China/Basic_part">Basic Parts</a></li> | ||
<li class="divider"></li> | <li class="divider"></li> | ||
− | <li><a href="https://2015.igem.org/Team:HUST-China/ | + | <li><a href="https://2015.igem.org/Team:HUST-China/Composite_part">Composite Parts</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
− | <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Modeling">MODELING</a> </li> | + | <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Modeling">MODELING<b class="caret"></b></a> |
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2015.igem.org/Team:HUST-China/Modeling on Cellular Level">Modeling on Cellular Level</a></li> | ||
+ | <li class="divider"></li> | ||
+ | <li><a href="https://2015.igem.org/Team:HUST-China/Modeling on Ecosystem Level">Modeling on Ecosystem Level</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
− | + | ||
<li class="dropdown other-menu" id="accountmenu"> | <li class="dropdown other-menu" id="accountmenu"> | ||
− | <a class="dropdown-toggle" data-toggle="dropdown" href="https://2015.igem.org/Team:HUST-China/Practices">HUMAN PRACTICES | + | <a class="dropdown-toggle" data-toggle="dropdown" href="https://2015.igem.org/Team:HUST-China/Practices">HUMAN PRACTICES</a> |
− | + | ||
− | + | ||
− | + | ||
</li> | </li> | ||
<li class="dropdown other-menu" id="accountmenu"> | <li class="dropdown other-menu" id="accountmenu"> | ||
− | <a class="dropdown-toggle" data-toggle="dropdown" href="https://2015.igem.org/Team:HUST-China | + | <a class="dropdown-toggle" data-toggle="dropdown" href="https://2015.igem.org/Team:HUST-China/Safety">OTHERS<b class="caret"></b></a> |
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
− | + | <li><a href="https://2015.igem.org/Team:HUST-China/Safety">Safety</a></li> | |
− | + | ||
− | + | ||
− | + | ||
− | <li><a href="https://2015.igem.org/Team:HUST-China/ | + | |
<li class="divider"></li> | <li class="divider"></li> | ||
− | <li><a href="https://2015.igem.org/Team:HUST-China/ | + | <li><a href="https://2015.igem.org/Team:HUST-China/Collaborations">Collaborations</a></li> |
<li class="divider"></li> | <li class="divider"></li> | ||
− | + | <li><a href="https://2015.igem.org/Team:HUST-China/Attributions">Attributions</a></li> | |
+ | <li class="divider"></li> | ||
+ | <li><a href="https://2015.igem.org/Team:HUST-China/Team">Team</a></li> | ||
+ | <li class="divider"></li> | ||
+ | <li><a href="https://2015.igem.org/Team:HUST-China/Achievements">Achievements</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
Line 225: | Line 294: | ||
<!--标题栏--> | <!--标题栏--> | ||
<div id="pic" > | <div id="pic" > | ||
− | < | + | <img class="title" src="https://static.igem.org/mediawiki/2015/4/48/HUST_Project.png"/> |
− | + | <br> | |
− | + | ||
− | + | ||
− | + | ||
<div class="pic_a" > | <div class="pic_a" > | ||
<h4 style="color:white">Scroll down to read more</h4> | <h4 style="color:white">Scroll down to read more</h4> | ||
− | <img style="cursor:pointer;" id="to_des" src="https://static.igem.org/mediawiki/ | + | <img style="cursor:pointer;" id="to_des" src="https://static.igem.org/mediawiki/2015/8/80/White.png"/> |
</div> | </div> | ||
</div> | </div> | ||
− | + | <!--锚点--> | |
− | + | <div id="maodian"> | |
+ | <img src="https://static.igem.org/mediawiki/2015/d/da/Maodian.png" > | ||
+ | <ul class="ul" > | ||
+ | <li class="li"><a href="#description" class="btn btn-default btn-lg">Description</a></li> | ||
+ | <li class="li"><a href="#darkness" class="btn btn-default btn-lg">Darkness induction system</a></li> | ||
+ | <li class="li"><a href="#supporting" class="btn btn-default btn-lg">Supporting system</a></li> | ||
+ | <li class="li"><a href="#flocculating" class="btn btn-default btn-lg">Flocculating system</a></li> | ||
+ | <li class="li"><a href="#host" class="btn btn-default btn-lg">Host strain</a></li> | ||
+ | <li class="li"><a href="#improvement" class="btn btn-default btn-lg">Improvement</a></li> | ||
+ | <li class="li"><a href="#reference" class="btn btn-default btn-lg">References</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
Revision as of 12:18, 17 September 2015