Difference between revisions of "Team:Lethbridge/index css"
Line 74: | Line 74: | ||
background-position: right center; | background-position: right center; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
+ | background-size: 40% auto; | ||
color: #ffffff; | color: #ffffff; | ||
background-color: #304055; | background-color: #304055; |
Latest revision as of 03:19, 19 September 2015
- 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-color: #fae0c5;
}
- 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;
}
- 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 {
background-position: right center; background-repeat: no-repeat; background-size: 40% auto; color: #ffffff; background-color: #304055; background-image: url();
}
- info_3 {
background-position: left bottom; background-repeat: no-repeat; background-color: #60a574; background-image: url();
}
- info_4 {
background-color: #ffffff;
}
- info_5 {
background-color: #d4af37;
}
- info_6 {
background-color: #e5e4e2;
}
- info_7 {
background-color: #60a574;
}
- info_8 {
background-color: #ffffff;
}
/* Sponsors stuff */
- index_sponsors div,
- 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%;
}
- index_sponsors div {
display: table;
}
- index_sponsors h1 {
display: table-cell; vertical-align: middle; text-align: center;
}
- index_sponsor_IDT { background: url(); }
- index_sponsor_geneious { background: url(); }
- index_sponsor_AITF { background: url(); }
- index_sponsor_pearl { background: url(); }
- index_sponsor_AAFC { background: url(); }
- index_sponsor_AARTI { background: url(); }
- index_sponsor_Uleth { background: url(); }