Team:Calgary/StyleSheets/Team

From 2013.igem.org

(Difference between revisions)
 
(17 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: #CFCFCF;
+
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/5/53/2013UCalgaryArrowLeft.png) top;
+
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/5/56/2013UCalgaryArrowRight.png) top;
+
background: url(https://static.igem.org/mediawiki/2013/6/66/2013UCalgaryArrowRightWhite.png) top;
}
}
Line 147: Line 160:
#Carousel #Person12 {
#Carousel #Person12 {
-
background: url(https://static.igem.org/mediawiki/2013/5/5c/2013UCalgaryAndersProfile.png) bottom;
+
background: url(https://static.igem.org/mediawiki/2013/5/56/2013UCalgaryJamieProfile.png) bottom;
display: none;
display: none;
}
}
#Carousel #Person13 {
#Carousel #Person13 {
-
background: red;
+
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/a/ab/2013UCalgaryMarkProfile.png) bottom;
+
background: url(https://static.igem.org/mediawiki/2013/2/2c/2013UCalgaryMayiProfile.png) bottom;
display: none;
display: none;
}
}
#Carousel #Person15 {
#Carousel #Person15 {
-
background: green;
+
background: url(https://static.igem.org/mediawiki/2013/a/ab/2013UCalgaryMarkProfile.png) bottom;
display: none;
display: none;
}
}
#Carousel #Person16 {
#Carousel #Person16 {
-
background: blue;
+
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/d/dd/2013UCalgaryJustinProfile.png) bottom;
+
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/d/de/2013UCalgarySuProfile.png) bottom;
+
background: url(https://static.igem.org/mediawiki/2013/d/dd/2013UCalgaryJustinProfile.png) bottom;
display: none;
display: none;
}
}
#Carousel #Person19 {
#Carousel #Person19 {
-
background: url(https://static.igem.org/mediawiki/2013/2/22/2013UCalgarySharonProfile.png) bottom;
+
background: url(https://static.igem.org/mediawiki/2013/d/de/2013UCalgarySuProfile.png) bottom;
display: none;
display: none;
}
}
#Carousel #Person20 {
#Carousel #Person20 {
-
background: url(https://static.igem.org/mediawiki/2013/6/6a/2013UCalgaryAmandaProfile.png) bottom;
+
background: url(https://static.igem.org/mediawiki/2013/2/22/2013UCalgarySharonProfile.png) bottom;
display: none;
display: none;
}
}
#Carousel #Person21 {
#Carousel #Person21 {
-
background: url(https://static.igem.org/mediawiki/2013/a/a6/2013UCalgaryJulieProfile.png) bottom;
+
background: url(https://static.igem.org/mediawiki/2013/6/6a/2013UCalgaryAmandaProfile.png) bottom;
display: none;
display: none;
}
}
#Carousel #Person22 {
#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;
background: url(https://static.igem.org/mediawiki/2013/5/5a/2013UCalgaryAliProfile.png) bottom;
display: none;
display: none;
Line 204: 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;
-
background: #A4A4A4;
 
}
}
Line 215: Line 233:
}
}
-
#WriteUp .Info .InfoImg {
+
#WriteUp .InfoImg {
position: relative;
position: relative;
width: 50%;
width: 50%;
Line 223: Line 241:
}
}
-
#WriteUp .Info .InfoImg img {
+
#WriteUp  .InfoImg img {
width: 100%;
width: 100%;
height: auto;
height: auto;
Line 242: Line 260:
font-size: 28px;
font-size: 28px;
font-weight: 600;
font-weight: 600;
-
color: #333333;
+
color: #FFFFFF;
margin: 0;
margin: 0;
}
}
Line 251: Line 269:
font-size: 20px;
font-size: 20px;
font-weight: 500;
font-weight: 500;
-
color: #333333;
+
color: #FFFFFF;
padding-left: 0;
padding-left: 0;
}
}
Line 260: Line 278:
margin: 4px 0 12px 0;
margin: 4px 0 12px 0;
text-indent: 50px;
text-indent: 50px;
-
color: #000000;
+
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

      • /
  1. Banner {

display: none; position: fixed; height: 100px; width: 100%; background: url(background.png) center center; }

  1. TeamMembers {

position: relative; top: 108px; }

  1. 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; }

  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; background-position: top !important; }

  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(2013UCalgaryArrowLeftWhite.png) top; }

  1. Carousel #RightArrow {

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

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

