Difference: PatternSkinCssCookbook (3 vs. 4)

Revision 42005-10-14 - TWikiContributor

Line: 1 to 1
Deleted:
<
<
 

PatternSkin CSS Cookbook

Line: 7 to 6
 
Changed:
<
<

Introduction

>
>

First Read: How to modify PatternSkin styles

  PatternSkin uses 3 style sheets (attached to PatternSkin):
  • layout.css - the positioning of main page elements (blocks), widths and heights
Line: 16 to 15
  When customizing your TWiki installation, you can either choose to completely rewrite all css styles, or to selectively override some styles. The latter option is by far less time consuming, but all depends on your graphical wishes.
Added:
>
>

Changing the color scheme

Have a look at PatternSkinColorSettings.
 

When you need lots of graphic changes: Rewriting CSS

  • Create a new topic that will contain your new CSS files
  • Attach 3 new style sheets to the topic
Line: 26 to 28
 
    • Set TWIKICOLORSURL = %PUBURLPATH%/%TWIKIWEB%/YourNewTopic/colors.css
Changed:
<
<

When you need small adjustments: Adding to existing CSS

>
>

When you need to make small adjustments: Adding to existing CSS

 With CSS you cannot remove already defined classes, you can only add to it, or overwrite existing styles.
Overriding default CSS is done with 3 variables: USERLAYOUTURL, USERSTYLEURL, USERCOLORSURL.
  • Create a new topic that will contain your new CSS files
Line: 77 to 79
 

Setting EditTablePlugin styles

See example at: PatternSkinCssCookbookEditTableStyle

Added:
>
>

Style sheet documentation

See PatternSkinCss for documentation of PatternSkin CSS classes
 
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.PatternSkinCssCookbook.