/*** Name: Wm. Keith van der Meulen Date: Summer 2013 Organization: University of Calgary iGEM Team 2013 ---Purpose--- CSS code to define team member page stylings. ------------- Cite: Wm. Keith van der Meulen University of Calgary iGEM 2013 https://2013.igem.org/Team:Calgary/StyleSheets/Team?action=raw&ctype=text/css ***/ #Banner { display: none; position: fixed; height: 100px; width: 100%; background: url(background.png) center center; } #TeamMembers { position: relative; top: 108px; } #Carousel { width: 990px; height: 180px; background-color:rgba(35,31,32,0.6); padding-left: 90px; position: relative; overflow: hidden; left: 0; right: 0; margin: 25px auto; display: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none user-select: none; } #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; background-position: top !important; } #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(https://static.igem.org/mediawiki/2013/d/db/2013UCalgaryArrowLeftWhite.png) top; } #Carousel #RightArrow { right: 0; margin-right: 15px; background: url(https://static.igem.org/mediawiki/2013/6/66/2013UCalgaryArrowRightWhite.png) top; } #Carousel #LeftArrow:hover, #Carousel #RightArrow:hover { background-position: bottom; cursor: pointer; } #Carousel #Person0 { background: url(https://static.igem.org/mediawiki/2013/7/78/2013UCalgaryIainProfile.png) bottom; } #Carousel #Person1 { background: url(https://static.igem.org/mediawiki/2013/9/90/2013UCalgaryLisaProfile.png) bottom; } #Carousel #Person2 { background: url(https://static.igem.org/mediawiki/2013/7/70/2013UCalgaryKeithProfile.png) bottom; } #Carousel #Person3 { background: url(https://static.igem.org/mediawiki/2013/1/12/2013UCalgaryChrisProfile.png) bottom; } #Carousel #Person4 { background: url(https://static.igem.org/mediawiki/2013/0/05/2013UCalgaryRaiProfile.png) bottom; } #Carousel #Person5 { background: url(https://static.igem.org/mediawiki/2013/e/ec/2013UCalgaryRobertProfile.png) bottom; display: none; } #Carousel #Person6 { background: url(https://static.igem.org/mediawiki/2013/3/30/2013UCalgaryHimikaProfile.png) bottom; display: none; } #Carousel #Person7 { background: url(https://static.igem.org/mediawiki/2013/0/03/2013UCalgaryTaylorProfile.png) bottom; display: none; } #Carousel #Person8 { background: url(https://static.igem.org/mediawiki/2013/b/bb/2013UCalgaryDennyProfile.png) bottom; display: none; } #Carousel #Person9 { background: url(https://static.igem.org/mediawiki/2013/8/8e/2013UCalgaryPatrickProfile.png) bottom; display: none; } #Carousel #Person10 { background: url(https://static.igem.org/mediawiki/2013/5/5d/2013UCalgaryRuthProfile.png) bottom; display: none; } #Carousel #Person11 { background: url(https://static.igem.org/mediawiki/2013/9/9c/2013UCalgaryKateProfile.png) bottom; display: none; } #Carousel #Person12 { background: url(https://static.igem.org/mediawiki/2013/5/56/2013UCalgaryJamieProfile.png) bottom; display: none; } #Carousel #Person13 { background: url(https://static.igem.org/mediawiki/2013/5/5c/2013UCalgaryAndersProfile.png) bottom; display: none; } #Carousel #Person14 { background: url(https://static.igem.org/mediawiki/2013/2/2c/2013UCalgaryMayiProfile.png) bottom; display: none; } #Carousel #Person15 { background: url(https://static.igem.org/mediawiki/2013/a/ab/2013UCalgaryMarkProfile.png) bottom; display: none; } #Carousel #Person16 { background: url(https://static.igem.org/mediawiki/2013/0/02/2013UCalgaryAnthonyProfile.png) bottom; display: none; } #Carousel #Person17 { background: url(https://static.igem.org/mediawiki/2013/6/6e/2013UCalgaryCesarProfile.png) bottom; display: none; } #Carousel #Person18 { background: url(https://static.igem.org/mediawiki/2013/d/dd/2013UCalgaryJustinProfile.png) bottom; display: none; } #Carousel #Person19 { background: url(https://static.igem.org/mediawiki/2013/d/de/2013UCalgarySuProfile.png) bottom; display: none; } #Carousel #Person20 { background: url(https://static.igem.org/mediawiki/2013/2/22/2013UCalgarySharonProfile.png) bottom; display: none; } #Carousel #Person21 { background: url(https://static.igem.org/mediawiki/2013/6/6a/2013UCalgaryAmandaProfile.png) bottom; display: none; } #Carousel #Person22 { background: url(https://static.igem.org/mediawiki/2013/a/a6/2013UCalgaryJulieProfile.png) bottom; display: none; } #Carousel #Person23 { background: url(https://static.igem.org/mediawiki/2013/5/5a/2013UCalgaryAliProfile.png) bottom; display: none; } #WriteUp { width: 100%; max-width: 990px; background-color:rgba(35,31,32,0.6); left: 0; right: 0; margin: 0 auto; } #WriteUp .Info { clear: both; overflow: auto; } #WriteUp .InfoImg { position: relative; width: 50%; height: 100%; padding: 25px; float: left; } #WriteUp .InfoImg img { width: 100%; height: auto; max-width: 100%; } #WriteUp .Text { width: 50%; min-width: 320px; height: 100%; padding: 25px; float: left; } #WriteUp .Text h2 { line-height: 1; text-align: left; font-size: 28px; font-weight: 600; color: #FFFFFF; margin: 0; } #WriteUp .Text h3 { line-height: 1.6; text-align: left; font-size: 20px; font-weight: 500; color: #FFFFFF; padding-left: 0; } #WriteUp .Text p, #WriteUp .Text a { font-size: 16px; line-height: 1.2; margin: 4px 0 12px 0; text-indent: 50px; color: #FFFFFF; text-align:justify; text-justify:inter-word; padding-left: 0; } #WriteUp .Text a { text-decoration: underline; }