Difference between revisions of "Team:CPU CHINA/Parts"

 
(21 intermediate revisions by 3 users not shown)
Line 12: Line 12:
 
</head>
 
</head>
 
<style>
 
<style>
 +
.container{
 +
top:285px;
 +
}
 +
.parts-img{
 +
        height:800px;
 +
}
 
.parts-img center img{
 
.parts-img center img{
 
width: 80%!important;
 
width: 80%!important;
Line 21: Line 27:
 
}
 
}
 
.p-img-1{
 
.p-img-1{
    position: relative;
+
    position:absolute;
     top: -626px;
+
     top: 2%;
 
     left:  41%;
 
     left:  41%;
 
}
 
}
 
.p-img-2{
 
.p-img-2{
 
width: 14%!important;
 
width: 14%!important;
position: relative;
+
position: absolute;
     top: -490px;
+
     top: 17%;
     left: -6%;
+
     left: 16%;
 
}
 
}
 
.p-img-3{
 
.p-img-3{
 
width:25%!important;
 
width:25%!important;
position: relative;
+
position: absolute;
     top: -504px;
+
     top: 17%;
     left: 62px;
+
     left:41%;
 
}
 
}
 
.p-img-4{
 
.p-img-4{
position: relative;
+
position: absolute;
     top: -348px;
+
     top: 37%;
     left: -48%;
+
     left: 13%;
 
}
 
}
 
.p-img-5{
 
.p-img-5{
 
width: 29%!important;
 
width: 29%!important;
 
position: absolute;
 
position: absolute;
     top: 291px;
+
     top: 36%;
 
     left: 36%;
 
     left: 36%;
 
}
 
}
Line 52: Line 58:
 
     background-size:cover !important;
 
     background-size:cover !important;
 
}
 
}
 
+
.footer{
 +
position: relative;
 +
top: 98px;
 +
}
  
 
#foot-c116{height:21% !important;}
 
#foot-c116{height:21% !important;}
Line 61: Line 70:
 
}
 
}
 
.btn-group
 
.btn-group
{top:1.4% !important;}
+
{top:8.4% !important;}
  
 
button
 
button
Line 114: Line 123:
  
 
<body background="img/bgd7.png">
 
<body background="img/bgd7.png">
<div class="container" style="position:relative;top:200px;">
+
<div class="container" style="position:relative;top:260px;">
<div class="parts-img">
+
<div class="parts-img" style="height:800px;">
<center><https://static.igem.org/mediawiki/2018/f/fd/T--CPU_CHINA--parts-1.png"/></center>
+
<center><img src="https://static.igem.org/mediawiki/2018/d/d8/T--CPU_CHINA--parts1.png"/></center>
<img src="https://static.igem.org/mediawiki/2018/f/fd/T--CPU_CHINA--parts-2.png" class="p-img-1" onclick="alert()"/>
+
<a href="http://parts.igem.org/Part:BBa_K2624006"><img src="https://static.igem.org/mediawiki/2018/d/dc/T--CPU_CHINA--parts-2.png" class="p-img-1" /></a>
<img src="https://static.igem.org/mediawiki/2018/d/dc/T--CPU_CHINA--parts-3.png" class="p-img-2" onclick="alert()"/>
+
<a href="http://parts.igem.org/Part:BBa_K2624000"><img src="https://static.igem.org/mediawiki/2018/d/db/T--CPU_CHINA--parts-3.png" class="p-img-2"/></a>
<img src="https://static.igem.org/mediawiki/2018/d/db/T--CPU_CHINA--parts-4.png" class="p-img-3" onclick="alert()"/>
+
<a href="http://parts.igem.org/Part:BBa_K2624002"><img src="https://static.igem.org/mediawiki/2018/d/d7/T--CPU_CHINA--parts-4.png" class="p-img-3" /></a>
<img src="https://static.igem.org/mediawiki/2018/d/d7/T--CPU_CHINA--parts-5.png" class="p-img-4" onclick="alert()"/>
+
<a href="http://parts.igem.org/Part:BBa_K2624005"><img src="https://static.igem.org/mediawiki/2018/e/e8/T--CPU_CHINA--parts-5.png" class="p-img-4" /></a>
<img src="https://static.igem.org/mediawiki/2018/d/d7/T--CPU_CHINA--parts-5.png" class="p-img-5" onclick="alert()"/>
+
<a href="http://parts.igem.org/Part:BBa_K2624004"><img src="https://static.igem.org/mediawiki/2018/e/e6/T--CPU_CHINA--parts-6.png" class="p-img-5" /></a>
 
</div>
 
</div>
  
</div></body>
+
</div>
 +
<img class="footer" src="https://static.igem.org/mediawiki/2018/c/c9/T--CPU_CHINA--footer2.png" style="width:100%"/>
 +
</body>
  
  
 
<script>
 
<script>
window.onload=function(){
+
 
$(".parts-img img").css("height",$(document).height()+500+"px !important");
+
$(".parts-img img").show();
+
}
+
$(document).ready(function(){
+
$(".parts-img img").css("height",$(window).height()+"px");
+
$(".parts-img").css("height",$(window).height()+"px");
+
})
+
  
 
</script>
 
</script>
 
</html>
 
</html>

Latest revision as of 16:16, 6 December 2018