Line 8: | Line 8: | ||
text-transform:uppercase | text-transform:uppercase | ||
} | } | ||
− | .container{ | + | #footerWrapper .container{ |
height:250px | height:250px | ||
} | } |
Revision as of 16:01, 20 August 2020
- footerWrapper{
position:absolute; bottom: 0; width: 100%; border-top: solid 25px #6281ef;
font-family: Lato, sans-serif;
text-transform:uppercase
}
- footerWrapper .container{
height:250px
}
- upperFooter{
height: 160px; background-color:#fafafc; display:flex;
}
- upperFooter #contacts{
width: 40%; height:100%; display:flex; align-items:center
}
- upperFooter #contacts #image-placeholder{
background-color:#fcbd1b; height:100px; width:100px; border-radius:100px; margin-left:60px; margin-right:30px;
}
- upperFooter #contacts #igem-info{
display:flex; height:70%; font-size: 0.7em; padding-left:30px; border-left:solid 2px #121212;
}
- upperFooter #contacts p{
font-size: 0.7em; text-transform: initial
}
- upperFooter #contacts #igem-info #contactus{
padding-right:20px
}
- upperFooter #sponsors{
width: 60%; height:100%;
/* background-color:#333; */
display:flex; align-items:center; box-sizing:border-box; padding-left:40px; padding-right:40px
}
- upperFooter #sponsors #mainSponsors{
width: 35%; height:90%; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr 1fr; gap: 10px 10px;
} .mainS{
padding:5px; box-sizing:border-box; background-color:#222
}
- upperFooter #sponsors #otherSponsors{
width: 65%; height:70%;
/* background-color:#555; */
margin-left:10px; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 10px 10px;
} .otherS{
background-color:#222
}
- lowerFooter{
background-color:#121212; color: #fafafc; display: flex; padding-bottom:30px
}
- lowerFooter ul{
list-style:none; padding-inline-start: 0;
}
- lowerFooter div{
padding: 40px; font-size:smaller
} a{
text-decoration: none; transition-duration:0.2s; color:#fafafc; text-transform: capitalize; font-weight:100; line-height:2em
} a:active, a:focus, a:visited{
color:#fafafc
} a:hover{
color:rgba(255,255,255,0.4)
}
- projectList{
/* display:grid; */
columns:2
}