2015-09-29 11:22:48 -04:00
|
|
|
@import "colors";
|
2015-10-29 12:35:33 -04:00
|
|
|
@import "frameless";
|
2015-09-29 11:22:48 -04:00
|
|
|
|
2015-09-04 11:26:18 -04:00
|
|
|
/* Tags */
|
2015-09-24 19:27:50 -04:00
|
|
|
html,
|
|
|
|
body {
|
2015-09-04 11:26:18 -04:00
|
|
|
display: block;
|
|
|
|
margin: 0;
|
2018-07-16 18:02:12 -04:00
|
|
|
background-color: $ui-blue-dark;
|
2015-09-04 11:26:18 -04:00
|
|
|
padding: 0;
|
2015-09-29 11:22:48 -04:00
|
|
|
color: $type-gray;
|
2015-09-04 11:26:18 -04:00
|
|
|
font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Typography */
|
2015-09-24 19:27:50 -04:00
|
|
|
h1,
|
|
|
|
h2,
|
|
|
|
h3,
|
|
|
|
h4 {
|
2015-09-04 11:26:18 -04:00
|
|
|
margin: 0;
|
|
|
|
border: 0;
|
2015-09-24 19:27:50 -04:00
|
|
|
padding: 0;
|
2015-09-04 11:26:18 -04:00
|
|
|
|
2015-09-29 11:22:48 -04:00
|
|
|
color: $header-gray;
|
2018-07-16 18:04:43 -04:00
|
|
|
font-weight: bold;
|
2015-09-04 11:26:18 -04:00
|
|
|
}
|
|
|
|
|
2015-09-09 22:16:03 -04:00
|
|
|
h1 {
|
2016-05-12 17:57:48 -04:00
|
|
|
font-size: 2.5rem;
|
2018-07-16 18:04:43 -04:00
|
|
|
font-weight: bold;
|
2016-05-12 17:57:48 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
h2 {
|
|
|
|
font-size: 2rem;
|
2018-07-16 18:04:43 -04:00
|
|
|
font-weight: bold;
|
2016-05-12 17:57:48 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
h3 {
|
|
|
|
font-size: 1.4rem;
|
2018-07-16 18:04:43 -04:00
|
|
|
font-weight: bold;
|
2015-09-09 22:16:03 -04:00
|
|
|
}
|
|
|
|
|
2015-09-04 11:26:18 -04:00
|
|
|
h4 {
|
2016-03-23 18:34:54 -04:00
|
|
|
font-size: 1rem;
|
2018-07-16 18:04:43 -04:00
|
|
|
font-weight: bold;
|
2016-05-12 17:57:48 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
h5 {
|
|
|
|
text-transform: uppercase;
|
|
|
|
letter-spacing: 2px;
|
|
|
|
font-size: .85rem;
|
2018-07-16 18:04:43 -04:00
|
|
|
font-weight: bold;
|
2015-09-04 11:26:18 -04:00
|
|
|
}
|
|
|
|
|
2016-01-11 14:58:55 -05:00
|
|
|
p {
|
2016-03-23 18:34:54 -04:00
|
|
|
&.legal {
|
|
|
|
font-size: .8rem;
|
|
|
|
}
|
|
|
|
|
2016-05-12 17:57:48 -04:00
|
|
|
&.intro {
|
|
|
|
font-size: 1.1rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.callout {
|
|
|
|
// margin: 1.5em 0;
|
|
|
|
// border-top: 1px solid $ui-border;
|
|
|
|
// border-bottom: 1px solid $ui-border;
|
|
|
|
// padding: 1em 0;
|
|
|
|
|
|
|
|
margin: 1.5em 0;
|
|
|
|
border: 1px solid $active-gray;
|
2018-07-16 18:02:12 -04:00
|
|
|
border-radius: .5rem;
|
|
|
|
background-color: $ui-blue-10percent;
|
2016-05-12 17:57:48 -04:00
|
|
|
padding: 1.25em;
|
|
|
|
|
|
|
|
&.orange {
|
|
|
|
background-color: lighten($ui-orange, 30);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2016-01-11 14:58:55 -05:00
|
|
|
a {
|
|
|
|
white-space: nowrap;
|
|
|
|
}
|
2015-10-29 12:35:33 -04:00
|
|
|
}
|
|
|
|
|
2016-06-23 07:27:43 -04:00
|
|
|
b,
|
|
|
|
strong {
|
2018-07-16 18:04:43 -04:00
|
|
|
font-weight: bold;
|
2016-05-12 17:57:48 -04:00
|
|
|
}
|
|
|
|
|
2016-03-23 18:34:54 -04:00
|
|
|
/* Links */
|
|
|
|
a {
|
2016-05-12 17:57:48 -04:00
|
|
|
cursor: pointer;
|
|
|
|
color: $ui-blue;
|
2018-07-16 18:04:43 -04:00
|
|
|
font-weight: bold;
|
2016-05-12 17:57:48 -04:00
|
|
|
|
2016-03-23 18:34:54 -04:00
|
|
|
&:link,
|
|
|
|
&:visited,
|
|
|
|
&:active {
|
|
|
|
text-decoration: none;
|
|
|
|
color: $link-blue;
|
|
|
|
}
|
2015-09-04 11:26:18 -04:00
|
|
|
|
2016-03-23 18:34:54 -04:00
|
|
|
&:hover {
|
2016-05-12 17:57:48 -04:00
|
|
|
text-decoration: none;
|
2018-07-16 18:02:12 -04:00
|
|
|
color: $ui-blue-dark;
|
2016-03-23 18:34:54 -04:00
|
|
|
}
|
2015-09-04 11:26:18 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
/* Classes */
|
2015-10-23 00:36:33 -04:00
|
|
|
.empty {
|
|
|
|
$bg-blue: #d9edf7;
|
|
|
|
$bg-blue-accent: #bce8f1;
|
|
|
|
border: 1px solid $bg-blue-accent;
|
|
|
|
border-radius: 5px;
|
|
|
|
background-color: $bg-blue;
|
2015-10-24 12:38:23 -04:00
|
|
|
padding: 10px;
|
2015-10-23 00:36:33 -04:00
|
|
|
text-align: center;
|
|
|
|
line-height: 2rem;
|
|
|
|
color: $type-gray;
|
2015-10-29 12:35:33 -04:00
|
|
|
|
2015-10-23 00:36:33 -04:00
|
|
|
h4 {
|
|
|
|
color: $type-gray;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2016-05-12 17:57:48 -04:00
|
|
|
h1,
|
|
|
|
h2,
|
|
|
|
h3,
|
|
|
|
h4,
|
|
|
|
h5,
|
|
|
|
p {
|
|
|
|
line-height: 1.7em;
|
|
|
|
color: $type-gray;
|
|
|
|
}
|
|
|
|
|
|
|
|
p {
|
|
|
|
font-size: 1rem;
|
2018-07-16 18:04:43 -04:00
|
|
|
font-weight: normal;
|
2016-05-12 17:57:48 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
::selection {
|
|
|
|
background-color: lighten($ui-blue, 30);
|
|
|
|
}
|
|
|
|
|
|
|
|
ol,
|
|
|
|
ul {
|
|
|
|
padding-left: 20px;
|
|
|
|
|
|
|
|
line-height: 1.5em;
|
|
|
|
font-size: 1rem;
|
2018-07-16 18:04:43 -04:00
|
|
|
font-weight: normal;
|
2016-05-12 17:57:48 -04:00
|
|
|
|
|
|
|
li {
|
|
|
|
margin: .75em 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
dl {
|
|
|
|
line-height: 1.5rem;
|
|
|
|
font-size: 1rem;
|
2018-07-16 18:04:43 -04:00
|
|
|
font-weight: normal;
|
2016-05-12 17:57:48 -04:00
|
|
|
|
|
|
|
dt {
|
2018-07-16 18:04:43 -04:00
|
|
|
font-weight: bold;
|
2016-05-12 17:57:48 -04:00
|
|
|
}
|
2016-08-12 08:10:32 -04:00
|
|
|
|
2016-05-12 17:57:48 -04:00
|
|
|
dd {
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2015-09-04 11:26:18 -04:00
|
|
|
#view {
|
2015-10-26 12:06:41 -04:00
|
|
|
display: inline-block;
|
|
|
|
|
2015-09-06 19:18:53 -04:00
|
|
|
/* NOTE: Margin should match height in navigation.scss */
|
2015-09-21 09:18:00 -04:00
|
|
|
margin-top: 50px;
|
2015-09-29 12:08:15 -04:00
|
|
|
background-color: $background-color;
|
2016-02-09 10:19:29 -05:00
|
|
|
padding: 20px 0;
|
2015-10-26 12:06:41 -04:00
|
|
|
min-width: 100%;
|
2015-09-24 19:27:50 -04:00
|
|
|
min-height: 768px;
|
2015-09-11 16:33:52 -04:00
|
|
|
}
|