PatternSkin uses 4 stylesheets:
-- [layout.css](http://www.dementia.org/twiki//view/TWiki/PatternSkin/layout.css): positioning of block elements on the page
-- [style.css](http://www.dementia.org/twiki//view/TWiki/PatternSkin/style.css): margins, paddings, borders, font sizes
-- [colors.css](http://www.dementia.org/twiki//view/TWiki/PatternSkin/colors.css): text colors, background colors, border colors
-- [print.css](http://www.dementia.org/twiki//view/TWiki/PatternSkin/print.css): optimalizations for printed page
+- [layout.css](http://www.dementia.org/twiki//view/%SYSTEMWEB%/PatternSkin/layout.css): positioning of block elements on the page
+- [style.css](http://www.dementia.org/twiki//view/%SYSTEMWEB%/PatternSkin/style.css): margins, paddings, borders, font sizes
+- [colors.css](http://www.dementia.org/twiki//view/%SYSTEMWEB%/PatternSkin/colors.css): text colors, background colors, border colors
+- [print.css](http://www.dementia.org/twiki//view/%SYSTEMWEB%/PatternSkin/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 %SYSTEMWEB%.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 %SYSTEMWEB%.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]]