Difference between revisions of "Team:Cornell NY/customCSS"
| Line 1: | Line 1: | ||
/****** PLACE YOUR CUSTOM STYLES HERE ******/ | /****** PLACE YOUR CUSTOM STYLES HERE ******/ | ||
| − | + | #content h1, | |
| − | + | h2, | |
| − | + | h3, | |
| − | + | h4, | |
| − | + | h5, | |
| − | + | h6, | |
| − | + | p, | |
| − | + | ul, | |
| − | + | ol, | |
| − | + | pre, | |
| − | + | table, | |
| − | + | blockquote, | |
| − | + | input, | |
| − | + | button, | |
| − | + | select, | |
| − | + | textarea { | |
| − | + | margin-bottom: 24px; | |
| − | + | margin-top: 0; | |
| − | + | padding: 0; | |
| + | } | ||
| + | #content h1, | ||
| + | h2, | ||
| + | h3, | ||
| + | h4, | ||
| + | h5, | ||
| + | h6, | ||
| + | .h1, | ||
| + | .h2, | ||
| + | .h3, | ||
| + | .h4, | ||
| + | .h5, | ||
| + | .h6 { | ||
| + | font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif; | ||
| + | } | ||
| + | #content h1, | ||
| + | h2, | ||
| + | h3, | ||
| + | h4, | ||
| + | h5, | ||
| + | h6 { | ||
| + | font-weight: 300; | ||
| + | color: #292929; | ||
| + | } | ||
| + | |||
| + | #content h1, .h1 { | ||
| + | font-size: 56px; | ||
| + | line-height: 64px; | ||
| + | } | ||
| + | |||
| + | #content h1.large { | ||
| + | font-size: 72px; | ||
| + | line-height: 80px; | ||
| + | font-weight: 100; | ||
} | } | ||
@media all and (max-width: 990px) { | @media all and (max-width: 990px) { | ||
| − | + | #content h1.large { | |
font-size: 56px; | font-size: 56px; | ||
line-height: 64px; | line-height: 64px; | ||
} | } | ||
} | } | ||
| + | |||
@media all and (max-width: 767px) { | @media all and (max-width: 767px) { | ||
| − | + | #content h1, h1.large, .h1 { | |
font-size: 32px; | font-size: 32px; | ||
line-height: 40px; | line-height: 40px; | ||
font-weight: 300; | font-weight: 300; | ||
} | } | ||
| + | } | ||
| + | |||
| + | #content p,span { | ||
| + | font-weight: 400; | ||
| + | } | ||
| + | |||
| + | #content p.lead { | ||
| + | font-size: 16px; | ||
| + | font-weight: 400; | ||
| + | line-height: 28px; | ||
| + | } | ||
| + | |||
| + | #content body { | ||
| + | -webkit-font-smoothing: antialiased; | ||
| + | -moz-osx-font-smoothing: grayscale; | ||
| + | font-size: 13px; | ||
| + | line-height: 24px; | ||
| + | font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; | ||
| + | color: #666; | ||
| + | overflow-x: hidden; | ||
} | } | ||
Revision as of 05:51, 14 October 2016
/****** PLACE YOUR CUSTOM STYLES HERE ******/
- content h1,
h2, h3, h4, h5, h6, p, ul, ol, pre, table, blockquote, input, button, select, textarea {
margin-bottom: 24px; margin-top: 0; padding: 0;
}
- content h1,
h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
- content h1,
h2, h3, h4, h5, h6 {
font-weight: 300; color: #292929;
}
- content h1, .h1 {
font-size: 56px; line-height: 64px;
}
- content h1.large {
font-size: 72px; line-height: 80px; font-weight: 100;
}
@media all and (max-width: 990px) {
#content h1.large {
font-size: 56px;
line-height: 64px;
}
}
@media all and (max-width: 767px) {
#content h1, h1.large, .h1 {
font-size: 32px;
line-height: 40px;
font-weight: 300;
}
}
- content p,span {
font-weight: 400;
}
- content p.lead {
font-size: 16px; font-weight: 400; line-height: 28px;
}
- content body {
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 13px; line-height: 24px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #666; overflow-x: hidden;
}
