@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Yarndings+20&display=swap'); @font-face { font-family: 'DMSans'; src: url('https://static.cimcontent.net/common-web-assets/fonts/dm-sans/dmsans-regular.woff2') format('woff2'), url('https://static.cimcontent.net/common-web-assets/fonts/dm-sans/dmsans-regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'DMSans'; src: url('https://static.cimcontent.net/common-web-assets/fonts/dm-sans/dmsans-medium.woff2') format('woff2'), url('https://static.cimcontent.net/common-web-assets/fonts/dm-sans/dmsans-medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'DMSans'; src: url('https://static.cimcontent.net/common-web-assets/fonts/dm-sans/dmsans-bold.woff2') format('woff2'), url('https://static.cimcontent.net/common-web-assets/fonts/dm-sans/dmsans-bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } /* Have extra margin on top of headers + anchor so that navbar does not cover content when anchor linking */ h2, h3, h4, .targetElement { scroll-margin-top: 90px !important; } /* Bolds tabs */ .tab.active { font-weight: 600 !important; } /* Standardize table styling */ thead, tbody, tfoot, tr, td, th { border-color: #d8d8d8 !important; border-style: solid !important; border-width: 1pt !important; } /* Changes sidebar font size */ .ng-scroll-viewport[_nghost-serverApp-c3810715847]>.ng-scroll-content[_ngcontent-serverApp-c3810715847], .ng-scrollbar-external-viewport[_nghost-serverApp-c3810715847] .ng-scroll-viewport>.ng-scroll-content { font-size: 14px !important; } /* Changes sidebar hover and selection colors and active state */ .tree-wrapper .data-title:hover, .tree-wrapper .data-title:hover, .tree-wrapper .active, .tree-wrapper .tree-active-circle, .tree-wrapper.active .data-title { color: #6138f5 !important; } /* Site font and heading font sizes (!important added to override font on Homepage) */ h1, h2, h3, h4, h5 { font-family: "DM Sans" !important; } /* Adjust lines in file tree so that they align with point of downward arrow */ .tree-wrapper.filler::after { left: 9.5px; } /* Add external links icon, ignoring support homepage */ .main-content a[href^="http"]:not([href^="https://x-ottapp.comcast.com"]):not([href^="https://developer.comcast.com"]):not([href^="https://docs.developer.comcast.com"])::after { content: ""; /* Required for pseudo-elements */ display: inline-block; /* Allows width/height and positioning */ width: .9em; /* Adjust size as needed */ height: .9em; /* Adjust size as needed */ margin-left: 2px; background-color: currentColor; mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">/%3E%3C/svg%3E'); mask-repeat: no-repeat; mask-size: contain; /* Ensures the SVG fits within the defined width/height */ vertical-align: middle; /* Aligns the icon with the text */ } /* Replace right caret icon */ i.fa-solid.fa-angle-right::before { content: ""; /* Required for pseudo-elements */ display: inline-block; /* Allows width/height and positioning */ width: 18px; /* Adjust size as needed */ height: 18px; /* Adjust size as needed */ background-color: currentColor; mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">/%3E%3C/svg%3E'); mask-repeat: no-repeat; mask-size: contain; /* Ensures the SVG fits within the defined width/height */ vertical-align: middle; } /* Replace down caret icon */ i.fa-solid.fa-angle-down::before { content: ""; /* Required for pseudo-elements */ display: inline-block; /* Allows width/height and positioning */ width: 18px; /* Adjust size as needed */ height: 18px; /* Adjust size as needed */ background-color: currentColor; mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">/%3E%3C/svg%3E'); mask-repeat: no-repeat; mask-size: contain; /* Ensures the SVG fits within the defined width/height */ vertical-align: middle; } /* Replace home breadcrumb icon */ i.fa-regular.fa-home::before { content: ""; /* Required for pseudo-elements */ display: inline-block; /* Allows width/height and positioning */ width: 18px; /* Adjust size as needed */ height: 18px; /* Adjust size as needed */ background-color: currentColor; mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">/%3E%3C/svg%3E'); mask-repeat: no-repeat; mask-size: contain; /* Ensures the SVG fits within the defined width/height */ vertical-align: middle; } /* Replace subpath icon in breadcrumbs */ .scroll-by-button-container.breadcrumb-scroll li::before { content: "/" !important; font-family: "DM Sans" !important; font-size: 1rem !important; } /* Replace search icon */ i.fa-regular.fa-search::before, i.fa-regular.fa-magnifying-glass::before { content: ""; /* Required for pseudo-elements */ display: inline-block; /* Allows width/height and positioning */ width: 24px; /* Adjust size as needed */ height: 24px; /* Adjust size as needed */ background-color: currentColor; mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">/%3E%3C/svg%3E'); mask-repeat: no-repeat; mask-size: contain; /* Ensures the SVG fits within the defined width/height */ vertical-align: middle; } /* Replace filter icon */ i.fa-regular.fa-bars-filter::before { content: ""; /* Required for pseudo-elements */ display: inline-block; /* Allows width/height and positioning */ width: 24px; /* Adjust size as needed */ height: 24px; /* Adjust size as needed */ background-color: currentColor; mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">/%3E%3C/svg%3E'); mask-repeat: no-repeat; mask-size: contain; /* Ensures the SVG fits within the defined width/height */ vertical-align: middle; } /* Replace open folder index icon */ i.fad.fa-folder-open::before { content: ""; /* Required for pseudo-elements */ display: inline-block; /* Allows width/height and positioning */ width: 2rem; /* Adjust size as needed */ height: 2rem; /* Adjust size as needed */ background-color: var(--bs-body-color); mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">/%3E%3C/svg%3E'); mask-repeat: no-repeat; mask-size: contain; /* Ensures the SVG fits within the defined width/height */ vertical-align: middle; } i.fad.fa-folder-open::after { visibility: hidden !important; } /* Replace index docs icon */ i.fa-regular.fa-memo-pad.me-1::before { content: ""; /* Required for pseudo-elements */ display: inline-block; /* Allows width/height and positioning */ width: 24px; /* Adjust size as needed */ height: 24px; /* Adjust size as needed */ background-color: currentColor; mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">/%3E%3C/svg%3E'); mask-repeat: no-repeat; mask-size: contain; /* Ensures the SVG fits within the defined width/height */ vertical-align: middle; } /* Replace closed folder index icons */ i.fa-duotone.fa-folder-closed.me-1::after { content: ""; /* Required for pseudo-elements */ display: inline-block; /* Allows width/height and positioning */ width: 1.75rem; /* Adjust size as needed */ height: 1.75rem; /* Adjust size as needed */ background-color: currentColor; mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" fill="currentColor" id="a" data-name="Layer 1" width="24" height="24" viewBox="0 0 24 24">/%3E%3C/svg%3E'); mask-repeat: no-repeat; mask-size: contain; /* Ensures the SVG fits within the defined width/height */ vertical-align: middle; opacity: 1; } i.fa-duotone.fa-folder-closed.me-1::before { visibility: hidden !important; } /* Replace link icon */ i.fa-regular.fa-link-horizontal::before { content: ""; /* Required for pseudo-elements */ display: inline-block; /* Allows width/height and positioning */ width: 24px; /* Adjust size as needed */ height: 24px; /* Adjust size as needed */ background-color: currentColor; mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">/%3E%3C/svg%3E'); mask-repeat: no-repeat; mask-size: contain; /* Ensures the SVG fits within the defined width/height */ vertical-align: middle; } /* Rotate link icon in article title to correct from doc360 rotation */ .article-title i.fa-regular.fa-link-horizontal::before, .sticky-article-title i.fa-regular.fa-link-horizontal::before { transform: rotate(45deg); } /* Hide small folder and doc icons in list */ i.fa-regular.fa-folder-closed.me-2, i.fa-regular.fa-memo-pad.me-2, div.page-info i.fa-regular.fa-memo-pad.me-1::before { display: none; } /* Bold ordered list marker to help distinguish from text */ ol>li::marker { font-weight: bold !important; } /* Change category and article title fonts*/ body, div, p, h1.category-title, span.article-title { font-family: "DM Sans" !important; font-weight: 400 !important; } /* Removes letter spacing added by Doc360 */ body, div, p, span { letter-spacing: normal !important; } /* Custom requirement code format in header */ h3>code { font-weight: 500; padding: 2px 5px; } /* Custom nav highlight */ div.tree-wrapper.active.highlight { background-color: #F1ECF8 !important; border-radius: 3px !important; } /* Hide active article circle nav */ .tree-active-circle { visibility: hidden; } /* Nav hover weight */ .tree-wrapper.active a.data-title, .tree-wrapper a.data-title, div.node.tree-wrapper.highlight.data-title:hover { font-weight: 400; } /* Semibold folders */ div.default-category.node.tree-wrapper:active:hover, .tree-wrapper a.data-title.cursor-pointer:hover { font-weight: 500 !important; } /* customize requirement bubble */ h1 code, h2 code, h3 code, h4 code, h5 code, h6 code { padding: 0.1em 0.1em; } .progress-bar { background: #28006A !important; } div.node.tree-wrapper.highlight div.filler::after { left: 10px !important; } :root { /* Xfinity semantic light secondary */ --header-secondary-bg: #F6F6F9 !important; --bs-progres-bar-color: #6138f5 !important; } #left-panel > div.catergory-list > site-category-list-tree-view > d360-data-list-tree-view > div > ng-scrollbar > cdk-virtual-scroll-viewport > div.cdk-virtual-scroll-content-wrapper.ng-scroll-content div [aria-label="Explore"], [aria-label="Design & Plan"], [aria-label="Develop"], [aria-label="Launch"], [aria-label="Firebolt APIs"], [aria-label="Legacy Documentation"] { font-size: 14px; font-weight: 550 !important; } .tree-wrapper a.data-title.cursor-pointer[aria-label="Explore"]:hover, .tree-wrapper a.data-title.cursor-pointer[aria-label="Design & Plan"]:hover, .tree-wrapper a.data-title.cursor-pointer[aria-label="Develop"]:hover, .tree-wrapper a.data-title.cursor-pointer[aria-label="Launch"]:hover, .tree-wrapper a.data-title.cursor-pointer[aria-label="Firebolt APIs"]:hover, .tree-wrapper a.data-title.cursor-pointer[aria-label="Legacy Documentation"]:hover { font-weight: 550 !important; } /***************************************************** Top Navigation bar styling to match rest of dev portal *****************************************************/ /*Remove separator image before menu*/ .nav-bar-nav.nav-l.divider { border: none; } /*update nav links color to match with figma*/ site-primary-header-section { max-height: 80px !important; } .primary-nav-bar-container .nav-bar.primary-nav-bar { padding-top: 20px !important; padding-bottom: 20px !important; height: 80px !important; } .primary-nav-bar-container .nav-bar-nav.nav-l>ul>li>a { padding: 8px 12px; } .primary-nav-bar-container .nav-bar-nav.nav-l>ul>li>a>span { color: #141417; font-size: 14px; font-family: 'DMSans'; font-weight: 400; } .primary-nav-bar-container .nav-bar-nav.nav-l>ul>li>a:hover { color: rgb(72 72 81/var(--tw-text-opacity)) !important; text-decoration: none !important; } .primary-nav-bar-container .nav-bar-nav.nav-l>ul>li>a:hover::after { width: 33%; left: 50%; } .primary-nav-bar-container .nav-bar-nav.nav-l>ul>li>a::after { content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 1px; background-color: #6138F5; transition: width 0.3s ease, left 0.3s ease; transform: translateX(-50%); } .primary-nav-bar-container .nav-bar-nav.nav-l>ul { gap: 0 !important; } .primary-nav-bar-container .nav-bar-nav.nav-l>ul>li>a.active>span { font-size: 14px; font-weight: 700; } .primary-nav-bar-container .nav-bar .nav-bar-brand { margin: 0; } .primary-nav-bar-container .nav-bar.primary-nav-bar { margin: 0 40px; } .primary-nav-bar-container .nav-bar .nav-bar-brand>a.brand-logo>span.brand-text { font-size: 20px; font-weight: 700; font-family: 'DMSans'; line-height: 24px; }

Policies (core)

Types

AgePolicy