| | CSS elements in PatternSkin
This page is a reference for all CSS classes used in PatternSkin. |
| |
- All PatternSkin specific classes have the prefix
pattern: patternEditPage, patternTopicAction, etcetera.
- TWiki specific classes (emitted by the TWiki engine) have the prefix
twiki: twikiButton, twikiToc, etcetera. See for a complete list TWikiCss.
|
|
>
> |
- Positional containers are referred by id, for instance
#patternLeftBar.
|
| | Namespaces |
| |
- .patternNoViewPage .patternDiffPage
- .patternNoViewPage .patternRenamePage
- .patternSearchResultsPage
|
|
<
< |
- .patternPlainPage (view.plain.pattern.tmpl)
|
>
> |
- .patternPlainPage (
viewplain.pattern.tmpl)
|
| | Layout classes |
|
<
< |
- Main layout elements
- #patternScreen - holder of patternPageShadow and patternBottomBar
- #patternPageShadow - shadow border around patternPage; default not used
|
>
> |
- Main layout elements (in order of appearance in
body.pattern.tmpl)
|
| |
-
- #patternPage - html content container
|
|
<
< |
-
- #patternColumnWrapper - holder for patternMain and patternLeftbar
- #patternMain - holder of patternMainContents
- #patternTopBar - top bar area
- .patternTopBarContents - table (for easy vertical alignment) for header art / logo; contains topic WebTopBar
|
>
> | |
| |
-
- #patternLeftBar - left bar area
|
|
<
< |
-
- .patternLeftBarContents - used for left menu
|
>
> |
-
-
- #patternLeftBarContents - used for left menu
- #patternOuter - wrapper container
- #patternFloatWrap - wrapper container
- #patternMain - center area
- #patternMainContents - holder of patternTop, patternTopic, twikiForm, twikiAttachments, etc.
- #patternTopBar - top bar area
- #patternTopBarContents - header art / logo; contains topic WebTopBar
|
| |
-
- #patternBottomBar - bottom bar area
|
|
<
< |
-
- .patternBottomBarContents - copyright
|
>
> |
-
- #patternBottomBarContents - copyright
|
| | Style classes
|
|
<
< |
-
- .patternMainContents - holder of patternTop, patternTopic, twikiForm, twikiAttachments, etc.
- .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)
|
| |
-
- .patternTopBarLogo - logo position in patternTopBar (topic WebTopBar)
- .patternTopBarOverlay - striped white image background
- .patternTopic - TWiki topic text
|
| |
-
- .patternTopicAction - container for .patternActionButtons
- .patternActionButtons - action buttons at bottom of page
- .patternMoved - topic moved info (only visible when the topic has changed name or web)
|
|
<
< |
-
- .patternWebIndicator - not used
|
>
> |
-
- .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)
|
|
<
< |
-
- .patternVersatileTable - table used in various places (Attach, Rename, Changeform)
- .patternVersatileTable .patternMainCol - table column that is the most important part of the table
- .patternVersatileTable .patternOldCol - table column with 'old' appearance, for instance the old attachment or the old topic name
- .patternVersatileTable .patternHelpCol - table column with help texts
|
| |
-
- .patternHomePath - breadcrumb at top
- .patternHomePathTitle - "You are here" text
- .patternRevInfo - revision info and author name
|
| |
-
- .patternToolBarButtons - action buttons at top of page
- .patternToolBarBottom - seperator
- .patternSimpleLogo - logo used on 'simple' pages like the login screen
|
|
<
< |
-
- .patternFormFieldVerticalForm - input field in vertically formatted form
|
>
> |
-
- .patternButton - tab button Edit, Attach, Printable at top of topic
- .patternMetaMenu - search box, jump box, language selector
|
| |
- Edit
- .patternSig - signature copy box
|
| |
- Attach page
- .patternPrevious - attachment table of previous versions
- .patternMoveAttachment - container for "Move or Delete attachment"
|
|
>
> | |
| |
- Rename (rename, move, delete)
- patternRenameOptionsList - list of topics that can be updated
|
| |
-
- patternDiffOptions - row of revision options under "Compare revisions"
|
|
<
< |
-
- .patternSearchResultsHeader
- .patternSearchString
- .patternSearchResults
- .patternSearchResultCount
- .patternSearchResultsBegin - for changes template with noheader="on"
- .patternBookViewList
- Print
- .patternTopicFooter - revision and author info at bottom of printed topic
|
>
> |
-
- .patternSearchResults - container on rename pages (no longer used on actual search results 'view' pages)
- .patternSearchResultsHeader - horizontal bar with the web color
- .patternSearchResults - block of one result
- .patternSearchResultCount - the number of results
- .patternSearched - feedback on the string used to search
|
| | |
|
<
< |
-
- .patternFormSpacer - for layout purposes
- .patternFormField
|
| | |
|
<
< |
-
- .patternChangeLanguage - change language button
|
>
> |
-
- .patternChangeLanguage - change language button (deprecated)
|
| | |
|
<
< | Layout per template
View template
 |
| | Related Topics: TWikiSkins, AdminDocumentationCategory |