"
Team:UCLA/css/component
From 2013.igem.org
Dewalgupta (Talk | contribs) |
Dewalgupta (Talk | contribs) |
||
| Line 32: | Line 32: | ||
margin: 25px 0; | margin: 25px 0; | ||
border-radius: 50%; | border-radius: 50%; | ||
| - | border: 4px solid # | + | border: 4px solid #000; |
} | } | ||
| Line 40: | Line 40: | ||
.cbp-fbscroller > nav a.cbp-fbcurrent { | .cbp-fbscroller > nav a.cbp-fbcurrent { | ||
| - | background: # | + | background: #000; |
} | } | ||
| Line 54: | Line 54: | ||
background-attachment: fixed; | background-attachment: fixed; | ||
} | } | ||
| - | |||
#fbsection1 { | #fbsection1 { | ||
background-image: url("https://static.igem.org/mediawiki/2013/c/ce/Ucla_bg1.png"); | background-image: url("https://static.igem.org/mediawiki/2013/c/ce/Ucla_bg1.png"); | ||
Revision as of 07:08, 13 September 2013
@import url(http://fonts.googleapis.com/css?family=Raleway); /* Set all parents to full height */ html, body, .container, .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) */ .cbp-fbscroller > nav { position: fixed; z-index: 9999; right: 100px; top: 50%; width: 26px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.cbp-fbscroller > nav a { display: block; position: relative; z-index: 9999; color: transparent; width: 26px; height: 26px; outline: none; margin: 25px 0; border-radius: 50%; border: 4px solid #000; }
.no-touch .cbp-fbscroller > nav a:hover { background: rgba(255,255,255,0.6); }
.cbp-fbscroller > nav a.cbp-fbcurrent { background: #000; }
/* 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); }
