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

Community Guidelines

New to the community? Start here!

Community Guidelines
Welcome to the Spectrum Community! If you are a new member, thanks for joining. In the Community, y…

Closed James_M 2.3K views 0 comments 1 point Started by James_M July 2020

Categories

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