Difference between revisions of "Team:CPU CHINA"

Line 72: Line 72:
 
     }
 
     }
 
*/
 
*/
−
/*
 
 
.wheel
 
.wheel
 
{
 
{
 
       position: absolute;
 
       position: absolute;
−
       top: 480px;
+
       top: 1150px;
−
       width: 6%;
+
       width: 10%;
 
       height: 300px;
 
       height: 300px;
−
       left:2%;
+
       left:11%;
 
       background: url(https://static.igem.org/mediawiki/2018/0/0a/T--CPU_CHINA--background-wheel.png);
 
       background: url(https://static.igem.org/mediawiki/2018/0/0a/T--CPU_CHINA--background-wheel.png);
 
       background-repeat: no-repeat;
 
       background-repeat: no-repeat;
Line 88: Line 87:
 
       position: absolute;
 
       position: absolute;
 
       top: 145px;
 
       top: 145px;
−
       width:20%;
+
       width:60%;
−
      height:500px !important;
+
  height:1000px;
 
       background: url(https://static.igem.org/mediawiki/2018/4/41/T--CPU_CHINA--background-carriage.png);
 
       background: url(https://static.igem.org/mediawiki/2018/4/41/T--CPU_CHINA--background-carriage.png);
 
       background-repeat: no-repeat;
 
       background-repeat: no-repeat;
 
       background-size: 100%;  
 
       background-size: 100%;  
 
}
 
}
−
 
 
.whole-carriage{
 
.whole-carriage{
−
display:none;
+
display:block;
 
position:relative;
 
position:relative;
−
top:35%;
 
 
animation:mymove 5s;
 
animation:mymove 5s;
 
-webkit-animation:mymove 5s; /*Safari and Chrome*/
 
-webkit-animation:mymove 5s; /*Safari and Chrome*/
Line 114: Line 111:
 
from {left:0px;}
 
from {left:0px;}
 
to {left:80%;}
 
to {left:80%;}
−
}*/
+
}
 
</style>
 
</style>
  
Line 132: Line 129:
 
     Your browser does not support the video tag.
 
     Your browser does not support the video tag.
 
</video>
 
</video>
 +
<div id="whole-carriage" class="whole-carriage">
 +
<div class="carriage" id="carriage">
 +
</div>
  
 +
<div class="wheel" id="wheel1">
 +
</div>
 +
 +
<div class="wheel" id="wheel2" style="margin-left:26%">
 +
</div>
 +
</div>
 
<div id="words" style="position:relative;display:none;width:80%;top:59%;margin-left:10%;font-size:2.5rem;line-height:2.5;">
 
<div id="words" style="position:relative;display:none;width:80%;top:59%;margin-left:10%;font-size:2.5rem;line-height:2.5;">
 
<h1 style="position:relative;width:90%;margin-left:5%;top:28%;">A gene therapy strategy to target hepatocellular carcinoma based on conditional RNA interference</h1>
 
<h1 style="position:relative;width:90%;margin-left:5%;top:28%;">A gene therapy strategy to target hepatocellular carcinoma based on conditional RNA interference</h1>
Line 161: Line 167:
 
 
 
//var e = document.getElementById("whole-carriage");
 
//var e = document.getElementById("whole-carriage");
−
      //e.addEventListener("animationend", function() {
+
        //e.addEventListener("animationend", function() {
 
           $("#whole-carriage").hide();
 
           $("#whole-carriage").hide();
 
           $("#home-video").show();
 
           $("#home-video").show();

Revision as of 16:04, 6 November 2018