Template:CSS/parts

From 2014.igem.org

(Difference between revisions)
 
(22 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 33: Line 35:
padding:0px;
padding:0px;
margin:0px;
margin:0px;
-
font-family:Verdana;
+
font-family:Open Sans;
size:12px;
size:12px;
text-align:justify;
text-align:justify;
Line 55: Line 57:
position:relative;
position:relative;
top:10px;
top:10px;
-
left:180px;
+
left:120px;
width:720px;
width:720px;
height:320px;
height:320px;
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{
 +
position:absolute;
 +
top:6000px;
 +
left:0px;
 +
width:100%;
 +
height:100px;
 +
background-color:#424243;
 +
z-index:2;
 +
background-repeat:no-repeat;
 +
}
 +
.copyright{
 +
position:absolute;
 +
bottom:5px;
 +
left:400px;
 +
}
 +
 +
.copyright a,visited{
 +
color:#a2a1a1;
 +
}
 +
 +
.copyright a:hover{
 +
color:#c7c6c6;
 +
}
 +
 +
.copyright p{
 +
font-size:12px;
 +
color:#807f7f;
 +
font-family:Open sans, Helvetica, Arial;
 +
font-weight:400;
 +
}
 +
 +
.nav2{
 +
position:absolute;
 +
top:10px;
 +
left:280px;
 +
 +
}
 +
.nav2table{
 +
background-color:#424243;
 +
color:#807f7f;
 +
}
 +
.nav2 a,visited{
 +
color:#d6d5d5;
 +
font-size:12px;
 +
text-decoration:none;
 +
padding:10px;
 +
}
 +
 +
.nav2 a:hover{
 +
color:#ffffff;
 +
font-size:12px;
 +
font-weight:500;
 +
text-decoration:none;
 +
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