/* ############################################################################## DEFAULT FONT FAMILY FOR ALL ELEMENTS ############################################################################## */ /* Apply the font-family to all descendants of (which is everything) */ html, * { --font-family: 'DIN', 'Helvetica Neue', Arial, sans-serif; font-family: var(--font-family); } /* In some browsers, some elements do not inherit 'font-family' by default Therefore, it is necessary to configure these elements explicitly */ button, input, textarea, select { font-family: var(--font-family); } /* ############################################################################## HTML OUTPUT - FULL BOOK TITLE (This panel contains full book title + logo image) ############################################################################## */ /* Brand palette (Check Point February 2026 guidelines) Brand Berry #ee0c5d - primary interactive / accent color Dark Berry #b70d4e - hover / pressed state Gravitas Grey #41273c - headings, header, footer backgrounds Clay #f2f2f2 - light background / neutral White #ffffff */ .CP_Top_Frame_Container { align-items: center; min-height: 5%; padding: 8px 24px; color: #41273c; background-color: #ffffff; border-bottom: 3px solid #ee0c5d; display: flex; justify-content: space-between; } .CP_Book_Title { font-size: 20px; font-weight: 600; line-height: 1.3; color: #41273c; } .cp-book-title-link, .cp-book-title-link:visited { color: #41273c; text-decoration: none; } .cp-book-title-link:hover { color: #ee0c5d; text-decoration: none; } .CP_Top_Logo img { max-height: 36px; width: auto; display: block; } /* ############################################################################## HTML OUTPUT - BOTTOM FRAME (This panel contains the published date and the copyright year) ############################################################################## */ /* Temporarily hiding the footer that shows: "Generated by XML WebHelp - Evaluation Version" */ footer { display: none !important; } /* Allow this footer to get automatic height*/ body .CP_Footer_Container { height: auto !important; min-height: 6% !important; } .CP_Footer_Container { padding: 12px 24px; border-top: none; background-color: #41273c; font-size: 13px; color: rgba(255, 255, 255, 0.75); display: flex; justify-content: space-between; align-items: center; } .CP_Footer_Publish_Date { color: rgba(255, 255, 255, 0.65); } .CP_Copyright_Link a, .CP_Copyright_Link a:visited { color: rgba(255, 255, 255, 0.9); background-color: inherit; text-decoration: none; } .CP_Copyright_Link a:hover { color: #ee0c5d; text-decoration: underline; } /* ############################################################################## HTML OUTPUT + PDF OUTPUT Important Information topic ############################################################################## */ /* Style for headlines in rows */ p.Important_Information_Headlines { font-size: 14px; font-weight: bold; } /* ############################################################################## HTML OUTPUT + PDF OUTPUT Procedure Heading 29 June 2026 - commented out because in Task topics we inject the relevant heading automatically ############################################################################## */ /* p.Procedure_Heading { font-weight: bold; padding-top: 14px; page-break-after: avoid; } */ /* ############################################################################## HTML OUTPUT + PDF OUTPUT In Task topics, inject the relevant strings automatically ############################################################################## */ /* Inject the text above the context */ *[class ~= "task/context"]:before { content: "About this task:"; font-weight: bold; display: block; } /* Inject the text above the pre-requisite */ *[class ~= "task/prereq"]:before { content: "Before you begin:"; font-weight: bold; display: block; } /* Inject the text above the ordered list */ /*.taskbody section:has(ol.steps)::before*/ /**[class ~= "task/steps"]:before*/ *[class ~= "task/taskbody"] section:has(*[class ~= "task/steps"]):before { content: "Procedure:"; font-weight: bold; display: block; } /* Inject the text above the post-requisite */ *[class ~= "task/postreq"]:before { content: "What to do next:"; font-weight: bold; display: block; } /* Inject the text above the step-example */ *[class ~= "task/stepxmp"]:before { content: "Example:"; font-weight: bold; display: block; } /* Inject the text above the step result */ *[class ~= "task/stepresult"]:before { content: "Step result:"; font-weight: bold; display: block; } /* Inject the text above the procedure results */ *[class ~= "task/result"]:before { content: "Procedure result:"; font-weight: bold; display: block; }