PDF-CSS issues
Posted: Thu Nov 07, 2019 1:08 am
Hello,
I use PDF-WYSIWYG scenario with CSS, and there are several formatting issues I cannot overcome.
1. I need my table to have borders like this but all I could get is this The style I use
2. I need to add additional text to the cover page, I try to do it like this but the text is not displayed
3. Is there any way to make bullets (li element) larger? Without increasing the text size in the bullet itself.
I use PDF-WYSIWYG scenario with CSS, and there are several formatting issues I cannot overcome.
1. I need my table to have borders like this but all I could get is this The style I use
Code: Select all
*[class~="topic/entry"] {
color: #4c4545;
text-decoration: none;
vertical-align: baseline;
font-size: 11pt;
font-family: "Open Sans";
text-align:center;
border:1pt solid #5184b0;
}
*[class ~= "topic/table"] > *[class ~= "topic/tgroup"] {
display: table;
/* Fixed, in order to be conformant to the DITA specification, if a column does not have a width, it should be considered 1*
Prince ignores it. Chemsitry can deal with it. */
table-layout: fixed;
width: 650px;
}
*[class ~= "topic/table"] > *[class ~= "topic/title"] {
display: block;
}
*[class ~= "topic/table"][rowsep = '1'] > *[class ~= "topic/tgroup"] > *[class ~= "topic/thead"] > *[class ~= "topic/row"]:last-child > *[class ~= "topic/entry"],
*[class ~= "topic/tgroup"][rowsep = '1'] > *[class ~= "topic/thead"] > *[class ~= "topic/row"]:last-child > *[class ~= "topic/entry"][rowsep = '1'] {
border-bottom: none;
border-right: none;
}
*[class ~= "topic/table"][rowsep = '1'] > *[class ~= "topic/tgroup"] > *[class ~= "topic/thead"] > *[class ~= "topic/row"]:last-child > *[class ~= "topic/entry"],
*[class ~= "topic/tgroup"][rowsep = '1'] > *[class ~= "topic/thead"] > *[class ~= "topic/row"]:first-child > *[class ~= "topic/entry"][rowsep = '1'] {
border-top: none;
border-left: none;
}
*[class ~= "topic/table"][rowsep = '1'] > *[class ~= "topic/tgroup"] > *[class ~= "topic/thead"] > *[class ~= "topic/row"]:not(:last-child) > *[class ~= "topic/entry"],
*[class ~= "topic/tgroup"][rowsep = '1'] > *[class ~= "topic/thead"] > *[class ~= "topic/row"]:not(:last-child) > *[class ~= "topic/entry"][rowsep = '1'] {
border: 1pt solid #5184b0;
}
*[class ~= "topic/table"][rowsep = '1'] > *[class ~= "topic/tgroup"] > *[class ~= "topic/thead"] > *[class ~= "topic/row"]:not(:first-child) > *[class ~= "topic/entry"],
*[class ~= "topic/tgroup"][rowsep = '1'] > *[class ~= "topic/thead"] > *[class ~= "topic/row"]:not(:first-child) > *[class ~= "topic/entry"][rowsep = '1'] {
border: 1pt solid #5184b0;
}
Code: Select all
*[class~="front-page/front-page"] {
page: front-page;
}
*[class ~= "front-page/front-page-title"]:after(1) {
content: "January 1, 2019";
}