"

From 2013.igem.org

Revision as of 08:35, 12 September 2013 (view source) Dewalgupta (Talk | contribs) (Created page with "@import url(http://fonts.googleapis.com/css?family=Raleway); - →Set all parents to full height: html, body, .container, .cbp-fbscroller, .cbp-fbscroller section { height: 10...") ← Older edit		Revision as of 08:38, 12 September 2013 (view source) Dewalgupta (Talk | contribs) Newer edit →
Line 56:		Line 56:
	#fbsection1 {		#fbsection1 {
-	background-image: url(../images/bg1.png);	+	background-image: url(https://static.igem.org/mediawiki/2013/f/f9/Ucla_bg1.png);
	}		}
Line 68:		Line 68:
	#fbsection2 {		#fbsection2 {
-	background-image: url(../images/bg2.png);	+	background-image: url(https://static.igem.org/mediawiki/2013/f/f9/Ucla_bg1.png);
	}		}

---

Revision as of 08:38, 12 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 #fff; }

.no-touch .cbp-fbscroller > nav a:hover { background: rgba(255,255,255,0.6); }

.cbp-fbscroller > nav a.cbp-fbcurrent { background: #fff; }

/* 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; }

1. fbsection1 {

background-image: url(); }

1. infb1 {

font-family: 'Raleway', sans-serif; position: relative; height: 600px; width: 800px; margin: 18px auto 0; }

1. fbsection2 {

background-image: url(); }

1. fbsection3 {

background-image: url(../images/3.jpg); }

1. fbsection4 {

background-image: url(../images/4.jpg); }

1. fbsection5 {

background-image: url(../images/5.jpg); }