Revision [1319]
This is an old revision of WikkaSkins made by DarTar on 2008-11-01 23:23:06.
Wikka Skins
This page needs to be updated to match Wikka 1.1.6.4
Wikka skins are CSS compliant stylesheets controlling the look and feel of wikka pages.
They can either be used by replacing the default css/wikka.css stylesheet, or by installing a WikkaSkinSelector skin selector.
A beta version of a Wikka skin selector can be tested here
Cookies must be enabled for the skin selector to work
Cookies must be enabled for the skin selector to work
Related pages
- Proposal of a new template: WikkaSkinOptimization
- Discussions on CSS issues/bugs: WikkaCSS
- More skins can be found on the WikkaSkinsRepository
Default Wikka CSS stylesheets
css/wikka.css
The main CSS sheet for screen-displayed content.
css/print.css
The main CSS sheet for printable content.
css/xml.css
The CSS sheet for XML formatting.
Wikka CSS Classes Specs
Here is the basic specification of CSS classes used in Wikka.
CSS class | Type | Description | Syntax |
---|---|---|---|
img.centre, img.center, img.left, img.right | image action | Controls the position of images | |
.indent | formatter | Controls indentation of lists | ~Text or 4 consecutive spaces |
.error | system | Determines the format of Wikka error messages | |
.header | system | Controls the appearance of the page header, including the format of the main title and the menu bar | |
.page | system | Controls the overall apearance of the page body | |
.missingpage | system | Determines the format of links to missing pages | |
.footer | system | Controls the appearance of the page footer, including the bottom menu links | |
.commentsheader | system | Controls the look of comments header | |
.comment | system | Controls the look of every single comment entry | |
.commentinfo | system | Controls the look of the information displayed below each comment (user, date/time) | |
.commentform | system | Controls the appearance of the form for submitting comments | |
.code | formatter | Controls the overall appearance of code blocks. Code highlighting style is controlled by the specific code formatter | %%Text%% |
.notes | formatter | Determines the format of notes | ''Text'' |
.revisioninfo | system | Controls the overall look of the revision page | |
H5 | formatter | Determines the format of smallish headers | ==Text== |
H4 | formatter | Determines the format of not-so-big headers | ===Text=== |
H3 | formatter | Determines the format of medium headers | ====Text==== |
H2 | formatter | Determines the format of rather-big headers | =====Text===== |
H1 | formatter | Determines the format of really-big headers | ======Text====== |
a.ext | formatter | Determines the format of links to external pages | [[http://www.pathto.go]] |
.exttail | system | Determines | the format of the optional external-link tail, specified in the configuration file | |
.searchbox | system/textsearch action | Controls the look of search fields in the footer and in search actions | |
.toolbar | system | Controls the look of the wikiedit GUI | |
.clear | formatter | Forces clearing of floating boxes | ::c:: |
.floatl | formatter | Controls the look and positioning of left-aligned floats | <<Text << |
.floatr | formatter | Controls the look and positioning of right-aligned floats | >>Text >> |
.previewhead | system | Controls the look of the preview screen header | |
.strikethrough | formatter | Determines the format of strike-through text | ++Text++ |
.additions | system | Controls the look of additions in the revision page | |
.deletions | system | Controls the look of deletions in the revision page | |
.underline | formatter | Determines the format of underlined text | __Text__ |
.recentchanges | recentchanges action | Controls the overall look of the recent change page | |
.center, .centre | formatter | Controls the positioning of centered elements | @@Text@@ |
.keys | formatter | Controls the look of button-like text | #%Text%# |
.smallprint | system | Controls the look of the small links and credits below the footer | |
.editornamecss | system | Used by WikiEdit to style the name of the editor ('WikiEdit') in the toolbar | |
.pagenote | system | Used to markup the edit note in the recent changes view |
Obsolete or unused styles: .comments, .highlight, .copyright
Please check these classes and let me know if they are still used somewhere.
Otherwise, they should be removed from the default css stylesheet -- DarTar
CategoryEN