Style Guide

The style gui­de pro­vi­des you with a blue­print of Paperback’s default post and page styles. The style gui­de is also a gre­at refe­rence for sug­gested typo­gra­phic tre­at­ment and styles for your content.


Right Aligned Image

img52Images may be two-dimen­sio­nal, such as a pho­to­graph, screen dis­play, and as well as a three-dimen­sio­nal, such as a sta­tue or holo­gram. They may be cap­tu­red by opti­cal devices – such as came­ras, mir­rors, len­ses, tele­scopes, micro­scopes, etc. and natu­ral objects and phe­no­me­na, such as the human eye or water sur­faces. The word image is also used in the broa­der sen­se of any two-dimen­sio­nal figu­re such as a map, a graph, a pie chart, or an abs­tract pain­ting. The word image is also used in the broa­der sen­se of any two-dimen­sio­nal figu­re such as a map, a graph, a pie chart, or an abs­tract pain­ting. The word image is also used in the broa­der sen­se of any two-dimen­sio­nal figu­re such as a map, a graph, a pie chart, or an abs­tract painting.


Left Aligned Image

img23The word image is also used in the broa­der sen­se of any two-dimen­sio­nal figu­re such as a map, a graph, a pie chart, or an abs­tract pain­ting. In this wider sen­se, images can also be ren­de­red manu­al­ly, such as by drawing, pain­ting, car­ving, ren­de­red auto­ma­ti­cal­ly by prin­ting or com­pu­ter gra­phics tech­no­lo­gy, or deve­lo­ped by a com­bi­na­ti­on of methods. Images may be two-dimen­sio­nal, such as a pho­to­graph, screen dis­play, and as well as a three-dimen­sio­nal, such as a sta­tue or hologram.

 


Heading One

Heading Two

Heading Three

Heading Four

Heading Five
Heading Six

Blockquote

The blo­ck­quo­te is used to indi­ca­te the quo­ta­ti­on of a lar­ge sec­tion of text from ano­t­her source. It can be as long or as short as you’d like!

Tho­se of us that had been up all night were in no mood for cof­fee and donuts, we wan­ted strong drink. We were, after all, the abso­lu­te cream of the natio­nal spor­ting press.

Typography Styles

[rara_drop_cap font_size=“rara-drop-cap2”]A[/rara_drop_cap] drop cap is a deco­ra­ti­ve ele­ment typi­cal­ly used in docu­ments at the start of a sec­tion or chap­ter. It’s a lar­ge capi­tal let­ter at the begin­ning or a para­graph or text block that has the depth of two or more lines of nor­mal text. You can easi­ly add a drop­cap to any para­graph by adding the class drop­cap as seen below:

 


Table Styles

BEATLE INSTRUMENT SONG
John Len­non Gui­tar A Day In the Life
Geor­ge Harrison Gui­tar Old Brown Shoe
Paul McCart­ney Bass Hel­ter Skelter
Rin­go 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
Scroll to Top