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

Revision as of 02:56, 19 September 2015 (view source) Adam.christiansen (Talk | contribs) ← Older edit		Revision as of 03:01, 19 September 2015 (view source) Adam.christiansen (Talk | contribs) Newer edit →
Line 38:		Line 38:
	.info_box {		.info_box {
−	background-position: cover;	+	background-position: center center;
	background-repeat: no-repeat;		background-repeat: no-repeat;
		+	background-size: cover;
	height: 100vh;		height: 100vh;
	min-height: 100vh;		min-height: 100vh;

---

Revision as of 03:01, 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 {

 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
 height: 100vh;
 min-height: 100vh;
 overflow-x: hidden;
 width: 100%;

}

1. info_1 {

 background-color: #fae0c5;

}

1. info_1 #earth_population {

 background: url(../img/earth.png);
 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 {

 color: #ffffff;
 background-color: #304055;
 background-image: url();

}

1. info_3 {

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