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ątrz 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.

Podczas używania własnych IDów w szablonie do przypisywania stylów upewnij się, że identyfikatory nie powodują konfliktów z istniejącymi już IDami. W szczególności upewnij się, że nie wchodzą w konflikt z identyfikatorami automatycznie przypisywanymi do nagłówków sekcji. Najprostszym sposobem zapewnienia tego jest użycie dwóch sąsiadujących podkreśleniach (__) w twoich IDach. Ponieważ identyfikatory sekcji są zawsze poprawnymi nazwami stron, nie będą one nigdy zawierać sąsiadujących ze sobą podkreśleń.

We wtyczkach użyj <nazwawtyczki>__<id>. Na przykład 'searchindexplugin__buttonfield'

style.ini jest plikiem ini. Zawiera on dwie sekcje:

Ta część definiuje, jakie pliki CSS są wczytywane. Każda linia jest zdefiniowana następująco:

cssfile.css = tryb

cssfile.css jest nazwą twojego pliku, zaś tryb to tryb do którego się on odnosi.

Syspozytor CSS DokuWiki jest w stanie zastąpić oznaczenia zastępcze we wczytywanych arkuszach stylów co jest konfigurowane w sekcji [replacements] w szablonach style.ini. Jest to szczególnie użyteczne do definiowania schematu kolorów jednokrotnie i ponownego użycia tych kolorów we wszystkich plikach. Późniejsze dostosowanie kolorów jest wtedy prostą kwestią zmiany pliku ini.

Następujące oznaczenia zastępcze są jedynymi bezpiecznymi do użycia we wtyczkach.

Od 2006-08-05 nazwy te zostały zmienione na bardziej poprawne semantycznie. Wtyczki i szablony używające zastępowania wzorców starsze niż ta data mogą być niedostosowane do tych zmiennych, zalecane było ich stosowanie.

Te dodatkowe oznaczenia zastępcze zostały użyte w szablonach domyślnych. Inne szablony mogą ich równiez używać, ale nie jest to wymagane.