(11 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 181: | Line 186: | ||
position: absolute; | position: absolute; | ||
min-width: 180px; | min-width: 180px; | ||
− | min-height: | + | 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 208: | Line 213: | ||
.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:78px; font-family:"Comic Sans MS",cursive;border-bottom: none;padding-bottom:40px;line-height:normal;} | .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:30px;border-bottom: none;font-family:" | + | .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 220: | 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 307: | Line 312: | ||
<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 & Gold</a></li> | <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> | ||
Line 318: | 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 334: | 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