@media print {
/* The next 2 settings move the icons to the left of the title. The generated PDF had the icons sitting on top of the first few letters of the title */
.md-typeset .admonition-title::before,
.md-typeset summary::before {
position:absolute !important;
left: 10px !important;
top: 10px !important;
}
/*
This code creates a custom admonition color and icon from https://squidfunk.github.io/mkdocs-material/reference/admonitions/
*/
:root {
--md-admonition-icon--pied-piper: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M244 246c-3.2-2-6.3-2.9-10.1-2.9-6.6 0-12.6 3.2-19.3 3.7l1.7 4.9zm135.9 197.9c-19 0-64.1 9.5-79.9 19.8l6.9 45.1c35.7 6.1 70.1 3.6 106-9.8-4.8-10-23.5-55.1-33-55.1zM340.8 177c6.6 2.8 11.5 9.2 22.7 22.1 2-1.4 7.5-5.2 7.5-8.6 0-4.9-11.8-13.2-13.2-23 11.2-5.7 25.2-6 37.6-8.9 68.1-16.4 116.3-52.9 146.8-116.7C548.3 29.3 554 16.1 554.6 2l-2 2.6c-28.4 50-33 63.2-81.3 100-31.9 24.4-69.2 40.2-106.6 54.6l-6.3-.3v-21.8c-19.6 1.6-19.7-14.6-31.6-23-18.7 20.6-31.6 40.8-58.9 51.1-12.7 4.8-19.6 10-25.9 21.8 34.9-16.4 91.2-13.5 98.8-10zM555.5 0l-.6 1.1-.3.9.6-.6zm-59.2 382.1c-33.9-56.9-75.3-118.4-150-115.5l-.3-6c-1.1-13.5 32.8 3.2 35.1-31l-14.4 7.2c-19.8-45.7-8.6-54.3-65.5-54.3-14.7 0-26.7 1.7-41.4 4.6 2.9 18.6 2.2 36.7-10.9 50.3l19.5 5.5c-1.7 3.2-2.9 6.3-2.9 9.8 0 21 42.8 2.9 42.8 33.6 0 18.4-36.8 60.1-54.9 60.1-8 0-53.7-50-53.4-60.1l.3-4.6 52.3-11.5c13-2.6 12.3-22.7-2.9-22.7-3.7 0-43.1 9.2-49.4 10.6-2-5.2-7.5-14.1-13.8-14.1-3.2 0-6.3 3.2-9.5 4-9.2 2.6-31 2.9-21.5 20.1L15.9 298.5c-5.5 1.1-8.9 6.3-8.9 11.8 0 6 5.5 10.9 11.5 10.9 8 0 131.3-28.4 147.4-32.2 2.6 3.2 4.6 6.3 7.8 8.6 20.1 14.4 59.8 85.9 76.4 85.9 24.1 0 58-22.4 71.3-41.9 3.2-4.3 6.9-7.5 12.4-6.9.6 13.8-31.6 34.2-33 43.7-1.4 10.2-1 35.2-.3 41.1 26.7 8.1 52-3.6 77.9-2.9 4.3-21 10.6-41.9 9.8-63.5l-.3-9.5c-1.4-34.2-10.9-38.5-34.8-58.6-1.1-1.1-2.6-2.6-3.7-4 2.2-1.4 1.1-1 4.6-1.7 88.5 0 56.3 183.6 111.5 229.9 33.1-15 72.5-27.9 103.5-47.2-29-25.6-52.6-45.7-72.7-79.9zm-196.2 46.1v27.2l11.8-3.4-2.9-23.8zm-68.7-150.4l24.1 61.2 21-13.8-31.3-50.9zm84.4 154.9l2 12.4c9-1.5 58.4-6.6 58.4-14.1 0-1.4-.6-3.2-.9-4.6-26.8 0-36.9 3.8-59.5 6.3z"/></svg>')
}
.md-typeset .admonition.pied-piper,
.md-typeset details.pied-piper {
border-color: rgb(43, 155, 70);
}
.md-typeset .pied-piper > .admonition-title,
.md-typeset .pied-piper > summary {
background-color: rgba(43, 155, 70, 0.1);
}
.md-typeset .pied-piper > .admonition-title::before,
.md-typeset .pied-piper > summary::before {
background-color: rgb(43, 155, 70);
-webkit-content: var(--md-admonition-icon--pied-piper);
content: var(--md-admonition-icon--pied-piper);
}
/* This code uses the CSS to change the icons and color for the default note admonition but grabs the icon from the setting in the yml file
theme:
icon:
admonition:
note: fontawesome/solid/poo
*/
/* This code changes the default note admonition/call-out border and title-bar shading color
.md-typeset .admonition.note,
.md-typeset details.note {
border-color: rgb(43, 155, 70);
}
.md-typeset .note > .admonition-title,
.md-typeset .note > summary {
background-color: rgba(43, 155, 70, 0.1);
}
.md-typeset .note > .admonition-title::before,
.md-typeset .note > summary::before {
background-color: rgb(43, 155, 70);
-webkit-content: var(--md-admonition-icon--note);
content: var(--md-admonition-icon--note);
}
*/
/*
This code adds a colored button/badge on the TSW for release notes */
.badge {
padding: 1px 9px 2px;
font-size: 10px;
font-weight: bold;
white-space: nowrap;
color: #fefefe;
background-color: #70b9c5;
border-radius:0;
}
.badge-2 {
padding: 1px 9px 2px;
font-size: 10px;
font-weight: bold;
white-space: nowrap;
color: #cffd04;
background-color: #fd0404;
border-radius:0;
}
.badge:hover {
color: #ffffff;
text-decoration: none;
cursor: pointer;
}
.badge-danger {
background-color: #b94a48;
}
.badge-danger:hover {
background-color: #953b39;
}
.badge-success {
background-color: #5cc45e;
}
.badge-success:hover {
background-color: #356635;
}
/* These header definitions create different colored bar separators after titles in the pdf that are in sync with the color them of the type of document (ga, rc, beta, etc)
h1 {
border-bottom:2px solid rgb(172, 40, 0) !important;
}
h2 {
border-bottom:1px solid rgb(254, 160, 131) !important;
}
h3 {
border-bottom:0.5px solid #eee !important;
}
*/
/* Created this h7 to use as the RED warning for OEM NDA notice on OEM release notes
h7 {
color: red;
font-size: 1.3em;
font-weight: bold;
}
*/
body, input, td {
font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 300;
}
.md-typeset table:not([class]) {
display: block;
border: none;
}
/* This code adds a watermark to a PDF
body:before{
content: "Review";
position: fixed;
top: 45%;
bottom: 15%;
left: 45%;
right: 45%;
opacity: 0.07;
z-index: -1;
color: rgb(172, 40, 0);*/
/*other theme colors used in html are: rgb(209, 62, 17) | rgba(172, 40, 0, 0.05) | rgb(209, 62, 17) | rgb(211, 81, 6)*//*
font-size: 100px;
font-weight: 500px;
display: grid;
justify-content: center;
align-content: center;
opacity: 0.05;
transform: rotate(-45deg);
}
*/
}
@page {
/* @import url('https://fonts.googleapis.com/css?family=Roboto'); */
size: a4 portrait;
margin: 25mm 10mm 25mm 10mm;
counter-increment: page;
white-space: pre;
font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
/* The next styles were removed due to the functionality of the new PDF generator mkdocs with-pdf which has options in teh yml configuration which replaces this functionality
@bottom-left {
content: '© 2023 HP Development';
font-weight: 300;
font-size: .8rem;
}
@top-center {
content: string(chapter);
font-weight: 300;
font-size: .5rem;
}
@bottom-right {
content: counter(__pgnum__);
font-weight: 300;
font-size: .8rem;
}
*/
}