Difference: PatternSkinCss (6 vs. 7)

Revision 707 Mar 2006 - TWikiContributor

Line: 1 to 1
 

CSS elements in PatternSkin

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

Line: 6 to 6
 

PatternSkin uses 4 stylesheets:

Changed:
<
<
  • 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.
Line: 54 to 54
 
    • #patternMain - center area
    • #patternMainContents - holder of patternTop, patternTopic, twikiForm, twikiAttachments, etc.
    • #patternTopBar - top bar area
Changed:
<
<
    • #patternTopBarContents - header art / logo; contains topic WebTopBar
>
>
    • #patternTopBarContents - header art / logo; contains topic WebTopBar
 
    • #patternBottomBar - bottom bar area
    • #patternBottomBarContents - copyright
Line: 62 to 62
 
  • 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)
Changed:
<
<
    • .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
Line: 72 to 72
 
    • .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
Changed:
<
<
    • .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
Line: 110 to 110
 
    • .patternSearchResultCount - the number of results
    • .patternSearched - feedback on the string used to search
Deleted:
<
<
  • WebLeftBarSearch
    • .patternFormButton
    • .patternChangeLanguage - change language button (deprecated)

 Related Topics: TWikiSkins, AdminDocumentationCategory
 
This site is powered by the TWiki collaboration platform Powered by PerlCopyright © 1999-2019 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.