Additions:
Note: this functionality has been obsoleted by the theme support introduced in Wikka 1.2.
See also
Deletions:
This page needs to be updated to match Wikka 1.1.6.4Wikka 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.
Cookies must be enabled for the skin selector to work
Related pages
- Proposal of a new template: WikkaSkinOptimization
- Discussions on CSS issues/bugs: WikkaCSS
- WikkaSkinSelector
- WikkaSkinEditor
- More skins can be found on the WikkaSkinsRepository
Otherwise, they should be removed from the default css stylesheet -- DarTar
No Differences
Deletions:
Additions:
Deletions:
A beta version of a Wikka skin selector can be tested here
Related pages
[534] Edited on 2008-01-30 07:25:51 by DotMG [Ticket #637 : Use table markup instead of table action on docs server]
Additions:
| 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 |
Deletions:
| 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 |
Additions:
HomePage
Deletions:
Additions:
This page needs to be updated to match Wikka 1.1.6.4CategoryEN
Deletions:
This page needs to be updated to match Wikka 1.1.6.3CategoryLayout CategoryDocumentation
Additions:
This page needs to be updated to match Wikka 1.1.6.3A beta version of a Wikka skin selector can be tested here
They can either be used by replacing the default css/wikka.css stylesheet, or by installing a WikkaSkinSelector skin selector.
Deletions:
This page needs to be updated to match Wikka 1.1.6.2
A beta version of a Wikka skin selector can be tested hereThey can either be used by replacing the default css/wikka.css stylesheet, or by installing a WikkaSkinSelector skin selector.
- Proposal of a new template: WikkaSkinOptimization
- Discussions on CSS issues/bugs: WikkaCSS
- WikkaSkinSelector
- WikkaSkinEditor
- More skins can be found on the WikkaSkinsRepository
Deletions:
This page needs to be updated to match Wikka 1.1.6.2They can either be used by replacing the default css/wikka.css stylesheet, or by installing a skin selector.
- Proposal of a new template: WikkaSkinOptimization
- Discussions on CSS issues/bugs: WikkaCSS
- WikkaSkinSelector
- WikkaSkinEditor
- More skins can be found on the WikkaSkinsRepository
History of recent changes for WikkaSkins
Wikka DocumentationWikka Skins
This page needs to be updated to match Wikka 1.1.6.2A 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
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 skin selector.
Related pages
- Proposal of a new template: WikkaSkinOptimization
- Discussions on CSS issues/bugs: WikkaCSS
- WikkaSkinSelector
- WikkaSkinEditor
- More skins can be found on the WikkaSkinsRepository
Default Wikka CSS stylesheets
css/wikka.css
The main CSS sheet for screen-displayed content.
The main CSS sheet for screen-displayed content.
css/print.css
The main CSS sheet for printable content.
The main CSS sheet for printable content.
css/xml.css
The CSS sheet for XML formatting.
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
CategoryLayout CategoryDocumentation
