Team:Lethbridge/index css
- 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;
}
- main_banner_container .banner_title {
color: #ffffff; display: inline-block; font-size: 48px; margin: 256px 0px 64px 0px; text-align: center; width: 100%;
}
- main_banner_container .banner_buttons {
display: block; margin: 0px auto; width: 420px;
}
- 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;
}
- 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%;
}
- info_1 {
background: #fae0c5;
}
- 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; width: 400px;
}
- info_1 #earth_population img {
left: 0px; position: absolute; top: 0px; z-index: 100;
}
- info_1 #earth_population canvas {
left: 0px; position: absolute; top: 0px; z-index: 100;
}
- info_2 {
color: #ffffff; background: #304055;
}
- info_3 {
background: #60a574;
}
- info_4 {
background: #ffffff;
}
- info_5 {
background: #d4af37;
}
- info_6 {
background: #e5e4e2;
}
- info_7 {
background: #60a574;
}
- info_8 {
background: #ffffff;
}
/* Sponsors stuff */
- index_sponsors h1,
- index_sponsors a {
background: url(); background-position: center center; background-repeat: no-repeat; background-size: 100% auto; display: block; float: left; height: 25%; margin: 0 !important; padding: 0 !important; width: 25%;
}
- index_sponsors a:hover {
background: red;
}
- index_sponsors a img {
}