awboyd — Spectrum Community

/* * These styles apply ONLY to the header and footer assets. */ * { padding: 50; margin: 0; box-sizing: border-box; } .footer { background: #001019; color: #FFFFFF; /* color: #555a62; */ font-size: 14px; line-height: 2.0; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #FFFFFF; } .footer a:hover { color: #0276b3; /* color: #FFFFFF; */ } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 124px; height: 27px; opacity: 1; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: flex-end; } .logo { margin: 0 auto; } } /*# sourceMappingURL=styles.css.map */ <style> .Footer { background: #001019; color: white; } .Footer a { color: white; text-decoration: underline; } .Footer a:hover { color: white; text-decoration: underline; cursor: pointer; } #charter-footer { display: flex; max-width: 840px; margin: 2rem auto 0; background: #001019; margin-top: 0; padding-top: 2rem; } #charter-legal-links { display: flex; flex-flow: row wrap; align-content: flex-start; text-align: center; } #charter-logo { margin-right: 4px; /*negative margin due to built in padding on svg*/ margin-top: -22px; } .charter-footer-link { margin: 0 0.925rem 0.75rem 0; padding: 0 0.925rem 0 0; font-size: 0.875rem; line-height: 0.75rem; font-weight: lighter; } @media (min-width: 841px) { .charter-footer-link:not(:last-child) { border-right: solid 1px; } } @media (max-width: 840px) { #charter-footer { flex-direction: column; align-items: center; margin-bottom: 1rem; } #charter-logo { /*negative margin due to built in padding on svg*/ margin-bottom: -8px; } #charter-legal-links { flex-direction: column; align-items: center; } .ccpa { line-height: normal; } .charter-footer-link { border-right: none; } }

Activity

awboyd earned the 5 Likes badge.

You received 5 Likes. We like that.

October 2
awboyd earned the 10 Comments badge.

No longer a one-hit wonder! It looks like you’re going places.

September 15
awboyd earned the First Comment badge.

Commenting is the best way to get involved. Jump in the fray!

September 15
awboyd earned the Eighth Anniversary badge.

Thanks for sticking with us for 8 years.

September 15
awboyd earned the Ninth Anniversary badge.

Thanks for sticking with us for 9 years.

September 15

/* * These styles apply ONLY to the header and footer assets. */ * { padding: 50; margin: 0; box-sizing: border-box; } .footer { background: #001019; color: #FFFFFF; /* color: #555a62; */ font-size: 14px; line-height: 2.0; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #FFFFFF; } .footer a:hover { color: #0276b3; /* color: #FFFFFF; */ } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 124px; height: 27px; opacity: 1; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: flex-end; } .logo { margin: 0 auto; } } /*# sourceMappingURL=styles.css.map */ <style> .Footer { background: #001019; color: white; } .Footer a { color: white; text-decoration: underline; } .Footer a:hover { color: white; text-decoration: underline; cursor: pointer; } #charter-footer { display: flex; max-width: 840px; margin: 2rem auto 0; background: #001019; margin-top: 0; padding-top: 2rem; } #charter-legal-links { display: flex; flex-flow: row wrap; align-content: flex-start; text-align: center; } #charter-logo { margin-right: 4px; /*negative margin due to built in padding on svg*/ margin-top: -22px; } .charter-footer-link { margin: 0 0.925rem 0.75rem 0; padding: 0 0.925rem 0 0; font-size: 0.875rem; line-height: 0.75rem; font-weight: lighter; } @media (min-width: 841px) { .charter-footer-link:not(:last-child) { border-right: solid 1px; } } @media (max-width: 840px) { #charter-footer { flex-direction: column; align-items: center; margin-bottom: 1rem; } #charter-logo { /*negative margin due to built in padding on svg*/ margin-bottom: -8px; } #charter-legal-links { flex-direction: column; align-items: center; } .ccpa { line-height: normal; } .charter-footer-link { border-right: none; } }