/* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } .footer { background: #f5f5f6; color: #555a62; font-size: 14px; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #0291db; } .footer a:hover { color: #0276b3; } .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: 0.6; } @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: center; } .logo { margin: 0 auto; } } /*# sourceMappingURL=styles.css.map */

Alignment Profile

saljayomajr

saljayomajr

3:51AM in Other

How can I modify the vertical alignment view so that the Point of Vertical Intersection (PVI), stationing, data bands, and other related details are displayed consistently within the profile view? just like the image below? Thanks

0

/* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } .footer { background: #f5f5f6; color: #555a62; font-size: 14px; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #0291db; } .footer a:hover { color: #0276b3; } .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: 0.6; } @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: center; } .logo { margin: 0 auto; } } /*# sourceMappingURL=styles.css.map */ .footer { background: var(--brx-neutral-1, #1A1A1F) !important; border-top: 1px solid var(--brx-neutral-2, #3E4047) !important; color: var(--brx-neutral-7, #FFFFFF) !important; font-family: var(--brx-font-sans, "Octave Sans", "Open Sans", "Segoe UI", Arial, sans-serif) !important; font-size: 14px; line-height: 1.5; padding: 18px 0; } .footer .footer-wrap { margin: 0 auto; max-width: 1236px; padding-left: 18px; padding-right: 18px; } .footer .footer-row { align-items: center; display: flex; flex-wrap: wrap; justify-content: flex-start; margin: 0 !important; } .footer .footer-col { padding: 0 !important; width: 100%; } .footer .footer-col-copyRight { align-items: center; display: flex !important; flex-wrap: wrap; gap: 0; } .footer .footer-copyright { color: var(--brx-neutral-7, #FFFFFF) !important; margin: 0; } .footer .footer-links { align-items: center; display: inline-flex; flex-wrap: wrap; gap: 0; margin-left: 8px; } .footer .footer-link { align-items: center; color: var(--brx-accent-green-500, #4FFF00) !important; display: inline-flex; font-weight: 400; text-decoration: none; } .footer .footer-separator { color: var(--brx-neutral-4, #B2B7C4); display: inline-block; margin: 0 10px; pointer-events: none; user-select: none; } .footer .footer-link:hover, .footer .footer-link:focus-visible { color: var(--brx-accent-green-500, #4FFF00) !important; text-decoration: underline; } @media screen and (max-width: 768px) { .footer .footer-col-copyRight { align-items: flex-start; flex-direction: column; gap: 8px; } .footer .footer-links { align-items: flex-start; flex-direction: column; gap: 6px; margin-left: 0; } .footer .footer-separator { display: none; } }