Team:UCLA/Template/CSS

From 2014.igem.org

(Difference between revisions)
Line 333: Line 333:
height: 95%;
height: 95%;
z-index: 10;
z-index: 10;
-
pointer-events:none;
+
 
overflow: hidden;
overflow: hidden;
}
}
Line 526: Line 526:
}
}
.slider .slider_right{
.slider .slider_right{
 +
    position: absolute;
 +
    background-color:black;
 +
    top: 0px;
 +
    left: 1100px;
 +
    width: 50px;
 +
    height: 100%;
 +
    opacity: 0.5;
 +
    z-index: 2;
 +
}
 +
.slider .slider_right img{
 +
    position: relative;
 +
    width: 100%;
 +
    height: 200px;
 +
    top: 25%;
 +
    left: -10px;
 +
}
 +
.slider .slider_imgs{
 +
    position: absolute;
 +
}
 +
.slider .slider_imgs div{
 +
  float: left;
 +
  width: 1150px;
 +
  height: 350px;
 +
}
 +
.slider .slider_imgs #slide1{
 +
  float: left;
 +
    background-image:url('https://static.igem.org/mediawiki/2014/d/d1/Silkworms.JPG');
 +
    background-size: cover;
 +
    background-repeat: no-repeat;
 +
    background-position: 25% 50%;
 +
}
 +
.slider .slider_imgs #slide2{
 +
  float: left;
 +
    background-image:url('https://static.igem.org/mediawiki/2014/8/81/Classroom.JPG');
 +
    background-size: cover;
 +
    background-repeat: no-repeat;
 +
    background-position: 0% 50%;
 +
}
 +
.slider .slider_imgs #slide3{
 +
  float: left;
 +
    background-image:url('https://static.igem.org/mediawiki/2014/f/fa/Cocoons.JPG');
 +
    background-size: cover;
 +
    background-repeat: no-repeat;
 +
}
 +
.slider .slider_imgs #slide4{
 +
  float: left;
 +
    background-image:url('https://static.igem.org/mediawiki/2014/f/fd/Uclateam.JPG');
 +
    background-size: cover;
 +
    background-repeat: no-repeat;
 +
    background-position: 0% 65%;
 +
}
 +
.slider #hp{
 +
    z-index:100;
 +
}
 +
</style>
 +
 +
 +
 +
<!--HP SLIDER-->
 +
<style type="text/css">
 +
.hpslider{
 +
    position: relative;
 +
    width: 1150px;
 +
    height: 350px;
 +
    margin: auto;
 +
    overflow: hidden;
 +
    z-index: 13;
 +
    background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');
 +
}
 +
.hpslider .hpslider_left{
 +
    position: absolute;
 +
    background-color:black;
 +
    top: 0px;   
 +
    left: 0px;
 +
    width: 50px;
 +
    height: 100%;
 +
    opacity: 0.5;
 +
    z-index: 2;
 +
}
 +
.hpslider .hpslider_left img{
 +
    position: relative;
 +
    width: 100%;
 +
    height: 200px;
 +
    top: 25%;
 +
    left: 10px;
 +
}
 +
.hpslider .slider_right{
     position: absolute;
     position: absolute;
     background-color:black;
     background-color:black;

Revision as of 10:52, 17 October 2014

Retrieved from "http://2014.igem.org/Team:UCLA/Template/CSS"