Difference between revisions of "Team:NUDT CHINA"

Line 5: Line 5:
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
     <title>Team:NUDT_CHINA</title>
 
     <title>Team:NUDT_CHINA</title>
 +
<style type="text/css">
 +
li{ list-style:none;}
 +
#Qidilist{ width:100%; position:absolute; top:0; left:0; transition:.5s top;}
 +
#lay-menu{ position:fixed; right:0; top:50%; z-index:20;}
 +
#lay-menu li{ width:10px; height:10px; border-radius:50%; margin:10px; border:1px black solid; cursor:pointer;}
 +
#lay-menu li.active{ background:black; cursor:default;}
 +
#home{ background:url(https://static.igem.org/mediawiki/2017/3/38/Team-NUDT_CHINAimage1.jpg); overflow-x: hidden; top: 0px;height: 100%;width: 100%;}
 +
#abstract{ background:url(https://static.igem.org/mediawiki/2017/3/38/Team-NUDT_CHINAimage1.jpg); overflow-x: hidden; top: 0px;height: 100%;width: 100%;}
 +
#Team{ background:url(https://static.igem.org/mediawiki/2017/3/38/Team-NUDT_CHINAimage1.jpg); overflow-x: hidden; top: 0px;height: 100%;width: 100%;}
 +
#homeContent .homeContent1{ width:100%; height:100%; position:relative; perspective:800px; transform-style:preserve-3d; -webkit-perspective:800px; -webkit-transform-style:preserve-3d; transition:1s;}
 +
#homeContent .homeContent1 li{  width:100%; height:100%; position:absolute; left:0; top:0; background:black; visibility:hidden;}
 +
#homeContent .homeContent1 li:nth-of-type(1){background:#dc6c5f;}
 +
#homeContent .homeContent1 li:nth-of-type(2){background:#95dc84;}
 +
#homeContent .homeContent1 li:nth-of-type(3){background:#64b9d2;}
 +
#homeContent .homeContent1 li h1{ color:white; text-align:center; padding-top:200px;}
 +
#homeContent .homeContent1 li.active{ z-index:1; visibility:visible;}
 +
#homeContent h1{border-bottom: none;}
 +
#homeContent .homeContent2{ position:absolute; bottom:0; z-index:2; text-align:center; width:100%; transition:1s;}
 +
#homeContent .homeContent2 li{ width:20px; height:20px; border-radius:50%; background:rgba(255,255,255,0.5); display:inline-block; margin:2px; box-shadow:0 0 4px rgba(25,25,25,0.8); cursor:pointer;}
 +
#homeContent .homeContent2 li.active{ background:white; cursor:default;}
 +
 +
#homeContent .homeContent1 .leftShow{ animation:1s homeLeftShow; visibility:visible; z-index:3;-webkit-animation:1s homeLeftShow;}
 +
#homeContent .homeContent1 .rightHide{ animation:1s homeRightHide; visibility:hidden; -webkit-animation:1s homeRightHide;}
 +
 +
 +
#homeContent .homeContent1 .leftHide{ animation:1s homeLeftHide; visibility:hidden; -webkit-animation:1s homeLeftHide;}
 +
#homeContent .homeContent1 .rightShow{ animation:1s homeRightShow; visibility:visible; z-index:3; -webkit-animation:1s homeRightShow;}
 +
</style>
 +
<style type="text/css">
 +
@keyframes homeLeftHide{
 +
0%{ transform:translateZ(0px); visibility:visible;}
 +
40%{ transform:translate(-40%,0) scale(0.8) rotateY(20deg);}
 +
100%{ transform:translateZ(-200px);}
 +
}
 +
@keyframes homeRightShow{
 +
0%{ transform:translateZ(-200px);}
 +
40%{ transform:translate(40%,0) scale(0.8) rotateY(-20deg);}
 +
100%{ transform:translateZ(0px);}
 +
}
 +
 +
@-webkit-keyframes homeLeftHide{
 +
0%{ -webkit-transform:translateZ(0px); visibility:visible;}
 +
40%{ -webkit-transform:translate(-40%,0) scale(0.8) rotateY(20deg);}
 +
100%{ -webkit-transform:translateZ(-200px);}
 +
}
 +
@-webkit-keyframes homeRightShow{
 +
0%{ -webkit-transform:translateZ(-200px);}
 +
40%{ -webkit-transform:translate(40%,0) scale(0.8) rotateY(-20deg);}
 +
100%{ -webkit-transform:translateZ(0px);}
 +
}
 +
 +
@keyframes homeLeftShow{
 +
0%{ transform:translateZ(-200px);}
 +
40%{ transform:translate(-40%,0) scale(0.8) rotateY(20deg);}
 +
100%{ transform:translateZ(0px);}
 +
}
 +
@keyframes homeRightHide{
 +
0%{ transform:translateZ(0px); visibility:visible;}
 +
40%{ transform:translate(40%,0) scale(0.8) rotateY(-20deg);}
 +
100%{ transform:translateZ(-200px);}
 +
}
 +
@-webkit-keyframes homeLeftShow{
 +
0%{ -webkit-transform:translateZ(-200px);}
 +
40%{ -webkit-transform:translate(-40%,0) scale(0.8) rotateY(20deg);}
 +
100%{ -webkit-transform:translateZ(0px);}
 +
}
 +
