(34 intermediate revisions by the same user not shown) | |||
Line 20: | Line 20: | ||
var btn2 = $('btn2'); | var btn2 = $('btn2'); | ||
var btn3 = $('btn3'); | var btn3 = $('btn3'); | ||
+ | var btn4 = $('btn4'); | ||
contentAuto(); | contentAuto(); | ||
mouseWheel(); | mouseWheel(); | ||
Line 39: | Line 40: | ||
toMove(2); | toMove(2); | ||
iNow=2; | iNow=2; | ||
+ | } | ||
btn3.onclick=function () { | btn3.onclick=function () { | ||
toMove(3); | toMove(3); | ||
iNow=3; | iNow=3; | ||
} | } | ||
+ | btn4.onclick=function () { | ||
+ | toMove(0); | ||
+ | iNow=0; | ||
} | } | ||
} | } | ||
Line 177: | Line 182: | ||
</script> | </script> | ||
<style type="text/css"> | <style type="text/css"> | ||
− | .button-next{ | + | .button-next{ font-weight: bold; |
− | + | font-family: "Lucida Console","Lucida Sans Typewriter",monaco,"Bitstream Vera Sans Mono",monospace; | |
+ | position: absolute; | ||
+ | min-width: 180px; | ||
+ | min-height: 40px; | ||
height: 7%; | height: 7%; | ||
width: 13%; | width: 13%; | ||
− | bottom: | + | bottom: 1%; |
background: #fff; | background: #fff; | ||
border: 1px solid #fff; | border: 1px solid #fff; | ||
Line 189: | Line 197: | ||
cursor: pointer; | cursor: pointer; | ||
transition: .2s ease-in-out; | transition: .2s ease-in-out; | ||
− | transform: translate(-50%, -50%); | + | transform: translate(-50%, -50%);font-size: large; |
} | } | ||
.button-next:hover { | .button-next:hover { | ||
Line 204: | Line 212: | ||
.myheader img{width:100%; margin: 0;position: absolute; top: 50%;transform: translate(0, -50%); left: 0;max-height: 80%;} | .myheader img{width:100%; margin: 0;position: absolute; top: 50%;transform: translate(0, -50%); left: 0;max-height: 80%;} | ||
− | .myheader h1{width:100%; margin: 0;position: absolute; top: 40%;transform: translate(0, -50%); left: 0;max-height: 80%;font-size: | + | .myheader h1{width:100%; margin: 0;position: absolute; top: 40%;transform: translate(0, -50%); left: 0;max-height: 80%;font-size:78px; font-family:"Comic Sans MS",cursive;border-bottom: none;padding-bottom:40px;line-height:normal;} |
− | .myheader h3{width:100%; margin: 0;position: absolute; top: 60%;transform: translate(0, -50%); left: 0;max-height: 80%;font-size: | + | .myheader h3{width:100%; margin: 0;position: absolute; top: 60%;transform: translate(0, -50%); left: 0;max-height: 80%;font-size:30px;border-bottom: none;font-weight:initial;font-family: "Big Caslon","Book Antiqua","Palatino Linotype",Georgia,serif;line-height:normal;} |
#loading div{ width:100%; height:50%; position:absolute; left:0; background:#009ee0; z-index:50; transition:1s;text-align: center;} | #loading div{ width:100%; height:50%; position:absolute; left:0; background:#009ee0; z-index:50; transition:1s;text-align: center;} | ||
#loading div:nth-of-type(1){ top:0;} | #loading div:nth-of-type(1){ top:0;} | ||
Line 217: | Line 225: | ||
@media (min-width: 92em) { | @media (min-width: 92em) { | ||
.myheader { | .myheader { | ||
− | width: | + | width: 85%;} |
} | } | ||
@media (max-width: 92em) { | @media (max-width: 92em) { | ||
.myheader { | .myheader { | ||
− | width: | + | width: 85%;} |
} | } | ||
@media (max-width: 45em) { | @media (max-width: 45em) { | ||
Line 228: | Line 236: | ||
} | } | ||
− | .next-button {z-index:10;position:absolute; | + | .next-button {z-index:10;position:absolute;font-weight: bold; |
+ | font-family: "Lucida Console","Lucida Sans Typewriter",monaco,"Bitstream Vera Sans Mono",monospace; | ||
top: 40%; | top: 40%; | ||
− | left: 50%; | + | left: 50%;font-size:29px;font-weight:10px; |
z-index: 10; | z-index: 10; | ||
padding: 1em 2.5em; | padding: 1em 2.5em; | ||
Line 237: | Line 246: | ||
border-radius: 4px; | border-radius: 4px; | ||
color: #222; | color: #222; | ||
− | font-size: | + | font-size: large; |
text-align: center; | text-align: center; | ||
cursor: pointer; | cursor: pointer; | ||
Line 266: | Line 275: | ||
<div class="pure-menu"><img src="https://static.igem.org/mediawiki/2017/4/4f/T-NUDT_CHINA-icon01.png" width=240px height=190px alt=""> | <div class="pure-menu"><img src="https://static.igem.org/mediawiki/2017/4/4f/T-NUDT_CHINA-icon01.png" width=240px height=190px alt=""> | ||
<ul class="pure-menu-list"> | <ul class="pure-menu-list"> | ||
− | <li class="pure-menu-item"><a class="pure-menu-heading" href="https://2017.igem.org/Team:NUDT_CHINA" class="pure-menu-link">HOME</a></li> | + | <li class="pure-menu-item"><a class="pure-menu-heading" href="https://2017.igem.org/Team:NUDT_CHINA" class="pure-menu-link">HOME</a></li> |
<li class="pure-menu-item pure-menu-has-children"> | <li class="pure-menu-item pure-menu-has-children"> | ||
Line 282: | Line 291: | ||
<li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Experiments" class="pure-menu-link">Experiment</a></li> | <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Experiments" class="pure-menu-link">Experiment</a></li> | ||
<li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Notebook" class="pure-menu-link">Notebook</a></li> | <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Notebook" class="pure-menu-link">Notebook</a></li> | ||
− | |||
− | |||
− | |||
<li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Results" class="pure-menu-link">Results</a></li> | <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Results" class="pure-menu-link">Results</a></li> | ||
<li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Demonstrate" class="pure-menu-link">Demonstrate</a></li> | <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Demonstrate" class="pure-menu-link">Demonstrate</a></li> | ||
<li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Improve" class="pure-menu-link">Improve</a></li> | <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Improve" class="pure-menu-link">Improve</a></li> | ||
− | |||
</ul> | </ul> | ||
</li> | </li> | ||
Line 300: | Line 305: | ||
</ul> | </ul> | ||
</li> | </li> | ||
+ | <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Attributions" class="pure-menu-link">Attributions</a></li> | ||
+ | <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/InterLab" class="pure-menu-link">InterLab</a></li> | ||
+ | <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Model" class="pure-menu-link">Model</a></li> | ||
<li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Safety" class="pure-menu-link">SAFETY</a></li> | <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Safety" class="pure-menu-link">SAFETY</a></li> | ||
<li class="pure-menu-item pure-menu-has-children"> | <li class="pure-menu-item pure-menu-has-children"> | ||
<a class="pure-menu-link"onclick="Show('HP_show')">HP</a> | <a class="pure-menu-link"onclick="Show('HP_show')">HP</a> | ||
<ul class="pure-menu-children" id="HP_show"> | <ul class="pure-menu-children" id="HP_show"> | ||
− | <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/HP/Silver" class="pure-menu-link"> | + | <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/HP/Silver" class="pure-menu-link">Silver HP</a></li> |
− | <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/HP/Gold_Integrated" class="pure-menu-link">Integrated | + | <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/HP/Gold_Integrated" class="pure-menu-link">Integrated & Gold</a></li> |
<li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Engagement" class="pure-menu-link">Public Engagement</a></li> | <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Engagement" class="pure-menu-link">Public Engagement</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</ul> | </ul> | ||
</div> | </div> | ||
Line 328: | Line 323: | ||
<ul id="lay-menu"> | <ul id="lay-menu"> | ||
<li class="active"></li> | <li class="active"></li> | ||
− | |||
<li></li> | <li></li> | ||
<li></li> | <li></li> | ||
Line 335: | Line 329: | ||
<ul id="Qidilist"> | <ul id="Qidilist"> | ||
<li id="abstract" class="liList"> | <li id="abstract" class="liList"> | ||
− | <div class="myheader"id="main"><h1>MiRNA   Locker</h1><h3>A Modularized DNA Assembly As miRNA Inhibitors</h3><button id="btn1" class="button-next">How it works?</button></div> | + | <div class="myheader"id="main"><h1>MiRNA Locker</h1><h3>A Modularized DNA Assembly As miRNA Inhibitors</h3><button id="btn1" class="button-next">How it works?</button></div> |
</li> | </li> | ||
<li id="abstract" class="liList"> | <li id="abstract" class="liList"> | ||
Line 344: | Line 338: | ||
</li> | </li> | ||
<li id="abstract" class="liList"> | <li id="abstract" class="liList"> | ||
− | <div class="myheader"id="main"><img class="strory-telling3" src="https://static.igem.org/mediawiki/2017/1/1e/T-NUDT_CHINA-story3.png" no-repeat; ></div> | + | <div class="myheader"id="main"><img class="strory-telling3" src="https://static.igem.org/mediawiki/2017/1/1e/T-NUDT_CHINA-story3.png" no-repeat; ><button id="btn4" class="button-next">Back</button></div> |
</li> | </li> | ||
Latest revision as of 02:17, 2 November 2017