Team:UCLA/Template/CSS
From 2014.igem.org
(Difference between revisions)
Anuvedverma (Talk | contribs) |
Anuvedverma (Talk | contribs) |
||
Line 333: | Line 333: | ||
height: 95%; | height: 95%; | ||
z-index: 10; | z-index: 10; | ||
- | + | ||
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