Team:UCLA/css/component
From 2013.igem.org
Dewalgupta (Talk | contribs) |
Dewalgupta (Talk | contribs) |
||
Line 2: | Line 2: | ||
/* Set all parents to full height */ | /* Set all parents to full height */ | ||
html, body, | html, body, | ||
- | . | + | .cont, |
.cbp-fbscroller, | .cbp-fbscroller, | ||
.cbp-fbscroller section { | .cbp-fbscroller section { |
Latest revision as of 08:59, 14 September 2013
@import url(http://fonts.googleapis.com/css?family=Raleway); /* Set all parents to full height */ html, body, .cont, .cbp-fbscroller, .cbp-fbscroller section { height: 100%; }
/* The nav is fixed on the right side and we center it by translating it 50% (we don't know it's height so we can't use the negative margin trick) */
/* background-attachment does the trick */ .cbp-fbscroller section { position: relative; background-position: top center; background-repeat: no-repeat; background-size: cover; }
.no-touch .cbp-fbscroller section { background-attachment: fixed; }
- fbsection1 {
background-image: url(""); }
- infb1 {
font-family: 'Raleway', sans-serif; position: relative; height: 600px; width: 800px; margin: 18px auto 0;
font-size: 100%
}
- fbsection2 {
background-image: url(""); }
- fbsection3 {
background-image: url(../images/3.jpg); }
- fbsection4 {
background-image: url(../images/4.jpg); }
- fbsection5 {
background-image: url(../images/5.jpg); }