Większość sposobu wyświetlania przez DokuWiki może być definiowana za pomocą arkuszy stylów CSS. Samo DokuWiki definiuje tylko kilka niewielkich stylów. Reszta definicji CSS pochodzi od użytych szablonów i wtyczek.

Wszystkie pliki CSS są pobierane za pośrednictwem jednego dyspozytora w lib/exe/css.php, który obsługuje również buforowanie, zastępowanie wzorców i optymalizację. Wczytywanie arkuszy stylów oprócz innych czynności wykonywane jest wewnąrez funkcji tpl_metaheaders(), zatem nie zapomnij umieścić jej w swoim szablonie.

Jest pięć typów trybów arkusza stylu:

• screen: Używany do wyświetlania stron w przeglądarce
• print: Definicje stąd zostaną użyte do drukowania stron
• all: Stosowane we wszystkich trybach wyświetlania
• rtl: Definicje w plikach rtl zostaną wczytane dodatkowo gdy jest użyty język pisany z prawej do lewej
• feed: Stosowane podczas wyświetlania stopki

DokuWiki wczytuje swoje arkusze z 4 źródeł, które ładowane są w następującej kolejności (Arkusze RTL są dodawane na końcu każdego kroku):

Te arkusze znajdują się w /lib/styles. Określają one stylizację podstawowych elementów, jak wygląd komunikatów błędów.

Wtyczki mogą określać własne definicje przy użyciu następujących plików:

Aby dostosować się do zestawu kolorów szablonu, autorzy wtyczek powinni używać gwarantowanych zastępczych oznaczeń kolorów.

Arkusze stylów z wtyczki wczytywane są nawet, jeśli wtyczka nie jest używana (nie jest jednak, jeśli wtyczka jest wyłączona).

Style zdefiniowane tutaj powinny mogą powodować konflikty. Zatem uważaj pisząc wtyczkę. Jeśli to możliwe, dodaj przedrostek do własnych stylów by nie powodowały one konfliktów.

Arkusze stylów szablonu są ładowane z wybranego folderu szablonu. DokuWiki odczytuje style.ini znajdujący się w folderze i wczytuje wszystkie CSS wymienione w tym pliku. Wczytywanie wykonywane jest zgodnie z aktualnym trybem.

Dodatkowo s tym pliku style.ini definiowane są zastąpienia.

• Patrz również: Rozwój szablonów

Dodatkowe style, niezależnie od użytego szablonu moga być zdefiniowane przez administratora wiki poprzez utworzenie następujących plików CSS w folderze konfiguracyjnym wiki (conf/ w niepoprawianych wiki):

Jest to użyteczne do nadpisywania małych części stylów szablonu lub wtyczek bez borykania się z problemami korekt po aktualizacji.

When you use custom IDs in your template for assigning styles, be sure that the ID does not conflict with an existing ID. In particular, be sure that it won’t conflict with the IDs automatically assigned to section headers. The easiest way to ensure this is to use two adjacent underscores (__) in your ID. Because section IDs are always valid pagenames, they will never contain adjacent underscores.

In plugins use <pluginname>__<id>. For example 'searchindexplugin__buttonfield'

The style.ini is a ini file. It has two sections :

This part defines which CSS files are loaded. Each line is defined as follow :

cssfile.css = mode

cssfile.css is your file name, and mode is the mode to which it applies.

DokuWiki's CSS dispatcher is able to replace placeholders in the loaded stylesheets which are configured through the [replacements] section in the templates style.ini. This is especially useful for defining a color scheme once and reuse these colors in all files. Adjusting the colors later then is simply a matter of changing the ini file.

The following placeholders are the only ones that are safe to be used by plugins.

From 2006-08-05 on they have been renamed to be more semantically correct. Plugins and templates making use of the pattern replacement which are older than this might not yet have adopted these variables, but are advised to do so.

These additional placeholders are used in the default templates. Other templates might use them as well, but are not necessarily obliged to do so.