PatternSkinCssCookbook Recipe: Sidebar background color

To see if the background color really extends beyond the body, we make the body contents longer than the sidebar.

Note that to set the background color, we set both patternWrapper and patternSideBar:
#patternWrapper,
#patternSideBar {
   background-color:#eee;
}

This line loads the extra style definition:
   * Set USERSTYLEURL = %PUBURLPATH%/%SYSTEMWEB%/PatternSkinCssCookbookSidebarBackground/sidebar.css
You can write this line in DefaultPreferences, in SitePreferences, in WebPreferences, in your user topic, or on a single page.

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

Topic attachments
I Attachment Action Size Date WhoSorted ascending Comment
sidebar.csscss sidebar.css manage 102 bytes 21 Jul 2015 - 17:42 ProjectContributor css to give the sidebar a background color
This topic: System > Category > AdminDocumentationCategory > Skins > PatternSkin > PatternSkinCssCookbook > PatternSkinCssCookbookSidebarBackground
Topic revision: 18 May 2021, UnknownUser
This site is powered by FoswikiCopyright © by the contributing authors. All material on this site is the property of the contributing authors.
Ideas, requests, problems regarding Foswiki? Send feedback