|
|
| Line 11: |
Line 11: |
| | </head> | | </head> |
| | | | |
| − | <style>
| |
| | #globalWrapper{ | | #globalWrapper{ |
| | padding-bottom: 0px; | | padding-bottom: 0px; |
Revision as of 16:05, 12 October 2019
#globalWrapper{
padding-bottom: 0px;
}
/* Text Syling*/
#HQ_page .landing-text h1{
font-size: 420%;
font-weight: 500;
color: white;
font-family:"Poppins";
}
#HQ_page .pagecontainer h1{
padding-bottom: 2%;
font-size: 2.3rem;
font-family:"Poppins";
font-weight: 510;
}
#HQ_page .pagecontainer h5{
font-size: 1.3rem;
font-weight: 500;
font-family: "Poppins";
}
#HQ_page .pagecontainer h6{
font-size: 1.2rem;
font-family: "Lato";
}
/*Team Cover*/
html,body{
height: 100%;
width: 100%;
scroll-behavior: smooth;
overflow-x:hidden;
}
#pagecover{
background: url(https://static.igem.org/mediawiki/2019/b/b4/T--UM_Macau--teamcover1.jpg) no-repeat center fixed;
display: table;
height: 100vh;
position: relative;
width: 100%;
background-size: cover;
text-align: center;
}
.landing-text{
display: table-cell;
text-align: center;
vertical-align: middle;
}
/*for scroll down arrow*/
.arrow{
position: absolute;
bottom: 10%;
width: 100%;
cursor: pointer;
transition: 0.4s;
text-align: center;
}
.arrow img{
width: 7%;
}
.arrow:hover{
padding-bottom: 18px;
}
/*Team Container Styling*/
.pagecontainer{
padding: 10%;
}
.sectionpadding{
padding-left: 5%;
padding-right: 5%;
padding-bottom: 12%;
}
/*footer styling*/
.footerall{
padding-right:20px;
padding-left: 20px;
}
footer{
width: 100%;
background-color:#131111;
padding-top: 50px;
padding-bottom: 50px;
padding-left: 5%;
padding-right: 5%;
color: #fff;
bottom: 0;
left: 0;
}
footer h4{
font-size: 1.3rem;
font-family: "Lato";
font-weight: 400;
color: #fff;
}
footer h5{
font-size: 1.2rem;
font-family:"Lato";
font-weight: 300;
color: #fff;
}
footer h6{
font-size: 1rem;
font-family:"Lato";
font-weight: 300;
color: #fff;
}
.logo{
text-align: center;
}
.contact{
border-right: 0.8px solid #fff;
border-left: 0.8px solid #fff;
padding-left: 25px;
height: 220px;
}
.social{
padding-right: 10px;
width: 32px;
cursor: pointer;
transition: 0.4s;
}
.social:hover{
opacity: 0.4;
}
.sponsor{
padding-left: 50px;
padding-right: 50px;
}
.sponsor img{
vertical-align: middle;
margin-top: 8px;
}
hr{
border: 0;
height: 0.8px;
background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
}
/*for media styling*/
@media (max-width: 768px) {
#HQ_page .landing-text h1{
font-size: 200%;
font-weight: 500;
color: white;
font-family:"Poppins";
}
.arrow img{
width: 15%;
}
}
Students
