WUG_Admin_Wiki+Theme+Overview

include component="page" wikiName="siframework" page="WUG_Header"

=
In order to maintain a consistent look and feel across the S&I Framework wiki an S&I Framework Theme has been implemented at two levels: Wiki Admin and Wiki Page. The correct look and feel must be enabled at the Admin level in order for the corresponding Wiki Theme Templates and Wiki Theme Includes to display properly at the page level. The documentation in this section is more technical in nature and requires the user to have working knowledge of Javascript and XHTML coding, as well as wiki administrator privileges in order to modify the Theme at the Admin level. ======

toc =Wiki Theme Overview= The S&I Framework Theme consists of:
 * Admin level Themes and Colors... HTML page code for general page layout
 * Admin level Wiki Stylesheet... for basic display of your wiki page content


 * There is currently NO template selected as the default template.

At the Admin Level...
 * The current S&I Framework theme, //S&I Framework_v2//, is the 2nd iteration of a custom theme for the S&I Framework wiki.
 * //S&I Framework_v2// uses wikispaces' GlassLeft theme as it's template.

=Anatomy of S&I Framework Theme=

Access S&I Framework Wiki Theme

 * 1. || Starting from any page in the wiki:
 * Click on **Manage Wiki** in the left sidebar. || [[image:wug_admin_clickmanagewiki.png]] ||
 * 2. || On the Admin screen, under the Settings section, click **Look and Feel**. || [[image:wug_admin_clicklookandfeel.png]] ||
 * 3. || From the Look and Feel screen you can manage the wiki Themes and Colors, Wiki Stylesheets, and Logo. . || [[image:]] ||
 * 4. || To create a new Theme or modify the existing theme, click **Themes and Colors**. || [[image:wug_admin_clickthemesandcolors.png]] ||
 * 5. || On the Themes and Colors screen, the current wiki theme is //S&I Framework_v2//. || [[image:wug_admin_selectsithemev2.png]] ||
 * 6. || Click your browser's **Back** button to return to the Look and Feel screen. || ||
 * 7. || To view the base wiki stylesheet and add customized styles to the base stylesheet, click **Edit your wiki stylesheet**. || [[image:wug_admin_clickeditwikistylesheet.png]] ||
 * 8. || The Wiki Stylesheet shows the base wiki stylesheet and any customized CSS that has been added to this base stylesheet. Note that the added CSS is only a portion of the customized CSS and has been duplicated from the main custom stylesheet //siframework.css//. || [[image:wug_admin_editcustomstylesheetadditions.png]] ||

include component="page" wikiName="siframework" page="space.template.inc_contentleft_end"