Customize cover page
Posted: Tue Jun 12, 2018 4:12 pm
Hi,
I'd like to use Oxygen PDF chemistry to create a PDF from a Dita map and I have some problems with the cover page. I'd like to have a line above the title name that shall be as long as the title itself. Actually this can be achieved by adapting the p-front-page.css: Just adding to the front-page-title: display: inline; border-top: 8px solid red; However, if I add further pseudo elements with front-page-title:after, the display:inline property is overwritten and the line is extended over the whole page. How is the title page created? Is it possible to add an additional element to the title page that can be styled individually? Thank you very much.
[Codebox=] front-page {
page: front-page;
}
front-page-title {
display:inline;
text-align:left;
margin-top: 3em;
font-size:40pt;
font-family:"akkurat pro", helvetica, sans-serif;
font-weight:100;
color:red;
border-top:8px solid red;
}
front-page-title:after(1) {
display:inline;
content:"\2002";
border-top:none;
clear:both;
font-size: 26pt;
color: gray;
}
front-page-title:after(2) {
display:block;
content:"\2002""\a""Benutzerhandbuch""\a""Version 4.36";
clear:both;
font-size: 26pt;
color: gray;
}[/Codebox]
I'd like to use Oxygen PDF chemistry to create a PDF from a Dita map and I have some problems with the cover page. I'd like to have a line above the title name that shall be as long as the title itself. Actually this can be achieved by adapting the p-front-page.css: Just adding to the front-page-title: display: inline; border-top: 8px solid red; However, if I add further pseudo elements with front-page-title:after, the display:inline property is overwritten and the line is extended over the whole page. How is the title page created? Is it possible to add an additional element to the title page that can be styled individually? Thank you very much.
[Codebox=] front-page {
page: front-page;
}
front-page-title {
display:inline;
text-align:left;
margin-top: 3em;
font-size:40pt;
font-family:"akkurat pro", helvetica, sans-serif;
font-weight:100;
color:red;
border-top:8px solid red;
}
front-page-title:after(1) {
display:inline;
content:"\2002";
border-top:none;
clear:both;
font-size: 26pt;
color: gray;
}
front-page-title:after(2) {
display:block;
content:"\2002""\a""Benutzerhandbuch""\a""Version 4.36";
clear:both;
font-size: 26pt;
color: gray;
}[/Codebox]