The MAIN CONTENT AREA section affects the general appearance of the user-editable portion of the wiki: page, columns, sections, wiki content, comments, blogs, etc.
| Property | Description | Example |
|---|---|---|
| zenCanvasColor | The background color for the main display area. | white |
| zenCanvasBackgroundImage | The image to use for the background of the main display area. | background.png |
| zenCanvasBackgroundImageOptions | The CSS value for positioning the zenCanvasBackgroundImage. | no-repeat bottom right |
| zenCanvasCornerRadius | The radius size of rounded corners on the canvas.* | 12px |
| zenMainPaddingTop | The CSS padding-top value for the main column. | 12px |
| zenLeftMarginTop | The CSS margin-top value for the left column. | 12px |
| zenRightMarginTop | The CSS margin-top value for the right column. | 12px |
| zenBinColorBackup | The background color for Zen bins, applied to Internet Explorer only. Useful when zenBinColor uses opacity, which IE doesn't support well (see the Thanksgiving brand for an example). | transparent |
| zenBinColor | The background color for Zen bins. | transparent |
| zenBorder | The color for borders on page sections, Zen bins, etc. | #CED3D6 |
| zenBinBackgroundImage | The image to use for backgrounds on Zen bins. | gradient.gif |
| zenBinBackgroundImagePosition | The CSS value for positioning the zenBinBackgroundImage. | repeat-x top left |
| zenPageTitleColor | The color for page titles. | #2D637F |
| zenPageTitleSize | The font size for page titles. | 40px |
| zenImgBorderColor | The color for border drawn around images embedded in wiki pages. | #7C9EAF |
| zenImgBorderWidth | The width of the border drawn around images embedded in wiki pages. | 1px |
| zenImgBorderStyle | The style of the border drawn around images embedded in wiki pages. | solid |
| zenImgBackground | The CSS background value for images embedded in wiki pages. | #E0E0E0 |
| zenImgPadding | The CSS padding value for the space between images and their borders (for images in wiki pages). | 4px |
| zenBullet | The CSS list-style-type value for unordered lists. | square |
| zenMarginLeft | The CSS margin-left value currently used only by \<blockquote> elements. | 40px |
| zenBlockQuoteStyle | The CSS font-style value for \<blockquote> elements. | normal |
| zenBlockQuoteBorder | The CSS border-left value for \<blockquote> elements. | 1px solid #2D637F |
| zenColHeaderMarginBottom | The CSS margin-bottom value for \<h1> elements in the left or right columns. | 12px |
| zenColHeaderFontSize | The CSS font-size value for \<h1> elements in the left or right columns. | 14px |
| zenColHeaderFontWeight | The CSS font-weight value for \<h1> elements in the left or right columns. | bold |
| zenColHeaderFontFamily | The CSS font-family value for \<h1> elements in the left or right columns. | "Arial Narrow", Arial, sans-serif |
| zenColHeaderLineHeight | The CSS line-height value for \<h1> elements in the left or right columns. | 1 |
| zenColHeaderColor | The CSS color value for \<h1> elements in the left or right columns. | #7C9EAF |
| zenColHeaderTextAlign | The CSS text-align value for \<h1> elements in the left or right columns. | right |
| zenColHeaderTextTransform | The CSS value for changing capitalization of \<h1> elements in the left or right columns. | uppercase |
| zenColumnTextAlign | The CSS text-align value for left or right columns overall. | left |
| zenLeftColumnTextAlign | Overrides the zenColumnTextAlign value for left columns only. | right |
| zenRightColumnTextAlign | Overrides the zenColumnTextAlign value for right columns only. | right |
| zenCommentBackground | The background image for the comments area. | quotes.gif |
| zenCommentBackgroundImagePosition | The CSS value for positioning the zenCommentBackground. | no-repeat top right |
| zenBlogDivider | The image to use as a centered divider between blog posts in a list. Maximum height is 24 pixels. | blog-divider.gif |
* Note: Rounded corners are not supported by Internet Explorer 7 or 8.
Retired Properties
The following properties are no longer used by Zen. If you see them in a sample brand, you can safely ignore them.
| Retired Property | Description | Example |
|---|---|---|
| zenHomeTopBackgroundColor | Retired. Use {zen-bin} or {zen-background} macros instead. | |
| zenHomeTopBackgroundImage | Retired. Use {zen-bin} or {zen-background} macros instead. | |
| zenHomeTopBackgroundImagePosition | Retired. Use {zen-bin} or {zen-background} macros instead. | |
| zenHomeMainPaddingTop | Retired. | |
| zenHomeMainPaddingLeft | Retired. | |
| zenHomeMainBackgroundImage | Retired. Use {zen-bin} or {zen-background} macros instead. | |
| zenHomeMainBackgroundImagePosition | Retired. Use {zen-bin} or {zen-background} macros instead. | |
| zenBinControlMarginLeft | Retired. | |
| zenBinControlMarginRight | Retired. | |
| zenBinControlWidth | Retired. |
Example
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aliquam fermentum vestibulum est. Sed quis tortor.