The style guide provi­des you with a blue­print of Paperback’s default post and page styles. The style guide is also a great refe­rence for suggested typo­gra­phic treat­ment and styles for your content.


Right Aligned Image

Images may be two-dimen­sio­nal, such as a photo­graph, screen display, and as well as a three-dimen­sio­nal, such as a statue or holo­gram. They may be captu­red by opti­cal devices – such as came­ras, mirrors, lenses, tele­scopes, micro­scopes, etc. and natu­ral objects and pheno­me­na, such as the human eye or water surfaces. The word image is also used in the broa­der sense of any two-dimen­sio­nal figu­re such as a map, a graph, a pie chart, or an abstract pain­ting. The word image is also used in the broa­der sense of any two-dimen­sio­nal figu­re such as a map, a graph, a pie chart, or an abstract pain­ting. The word image is also used in the broa­der sense of any two-dimen­sio­nal figu­re such as a map, a graph, a pie chart, or an abstract painting.


Left Aligned Image

The word image is also used in the broa­der sense of any two-dimen­sio­nal figu­re such as a map, a graph, a pie chart, or an abstract pain­ting. In this wider sense, images can also be rende­red manu­al­ly, such as by drawing, pain­ting, carving, rende­red auto­ma­ti­cal­ly by prin­ting or compu­ter graphics tech­no­lo­gy, or deve­lo­ped by a combi­na­ti­on of methods. Images may be two-dimen­sio­nal, such as a photo­graph, screen display, and as well as a three-dimen­sio­nal, such as a statue or hologram.


Heading One

Heading Two

Heading Three

Heading Four

Heading Five
Heading Six

Blockquote

The block­quo­te is used to indi­ca­te the quota­ti­on of a large section of text from anot­her source. It can be as long or as short as you’d like!

Those of us that had been up all night were in no mood for coffee and donuts, we wanted strong drink. We were, after all, the abso­lu­te cream of the natio­nal spor­ting press.

Typography Styles

Adrop cap is a deco­ra­ti­ve element typi­cal­ly used in docu­ments at the start of a section or chap­ter. It’s a large capi­tal letter at the begin­ning or a para­graph or text block that has the depth of two or more lines of normal text. You can easi­ly add a drop­cap to any para­graph by adding the class drop­cap as seen below:

<span class="dropcap">T</span>his is how you add a dropcap.

Table Styles

BEATLE INSTRUMENT SONG
John Lennon Guitar A Day In the Life
Geor­ge Harrison Guitar Old Brown Shoe
Paul McCart­ney Bass Helter Skel­ter
Ringo Starr Drums Don’t Pass Me By

Code Formatting

pre {
    position: relative;
    background: #f7f7f7;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    padding: 1.6em;
    overflow: auto;
    max-width: 100%;
    tab-size: 4;
}

Mixed List Items

  • Unor­de­red list item one
  • Unor­de­red list item two 
    1. Orde­red list item one
    2. Orde­red list item two 
      • Unor­de­red list item one
      • Unor­de­red list item two 
        1. Orde­red list item one
        2. Orde­red list item two
        3. Orde­red list item three
      • Unor­de­red list item three
    3. Orde­red list item three
  • Unor­de­red list item three