Template:CSS/parts

From 2014.igem.org

(Difference between revisions)
 
(17 intermediate revisions not shown)
Line 4: Line 4:
.container_parts{
.container_parts{
width:100%;
width:100%;
-
height:3500px;
+
height:6000px;
background-image:url(https://static.igem.org/mediawiki/2014/6/6e/Scribblebg_iitd.png);
background-image:url(https://static.igem.org/mediawiki/2014/6/6e/Scribblebg_iitd.png);
position:relative;
position:relative;
Line 19: Line 19:
width:920px;
width:920px;
height:200px;
height:200px;
-
border-radius:80px;
+
border-radius:10px;
 +
 
}
}
.topimg img{
.topimg img{
border-radius:10px;
border-radius:10px;
 +
border:solid thin grey;
}
}
Line 60: Line 62:
border-radius:10px;
border-radius:10px;
}
}
 +
 +
.vector img{
 +
border:solid thin grey;
 +
border-radius:10px;
 +
}
 +
 +
.gel img{
 +
border:solid thin grey;
 +
border-radius:10px;
 +
position:relative;
 +
top:10px;
 +
left:60px;
 +
width:480px;
 +
height:640px;
 +
}
 +
  .footerbg{
  .footerbg{
position:absolute;
position:absolute;
-
top:2500px;
+
top:6000px;
left:0px;
left:0px;
width:100%;
width:100%;
Line 116: Line 134:
padding:10px;
padding:10px;
}
}
 +
 +
 +
.normalpic{
 +
width:720px;
 +
height:320px;
 +
z-index:52;
 +
}
 +
 +
.biggerpic{
 +
position: absolute;
 +
left:300px;
 +
top:-80px;
 +
width:0px;
 +
 +
-webkit-transition:width 0.3s linear 0s;
 +
z-index:52;
 +
}
 +
 +
.normalpic:hover + .biggerpic{
 +
width:422px;
 +
 +
}
 +
</style>
</style>
</html>
</html>

Latest revision as of 03:59, 18 October 2014