mirror of
https://github.com/tjsga/website-2018.git
synced 2025-04-09 22:10:18 -04:00
100 lines
1.5 KiB
CSS
100 lines
1.5 KiB
CSS
#contact {
|
|
width: 100%;
|
|
display: block;
|
|
text-align: center;
|
|
margin-bottom: 2.5vh;
|
|
}
|
|
|
|
#contact>.desc {
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
.quote {
|
|
color: #fff;
|
|
font-style: italic;
|
|
display: inline-block;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
.officers-image,
|
|
.excomm-image,
|
|
.senators-image,
|
|
.sponsors-image {
|
|
width: 17vw;
|
|
max-width: 200px;
|
|
height: 17vw;
|
|
max-height: 200px;
|
|
margin-bottom: 1vh;
|
|
}
|
|
|
|
.officers-image:after,
|
|
.excomm-image:after,
|
|
.senators-image:after,
|
|
.sponsors-image:after {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: block;
|
|
position: relative;
|
|
background-image: url('../img/profile.jpg');
|
|
background-size: contain;
|
|
background-position: center;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.officers-image img,
|
|
.excomm-image img,
|
|
.senators-image img,
|
|
.sponsors-image img {
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.officers-text,
|
|
#excomm-desc,
|
|
.excomm-text,
|
|
#senators-desc,
|
|
.senators-text,
|
|
#sponsors-desc,
|
|
.sponsors-text {
|
|
font-size: 1.1em;
|
|
color: #fff;
|
|
width: 100%;
|
|
}
|
|
|
|
.officers-text>span,
|
|
.excomm-text>span,
|
|
.senators-text>span,
|
|
.sponsors-text>span {
|
|
font-size: 1.4em;
|
|
font-weight: bold;
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
|
|
.officers-intro,
|
|
.excomm-intro,
|
|
.senators-intro,
|
|
.sponsors-intro {
|
|
text-align: center;
|
|
margin: 1.5vw;
|
|
width: 17vw;
|
|
max-width: 200px;
|
|
flex-wrap: wrap;
|
|
flex-basis: 50%;
|
|
}
|
|
|
|
#excomm-desc,
|
|
#senators-desc,
|
|
#sponsors-desc {
|
|
margin: 0 10vw;
|
|
}
|
|
|
|
#contact>h2,
|
|
#officers>h2,
|
|
#excomm>h2,
|
|
#senators>h2,
|
|
#sponsors>h2 {
|
|
text-align: center;
|
|
}
|