Team:Calgary/TestPageCSS
From 2013.igem.org
- Carousel {
width: 990px; height: 180px; background: #CFCFCF; margin: 100px; padding-left: 90px; position: relative; overflow: hidden; }
- Carousel .Person {
width: 150px; height: 150px; position: absolute; top: 15px; }
- Carousel .Slide0 {
left: 90px; cursor: pointer; }
- Carousel .Slide1 {
left: 255px; cursor: pointer; }
- Carousel .Slide2 {
left: 420px; }
- Carousel .Slide3 {
left: 585px; cursor: pointer; }
- Carousel .Slide4 {
left: 750px; cursor: pointer; }
- Carousel .Arrow {
position: absolute; width: 60px; height: 60px; top: 0; bottom: 0; margin: auto; }
- Carousel #LeftArrow {
left: 0; margin-left: 15px; background: url(ArrowLeft.png) top; }
- Carousel #RightArrow {
right: 0; margin-right: 15px; background: url(ArrowRight.png) top; }
- Carousel #LeftArrow:hover, #Carousel #RightArrow:hover {
background-position: bottom; cursor: pointer; }
- Carousel #Person0 {
background: red; }
- Carousel #Person1 {
background: orange; }
- Carousel #Person2 {
background: yellow; }
- Carousel #Person3 {
background: green; }
- Carousel #Person4 {
background: blue; }
- Carousel #Person5 {
background: purple; display: none; }
- Carousel #Person6 {
background: pink; display: none; }
- Carousel #Person7 {
background: brown; display: none; }
- Carousel #Person8 {
background: black; display: none; }
- Carousel #Person9 {
background: white; display: none; }