Team:UCLA/css/component

From 2013.igem.org

(Difference between revisions)
 
Line 2: Line 2:
/* Set all parents to full height */
/* Set all parents to full height */
html, body,  
html, body,  
-
.container,
+
.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; }

  1. fbsection1 {

background-image: url("Ucla_bg1.png"); }

  1. infb1 {

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

       font-size: 100%

}

  1. fbsection2 {

background-image: url("Ucla_bg2.png"); }

  1. fbsection3 {

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

  1. fbsection4 {

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

  1. fbsection5 {

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