Markh1 — 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

Markh1 earned the 5 Likes badge.

You received 5 Likes. We like that.

September 17
Markh1 earned the First Comment badge.

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

September 11
Markh1 earned the First Anniversary badge.

Thanks for sticking with us for a full year.

September 11
Markh1 earned the Second Anniversary badge.

Thanks for sticking with us for 2 years.

September 11
Markh1 earned the Third Anniversary badge.

Thanks for sticking with us for 3 years.

September 11
Markh1 earned the Fourth Anniversary badge.

Thanks for sticking with us for 4 years.

September 11
Markh1 earned the Fifth Anniversary badge.

Thanks for sticking with us for 5 years.

September 11
Markh1 earned the Sixth Anniversary badge.

Thanks for sticking with us for 6 years.

September 11

/* * 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; } }