Difference between revisions of "Team:UCLA/core/customcss"
| (6 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| + | /* 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 */ | ||
| Line 6: | Line 79: | ||
/* TYPOGRAPHY */ | /* TYPOGRAPHY */ | ||
| − | h1, h2, h3, h4, h5, h6 { | + | 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 34: | Line 114: | ||
background-color: #3284bf; | background-color: #3284bf; | ||
border-bottom: 5px solid #ffe800; | border-bottom: 5px solid #ffe800; | ||
| − | margin-top: | + | margin-top: 16px !important; |
padding: 5px; | padding: 5px; | ||
} | } | ||
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;
}
