Styles - Calaméo Knowledge Base
Not a Calaméo member yet?
Sign up now! It's FREE!
Get the latest news on Calaméo
Follow us on Facebook
Get Calaméo updates in real-time
Follow us on Twitter

Styles

From Calaméo Knowledge Base

The Calameo Skin Markup Language (CSML) allows you to completely change the look and feel of all the viewer features using Calameo Skin Styles (CSS).

Contents

Available styles

Basics

User interface

Links and media

Popups

How to add a Calameo Skin Stylesheet to your publication

There is currently 2 ways to add Calameo Skin Styles (CSS) to your publications:

  • via an URL parameter
  • via a skin

Using an URL parameter

You can specify a styleurl parameter in the HTML embed code that links to your Calameo Skin Stylesheet (using an absolute URL).

Example:

<iframe src="http://viewer.calameo.com/?bkcode=0000000018a530f2597ee&styleurl=http://mydomain.com/calameo/styles.txt"></iframe>
Don't forget to place a crossdomain.xml file with the correct permissions at the root level of the domain used in your CSS URL.

Using a Calameo skin

To include a Calameo Skin Stylesheet in your Calameo Skin, simply use the tag styles.

You can either place your styles in a CDATA inside the content of the tag like this:

<styles>
common.text.color=0xFF0000
common.text.size=14
</styles>

or use an external Calameo Skin Stylesheet specified in a source attribute like this

<styles source="http://mydomain.com/calameo/styles.txt"></styles>

You can also combine both techniques like this

<styles source="http://mydomain.com/calameo/styles.txt">
common.text.color=0xFF0000
common.text.size=14
</styles>
Don't forget to place a crossdomain.xml file with the correct permissions at the root level of the domain used in your CSS URL.