====== CSS Import: character styles ======

This pages gives an overview of how CSS import works for the ODT character styles.

===== Character style list =====

The following sections shows the paragraph styles and describes their CSS import:

==== Emphasis ====

The //"Emphasis"// style is applied to italic text. The CSS import is performed in the following way:
  - create/simulate an empty HTML document:\\ That means create a HTML page which corresponds to an empty DokuWiki page using the default template. So the HTML page is not empty but the DokuWiki page.
  - put an **em** element in it
  - query the matching CSS properties for that element
  - assign the properties to the style

==== Strong Emphasis ====

The style //"Strong Emphasis"// is applied to bold text. The CSS import works like for //"Emphasis"// with the difference that the element **strong** is used.

==== Source Text ====

The style //"Source Text"// is applied to monospaced text. The CSS import works like for //"Emphasis"// with the difference that the element **code** is used.

==== Internet Link ====

The style //"Internet Link"// is applied to external links. The CSS import works like for //"Emphasis"// with the difference that the element **a** with pseudo-class **link** is used.

==== Visited Internet Link ====

The style //"Visited Internet Link"// is applied to visited external links. The CSS import works like for //"Emphasis"// with the difference that the element **a** with pseudo-class **visited** is used.

==== Local Link ====

The style //"Local Link"// is applied to local links. The CSS import works like for //"Emphasis"// with the difference that the element **a** with class **wikilink1** and pseudo-class **link** is used.

==== Visited Local Link ====

The style //"Visited Local Link"// is applied to visited local links. The CSS import works like for //"Emphasis"// with the difference that the element **a** with class **wikilink1** and pseudo-class **visited** is used.

==== Underline ====

The style //"Underlined"// is an automatic style so you will not find it under //"Styles and Formatting"// in LibreOffice. It is applied to underlined text. The CSS import works like for //"Emphasis"// with the difference that the element **u** is used.

==== Del ====

The style //"Del"// is an automatic style so you will not find it under //"Styles and Formatting"// in LibreOffice. It is applied to Strike-through text. The CSS import works like for //"Emphasis"// with the difference that the element **del** is used.

===== CSS Properties =====

This section gives an overview of the supported and not supported properties.\\ :!: This is not a complete list. If you notice that a working or not working property is missing please add it here. Thanks! :!:

==== Working ====

^  Property Name     ^  Remarks  ^
| background-color   |           |
| border             |           |
| border-top         |           |
| border-right       |           |
| border-bottom      |           |
| border-left        |           |
| color              |           |
| font-family        |           |
| font-size          |           |
| font-style         |           |
| font-weight        |           |
| letter-spacing     |           |
| padding            |           |
| padding-top        |           |
| padding-right      |           |
| padding-bottom     |           |
| padding-left       |           |
| text-align         |           |
| text-decoration    |           |

==== Not Working ====

^  Property Name  ^  Remarks                                              ^
| box-shadow      |  There is no equivalent ODT style setting/attribute.  |