Theme is, so to say, a group of styles such as fonts applied to the content prepared in editor, and the method for alignment and the before and after margin of an element. Just like you edit each element in editor, you can use the theme to decorate the styles on the basis of elements and character types.

3Rabbitz Book can completely separate the content prepared in editor from the styles set by the theme. As a result, the following results can be obtained.

• Without changing the content, you can simply change the theme to give an effect of changes to the looks.

• Once you created a theme, you can reuse it many times for other books.

• You can easily maintain the consistency in the styles of one or multiple books.

And, 3Rabbitz Book can classify themes into two types.

Web

Theme used for creating Web Viewer and EPUB¹.

PDF

Theme used for building a PDF.

In the <Style | Theme> menu, you can perform the tasks related to themes.

Creating a Theme

You can create a theme in the following order.

1. In the upper area of the theme list, click on the <Create Theme> link.

2. After entering the basics, click on the <Save> button in the lower left corner.

   • As the font and the numbering format are different, you need to create a theme for each language.

Editing a Theme

You can edit a theme in the following order.

1. In the theme list, click on the theme name you want to change the style for.

2. In the left menu, select an element type or character type that you want to set the style for.

3. After changing the style, use the “Preview” function to see the results ahead of time.

4. Click on the <Save Now> button to save the changes.

If you change the style, the preview will appear in the bottom as follows.

• Depending on the language selected when creating a theme, the content of preview will appear differently.

  • English, Korean and Japanese are supported.

• Table of Contents and Index are displayed in English regardless of your language selection.

• The preview may show differently with the outcome of export.

Tips for Style Setting

Fonts

Setting a font in Web Theme is different with setting a font in PDF Theme.

Selecting a Font in Web Theme

Setting a font in Web Theme means that you are declaring which font on your computer will be used for your Web Viewer.

If the font declared in your Web Theme does not exist on the computer, then the basic fonts for your web browsers will be used. So, it is desirable to set your font by considering many OS as follows.

Arial, Helvetica, LiberationSans, sans-serif

The above is a list of English fonts with similar shapes existing on Windows, Mac OC and Linux.

3Rabbitz Book provides a list of fonts most frequently used.

• Arial, sans-serif

• Arial, Helvetica, sans-serif

• Verdana, Arial, Helvetica, sans-serif

• 'Lucida Grande', Arial, Verdana, sans-serif

• 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif

• Georgia, 'Times New Roman', Times, serif

• Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace(코드용 글꼴)

• 굴림, Gulim, sans-serif

• 돋움, Dotum, sans-serif

• 궁서, Gungsuh, serif

• 바탕, Batang, serif

• '맑은 고딕', 'Malgun Gothic', 굴림, Gulim, sans-serif

• '맑은 고딕', 'Malgun Gothic', 돋움, Dotum, sans-serif

Selecting a Font in PDF Theme

Selecting a font in PDF Theme is an activity to select a font that will be embedded in a PDF file itself. So, you must always pay attention to the license pertaining to the font.

So, only the fonts registered in PDF Font can be used for setting in PDF Theme.

Element

Alignment and Hyphenation

In PDF Theme, if you select “Alignment to Both Sides(Justify)” then you will have set Hyphenation option. For more details, please refer to PDF Hyphenation.

Separating Each Element

The most frequently used way to separate elements is shown as follows.

Indenting the first line of an element

By indenting the first line, you can separate an element. You can reduce the number of pages and the costs for paper while printing a document.

Adding margins before and after an element

You can give margins before and after an element to distinguish elements.

In most cases, a PDF version of novel or essay uses the first method mentioned above. In case of technical books, both methods can be used.

To the contrary, as the second method provides improved readability on the web, you are recommended to use the second method on the web.

Margins Before and After an Element

The space between elements is not the sum of margins before and after each element, but it is the greater of two. For instance, assuming you have the following element configurations,

Heading 1 (Margin before an element: 0,   Margin after an element: 3)
Heading 2 (Margin before an element: 1,   Margin after an element: 2)
Normal    (Margin before an element: 0.5, Margin after an element: 0.5)

The space between Heading 1 and 2 is 3, while the space between Heading 2 and Normal is 2.

Indentation

You need to refer to the following when you set indentation.

• If you enter a value less than zero for indentation, then outdentation will be used, instead.

• If you enter a value less than zero for the right and left sides, then the element width will be widened.

Border and Background Setting

You can set borders and backgrounds for your heading, code, command, preformatted, blockquote, epigraph, note, tip and caution.

