(32 intermediate revisions by 3 users not shown) | |||
Line 31: | Line 31: | ||
float: left; | float: left; | ||
top: 0px; | top: 0px; | ||
− | background-color: # | + | background-color: #592e2e; |
margin-top:0px; | margin-top:0px; | ||
width: 10%; | width: 10%; | ||
Line 46: | Line 46: | ||
width: 10%; | width: 10%; | ||
height: 100%; | height: 100%; | ||
− | |||
padding-left: 20px; | padding-left: 20px; | ||
padding-top: 25px; | padding-top: 25px; | ||
Line 69: | Line 68: | ||
filter: brightness(200%); | filter: brightness(200%); | ||
transform: scale(1.2); | transform: scale(1.2); | ||
+ | } | ||
+ | |||
+ | .line { | ||
+ | position: fixed; | ||
+ | float: left; | ||
+ | top: 0px; | ||
+ | left:10%; | ||
+ | background-color: #aadffa; | ||
+ | width: 1%; | ||
+ | height: 100%; | ||
+ | padding-right:-20px; | ||
+ | padding-top:10px; | ||
} | } | ||
Line 77: | Line 88: | ||
left:12%; | left:12%; | ||
background-color: #aadffa; | background-color: #aadffa; | ||
− | width: | + | width:10%; |
height: 100%; | height: 100%; | ||
padding-right:-20px; | padding-right:-20px; | ||
Line 107: | Line 118: | ||
transition: 0.3s; | transition: 0.3s; | ||
font-weight:bold; | font-weight:bold; | ||
− | font-size: | + | font-size:18px; |
} | } | ||
Line 117: | Line 128: | ||
transform: scale(1.15); | transform: scale(1.15); | ||
} | } | ||
− | |||
.left li:before { | .left li:before { | ||
content: ''; | content: ''; | ||
Line 129: | Line 139: | ||
z-index: -1; | z-index: -1; | ||
} | } | ||
+ | |||
.left li:hover:before { | .left li:hover:before { | ||
Line 154: | Line 165: | ||
top:0px; | top:0px; | ||
z-index: -1; | z-index: -1; | ||
− | + | ||
} | } | ||
Line 161: | Line 172: | ||
position:absolute; | position:absolute; | ||
float: left; | float: left; | ||
− | top: | + | top:20%; |
left:28%; | left:28%; | ||
font-size: 48px; | font-size: 48px; | ||
Line 177: | Line 188: | ||
font-size: 18px; | font-size: 18px; | ||
z-index: 2; | z-index: 2; | ||
− | |||
margin-left:50px; | margin-left:50px; | ||
line-height: 35px; | line-height: 35px; | ||
Line 185: | Line 195: | ||
.content .h1{ | .content .h1{ | ||
margin-top: 20px; | margin-top: 20px; | ||
− | font-size: | + | font-size: 33px; |
font-weight: bold; | font-weight: bold; | ||
color: #aadffa; | color: #aadffa; | ||
Line 195: | Line 205: | ||
text-align:center; | text-align:center; | ||
font-size: 8x; | font-size: 8x; | ||
− | + | ||
} | } | ||
Line 204: | Line 214: | ||
padding-top: 20px; | padding-top: 20px; | ||
padding-bottom: 20px; | padding-bottom: 20px; | ||
− | |||
} | } | ||
Line 265: | Line 274: | ||
+ | #contact{ | ||
+ | border-radius: 15px; | ||
+ | width: 90%; | ||
+ | height:auto; | ||
+ | background:rgba(255,255,255,0.4); | ||
+ | /* border: 2.5px solid rgba(0,0,0,0.7);*/ | ||
+ | z-index: 5; | ||
+ | text-align: center; | ||
+ | display: block; | ||
+ | margin-bottom: 100px; | ||
+ | } | ||
+ | |||
+ | #contact h3{ | ||
+ | font-size: 22px; | ||
+ | margin-top:35px; | ||
+ | margin-bottom:10px; | ||
+ | color : #5b3d3d; | ||
+ | } | ||
+ | |||
+ | #contact span{ | ||
+ | margin-top: 15px; | ||
+ | font-size: 19px; | ||
+ | color : #826767; | ||
+ | } | ||
+ | |||
+ | #contact img{ | ||
+ | margin-top: 10px; | ||
+ | transition: all 0.4s; | ||
+ | margin-bottom: 30px; | ||
+ | } | ||
+ | |||
+ | #contact img:hover{ | ||
+ | transform: scale(1.15); | ||
+ | transition: all 0.4s; | ||
+ | } | ||
+ | |||
+ | #btn{ | ||
+ | display: none; | ||
+ | position: fixed; | ||
+ | left: 90%; | ||
+ | bottom: 40px; | ||
+ | height:80px; | ||
+ | width: 80px; | ||
+ | background: url(https://static.igem.org/mediawiki/2018/d/d1/T--Tongji-Software--top.png) no-repeat left top; | ||
+ | background-size:100% auto; | ||
+ | } | ||
</style> | </style> | ||
Line 286: | Line 341: | ||
<a href="https://2018.igem.org/Team:Tongji-Software/Requirements" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/5/5f/T--Tongji-Software--Req.svg" width="35%" ></li></a> | <a href="https://2018.igem.org/Team:Tongji-Software/Requirements" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/5/5f/T--Tongji-Software--Req.svg" width="35%" ></li></a> | ||
− | <a href="https://2018.igem.org/Team:Tongji-Software/ | + | <a href="https://2018.igem.org/Team:Tongji-Software/Human_Practices" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/c/cc/T--Tongji-Software--Hum.svg" width="35%" ></li></a> |
− | <a href="https://2018.igem.org/Team:Tongji-Software/ | + | <a href="https://2018.igem.org/Team:Tongji-Software/Medal" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/8/8b/T--Tongji-Software--Med.svg" width="35%" ></li></a> |
</ul> | </ul> | ||
</div> | </div> | ||
− | + | <div class="line"></div> | |
+ | <div><a href="javascript:;" id="btn" title="Return to Top"></a></div> | ||
<div id = "wrapper"> | <div id = "wrapper"> | ||
<div class="left" id = "sidebar-wrapper"> | <div class="left" id = "sidebar-wrapper"> | ||
Line 355: | Line 411: | ||
</figure> | </figure> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
Line 388: | Line 439: | ||
xdbwiehocurnviomtoinb</br> | xdbwiehocurnviomtoinb</br> | ||
</span> | </span> | ||
− | |||
Line 402: | Line 452: | ||
</div> | </div> | ||
− | < | + | </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> |
− | + | ||
− | + | ||
− | </br> </br></br></br></br> </br></br></br></br> </br></br></br></br> </br></br></br> | + | |
− | + | ||
− | + | ||
Line 439: | Line 484: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
</div> | </div> | ||
Line 478: | Line 524: | ||
</script> | </script> | ||
+ | <script> | ||
+ | window.onload = function(){ | ||
+ | |||
+ | var mybtn = document.getElementById("btn"); | ||
+ | var Time1 = null; | ||
+ | var isTop = true; | ||
+ | mybtn.onclick = function(){ | ||
+ | |||
+ | Time1 = setInterval(function(){ | ||
+ | var osTop = document.body.scrollTop||document.documentElement.scrollTop; | ||
+ | |||
+ | var speed = Math.ceil(osTop/2); | ||
+ | |||
+ | document.body.scrollTop = document.documentElement.scrollTop = osTop - speed; | ||
+ | if(osTop <= 0){ | ||
+ | |||
+ | clearInterval(Time1); | ||
+ | } | ||
+ | isTop = true ; | ||
+ | },100) | ||
+ | } | ||
+ | |||
+ | |||
+ | window.onscroll = function(){ | ||
+ | |||
+ | var osTop = document.body.scrollTop||document.documentElement.scrollTop; | ||
+ | |||
+ | var clientHeight = document.documentElement.clientHeight; | ||
+ | |||
+ | if (osTop>clientHeight) { | ||
+ | mybtn.style.display = "block" | ||
+ | } | ||
+ | else{ | ||
+ | mybtn.style.display = "none" | ||
+ | } | ||
+ | if (!isTop) { | ||
+ | clearInterval(Time1); | ||
+ | } | ||
+ | isTop = false; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | </script> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 16:25, 17 October 2018
Team
Overview
The collective is the source of power and the cradle of wisdom.
Our team is consisted of different people with same passion for inter-discipline. Differences make the team integrated. Some of us were best friends before iGEM 2018. Some of us didn’t even meet. We are from various majors, biology, biotechnology, bioinformatics, computer engineering & design.
Since we only have seven team members, each of us has made great difference in our project.
Team members
xdbwiehocurnviomtoinb
Instructors