Reference Guide to Portal Styles

You can easily customize the appearance of the SAS Information Delivery Portal by modifying the cascading style sheets that control the portal's text and background colors. Cascading style sheets are a standard mechanism for defining consistent and reusable formatting instructions for Web-based content. The portal makes use of the following style sheets: Portal.css, sasStyle.css, and sasads.css. These style sheets are stored in the themes\default directory of the portal application.

The styles contained in the Portal.css and sasStyle.css style sheets are documented below. For a visual representation of the areas of the portal that are affected by these styles, refer to the Illustrated Guide to Portal Styles.

Styles in Portal.css

Portal.css is a style sheet that was created specifically for the SAS Information Delivery Portal. It contains the following styles, listed here in alphabetical order:

CSS File	Class	Presentation Component Affected	Default
Portal.css	a:link a:visited a:active	Text color for Web links that appear in the main area of the portal. You can set different colors for links that have been visited during the current session and the link that is active (just selected). See illustration.	Link, visited, and active:   #0000CC (blue)
Portal.css	bannerBackground	Image and background color for the banner area. See illustration.	Image:   Banner_primary.gif Color:   #003399 (dark blue)
Portal.css	Body background	Background color for areas that are not defined by an image or which are not set explicitly in other stylesheets.	#ffffff (white)
Portal.css	divider	Height and color of the divider that appears below the banner. To hide the divider, set the height to 0. See illustration.	Color:   #ffcc33 (yellow) Height:   3px
Portal.css	firstTableRow secondTableRow	Alternating background colors for items on lists that appear on personalization panels. See illustration.	First row:   #ffffff (white) Second row:   #CCCCCC (silver) ...and so on.
Portal.css	subtitle	Text color and background color for subwindow titles. These are the title bars that appear in the main portal window. See illustration.	Text:   #ffffff (white); Background:   #003399 (dark blue)
Portal.css	topRightMenuitem:link topRightMenuitem:visited topRightMenuitem:active	Text color for links in the task bar (top right menu). You can set different colors for links that have been visited during the current session and the link that is active (just selected). See illustration.	Link, visited, and active:   #FFFFFF (white)
Portal.css	vertMenuitem:link vertMenuitem:visited vertMenuitem:active	Text color for links (window names) in the navigation bar, or top left menu. You can set different colors for links that have been visited during the current session and the link that is active (just selected). See illustration.	Link, visited, and active:   #FFFFFF (white)
Portal.css	vertMenuItemHi	Background of currently open window name in the navigation bar (top left menu). See illustration.	Background-color:   #FFFFFF (white)
Portal.css	vertMenuItemJSP:link vertMenuItemJSP:visited vertMenuItemJSP:active	Text color for links in the top left menu of the Portal Package Viewer screen. You can set different colors for links that have been visited during the current session and the link that is active (just selected). See illustration.	Link (text):   #FFFFFF (white)  Visited (text)   #FFFFFF (white)  Active (text):   #FFFFFF (white) Active (background):   #000000 (black)
Portal.css	workarea	Background color and tiled background image for the work area on the main portal screen. See illustration.	Image:   background.gif Color:   #ffffff (white)

Styles in sasStyle.css

The style sheet sasStyle.css provides a common look and feel for a variety of SAS products that are Web-based. The following styles from this style sheet are used in the SAS Information Delivery Portal:

CSS File	Class	Presentation Component Affected	Default
sasStyle.css	A:hover	Text style to be used when the cursor is placed over a link.	Text-decoration:   underline
sasStyle.css	button	Background and font for buttons that invoke input actions.See illustration.	background color:    #FFFFE0 font-family:   Arial, Helvetica
sasStyle.css	productName	Text font and color for the name that appears on the left side of the banner on all portal screens. See illustration.	font-family:   Arial, Helvetica, sans-serif font-size:   small font-weight:    bold color:    #FFFFFF(white)
sasStyle.css	table.data th	Column headings in Portal Table Viewer.See illustration.	background-color: #DCDCDC border:   1px solid #C0C0C0 font-weight:   normal font-size:    x-small
sasStyle.css	table.data td	Table cells (other than column headings) in Portal Table Viewer. See illustration.	border:   1px solid #C0C0C0
sasStyle.css	topLeftMenuBg	Background color for the area under the divider on the Portal Package Viewer screen. See illustration.	#003399 (dark blue)
sasStyle.css	vertMenuBg	Background color of navigation bar (left menu). See illustration.	Background color:   #003399 (dark blue)
sasStyle.css	vertMenuBgHi	Background of currently open window name in the navigation bar (top left menu). See illustration.	Background-color:   #FFFFFF (white)