app/assets/stylesheets/home.css
#home h1{
position: absolute;
top: 25%;
width: 100%;
text-align: center;
z-index: 100;
color: white;
font-size: 50px;
}
#join-button{
position: absolute;
top: 50%;
z-index: 100;
margin: auto;
left: 44%;
background-color: #0C0240;
color: white;
font-size: 45px;
}
.navbar {
margin-bottom: 0px;
width: 100%;
z-index: 1000;
}
nav {
background-color: #060024;
}
.container-fluid {
text-align: center;
color: white;
}
.container-edit {
background: white;
padding: 2em 5%;
border-radius: .5em;
margin: 20px;
}
input[type="submit"] {
line-height: 20px;
border: none;
background: #0C0240;
padding: .5em 1em;
border-radius: 0.2em;
color: white;
font-weight: 100;
}
.input-title, .input-content {
width: 55%;
margin-top: -5px;
margin-bottom: 10px;
}
#home {
background-position: center;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
padding: 0px;
text-align: center;
}
#about, #announcements {
font-size: 20px;
background-color: #0C0240;
width: 100%;
padding: 5% 10%;
line-height: 150%;
text-align: justify;
text-justify: auto;
}
#announcements {
background-color: #1D0C6F;
}
#about h1, #announcements h1, #leadership h1 {
text-align: center;
padding-bottom: 10px;
}
/*fix*/
#leadership {
margin-top: 50px;
text-align: center;
font-size: 20px;
margin-bottom: 50px;
}
.leader-profile-box {
margin: 10px 5px;
margin-bottom: -300px;
}
.leader-profile-box, .leader-profile-box a {
position: relative;
display: inline-block;
}
.leader-img {
width: 300px;
height: 300px;
overflow: hidden;
position: relative;
background-color: white;
padding: 10px;
}
.leader-img img{
max-width: 300px;
}
.leader-description {
height: 300px;
width: 300px;
background: rgba(0,0,0,0.6);
color: white;
display: table-cell;
text-align: center;
vertical-align: middle;
opacity: 0;
transition: 0.3s;
position: relative;
font-size: 16px;
padding: 40px;
top: -300px;
}
.leader-description:hover {
opacity: 1;
transition: 0.3s;
}
/*end fix*/
.item {
height: 100%;
}
.carousel-inner {
margin-top: -70px;
}
#join {
padding: 5% 10%;
background-color: white;
}
#join h1 {
color: #0C0240;
}
#join .btn.btn-primary.btn-lg {
margin: 2px;
z-index: 98;
}
footer.container {
padding: 10% 25%;
width: 100%;
text-align: center;
background-color: #0C0240;
color: white;
font-family: 'Playfair Display', serif;
}
footer .description {
text-align: justify;
text-justify: auto;
}
.btn.btn-primary.btn-lg {
color: white;
background-color: #0C0240;
border: 1px solid black;
display: inline-block;
}
#ocf-logo {
width: 98px;
height: 39px;
border: 0px;
text-align: center;
margin: 10px auto;
}
body {
font-family: 'Playfair Display', serif;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
width: 100%;
height: auto;
line-height: 1;
}