Team:UCLA/css/component

From 2013.igem.org

(Difference between revisions)
(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...")
 
(9 intermediate revisions not shown)
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 {  
Line 10: Line 10:
/* The nav is fixed on the right side  and we center it by translating it 50%  
/* 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) */
(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 */
/* background-attachment does the trick */
Line 54: Line 22:
background-attachment: fixed;
background-attachment: fixed;
}
}
-
 
#fbsection1 {
#fbsection1 {
-
background-image: url(../images/bg1.png);
+
background-image: url("https://static.igem.org/mediawiki/2013/c/ce/Ucla_bg1.png");
}
}
Line 65: Line 32:
width: 800px;
width: 800px;
margin: 18px auto 0;
margin: 18px auto 0;
 +
        font-size: 100%
}
}
#fbsection2 {
#fbsection2 {
-
background-image: url(../images/bg2.png);
+
background-image: url("https://static.igem.org/mediawiki/2013/f/f9/Ucla_bg2.png");
}
}

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); }

Retrieved from "http://2013.igem.org/Team:UCLA/css/component"