cogThis snippet adds styling for multiple page elements using a custom PDF template
Developed by

Andreea Chirica

Rating
Rate!
0 Votes
LicenseGNU Lesser General Public License 2.1

Description

The following CSS rules need to be added inside the style element of a custom PDF Template (see article with related usage steps or theĀ general documentation for customizing the look and feel of the PDF export).

/* Tables */
.mytable td {
 border-width: 1px;
 border-color: #008fd4;
 border-collapse: collapse;
 background-color: #E7F4FB;
 padding-top: 10px;
 padding-bottom: 10px;
 font-family: Helvetica;
 color: #000000;
 font-size: 13px;
}

.mytable th {
 font-family: Helvetica;
 font-size: 16px;
 color: #ffffff;
 border-width: 1px;
 border-color: #008fd4;
 border-collapse: collapse;
 padding-bottom: 10px;
 padding-top: 10px;
 width: 640px!important;
 background-color: #008fd4;
}

.mytable th p{
 vertical-align: middle;
}


/* Infoboxes */

.myinfobox {
 color: #31708f;
 background-color: #d9edf7;
 border-color: #bce8f1;
 margin-right: 0px;
 font-family: Helvetica;
 border-top-right-radius: 10px;
}

.myinfobox p {
 padding: 10px;
 margin-left: 0px;
 margin-right: 0px;
 font-family: Helvetica;
}

/* Warning boxes */
.mywarningbox {
   color: #8a6d3b;
   background-color: #fcf8e3;
   border-color: #faebcc;
}

.mywarningbox p {
 padding: 10px;
 margin-left: 0px;
 margin-right: 0px;
 font-family: Helvetica;
}

/* Text Area */

.mytitle {
 margin-top: 3em;
}

.mydiagram img {
align-item: center;
width: 80%;
}

.pdffooter {
 border-top-width: 0.5pt;
 border-top-style: solid;
 border-top-color: grey;
 color: grey;
 font-size: 8px;
 font-family: Helvetica;
 padding-top: 0.7em;
 text-align: center;
}

.footer-table {
 line-height: 1em;
 color: grey;
 font-size: 8px;
 font-family: Helvetica;
 padding-bottom: 20px;
}

span.page-number {
 color: grey;
 font-family: Helvetica;
 font-size: 6px;
 text-align: left;
 line-height: 1em;
}

p {
font-family: Helvetica;
}

#xwikicontent {
text-align: left;
font-family: Helvetica;
}

img.wikimodel-freestanding {
 width:100%;
}


h1 {
 color: #008fd4;
 font-size: 1.8em;
 font-family: Helvetica;
}

img.page-logo {
vertical-align: middle;
width: 8%;
top:0.5cm;
left:20cm;
bottom:1cm;
}

span.page-title {
font-family: Helvetica;
font-size: 11px;
display:block;
}


a.diagram-title {
display:none;
font-family: Helvetica;
text-decoration:none;
}

a {
color: #008fd4;
font-family: Helvetica;
text-decoration:none;
}


/* classes that could be used for */


/* Code Macro */
.code {
 background-color: #EFEFEF;
 border: 1px dotted #CCCCCC;
}

.code, .code pre, .code *  {
 font-family: courier, "courier new", monospace;
 font-size: 8px;
 white-space: pre;
}

Result

Prerequisites & Installation Instructions

Copy the code snippet to a page and save it.

Tags:
Created by Andreea Chirica on 2020/03/02 17:19
     

Get Connected