Line: 1 to 1 | ||||||||
---|---|---|---|---|---|---|---|---|
Changed: | ||||||||
< < | PatternSkin CSS Cookbook | |||||||
> > | PatternSkin CSS Cookbook | |||||||
Questions and answers on how to customize the default look of TWiki for your own needs, using style sheets. For configuring page elements, see PatternSkinCustomization. | ||||||||
Line: 8 to 8 | ||||||||
First Read: How to modify PatternSkin styles | ||||||||
Changed: | ||||||||
< < | PatternSkin uses 3 style sheets (attached to PatternSkin):
| |||||||
> > | PatternSkin uses 3 style sheets (attached to PatternSkin):
| |||||||
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. | ||||||||
Line: 21 to 21 | ||||||||
When you need lots of graphic changes: Rewriting CSS
| ||||||||
Changed: | ||||||||
< < |
| |||||||
> > |
| |||||||
Changed: | ||||||||
< < |
| |||||||
> > |
| |||||||
When you need to make small adjustments: Adding to existing CSS | ||||||||
Line: 33 to 33 | ||||||||
Overriding default CSS is done with 3 variables: USERLAYOUTURL , USERSTYLEURL , USERCOLORSURL .
| ||||||||
Changed: | ||||||||
< < |
| |||||||
> > |
| |||||||
Changed: | ||||||||
< < |
| |||||||
> > |
| |||||||
| ||||||||
Changed: | ||||||||
< < |
| |||||||
> > |
| |||||||
Changed: | ||||||||
< < | Instead of setting these variables in TWiki.TWikiPreferences, you can set these in your home topic, or in any other topic. Setting style URL variables in:
| |||||||
> > | Instead of setting these variables in TWiki.TWikiPreferences, you can set these in your home topic, or in any other topic. Setting style URL variables in:
| |||||||
| ||||||||
Line: 81 to 81 | ||||||||
See example at: PatternSkinCssCookbookEditTableStyle
Style sheet documentation | ||||||||
Changed: | ||||||||
< < | See PatternSkinCss for documentation of PatternSkin CSS classes | |||||||
> > | See PatternSkinCss for documentation of PatternSkin CSS classes |
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):
| ||||||||
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 schemeHave a look at PatternSkinColorSettings. | |||||||
When you need lots of graphic changes: Rewriting CSS
| ||||||||
Line: 26 to 28 | ||||||||
| ||||||||
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 .
| ||||||||
Line: 77 to 79 | ||||||||
Setting EditTablePlugin stylesSee example at: PatternSkinCssCookbookEditTableStyle | ||||||||
Added: | ||||||||
> > |
Style sheet documentationSee PatternSkinCss for documentation of PatternSkin CSS classes |
Line: 1 to 1 | ||||||||
---|---|---|---|---|---|---|---|---|
PatternSkin CSS Cookbook | ||||||||
Line: 23 to 23 | ||||||||
* Set TWIKILAYOUTURL = %PUBURLPATH%/%TWIKIWEB%/YourNewTopic/layout.css * Set TWIKISTYLEURL = %PUBURLPATH%/%TWIKIWEB%/YourNewTopic/style.css | ||||||||
Changed: | ||||||||
< < |
| |||||||
> > |
| |||||||
When you need small adjustments: Adding to existing CSS |
Line: 1 to 1 | ||||||||
---|---|---|---|---|---|---|---|---|
PatternSkin CSS Cookbook | ||||||||
Line: 11 to 11 | ||||||||
PatternSkin uses 3 style sheets (attached to PatternSkin):
| ||||||||
Changed: | ||||||||
< < |
| |||||||
> > |
| |||||||
|
Line: 1 to 1 | ||||||||
---|---|---|---|---|---|---|---|---|
Added: | ||||||||
> > |
PatternSkin CSS CookbookQuestions and answers on how to customize the default look of TWiki for your own needs, using style sheets. For configuring page elements, see PatternSkinCustomization.IntroductionPatternSkin uses 3 style sheets (attached to PatternSkin):
When you need lots of graphic changes: Rewriting CSS
* Set TWIKILAYOUTURL = %PUBURLPATH%/%TWIKIWEB%/YourNewTopic/layout.css * Set TWIKISTYLEURL = %PUBURLPATH%/%TWIKIWEB%/YourNewTopic/style.css * Set TWIKICOLORURL = %PUBURLPATH%/%TWIKIWEB%/YourNewTopic/colors.css When you need small adjustments: Adding to existing CSSWith 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 .
* Set USERLAYOUTURL = %PUBURLPATH%/%TWIKIWEB%/YourNewTopic/layout.css * Set USERSTYLEURL = %PUBURLPATH%/%TWIKIWEB%/YourNewTopic/style.css * Set USERCOLORSURL = %PUBURLPATH%/%TWIKIWEB%/YourNewTopic/colors.css
* Set USERSTYLEURL = %PUBURLPATH%/%TWIKIWEB%/YourNewTopic/style.cssInstead of setting these variables in TWiki.TWikiPreferences, you can set these in your home topic, or in any other topic. Setting style URL variables in:
RecipesHide the left barSee example at: PatternSkinCssCookbookNoLeftBarUse different fontsSee example at: PatternSkinCssCookbookFontsNo top barSee example at: PatternSkinCssCookbookNoTopBarCentered pageSee example at: PatternSkinCssCookbookCenterPageCentered page (with a border around the page)See example at: PatternSkinCssCookbookCenterPageBorderSetting EditTablePlugin stylesSee example at: PatternSkinCssCookbookEditTableStyle |