Team:UCLA/Template/CSS

From 2014.igem.org

(Difference between revisions)
Line 525: Line 525:
.slider .slider_imgs #slide1{
.slider .slider_imgs #slide1{
   float: left;
   float: left;
-
     background-image:url('http://4vector.com/i/free-vector-exquisite-leaf-background-01-vector_015360_exquisite_leaf_background_01_vector.jpg');
+
     background-image:url('http://www.thinksnaps.com/wp-content/uploads/2014/07/Green-Bubbles-Awesome-Background.jpg');
     background-size: cover;
     background-size: cover;
     background-repeat: no-repeat;
     background-repeat: no-repeat;
Line 540: Line 540:
     background-size: cover;
     background-size: cover;
     background-repeat: no-repeat;
     background-repeat: no-repeat;
 +
}
 +
</style>
 +
 +
 +
<!--PAGE HEADERS-->
 +
<style type="text/css">
 +
.page_header{
 +
    position: absolute;
 +
    background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');
 +
    width: 100%;
 +
    height: 70%;
 +
    z-index: 0;
 +
}
 +
.page_header .page_header_box{
 +
    position: absolute;
 +
    overflow: hidden;
 +
    z-index: 0;
 +
}
 +
#box1{
 +
    background-color:#0A64A4;
 +
    width:20%;
 +
    height:80%;
 +
    top:10%;
 +
    left:10%;
 +
    opacity: 0.5;
 +
}
 +
#box2{
 +
    background-color:#0A64A4;
 +
    width:20%;
 +
    height:80%;
 +
    top:10%;
 +
    left:30%;
 +
    opacity: 0.5;
 +
}
 +
#box3{
 +
    background-color:#0A64A4;
 +
    width:20%;
 +
    height:80%;
 +
    top:10%;
 +
    left:50%;
 +
    opacity: 0.5;
 +
}
 +
#box4{
 +
    background-color:#0A64A4;
 +
    width:20%;
 +
    height:80%;
 +
    top:10%;
 +
    left:70%;
 +
    opacity: 0.5;
}
}
</style>
</style>

Revision as of 23:35, 1 October 2014