app/public/css/site.css
@import url(https://fonts.googleapis.com/css?family=Dancing+Script);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700);
.line, .row, .last-unit {
width: 100%;
display: block;
overflow: hidden;
*overflow: visible;
*zoom: 1; }
.unit {
float: left; }
.unit-right {
float: right; }
.size-1-1 {
width: 100%; }
.size-1-2 {
width: 50%; }
.size-1-3 {
width: 33.33333%; }
.size-1-4 {
width: 25%; }
.size-1-5 {
width: 20%; }
.size-2-3 {
width: 66.66666%; }
.size-2-5 {
width: 40%; }
.size-3-4 {
width: 75%; }
.size-3-5 {
width: 60%; }
.size-4-5 {
width: 80%; }
.last-unit {
float: none;
width: auto;
_position: relative;
_left: -3px;
_margin-right: -3px; }
.inner {
padding: 1rem;
display: block;
overflow: hidden;
*overflow: visible;
*zoom: 1; }
.inner-top {
padding-top: 1rem;
display: block;
overflow: hidden;
*overflow: visible;
*zoom: 1; }
.inner-bottom {
padding-bottom: 1rem;
display: block;
overflow: hidden;
*overflow: visible;
*zoom: 1; }
.spacer {
width: 1rem;
height: 1rem; }
.m-hidden {
display: none; }
.m-row {
width: 100%;
display: block;
overflow: hidden;
*overflow: visible;
*zoom: 1; }
.right {
float: right; }
@media screen and (min-width: 640px), screen and (max-height: 640px) and (orientation: landscape) {
.inner {
padding: 2rem; }
.spacer {
width: 2rem;
height: 2rem; }
.m-row {
float: left;
width: auto; }
.t-row {
width: 100%;
display: block;
overflow: hidden;
*overflow: visible;
*zoom: 1; }
.m-hidden {
display: block; }
.d-hidden {
display: block; }
.t-hidden {
display: none; }
.t-unit {
float: left; }
.t-unit-right {
float: right; }
.t-size-1-1 {
width: 100%; }
.t-size-1-2 {
width: 50%; }
.t-size-1-3 {
width: 33.33333%; }
.t-size-1-4 {
width: 25%; }
.t-size-1-5 {
width: 20%; }
.t-size-2-3 {
width: 66.66666%; }
.t-size-2-5 {
width: 40%; }
.t-size-3-4 {
width: 75%; }
.t-size-3-5 {
width: 60%; }
.t-size-4-5 {
width: 80%; }
.right {
float: right; } }
@media screen and (min-width: 960px), screen and (min-height: 960px) and (orientation: landscape) {
.inner {
padding: 2.5rem; }
.spacer {
width: 2.5rem;
height: 2.5rem; }
.m-hidden {
display: block; }
.t-hidden {
display: block; }
.d-hidden {
display: none; }
.m-row {
float: left;
width: auto; }
.t-row {
float: left;
width: auto; }
.d-row {
width: 100%;
display: block;
overflow: hidden;
*overflow: visible;
*zoom: 1; }
.d-unit {
float: left; }
.d-unit-right {
float: right; }
.d-size-1-1 {
width: 100%; }
.d-size-1-2 {
width: 50%; }
.d-size-1-3 {
width: 33.33333%; }
.d-size-1-4 {
width: 25%; }
.d-size-1-5 {
width: 20%; }
.d-size-2-3 {
width: 66.66666%; }
.d-size-2-5 {
width: 40%; }
.d-size-3-4 {
width: 75%; }
.d-size-3-5 {
width: 60%; }
.d-size-4-5 {
width: 80%; }
.right {
float: right; } }
h1, h2, h3, h4, h5, h6, p {
font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
padding: 0;
margin: 0; }
h1 {
font-size: 3rem; }
h2 {
font-size: 2.5rem; }
h3 {
font-size: 1.85rem; }
h4 {
font-size: 1.7rem; }
html,
body {
background-color: #112e51; }
header .usa-pride-banner {
font-size: 1.5rem;
color: white;
background-color: #112e51; }
header .usa-pride-banner .inner {
padding: 0.5rem 1rem; }
header .usa-pride-banner .spacer {
width: 1.5rem;
height: 1.5rem; }
header .usa-pride-banner img {
margin-top: 6px; }
header .continually-header {
background: #4c2c92;
/* For browsers that do not support gradients */
background: -webkit-linear-gradient(left, #4c2c92, #981b1e, #AD6500, #2e8540, #205493, #4c2c92);
background: -o-linear-gradient(left, #4c2c92, #981b1e, #AD6500, #2e8540, #205493, #4c2c92);
background: -moz-linear-gradient(left, #4c2c92, #981b1e, #AD6500, #2e8540, #205493, #4c2c92);
background: linear-gradient(to right, #4c2c92, #981b1e, #AD6500, #2e8540, #205493, #4c2c92);
font-family: 'Dancing Script', cursive;
font-size: 34px;
line-height: 30px; }
header .continually-header .inner {
padding: 1rem; }
header .continually-header a {
color: white;
text-decoration: none; }
header .continually-header .site-description {
padding-top: 0.75rem; }
header .site-description {
font-size: 1.5rem;
font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
color: white; }
header .site-description .inner {
padding: 0.5rem 1rem; }
.rounded {
border-radius: 50%; }
.page {
background-color: white;
min-height: 300px; }
.page h2, .page h3, .page h4 {
margin-top: 1.5rem; }
.page h1.value {
font-size: 4rem; }
.page .badges {
margin-top: 1rem; }
.page .badges svg {
margin-right: 2rem; }
footer {
color: white; }
footer .our-logo {
width: 33.333333%;
max-width: 240px; }
footer .tts-logo {
width: 100%; }
@media screen and (min-width: 640px), screen and (max-height: 640px) and (orientation: landscape) {
.m-t-inner-left {
padding-left: 1rem; } }
@media screen and (min-width: 960px), screen and (min-height: 960px) and (orientation: landscape) {
.m-t-inner-left {
padding-left: 1rem; }
.recent-reports {
padding-left: 3rem; } }
a .report-summary,
.report-summary {
color: black;
padding: 1rem 0; }
a .report-summary .rounded.status-icon,
.report-summary .rounded.status-icon {
height: 50px;
width: 50px;
font-size: 2rem;
font-weight: bold;
text-align: center;
background-color: #fdb81e; }
a .report-summary .rounded.status-icon .inner,
.report-summary .rounded.status-icon .inner {
padding: 10px 14px; }
a .report-summary .rounded.status-icon.good,
.report-summary .rounded.status-icon.good {
background-color: #4aa564;
font-size: 3rem;
font-weight: normal;
color: white; }
a .report-summary .rounded.status-icon.good .inner,
.report-summary .rounded.status-icon.good .inner {
padding-left: 12px; }
a .report-summary .rounded.status-icon.bad,
.report-summary .rounded.status-icon.bad {
background-color: #981b1e;
color: white; }
a .report-summary h4,
.report-summary h4 {
margin-top: 0;
text-decoration: underline; }
a .report-summary p,
.report-summary p {
font-size: 1.5rem; }
a .report-summary .spacer,
.report-summary .spacer {
width: 1rem; }
pre {
background-color: #f1f1f1;
border: 1px solid #d6d7d9;
color: #112e51; }
code {
background-color: #f1f1f1;
color: #112e51; }
.get-started p {
margin-bottom: 1rem; }