(19 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | //HOMEPAGE | + | /* HERO */ |
+ | .hero { | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: cover; | ||
+ | text-align: center; | ||
+ | max-width: 100%; | ||
+ | margin-top: -10px; | ||
+ | height: 400px; | ||
+ | box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.6); | ||
+ | } | ||
+ | |||
+ | .hero h1 { | ||
+ | font-size: 75pt; | ||
+ | display: inline-block; | ||
+ | color: white; | ||
+ | margin-top: 85px; | ||
+ | letter-spacing: 7px; | ||
+ | } | ||
+ | /*TEAM SELECT STYLING*/ | ||
+ | .team-select { | ||
+ | text-align: center; | ||
+ | margin-bottom: 30px; | ||
+ | max-width: none; | ||
+ | } | ||
+ | .team-select:after { | ||
+ | content: ""; | ||
+ | width: 90%; | ||
+ | border-bottom: 1px solid #ccc; | ||
+ | display: block; | ||
+ | margin: auto; | ||
+ | position: relative; | ||
+ | } | ||
+ | .team-select-header { | ||
+ | font-size: 180%; | ||
+ | padding: 30px 0 0 0; | ||
+ | color: #00044d; | ||
+ | font-weight: bold; | ||
+ | font-family: 'Lato', sans-serif | ||
+ | } | ||
+ | .team { | ||
+ | padding-bottom: 40px; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | .team h3 { | ||
+ | color: white; | ||
+ | position: relative; | ||
+ | margin: 0 30%; | ||
+ | padding: 30px 40px; | ||
+ | border-radius: 5px; | ||
+ | box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.3); | ||
+ | transition: background-color 0.3s, box-shadow 0.3s; | ||
+ | } | ||
+ | .team-active h3 { | ||
+ | text-decoration: underline; | ||
+ | top: 3px; | ||
+ | box-shadow: none; | ||
+ | cursor: default; | ||
+ | } | ||
+ | #team-cdi h3 { | ||
+ | background-color: #ff695c; | ||
+ | } | ||
+ | #team-cdi.team-inactive h3:hover { | ||
+ | background-color: #ff8a80; | ||
+ | box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.3); | ||
+ | } | ||
+ | #team-pcage h3 { | ||
+ | background-color: #4d7cff; | ||
+ | } | ||
+ | #team-pcage.team-inactive h3:hover { | ||
+ | background-color: #7096ff; | ||
+ | box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.3); | ||
+ | } | ||
+ | |||
+ | /* HOMEPAGE */ | ||
.homepage-links div { | .homepage-links div { | ||
text-align: center; | text-align: center; | ||
} | } | ||
− | h1, h2, h3, h4, h5, h6 { | + | |
+ | /* TYPOGRAPHY */ | ||
+ | h1, h2, h3, h4, h5, h6, p, a { | ||
font-family: "Lato", "Open Sans", sans-serif; | font-family: "Lato", "Open Sans", sans-serif; | ||
− | line-height: normal; | + | } |
+ | p { | ||
+ | line-height: 2em; | ||
+ | } | ||
+ | h1, h2, h3, h4, h5, h6 { | ||
+ | line-height: normal !important; | ||
} | } | ||
h2 { | h2 { | ||
font-size: 180%; | font-size: 180%; | ||
+ | padding: 30px 0 0 0; | ||
+ | color: #00044d; | ||
} | } | ||
h3 { | h3 { | ||
Line 22: | Line 104: | ||
h6 { | h6 { | ||
font-size: 110%; | font-size: 110%; | ||
+ | } | ||
+ | |||
+ | /* NAVBAR */ | ||
+ | .navbar-logo { | ||
+ | width: 90px; | ||
+ | margin-left: 30px; | ||
+ | } | ||
+ | .top-bar { | ||
+ | background-color: #3284bf; | ||
+ | border-bottom: 5px solid #ffe800; | ||
+ | margin-top: 16px !important; | ||
+ | padding: 5px; | ||
+ | } | ||
+ | .top-bar ul { | ||
+ | background-color: #3284bf; | ||
+ | } | ||
+ | .top-bar-right { | ||
+ | background-color: #3284bf; | ||
+ | border-bottom: 0; | ||
+ | } | ||
+ | .menu>li>a { | ||
+ | color: white; | ||
+ | } | ||
+ | /* li.is-submenu-item.is-dropdown-submenu-item>a { | ||
+ | color: black; | ||
+ | } */ | ||
+ | .navbar-blue-bg { | ||
+ | background-color: #3284bf; | ||
+ | margin: 11px 0 0 0; | ||
+ | } | ||
+ | |||
+ | /* EVERYTHING */ | ||
+ | |||
+ | #content { | ||
+ | margin-top: -3px; | ||
} | } |
Latest revision as of 19:46, 30 August 2016
/* HERO */ .hero { background-repeat: no-repeat; background-size: cover; text-align: center; max-width: 100%; margin-top: -10px; height: 400px; box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.6); }
.hero h1 { font-size: 75pt; display: inline-block; color: white; margin-top: 85px;
letter-spacing: 7px;
} /*TEAM SELECT STYLING*/ .team-select { text-align: center; margin-bottom: 30px; max-width: none; } .team-select:after { content: ""; width: 90%; border-bottom: 1px solid #ccc; display: block; margin: auto; position: relative; } .team-select-header {
font-size: 180%; padding: 30px 0 0 0; color: #00044d; font-weight: bold; font-family: 'Lato', sans-serif
} .team { padding-bottom: 40px; cursor: pointer; } .team h3 { color: white; position: relative; margin: 0 30%; padding: 30px 40px; border-radius: 5px; box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.3); transition: background-color 0.3s, box-shadow 0.3s; } .team-active h3 { text-decoration: underline; top: 3px; box-shadow: none; cursor: default; }
- team-cdi h3 {
background-color: #ff695c; }
- team-cdi.team-inactive h3:hover {
background-color: #ff8a80; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.3); }
- team-pcage h3 {
background-color: #4d7cff; }
- team-pcage.team-inactive h3:hover {
background-color: #7096ff; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.3); }
/* HOMEPAGE */
.homepage-links div {
text-align: center;
}
/* TYPOGRAPHY */ h1, h2, h3, h4, h5, h6, p, a {
font-family: "Lato", "Open Sans", sans-serif;
} p {
line-height: 2em;
} h1, h2, h3, h4, h5, h6 {
line-height: normal !important;
} h2 {
font-size: 180%; padding: 30px 0 0 0; color: #00044d;
} h3 {
font-size: 150%;
} h4 {
font-size: 130%;
} h5 {
font-size: 120%;
} h6 {
font-size: 110%;
}
/* NAVBAR */ .navbar-logo {
width: 90px; margin-left: 30px;
} .top-bar {
background-color: #3284bf; border-bottom: 5px solid #ffe800; margin-top: 16px !important; padding: 5px;
} .top-bar ul {
background-color: #3284bf;
} .top-bar-right {
background-color: #3284bf; border-bottom: 0;
} .menu>li>a {
color: white;
} /* li.is-submenu-item.is-dropdown-submenu-item>a {
color: black;
} */ .navbar-blue-bg {
background-color: #3284bf; margin: 11px 0 0 0;
}
/* EVERYTHING */
- content {
margin-top: -3px;
}