@-webkit-keyframes homeRightHide{
 +
0%{ -webkit-transform:translateZ(0px); visibility:visible;}
 +
40%{ -webkit-transform:translate(40%,0) scale(0.8) rotateY(-20deg);}
 +
100%{ -webkit-transform:translateZ(-200px);}
 +
}
 +
/* home end */
 +
</style>
 +
 +
<style type="text/css">
 +
 +
.Myheader{border-bottom: none;}
 +
#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(2){ bottom:0;}
 +
#loading span{ width:0%; height:4px; background:white; position:absolute; left:0; top:50%; margin-top:-2px; z-index:60; transition:.10s;}
 +
 +
body {
 +
    color: #777;
 +
}
 +
 +
@media (min-width: 88em) {
 +
    .Myheader,
 +
    .content {
 +
        padding-left: 2em;
 +
        padding-right: 2em;
 +
    }
 +
    #layout {
 +
        padding-left: 240px; /* left col width "#menu" */
 +
        left: 0;
 +
    }
 +
    #menu {
 +
        left: 240px;
 +
    }
 +
    .menu-link {
 +
        position: fixed;
 +
        left: 240px;
 +
        display: none;
 +
    }
 +
    #layout.active .menu-link {
 +
        left: 240px;
 +
    }
 +
#Qidilist .liList{ width:2050px; position:relative; left:50%; margin-left:-750px; overflow:hidden;text-align: center;}
 +
  #Qidilist .divList{ width:1200px; height:520px; margin:0px auto; position:relative;}
 +
  .myheader{width: 1000px;}
 +
  .Myheader{margin-top:4em;}
 +
}
 +
 +
@media (max-width: 88em) {
 +
    #layout.active {
 +
        position: relative;
 +
        left: 240px;
 +
    }
 +
    #Qidilist .liList{ width:1800px; position:relative; left:50%; margin-left:-750px; overflow:hidden;text-align: center;}
 +
    #Qidilist .divList{ width:1050px; height:500px; margin:0px auto; position:relative;}
 +
  .myheader{width:800px;}
 +
  .Myheader{margin-top:1em;}
 +
}
 +
 +
    </style>
 +
   
 +
  <style type="text/css">
 +
.myheader {
 +
    margin:0 auto;
 +
    background-color:rgba(255,255,255,0.85);
 +
   
 +
   
 +
}
 +
    .myheader h5 {
 +
    font-family: 'Monad';
 +
        margin-bottom:1em;
 +
        font-size: 4.2em;
 +
        font-weight: 300;
 +
    border-bottom:none;
 +
    }
 +
    .myheader h6 {
 +
      line-height: 1.2;
 +
      text-align: left;
 +
    font-size: 2.3em;
 +
    color: grey;
 +
      font-weight: 300;
 +
      margin-top: 2px;
 +
    }
 +
.button-after {
 +
  display: inline-block;
 +
  margin:o auto;
 +
  padding: .65em 4em;
 +
  background: -webkit-linear-gradient(#fe5f95 , #ff3f7f);
 +
  background: linear-gradient(#fe5f95 , #ff3f7f);
 +
  border: 1px solid #fe3276;
 +
  border-radius: 4px;
 +
  color: #fff;
 +
  text-decoration: none;
 +
  text-align: center;
 +
  -webkit-transition: .3s ease-in-out;
 +
  transition: .3s ease-in-out;
 +
  margin-bottom: 0px;
 +
}
 +
.button-after:hover {
 +
  -webkit-animation: bounce 2s ease-in-out;
 +
  animation: bounce 2s ease-in-out;
 +
}
 +
@-webkit-keyframes bounce {
 +
  5%  { -webkit-transform: scale(1.1, .8); }
 +
  10% { -webkit-transform: scale(.8, 1.1) translateY(-5px); }
 +
  15% { -webkit-transform: scale(1, 1); }
 +
}
 +
@keyframes bounce {
 +
  5%  { transform: scale(1.1, .8); }
 +
  10% { transform: scale(.8, 1.1) translateY(-5px); }
 +
  15% { transform: scale(1, 1); }
 +
}</style> 
 +
 
 +
<style type="text/css">
 +
.next-button {
 +
  display: inline-block;
 +
  width: 120px;
 +
  height: 120px;
 +
  line-height: 120px;
 +
  background: -webkit-linear-gradient(#00000F , #000000);
 +
  background: linear-gradient(#00000F , #000000);
 +
  border: 1px solid #000000;
 +
  border-radius: 50%;
 +
  color: white;
 +
  text-decoration: none;
 +
  text-align: center;
 +
}
 +
.next-button:hover {
 +
  -webkit-animation: scale .3s ease-in-out;
 +
  animation: scale .3s ease-in-out;
 +
}
 +
@-webkit-keyframes scale {
 +
  50% { -webkit-transform: scale(1.1); }
 +
}
 +
@keyframes scale {
 +
  50% { transform: scale(1.1); }
 +
}
 +
</style>
 
</head>
 
</head>
  

Revision as of 12:22, 18 October 2017

HOME
TEAM
PROJECT
Description
Design
Experiments
Notebook
InterLab
Contribution
Model
Results
Demonstrate
Improve
Attributions
PARTS
Parts
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Silver HP
Integrated and Gold
Public Engagement
AWARDS
Applied Design
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
JUDGING FORM
Team:NUDT_CHINA

Model

Development of A Novel Blood-MicroRNA Handy Detection System with CRISPR