.patternContent - container around .patternTopic in view.pattern.tmpl only; to be able to give .twikiAttachments and .twikiForm a different appearance when they are not enclosed by it, for example the personal data form on the user pages (where the user form is positioned outside, above the topic text)

CSS elements in PatternSkin

PatternSkin uses namespaces for templates, by adding one (sometimes two - multiple) class names to the template's body tag.

The body tag in view.pattern.tmpl for instance has the class name "patternViewPage": <body class="patternViewPage">. All CSS elements specific to the view template thus can be defined as .patternViewPage .someClassName.

Changed:

<<

All templates that are not the view template have the body class name "patternNoViewPage". That makes it easy to give all of these pages a different layout in one sweep (smaller or wider margins for instance). Template edit.pattern.tmpl uses <body class="patternNoViewPage patternEditPage">.

>>

All templates that are not the view template have the body class name "patternNoViewPage". That makes it easy to give all of these pages a different layout (smaller or wider margins for instance) in one sweep. Template edit.pattern.tmpl uses <body class="patternNoViewPage patternEditPage">.

Style classes

.patternContent - container around .patternTopic in view.pattern.tmpl only; to be able to give .twikiAttachments and .twikiForm a different appearance when they are not enclosed by it, for example the personal data form on the user pages (where the user form is positioned outside, above the topic text)

>>

.patternContent - container around .patternTopic in view.pattern.tmpl only; to be able to give .twikiAttachments and .twikiForm a different appearance when they are not enclosed by it, for example the personal data form on the user pages (where the user form is positioned outside, above the topic text)

TWiki specific classes (emitted by the TWiki engine) have the prefix twiki: twikiButton, twikiToc, etcetera. See for a complete list TWikiCss.

Namespaces

PatternSkin uses namespaces for templates, by adding one (sometimes two - multiple) class names to the template's body tag.

Changed:

<<

The body tag in view.pattern.tmpl for instance has the class name "twikiViewPage": <body class="twikiViewPage">. All CSS elements specific to the view template thus can be defined as .twikiViewPage .someClassName.

All templates that are not the view template have the body class name "twikiNoViewPage". That makes it easy to give all of these pages a different layout in one sweep (smaller or wider margins for instance). Template edit.pattern.tmpl uses <body class="twikiNoViewPage twikiEditPage">.

>>

The body tag in view.pattern.tmpl for instance has the class name "patternViewPage": <body class="patternViewPage">. All CSS elements specific to the view template thus can be defined as .patternViewPage .someClassName.

All templates that are not the view template have the body class name "patternNoViewPage". That makes it easy to give all of these pages a different layout in one sweep (smaller or wider margins for instance). Template edit.pattern.tmpl uses <body class="patternNoViewPage patternEditPage">.

Changed:

<<

body class names

>>

Page type classes

Changed:

<<

.twikiViewPage

.twikiViewPage .twikiPrintPage

.twikiNoViewPage

.twikiNoViewPage .twikiEditPage

.twikiNoViewPage .twikiAttachPage

.twikiNoViewPage .twikiChangeFormPage

.twikiNoViewPage .twikiDiffPage

.twikiNoViewPage .twikiRenamePage

.twikiSearchResultsPage

>>

.patternViewPage

.patternViewPage .patternPrintPage

.patternNoViewPage

.patternNoViewPage .patternEditPage

.patternNoViewPage .patternAttachPage

.patternNoViewPage .patternChangeFormPage

.patternNoViewPage .patternDiffPage

.patternNoViewPage .patternRenamePage

.patternSearchResultsPage

.patternPlainPage (view.plain.pattern.tmpl)

Layout classes

Changed:

<<

General

.twikiLeft - a left floating element

.twikiRight - a right floating element

.twikiClear - to clean up either of these floats: put immediately after the containing block

CSS tags emitted from TWiki core code

.patternContent - container around .patternTopic in view.pattern.tmpl only; to be able to give .twikiAttachments and .twikiForm a different appearance when they are not enclosed by it, for example the personal data form on the user pages (where the user form is positioned outside, above the topic text)

Namespaces

PatternSkin uses namespaces for templates, by adding one (sometimes two - multiple) class names to the template's body tag.

The body tag in view.pattern.tmpl for instance has the class name "twikiViewPage": <body class="twikiViewPage">. All CSS elements specific to the view template thus can be defined as .twikiViewPage .someClassName.

All templates that are not the view template have the body class name "twikiNoViewPage". That makes it easy to give all of these pages a different layout in one sweep (smaller or wider margins for instance). Template edit.pattern.tmpl uses <body class="twikiNoViewPage twikiEditPage">.

body class names

.twikiViewPage

.twikiViewPage .twikiPrintPage

.twikiNoViewPage

.twikiNoViewPage .twikiEditPage

.twikiNoViewPage .twikiAttachPage

.twikiNoViewPage .twikiChangeFormPage

.twikiNoViewPage .twikiDiffPage

.twikiNoViewPage .twikiRenamePage

.twikiSearchResultsPage

Layout classes

General

.twikiLeft - a left floating element

.twikiRight - a right floating element

.twikiClear - to clean up either of these floats: put immediately after the containing block