Difference: PatternSkinCss (3 vs. 4)

Revision 407 Mar 2006 - Main.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 website uses only proprietary and third party technical cookies to ensure the correct operation of its web pages and to improve its services.
By continuing to navigate the website you consent to the use of cookies. To learn more, or deny your consent, consult the privacy policy
Copyright © by the contributing authors. All material on this collaboration platform is the property of the contributing authors.