Template:CSS/safety

From 2014.igem.org

(Difference between revisions)
(Created page with "<html> <style> .carousel-inner .carousel-caption { padding-top: 100px; padding-bottom: 100px; } .carousel-inner .carousel-caption h1 { font-family: 'Raleway', cursive; fo...")
 
(24 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<style>
+
<style rel='stylesheet' type='text/css'>
-
 
+
.container_safety{
-
 
+
width:100%;
-
.carousel-inner .carousel-caption {
+
height:2300px;
-
padding-top: 100px;
+
background: url(https://static.igem.org/mediawiki/2014/2/29/Safety_bg_copy.png);
-
padding-bottom: 100px;
+
position:relative;
 +
top:-10px;
 +
left:0px;
 +
padding:0px;
 +
margin:0px;
}
}
-
.carousel-inner .carousel-caption h1 {
+
.topimg{
-
font-family: 'Raleway', cursive;  
+
position:absolute;
-
font-size: 80px;
+
top:50px;
-
padding-bottom:10px;
+
left:220px;
 +
width:920px;
 +
height:200px;
 +
border-radius:80px;
}
}
-
.carousel-inner .carousel-caption h3 {
+
.topimg img{
-
font-size: 60px;
+
border-radius:10px;
-
font-family: 'Raleway', sans-serif;
+
width:900px;
-
        padding-bottom: 5px;
+
height:368px;
}
}
 +
.layout{
 +
width:920px;
 +
position:absolute;
 +
top:400px;
 +
left:220px;
 +
padding:0px;
 +
margin:0px;
 +
font-family:Open Sans;
 +
size:12px;
 +
text-align:justify;
 +
margin-top:40px;
 +
}
 +
.layout ul li{
 +
list-style:none;
 +
}
-
@media screen and (max-width: 480px) {
 
-
 
-
  .carousel-inner {
 
-
        height:auto;}
 
 +
.footerbg{
 +
position:absolute;
 +
top:2300px;
 +
left:0px;
 +
width:100%;
 +
height:100px;
 +
background-color:#424243;
 +
z-index:2;
 +
background-repeat:no-repeat;
}
}
-
 
+
.copyright{
-
.btn-custom {
+
position:absolute;
-
padding: 9px 30px 9px 30px;
+
bottom:5px;
-
        /*box-shadow: 0px 3px 3px 3px rgba(5,170,139, 0.3);
+
left:400px;
-
          -webkit-box-shadow: 0px 3px 3px 0 rgba(5,170,139, 1);
+
-
          -moz-box-shadow:   0px 3px 3px 0 rgba(5,170,139, 1);*/
+
-
font-family: 'Quattrocento Sans', sans-serif;
+
-
font-size: 20px;
+
}
}
 +
 +
.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;
-
.btn-custom:link {  
+
}
-
        font-weight: bold;                    
+
.nav2table{
-
        color: #fff;
+
background-color:#424243;
-
        background-color: #4eecba;
+
color:#807f7f;
 +
}
 +
.nav2 a,visited{
 +
color:#d6d5d5;
 +
font-size:12px;
 +
text-decoration:none;
 +
padding:10px;
}
}
-
.btn-custom:hover {
+
.nav2 a:hover{
-
color: #fff;
+
color:#ffffff;
-
        background-color: orange;
+
font-size:12px;
-
        border: none;
+
font-weight:500;
 +
text-decoration:none;
 +
padding:10px;
}
}
-
 
-
</style>
 
 +
</style>
</html>
</html>

Latest revision as of 17:39, 17 October 2014