Comparing revisions for WikkaSkins
- [2452] 2004-11-25 13:58:42 by DarTar (unregistered user) [Announcing beta version of skin selector]
- [18089] 2008-01-27 02:34:53 by BrianKoontz (unregistered user) [Migrated to doc server]
Additions:
[[HelpInfo Wikka Documentation]]
----
====== Wikka Skins ======
{{lastedit}}
<<A beta version of a **Wikka skin selector** can be tested [[TestSkin here]]
Cookies must be enabled for the skin selector to work
<<::c::
**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]].
<<**Related pages**
~-Proposal of a new template: WikkaSkinOptimization
~-Discussions on CSS issues/bugs: WikkaCSS
~-WikkaSkinSelector
~-WikkaSkinEditor
~-More skins can be found on the WikkaSkinsRepository
<<::c::
----
==== 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.
{{table columns="4" cellpadding="2" cells="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 CategoryDevelopment CategoryDocumentation
----
====== Wikka Skins ======
{{lastedit}}
<<A beta version of a **Wikka skin selector** can be tested [[TestSkin here]]
Cookies must be enabled for the skin selector to work
<<::c::
**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]].
<<**Related pages**
~-Proposal of a new template: WikkaSkinOptimization
~-Discussions on CSS issues/bugs: WikkaCSS
~-WikkaSkinSelector
~-WikkaSkinEditor
~-More skins can be found on the WikkaSkinsRepository
<<::c::
----
==== 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.
{{table columns="4" cellpadding="2" cells="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 CategoryDevelopment CategoryDocumentation
Deletions:
This page can now be found on the [[Docs:WikkaSkins Wikka Documentation Server]].
Thanks for updating your bookmarks!
----
An archive of [[http://wikkawiki.org/WikkaSkins/revisions
old revisions of this page]] is still available for reference.<<
::c::
----
CategoryMigratedDocs
