Team:Calgary/TestPageCSS

From 2013.igem.org

Revision as of 21:47, 23 August 2013 by Wkeithvan (Talk | contribs)
  1. Carousel {

width: 990px; height: 180px; background: #CFCFCF; margin: 100px; padding-left: 90px; position: relative; overflow: hidden; }

  1. Carousel .Person {

width: 150px; height: 150px; position: absolute; top: 15px; }

  1. Carousel .Slide0 {

left: 90px; cursor: pointer; }

  1. Carousel .Slide1 {

left: 255px; cursor: pointer; }

  1. Carousel .Slide2 {

left: 420px; }

  1. Carousel .Slide3 {

left: 585px; cursor: pointer; }

  1. Carousel .Slide4 {

left: 750px; cursor: pointer; }

  1. Carousel .Arrow {

position: absolute; width: 60px; height: 60px; top: 0; bottom: 0; margin: auto; }

  1. Carousel #LeftArrow {

left: 0; margin-left: 15px; background: url(ArrowLeft.png) top; }

  1. Carousel #RightArrow {

right: 0; margin-right: 15px; background: url(ArrowRight.png) top; }

  1. Carousel #LeftArrow:hover, #Carousel #RightArrow:hover {

background-position: bottom; cursor: pointer; }


  1. Carousel #Person0 {

background: red; }

  1. Carousel #Person1 {

background: orange; }

  1. Carousel #Person2 {

background: yellow; }

  1. Carousel #Person3 {

background: green; }

  1. Carousel #Person4 {

background: blue; }

  1. Carousel #Person5 {

background: purple; display: none; }

  1. Carousel #Person6 {

background: pink; display: none; }

  1. Carousel #Person7 {

background: brown; display: none; }

  1. Carousel #Person8 {

background: black; display: none; }

  1. Carousel #Person9 {

background: white; display: none; }