Difference: PatternSkinCss (3 vs. 4)

Revision 42006-03-07 - TWikiContributor

Line: 1 to 1
 

CSS elements in PatternSkin

This page is a reference for all CSS classes used in PatternSkin.

Line: 17 to 17
 
  • 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.
Added:
>
>
  • Positional containers are referred by id, for instance #patternLeftBar.
 

Namespaces

Line: 36 to 37
 
  • .patternNoViewPage .patternDiffPage
  • .patternNoViewPage .patternRenamePage
  • .patternSearchResultsPage
Changed:
<
<
  • .patternPlainPage (view.plain.pattern.tmpl)
>
>
  • .patternPlainPage (viewplain.pattern.tmpl)
 

Layout classes

Changed:
<
<
  • Main layout elements
    • #patternScreen - holder of patternPageShadow and patternBottomBar
    • #patternPageShadow - shadow border around patternPage; default not used
>
>
 
    • #patternPage - html content container
Changed:
<
<
    • #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
>
>
    • Left bar:
      • #patternWrapper
 
    • #patternLeftBar - left bar area
Changed:
<
<
    • .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
Changed:
<
<
    • .patternBottomBarContents - copyright
>
>
    • #patternBottomBarContents - copyright
 

Style classes

  • View
Changed:
<
<
    • .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
Line: 65 to 69
 
    • .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)
Changed:
<
<
    • .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)
Deleted:
<
<
    • .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
Line: 79 to 79
 
    • .patternToolBarButtons - action buttons at top of page
    • .patternToolBarBottom - seperator
    • .patternSimpleLogo - logo used on 'simple' pages like the login screen
Changed:
<
<
    • .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
Line: 93 to 94
 
  • Attach page
    • .patternPrevious - attachment table of previous versions
    • .patternMoveAttachment - container for "Move or Delete attachment"
Added:
>
>
    • .patternAttachForm
 
  • Rename (rename, move, delete)
    • patternRenameOptionsList - list of topics that can be updated
Line: 101 to 103
 
    • patternDiffOptions - row of revision options under "Compare revisions"

  • Search results
Changed:
<
<
    • .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
 
Deleted:
<
<
    • .patternFormSpacer - for layout purposes
    • .patternFormField
 
    • .patternFormButton
Changed:
<
<
    • .patternChangeLanguage - change language button
>
>
    • .patternChangeLanguage - change language button (deprecated)
 
Deleted:
<
<

Layout per template

View template

CSS layout in View template

  Related Topics: TWikiSkins, AdminDocumentationCategory
 
This site is powered by the TWiki collaboration platform Powered by PerlCopyright © 1999-2024 by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding TWiki? Send feedback
Note: Please contribute updates to this topic on TWiki.org at TWiki:TWiki.PatternSkinCss.