Team:Calgary/StyleSheets/Team
From 2013.igem.org
(18 intermediate revisions not shown) | |||
Line 14: | Line 14: | ||
***/ | ***/ | ||
+ | |||
+ | #Banner { | ||
+ | display: none; | ||
+ | position: fixed; | ||
+ | height: 100px; | ||
+ | width: 100%; | ||
+ | background: url(background.png) center center; | ||
+ | } | ||
+ | |||
+ | #TeamMembers { | ||
+ | position: relative; | ||
+ | top: 108px; | ||
+ | } | ||
#Carousel { | #Carousel { | ||
width: 990px; | width: 990px; | ||
height: 180px; | height: 180px; | ||
- | background: | + | background-color:rgba(35,31,32,0.6); |
padding-left: 90px; | padding-left: 90px; | ||
position: relative; | position: relative; | ||
Line 77: | Line 90: | ||
left: 0; | left: 0; | ||
margin-left: 15px; | margin-left: 15px; | ||
- | background: url(https://static.igem.org/mediawiki/2013/ | + | background: url(https://static.igem.org/mediawiki/2013/d/db/2013UCalgaryArrowLeftWhite.png) top; |
} | } | ||
Line 83: | Line 96: | ||
right: 0; | right: 0; | ||
margin-right: 15px; | margin-right: 15px; | ||
- | background: url(https://static.igem.org/mediawiki/2013/ | + | background: url(https://static.igem.org/mediawiki/2013/6/66/2013UCalgaryArrowRightWhite.png) top; |
} | } | ||
Line 92: | Line 105: | ||
#Carousel #Person0 { | #Carousel #Person0 { | ||
- | background: | + | background: url(https://static.igem.org/mediawiki/2013/7/78/2013UCalgaryIainProfile.png) bottom; |
} | } | ||
Line 112: | Line 125: | ||
#Carousel #Person5 { | #Carousel #Person5 { | ||
- | background: | + | background: url(https://static.igem.org/mediawiki/2013/e/ec/2013UCalgaryRobertProfile.png) bottom; |
display: none; | display: none; | ||
} | } | ||
Line 132: | Line 145: | ||
#Carousel #Person9 { | #Carousel #Person9 { | ||
- | background: | + | background: url(https://static.igem.org/mediawiki/2013/8/8e/2013UCalgaryPatrickProfile.png) bottom; |
display: none; | display: none; | ||
} | } | ||
#Carousel #Person10 { | #Carousel #Person10 { | ||
- | background: | + | background: url(https://static.igem.org/mediawiki/2013/5/5d/2013UCalgaryRuthProfile.png) bottom; |
display: none; | display: none; | ||
} | } | ||
#Carousel #Person11 { | #Carousel #Person11 { | ||
- | background: | + | background: url(https://static.igem.org/mediawiki/2013/9/9c/2013UCalgaryKateProfile.png) bottom; |
display: none; | display: none; | ||
} | } | ||
#Carousel #Person12 { | #Carousel #Person12 { | ||
- | background: | + | background: url(https://static.igem.org/mediawiki/2013/5/56/2013UCalgaryJamieProfile.png) bottom; |
display: none; | display: none; | ||
} | } | ||
#Carousel #Person13 { | #Carousel #Person13 { | ||
- | background: | + | background: url(https://static.igem.org/mediawiki/2013/5/5c/2013UCalgaryAndersProfile.png) bottom; |
display: none; | display: none; | ||
} | } | ||
#Carousel #Person14 { | #Carousel #Person14 { | ||
- | background: url(https://static.igem.org/mediawiki/2013/ | + | background: url(https://static.igem.org/mediawiki/2013/2/2c/2013UCalgaryMayiProfile.png) bottom; |
display: none; | display: none; | ||
} | } | ||
#Carousel #Person15 { | #Carousel #Person15 { | ||
- | background: | + | background: url(https://static.igem.org/mediawiki/2013/a/ab/2013UCalgaryMarkProfile.png) bottom; |
display: none; | display: none; | ||
} | } | ||
#Carousel #Person16 { | #Carousel #Person16 { | ||
- | background: | + | background: url(https://static.igem.org/mediawiki/2013/0/02/2013UCalgaryAnthonyProfile.png) bottom; |
display: none; | display: none; | ||
} | } | ||
#Carousel #Person17 { | #Carousel #Person17 { | ||
- | background: url(https://static.igem.org/mediawiki/2013/6/ | + | background: url(https://static.igem.org/mediawiki/2013/6/6e/2013UCalgaryCesarProfile.png) bottom; |
display: none; | display: none; | ||
} | } | ||
#Carousel #Person18 { | #Carousel #Person18 { | ||
- | background: url(https://static.igem.org/mediawiki/2013/ | + | background: url(https://static.igem.org/mediawiki/2013/d/dd/2013UCalgaryJustinProfile.png) bottom; |
display: none; | display: none; | ||
} | } | ||
Line 187: | Line 200: | ||
#Carousel #Person20 { | #Carousel #Person20 { | ||
- | background: | + | 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; | display: none; | ||
} | } | ||
Line 194: | Line 222: | ||
width: 100%; | width: 100%; | ||
max-width: 990px; | max-width: 990px; | ||
+ | background-color:rgba(35,31,32,0.6); | ||
left: 0; | left: 0; | ||
right: 0; | right: 0; | ||
margin: 0 auto; | margin: 0 auto; | ||
- | |||
} | } | ||
Line 205: | Line 233: | ||
} | } | ||
- | #WriteUp | + | #WriteUp .InfoImg { |
position: relative; | position: relative; | ||
width: 50%; | width: 50%; | ||
Line 213: | Line 241: | ||
} | } | ||
- | #WriteUp | + | #WriteUp .InfoImg img { |
width: 100%; | width: 100%; | ||
height: auto; | height: auto; | ||
Line 232: | Line 260: | ||
font-size: 28px; | font-size: 28px; | ||
font-weight: 600; | font-weight: 600; | ||
- | color: # | + | color: #FFFFFF; |
margin: 0; | margin: 0; | ||
} | } | ||
Line 241: | Line 269: | ||
font-size: 20px; | font-size: 20px; | ||
font-weight: 500; | font-weight: 500; | ||
- | color: # | + | color: #FFFFFF; |
padding-left: 0; | padding-left: 0; | ||
} | } | ||
Line 250: | Line 278: | ||
margin: 4px 0 12px 0; | margin: 4px 0 12px 0; | ||
text-indent: 50px; | text-indent: 50px; | ||
- | color: # | + | color: #FFFFFF; |
text-align:justify; | text-align:justify; | ||
text-justify:inter-word; | text-justify:inter-word; |
Latest revision as of 04:21, 27 September 2013
/*** 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() top; }
- Carousel #RightArrow {
right: 0; margin-right: 15px; background: url() top; }
- Carousel #LeftArrow:hover, #Carousel #RightArrow:hover {
background-position: bottom; cursor: pointer; }
- Carousel #Person0 {
background: url() bottom; }
- Carousel #Person1 {
background: url() bottom; }
- Carousel #Person2 {
background: url() bottom; }
- Carousel #Person3 {
background: url() bottom; }
- Carousel #Person4 {
background: url() bottom; }
- Carousel #Person5 {
background: url() bottom; display: none; }
- Carousel #Person6 {
background: url() bottom; display: none; }
- Carousel #Person7 {
background: url() bottom; display: none; }
- Carousel #Person8 {
background: url() bottom; display: none; }
- Carousel #Person9 {
background: url() bottom; display: none; }
- Carousel #Person10 {
background: url() bottom; display: none; }
- Carousel #Person11 {
background: url() bottom; display: none; }
- Carousel #Person12 {
background: url() bottom; display: none; }
- Carousel #Person13 {
background: url() bottom; display: none; }
- Carousel #Person14 {
background: url() bottom; display: none; }
- Carousel #Person15 {
background: url() bottom; display: none; }
- Carousel #Person16 {
background: url() bottom; display: none; }
- Carousel #Person17 {
background: url() bottom; display: none; }
- Carousel #Person18 {
background: url() bottom; display: none; }
- Carousel #Person19 {
background: url() bottom; display: none; }
- Carousel #Person20 {
background: url() bottom; display: none; }
- Carousel #Person21 {
background: url() bottom; display: none; }
- Carousel #Person22 {
background: url() bottom; display: none; }
- Carousel #Person23 {
background: url() 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; }