Difference between revisions of "Team:Lethbridge/index css"

Revision as of 22:01, 18 September 2015 (view source) Adam.christiansen (Talk | contribs) ← Older edit		Latest revision as of 03:19, 19 September 2015 (view source) Adam.christiansen (Talk | contribs)
(38 intermediate revisions by the same user not shown)
Line 40:		Line 40:
	height: 100vh;		height: 100vh;
	min-height: 100vh;		min-height: 100vh;
−	overflow: hidden;	+	overflow-x: hidden;
	width: 100%;		width: 100%;
	}		}
	#info_1 {		#info_1 {
−	background: #fae0c5;	+	background-color: #fae0c5;
	}		}
	#info_1 #earth_population {		#info_1 #earth_population {
−	background: url(../img/earth.png);	+	background: url(https://static.igem.org/mediawiki/2015/6/6f/Uleth15_Globe.png);
	background-position: center center;		background-position: center center;
	background-repeat: no-repeat;		background-repeat: no-repeat;
Line 55:		Line 55:
	height: 400px;		height: 400px;
	margin: 0px auto;		margin: 0px auto;
		+	position: relative;
	width: 400px;		width: 400px;
	}		}
Line 71:		Line 72:
	#info_2 {		#info_2 {
		+	background-position: right center;
		+	background-repeat: no-repeat;
		+	background-size: 40% auto;
	color: #ffffff;		color: #ffffff;
−	background: #304055;	+	background-color: #304055;
		+	background-image: url(https://static.igem.org/mediawiki/2015/6/64/Uleth15_Molecule.png);
	}		}
	#info_3 {		#info_3 {
−	background: #60a574;	+	background-position: left bottom;
		+	background-repeat: no-repeat;
		+	background-color: #60a574;
		+	background-image: url(https://static.igem.org/mediawiki/2015/0/0a/Uleth15_dsRNA.png);
	}		}
	#info_4 {		#info_4 {
−	background: #ffffff;	+	background-color: #ffffff;
	}		}
	#info_5 {		#info_5 {
−	background: #d4af37;	+	background-color: #d4af37;
	}		}
	#info_6 {		#info_6 {
−	background: #e5e4e2;	+	background-color: #e5e4e2;
	}		}
	#info_7 {		#info_7 {
−	background: #60a574;	+	background-color: #60a574;
	}		}
	#info_8 {		#info_8 {
−	background: #ffffff;	+	background-color: #ffffff;
	}		}
		+
		+	/* Sponsors stuff */
		+	#index_sponsors div,
	#index_sponsors a {		#index_sponsors a {
		+	background-position: center center;
		+	background-repeat: no-repeat;
		+	background-size: contain;
	display: block;		display: block;
−	heigh: 50%;	+	float: left;
		+	height: 25%;
	margin: 0 !important;		margin: 0 !important;
	padding: 0 !important;		padding: 0 !important;
	width: 25%;		width: 25%;
	}		}
		+	#index_sponsors div {
		+	display: table;
		+	}
		+	#index_sponsors h1 {
		+	display: table-cell;
		+	vertical-align: middle;
		+	text-align: center;
		+	}
		+	#index_sponsor_IDT      { background: url(https://static.igem.org/mediawiki/2015/c/c7/Uleth15_IDT.png);      }
		+	#index_sponsor_geneious { background: url(https://static.igem.org/mediawiki/2015/c/c7/Uleth15_Geneious.png); }
		+	#index_sponsor_AITF    { background: url(https://static.igem.org/mediawiki/2015/3/36/Uleth15_AITF.png);    }
		+	#index_sponsor_pearl    { background: url(https://static.igem.org/mediawiki/2015/6/68/Uleth15_PEARL.png);    }
		+	#index_sponsor_AAFC    { background: url(https://static.igem.org/mediawiki/2015/8/8d/Uleth15_AAFC.png);    }
		+	#index_sponsor_AARTI    { background: url(https://static.igem.org/mediawiki/2015/4/48/Uleth15_AARTI.png);    }
		+	#index_sponsor_Uleth    { background: url(https://static.igem.org/mediawiki/2015/b/bd/Uleth15_Uleth.png);    }

---

Latest revision as of 03:19, 19 September 2015

1. main_banner_container {

 background: url();
 background-position: center;
 background-size: cover !important;
 height: 100vh;
 min-height: 100%;
 width: 100%;
 margin-top: 0px;
 padding-top: 0px;

}

1. main_banner_container .banner_title {

 color: #ffffff;
 display: inline-block;
 font-size: 48px;
 margin: 256px 0px 64px 0px;
 text-align: center;
 width: 100%;

}

1. main_banner_container .banner_buttons {

 display: block;
 margin: 0px auto;
 width: 420px;

}

1. main_banner_container .banner_buttons a {

 border: 2px solid #ffffff;
 color: #ffffff;
 display: inline-block;
 float: left;
 height: 36px;
 line-height: 36px;
 margin: 0px 8px;
 text-align: center;
 width: 120px;

}

1. main_banner_container .banner_buttons a:hover {

 background: rgba(255, 255, 255, 0.33);

}

.info_box {

 height: 100vh;
 min-height: 100vh;
 overflow-x: hidden;
 width: 100%;

}

1. info_1 {

 background-color: #fae0c5;

}

1. info_1 #earth_population {

 background: url();
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
 display: block;
 height: 400px;
 margin: 0px auto;
 position: relative;
 width: 400px;

}

1. info_1 #earth_population img {

 left: 0px;
 position: absolute;
 top: 0px;
 z-index: 100;

}

1. info_1 #earth_population canvas {

 left: 0px;
 position: absolute;
 top: 0px;
 z-index: 100;

}

1. info_2 {

 background-position: right center;
 background-repeat: no-repeat;
 background-size: 40% auto;
 color: #ffffff;
 background-color: #304055;
 background-image: url();

}

1. info_3 {

 background-position: left bottom;
 background-repeat: no-repeat;
 background-color: #60a574;
 background-image: url();

}

1. info_4 {

 background-color: #ffffff;

}

1. info_5 {

 background-color: #d4af37;

}

1. info_6 {

 background-color: #e5e4e2;

}

1. info_7 {

 background-color: #60a574;

}

1. info_8 {

 background-color: #ffffff;

}

/* Sponsors stuff */

1. index_sponsors div,
2. index_sponsors a {

 background-position: center center;
 background-repeat: no-repeat;
 background-size: contain;
 display: block;
 float: left;
 height: 25%;
 margin: 0 !important;
 padding: 0 !important;
 width: 25%;

}

1. index_sponsors div {

 display: table;

}

1. index_sponsors h1 {

 display: table-cell;
 vertical-align: middle;
 text-align: center;

}

1. index_sponsor_IDT { background: url(); }
2. index_sponsor_geneious { background: url(); }
3. index_sponsor_AITF { background: url(); }
4. index_sponsor_pearl { background: url(); }
5. index_sponsor_AAFC { background: url(); }
6. index_sponsor_AARTI { background: url(); }
7. index_sponsor_Uleth { background: url(); }