| CSS elements in PatternSkin
This page is a reference for all CSS classes used in PatternSkin. |
|
PatternSkin uses 4 stylesheets: |
|
< < |
- layout.css: positioning of block elements on the page
- style.css: margins, paddings, borders, font sizes
- colors.css: text colors, background colors, border colors
- print.css: optimalizations for printed page
|
> > |
- layout.css: positioning of block elements on the page
- style.css: margins, paddings, borders, font sizes
- colors.css: text colors, background colors, border colors
- print.css: optimalizations for printed page
|
|
If you want to learn how to create your own look or skin based on PatternSkin, read further in PatternSkin. |
|
-
- #patternMain - center area
- #patternMainContents - holder of patternTop, patternTopic, twikiForm, twikiAttachments, etc.
- #patternTopBar - top bar area
|
|
< < |
-
- #patternTopBarContents - header art / logo; contains topic WebTopBar
|
> > |
-
- #patternTopBarContents - header art / logo; contains topic WebTopBar
|
|
-
- #patternBottomBar - bottom bar area
- #patternBottomBarContents - copyright
|
|
- View
- .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)
|
|
< < |
-
- .patternTopBarLogo - logo position in patternTopBar (topic WebTopBar)
|
> > |
-
- .patternTopBarLogo - logo position in patternTopBar (topic WebTopBar)
|
|
-
- .patternTopBarOverlay - striped white image background
- .patternTopic - TWiki topic text
- .patternTop - area at top of topic text, with patternHomePath, revision and action buttons
|
|
-
- .patternMoved - topic moved info (only visible when the topic has changed name or web)
- .patternWebIndicator - colored block at the top of the left bar to indicate the current web
- .patternFormHolder - container around form to manage the size of form elements
|
|
< < |
-
- .patternLeftBarPersonal - block of personal links (included topic %MAINWEB%.%USERNAME%LeftBar)
|
> > |
-
- .patternLeftBarPersonal - block of personal links (included topic %USERSWEB%.%USERNAME%LeftBar)
|
|
-
- .patternHomePath - breadcrumb at top
- .patternHomePathTitle - "You are here" text
- .patternRevInfo - revision info and author name
|
|
-
- .patternSearchResultCount - the number of results
- .patternSearched - feedback on the string used to search
|
|
< < |
- WebLeftBarSearch
- .patternFormButton
- .patternChangeLanguage - change language button (deprecated)
|
| Related Topics: TWikiSkins, AdminDocumentationCategory |