background-position: bottom; cursor: pointer; }

  1. Carousel #Person0 {

background: url(2013UCalgaryIainProfile.png) bottom; }

  1. Carousel #Person1 {

background: url(2013UCalgaryLisaProfile.png) bottom; }

  1. Carousel #Person2 {

background: url(2013UCalgaryKeithProfile.png) bottom; }

  1. Carousel #Person3 {

background: url(2013UCalgaryChrisProfile.png) bottom; }

  1. Carousel #Person4 {

background: url(2013UCalgaryRaiProfile.png) bottom; }

  1. Carousel #Person5 {

background: url(2013UCalgaryRobertProfile.png) bottom; display: none; }

  1. Carousel #Person6 {

background: url(2013UCalgaryHimikaProfile.png) bottom; display: none; }

  1. Carousel #Person7 {

background: url(2013UCalgaryTaylorProfile.png) bottom; display: none; }

  1. Carousel #Person8 {

background: url(2013UCalgaryDennyProfile.png) bottom; display: none; }

  1. Carousel #Person9 {

background: url(2013UCalgaryPatrickProfile.png) bottom; display: none; }

  1. Carousel #Person10 {

background: url(2013UCalgaryRuthProfile.png) bottom; display: none; }

  1. Carousel #Person11 {

background: url(2013UCalgaryKateProfile.png) bottom; display: none; }

  1. Carousel #Person12 {

background: url(2013UCalgaryJamieProfile.png) bottom; display: none; }

  1. Carousel #Person13 {

background: url(2013UCalgaryAndersProfile.png) bottom; display: none; }

  1. Carousel #Person14 {

background: url(2013UCalgaryMayiProfile.png) bottom; display: none; }

  1. Carousel #Person15 {

background: url(2013UCalgaryMarkProfile.png) bottom; display: none; }

  1. Carousel #Person16 {

background: url(2013UCalgaryAnthonyProfile.png) bottom; display: none; }

  1. Carousel #Person17 {

background: url(2013UCalgaryCesarProfile.png) bottom; display: none; }

  1. Carousel #Person18 {

background: url(2013UCalgaryJustinProfile.png) bottom; display: none; }

  1. Carousel #Person19 {

background: url(2013UCalgarySuProfile.png) bottom; display: none; }

  1. Carousel #Person20 {

background: url(2013UCalgarySharonProfile.png) bottom; display: none; }

  1. Carousel #Person21 {

background: url(2013UCalgaryAmandaProfile.png) bottom; display: none; }

  1. Carousel #Person22 {

background: url(2013UCalgaryJulieProfile.png) bottom; display: none; }

  1. Carousel #Person23 {

background: url(2013UCalgaryAliProfile.png) bottom; display: none; }

  1. WriteUp {

width: 100%; max-width: 990px; background-color:rgba(35,31,32,0.6); left: 0; right: 0; margin: 0 auto; }

  1. WriteUp .Info {

clear: both; overflow: auto; }

  1. WriteUp .InfoImg {

position: relative; width: 50%; height: 100%; padding: 25px; float: left; }

  1. WriteUp .InfoImg img {

width: 100%; height: auto; max-width: 100%; }

  1. WriteUp .Text {

width: 50%; min-width: 320px; height: 100%; padding: 25px; float: left; }

  1. WriteUp .Text h2 {

line-height: 1; text-align: left; font-size: 28px; font-weight: 600; color: #FFFFFF; margin: 0; }

  1. WriteUp .Text h3 {

line-height: 1.6; text-align: left; font-size: 20px; font-weight: 500; color: #FFFFFF; padding-left: 0; }

  1. 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; }

  1. WriteUp .Text a {

text-decoration: underline; }

Retrieved from "http://2013.igem.org/Team:Calgary/StyleSheets/Team"