Difference between revisions of "Team:CPU CHINA/HP/Gold Integrated"

Line 87: Line 87:
 
}
 
}
  
−
 
+
#ted-video,#ted-txt,.club-txt
 +
{
 +
display:none;
 +
width:95%;
 +
position:relative;
 +
top:10px;
 +
height:80%;
 +
line-height:3.5rem;
 +
}
  
 
p{text-align:center !important;margin-top:5%;}
 
p{text-align:center !important;margin-top:5%;}
  
−
 
+
.Txt{
 +
    position:relative;
 +
    top:-90% !important;
 +
    left:-120%;
 +
    width:200% !important;
 +
    word-break:normal;
 +
    display:none;
 +
    border:1px solid black;
 +
    border-radius:10px;
 +
    background-color:white;
 +
    color:#4232bf;
 +
    font-size:30px;
 +
    display:none;
 +
    z-index:2000000000;
 +
}
 
</style>
 
</style>
  
  
 
<body>
 
<body>
 +
 
<div id="scroll-1" class="scroll-btn" style="left:72%;width:8%;height:100% !important;">
 
<div id="scroll-1" class="scroll-btn" style="left:72%;width:8%;height:100% !important;">
 
   <button id="btn1"style="background:url(https://static.igem.org/mediawiki/2018/b/b3/T--CPU_CHINA--HP-scroll-1.png);background-size:100;background-repeat:no-repeat;width:100%;height:100%;border:none;" onmouseover="showBtnTxt(this.id)" onmouseout="hideBtnTxt(this.id)">
 
   <button id="btn1"style="background:url(https://static.igem.org/mediawiki/2018/b/b3/T--CPU_CHINA--HP-scroll-1.png);background-size:100;background-repeat:no-repeat;width:100%;height:100%;border:none;" onmouseover="showBtnTxt(this.id)" onmouseout="hideBtnTxt(this.id)">
Line 124: Line 147:
 
}
 
}
 
</script>
 
</script>
 +
<!--***********************************TED************************************ -->
  
−
 
−
<!--*******************************************头部代码***************************************-->
 
−
 
−
       
 
 
</body>
 
</body>
 
<script>
 
<script>
 
$(document).ready(function(){
 
$(document).ready(function(){
−
     $("#title").css("width",$(window).width()*0.8+"px");
+
     $(".block").css("width",$(window).width()+"px");
−
    $("#title").css("margin-left",$(window).width()*0.1+"px");
+
     $(".block").css("height","800px");
−
    $("#introduction").css("width",$(window).width()*0.6+"px");
+
−
     $("#introduction").css("margin-left",$(window).width()*0.2+"px");
+
−
    $("#href").css("margin-left",$(window).width()*0.2+"px");
+
  
 
     $(".mw-content-ltr").css("width",$(window).width()+"px");
 
     $(".mw-content-ltr").css("width",$(window).width()+"px");
−
     $(".mw-content-ltr").css("height","800px");
+
     $(".mw-content-ltr").css("height",$(document).height()+"px");
  
−
    setAttributions(1);
 
−
    setAttributions(2);
 
−
    setAttributions(3);
 
 
})
 
})
  
Line 151: Line 165:
 
   var btn=document.getElementById("scroll-"+id);
 
   var btn=document.getElementById("scroll-"+id);
 
   $("#scroll-"+id).css("height","520px");
 
   $("#scroll-"+id).css("height","520px");
−
 
+
−
   parent.appendChild(btn);
+
   parent.appendChild(btn);;
−
 
+
 
}
 
}
 +
 
</script>
 
</script>
 
</html>
 
</html>

Revision as of 17:33, 15 October 2018

Click me to watch Ted!
Click me to learn about our club!
Click me to open a booklet!