Template:CSS/project

From 2014.igem.org

(Difference between revisions)
 
(47 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style>
<style>
-
.bg_img{
+
 
 +
<html>
 +
<style rel='stylesheet' type='text/css'>
 +
 
 +
.container_project2{
 +
width:100%;
 +
height:7100px;
 +
background-image:url(https://static.igem.org/mediawiki/2014/2/29/Safety_bg_copy.png);
position:absolute;
position:absolute;
-
top:96px;
+
top:-10px;
left:0px;
left:0px;
-
width:100%;
+
padding:0px;
-
Height:23%;
+
margin:0px;
-
background-image:url(https://static.igem.org/mediawiki/2014/5/59/Environmental-Pollution.jpg);
+
z-index:10;
}
}
-
.mascotinplasmid{
+
.topimg{
-
background-image:url(https://static.igem.org/mediawiki/2014/6/60/Mascotinplasmidiitd.png);
+
-
width:350px;
+
-
height:320px;
+
position:absolute;
position:absolute;
-
top:0px;
+
top:100px;
-
left:0px;
+
left:220px;
 +
width:920px;
 +
height:360px;
 +
border-radius:80px;
}
}
-
.bluetopstrip{
+
.topimg img{
-
background-image:url(https://static.igem.org/mediawiki/2014/4/43/Blue_strip.png);
+
border-radius:10px;
 +
border:solid thin grey;
 +
}
 +
 
 +
.layout{
 +
width:920px;
position:absolute;
position:absolute;
-
top:0px;
+
top:400px;
-
left:350px;
+
left:220px;
-
width:800px;
+
padding:0px;
-
height:150px;
+
margin:0px;
-
text-align:center;
+
font-family:Open Sans;
 +
size:12px;
 +
text-align:justify;
 +
margin-top:70px;
 +
}
 +
.layout ul li{
 +
list-style:none;
}
}
-
.project_title{
+
.footerbg_project{
position:absolute;
position:absolute;
-
top:auto;
+
top:7100px;
-
bottom:auto;
+
left:0px;
-
width:800px;
+
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;
padding:10px;
-
color:white;
+
}
-
font-family:Open sans;
+
 
-
font-weight:600;
+
.nav2 a:hover{
-
font-size:28px;
+
color:#ffffff;
 +
font-size:12px;
 +
font-weight:500;
 +
text-decoration:none;
 +
padding:10px;
 +
}
 +
 
 +
.vector {
 +
position:relative;
 +
top:10px;
 +
margin-top:0px;
 +
margin-left:auto;
 +
margin-right:auto;
 +
margin-bottom:0px;
 +
width:720px;
 +
height:320px;
 +
border-radius:10px;
 +
}
 +
 
 +
.vector img{
 +
border-radius:10px;
 +
border:solid thin grey;
 +
 
}
}
</style>
</style>
</html>
</html>

Latest revision as of 03:52, 18 October 2014