Artic Template
see more:
http://www.chimeric.de/projects/dokuwiki/template/arctic
http://www.chimeric.de/projects/dokuwiki/template/arctic/faq
Styles
The template style (colors/font-sizes/width) can be widely configured via the style.ini file located in <dokuwiki>/lib/tpl/arctic/style.ini.
style.ini
You can modify the look of the template by editing the style.ini file and change the values to your needs. The best way to check out which part of the template is affected is to view the syntax page of your wiki, then edit the style.ini and see what happens.
These are the substitutions introduced by the arctic template.
| Replacement | Value | Description |
|---|---|---|
| __wiki_width__ | percent/pixel | width of your wiki |
| __header_height__ | percent/pixel | the height of the blue header |
| __body_margin__ | em/pixel | margin of html <body> |
| __page_padding__ | em/pixel | padding around your wiki |
| __footer_padding__ | em/pixel | the padding of the footer |
| __font_size__ | em/pixel/pt | the global font size |
| __line_height__ | percent/em | the global line height |
| __pagename_color__ | hex color value | self-explanatory |
| __logo_color__ | hex-color | self-explanatory |
| __headline_color__ | hex color value | self-explanatory |
| __body_background__ | hex color value | self-explanatory |
| __header_background__ | hex color value | self-explanatory |
| __footer_background__ | hex color value | self-explanatory |
| __form_border__ | hex color value | the color of all form borders |
How to use a image as header background?
Put your image into <dokuwiki>/lib/tpl/arctic/images/. Then you have to edit <dokuwiki>/lib/tpl/arctic/arctic_layout.css remove the „background-color“ statement and add:
div.dokuwiki .header { ... background: __header_background__ url(images/[name-of-your-image]) no-repeat; ... }
Then edit <dokuwiki>/lib/tpl/arctic/style.ini and set __header_height__ and eventually __wiki_width__ according to the dimensions of your image1).
<note important>
If the changes don`t apply immediatly you have to refresh the cached CSS! Either you hit the save button in the config-manager or open <dokuwiki>/conf/local.php and save it!
</note>
How to integrate a logo in the sidebar?
Just put your logo in <dokuwiki>/lib/tpl/arctic/images/ and edit <dokuwiki>/lib/tpl/arctic/arctic_design.css and add your logo to div.dokuwiki div.left_sidebar or div.dokuwiki div.right_sidebar.
div.dokuwiki div.left_sidebar { ... background: url(images/filename.png]) no-repeat; padding-top: (height of your logo in px) px; ... }
