Team:UCLA/css/component

From 2013.igem.org

(Difference between revisions)

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 {

infb1 {

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

       font-size: 100%

}

fbsection2 {

fbsection3 {

fbsection4 {

fbsection5 {

@@ Line 2: / Line 2: @@
 /* Set all parents to full height */
 html, body,
-.container,
+.cont,
 .cbp-fbscroller,
 .cbp-fbscroller section {
@@ Line 10: / Line 10: @@
 /* 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 */