Border

You can set the border in the following order.

1. Select an element type that you want to set the border for and click on the <Border> menu.

2. Select your Line Style, Color and Thickness.

3. Click on the top(), bottom(), left(), and right() buttons to set the line.

   • Click it once more, the line will be deleted.

4. After checking the Preview, click on the <Save Now> button.

Background

You can set the background color and image.

Refer to the following steps when you set the background image.

• Using “Position X” and “Position Y”, set the position of your background image.

  • Position X: The left most side is set to 0.

  • Position Y: The upper most side is set to 0.

• Select the “Repeat Type”.

  • No repeat

  • Repeat Vertically

  • Repeat Horizontally

  • Repeat

Numbering

You can assign numbers to your heading, ordered list, unordered list, figures and tables. For more details, please refer to Numbering.

Regarding the em, px, pt Units

Selection of units can greatly affect your value setting. Please refer to the following issues when selecting a unit.

em

A value is determined depending on the font size set in the General. For instance, if we assume that the value in the General is 10px, then 1em will have 10px and 1.1em will have 11px and 0.9em will have 9px.

This unit can be used for both Web Theme and PDF Theme. A value can be set in the following ways.

• Compared to the normal element’s font size, heading 1 is twice bigger, heading 2 is 1.7 times bigger, heading 3 is 1.5 times bigger, heading 4 is 1.2 times bigger and finally heading 5 is same as the normal element’s font size.

• The font size for a code element type is 0.9 times smaller than the font size of a normal element.

• Margins before and after an element, line spaces, first line indentation can be set in proportion to the font size.

px(pixel)

It has a relative size depending on the display device such as your monitor. It can be used for Web Theme only.

pt(point)

It has a fixed size as it is related to actual printing. It can be used for PDF Theme only.

Main Guide for Each Item

The main items used to set the styles for elements and character types are shown as follows.

General

You can set the base style that can affect the entire theme.

Font, Heading Font, Code Font

If you use too many fonts or just one font in one document, the overall readability is degraded. The most adequate number of font types used in one document is two or three although it can be affected by a document type or the characteristics of readers.

So, to achieve the most adequate combinations of fonts, you need to use different fonts for the titles and the main text. Additionally, you can set the code fonts for code elements and character types that must use a fixed width.

Font Size

The font size set in the General becomes the basis for values using ‘em’ units in individual items.

Text Element

• You can assign numbers to your Heading, Ordered List and Unordered List.

• You can set the border and background for your Headings, Codes, Commands, Preformatted, Blockquotes, Epigraphs, Notes, Tips and Cautions.

Figure Element

• You can set the figure caption side to “Top” or “Bottom”.

  • If you change the figure caption side, you will have to set the top and bottom margins again.

• If you want the width of your figure to be greater than the text element, then you will have to set the “left” and “right” margins to a value smaller than zero.

  • Once you have set it like this, you are recommended to set “Justify(Alignment to Both Sides)”.

Table Element

• You can set the table caption side to “Top” or “Bottom”.

  • If you change the table caption side, you will have to set the top and bottom margins again.

• The value set to your table header, table header rows and table header cells will also be applied to the table footer row.

Object Element

Table of Contents

• You can set this only in PDF Theme.

• Although the preview does not show it, there will be dotted lines seen between the title and the page number in your PDF file.

Index

• You can set it only in PDF Theme.

• Column Count: Enter a column count to be used in Index list.

• Name/Page Separator: Enter a separator between Index names and page numbers. The default is set to a comma and one empty space(", ").

Footnote

• In a PDF file, it is used as a footnote while in Web Viewer and EPUB file, it is used as an endnote below a chapter.

• You can draw a line between the main text and the content.

• Only solid lines are supported.

Space

• Height: If you have not set the height when you add an object in editor, the margin with the value set here will be added.

Blank Page

• You can only set it in PDF Theme.

• Label: It is used to add the message, “This Page Intentionally Left Blank”.

Horizontal Line

• Only solid lines are supported.

Character Types

Refer to the following when you set character types.

• You are recommended to select “Inherit” as your font. If you do so, then the font set for the element type will be used when a character type exists in both the Heading 1 and Normal elements.

• You are recommended not to set the font size or set as 1em. If you set an arbitrary value with px or pt, then the size may not be in harmony with the element type.

1. Technically speaking, EPUB is a group of HTML files. So, you do not create an additional EPUB Theme but use Web Theme instead.
2. A fixed width font should be used.