mirror of
https://github.com/tjsga/website-2018.git
synced 2025-04-19 10:40:16 -04:00
94 lines
1.4 KiB
CSS
94 lines
1.4 KiB
CSS
#contact {
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
|
|
#contact>.desc {
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
.quote {
|
|
color: #fff;
|
|
font-style: italic;
|
|
display: inline-block;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
.officers-image,
|
|
.excomm-image,
|
|
.senator-image,
|
|
.sponsor-image {
|
|
width: 100%;
|
|
height: 20vh;
|
|
}
|
|
|
|
.officers-image:after,
|
|
.excomm-image:after,
|
|
.senator-image:after,
|
|
.sponsor-image:after {
|
|
width: 20vh;
|
|
height: 20vh;
|
|
content: '';
|
|
display: block;
|
|
position: relative;
|
|
left: calc(50% - 10vh);
|
|
background-image: url('../img/profile.jpg');
|
|
background-size: contain;
|
|
background-position: center;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.officers-text,
|
|
#excomm-desc,
|
|
.excomm-text,
|
|
#senators-desc,
|
|
.senator-text,
|
|
#sponsors-desc,
|
|
.sponsor-text {
|
|
font-size: 1.1em;
|
|
color: #fff;
|
|
width: 100%;
|
|
}
|
|
|
|
.officers-text>span,
|
|
.excomm-text>span,
|
|
.senator-text>span,
|
|
.sponsor-text {
|
|
font-size: 1.4em;
|
|
font-weight: bold;
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
|
|
.officers-intro,
|
|
.excomm-intro,
|
|
.senator-intro,
|
|
.sponsor-intro {
|
|
text-align: center;
|
|
margin: 2vw;
|
|
flex-basis: calc(25% - 4vw);
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
#excomm-desc,
|
|
#senators-desc,
|
|
#sponsors-desc {
|
|
margin: 0 10vw;
|
|
}
|
|
|
|
#officers,
|
|
#excomm,
|
|
#senators,
|
|
#sponsors {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
#contact>h2,
|
|
#officers>h2,
|
|
#excomm>h2,
|
|
#senators>h2,
|
|
#sponsors>h2 {
|
|
text-align: center;
|
|
} |