Cite, Long Quote, Quote

Style cite elements, long quote elements, and quote elements.

Overview

Resource location: @import url("https://jorsek.github.io/pdfgen.github.io/styles1.1/modules/dita/cite_long_quote_quote.css");
Figure 1. Cite
cite overview
Figure 2. Long Quote.

By default, the text in long quote elements is smaller than text in the document body.
long quote default

Common Customizations

You can apply customizations by pasting the following code snippets under the @import rules.

Encapsulate cite elements in inverted commas
cite inverted coma
JSON 
/* Encapsulate cites in inverted commas. */
.cite::before {
    content:'"';
}
.cite::after {
    content:'"';
}
Make cite elements italic
cite italics
JSON 
/* Make cite elements italic. */
.cite {
    font-style: italic;
}
Justify text in long quote elements
justify text in long quote
JSON 
/* Justify text in lq elements. */
.lq,
.lq * {
    text-align: justify;
}
Increase margins
long quote increase margins
JSON 
/* Increase margins. */
.lq {
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 15px;
    padding-right: 15px;
}