<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- #include file="../../gui/gui.asp" --> <!-- #include file="../../utilities.asp" --> <html> <head><meta http-equiv="content-type" content="text/html; charset=<%=  za4fac1c07f() %>"> <% z2ae71f33b9="../../"
 z67236ae80c("Labels")
 %> </head> <body> <table width="100%"> <tr> <td align="left"><a href="javascript:history.go(-1);"><font size="-1">Back</font></A></td> </tr> </table> <h3>Section 1</h3> <br>A style sheet is a file that contains style information for elements and it is used to enhance the presentation of your web page. The style sheet contains information such as the fonts, colors, borders, and size of elements. To update Interactive Reporting with your style changes simply copy the data from an existing .css file into the text area. A style sheet file ends with the extension .css, e.g. MyStyleSheet.css. <br><p>The following data is taken from the current default style sheet available with Interactive Reporting. You can download this file by clicking on the file <a href="sample.css">sample.css</a> Altering fields in this file and updating the CSS field with these changes will alter the appearance of Interactive Reporting. <i>Please note that you may have to refresh the browser to view these changes </i> Please remember to keep the data within the curly {} brackets.<br> This sets the font options and margin for the background. <br> <font color="green"><b> BODY {margin:0; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:8pt;}</b></font><br> <p>This sets the color of unclicked names on links and removes the underlying from the links. E.g. the "Logout" link on the header of Interactive Reporting.<br> <font color="green"><b> a:link {color: #0066CC; text-decoration: none;}</b></font><br> <p>This sets the color of clicked names on links. E.g. the "Logout" link of Interactive Reporting turn to #0066CC after being pressed.<br> <font color="green"><b>a:visited {color: #0066CC;text-decoration: none;}</b></font><br> <p>This sets the color of links when moving the mouse over a link.. E.g. the "Logout" link of Interactive Reporting turn to #FF0000 when hovering over it.<br> <font color="green"><b>a:hover {color: #FF0000;text-decoration: none;}</b></font><br> <p> <p>The following class deals with the fonts and margin of the general title of a page. E.g., format the title "Favorites"<br> .index{font-family:Arial;font-size:17pt;color:#777;margin:0 0 4px 0;} <p>The next set of classes determine the style of the main report Wizard and Advanced pages. They set the fonts and colors of the page title, the backgound color, and the style of the descriptions of the fieldsets.<br> <font color="green"><b>fieldset {border: 1px solid #99CCFF;-moz-border-radius: 4px;padding: 4px;}</b></font><br> <font color="green"><b>legend {color: #000099;font-weight: bold;font-size: 8pt;}</b></font><br> <font color="green"><b>.title{font-size:10pt;color:#000099;margin:0 0 4px 0;}</b></font><br> <font color="green"><b>.table_background{background-color:#EEEEEE;}</b></font><br> <font color="green"><b>.label {font-size:10pt; font-weight: bold; color: #0066CC;}</b></font><br> <font color="green"><b>.description {font-size:8pt;}</b></font><br> <font color="green"><b>.description A {color:#0066CC; font-weight: bold; font-size:9pt;}</b></font><br> <font color="green"><b>.td_fieldset{font-size: 11pt;}</b></font><br> <font color="green"><b>.td_descr{font-size: 9pt;}</b></font><br> <font color="green"><b>.smallLink{font-size:8pt;color:#0066CC;}</b></font><br> <p>The next class sets the font size and style of the links at the sidebar menus of each page. E.g. The sibebar link "Wizard" appears bold<br> <font color="green"><b>.td_sidebar{font-size: 8pt;font-weight: bold;}</b></font><br> <p>The following sections sets the style of the buttons in the toolbar option on the report page.<br> <font color="green"><b>.toolbar{background-color:#EBE9ED;}</b></font><br> <font color="green"><b>.buttonText{color: #0066CC; font-size: 8pt;text-align:center;}</b></font><br> <p>The next class formats the style of the breadcrumbs on the top of the report pages, that redirect to previously visited pages.<br> <font color="green"><b>.breadcrumb {font-size:8pt;color:#000099;margin:0 0 10px 0;font-weight: bold;}</b></font><br> <p>This section generates the style of the filter information shown at the report pages when drilling down at a report link.<br> <font color="green"><b>.reportInfo{font-size: 8pt;font-weight:bold;}</b></font><br> <font color="green"><b>.displayText{font-size: 8pt;text-align:left;}</b></font><br> <p>The following commands change the style of the various error messages. <br> <font color="green"><b>.errorMessage {font-size: 11pt; font-weight: bold; font-family: arial; color:red}</b></font><br> <font color="green"><b>.promptMessage {font-size:8pt;color:#7F7F7F;margin:0 0 20px 0;}</b></font><br> <font color="green"><b>.noRecordsFound {font-size: 14pt; font-weight: bold; color:red; text-align: center}</b></font><br> <font color="green"><b>.helpPopupBody {font-size:10pt; color: black}</b></font><br> <p>The next set of classes style the various form elements, such as input boxes, select lists and buttons, that appear at various pages of Interactive Reporting.<br> <font color="green"><b>.inputtext {border:1px solid;border-color: #AAA;padding-top:3px;padding-left: 4pt}</b></font><br> <font color="green"><b>.checkbox {font-size:8pt;}</b></font><br> <font color="green"><b>.radio {font-size:8pt;}</b></font><br> <font color="green"><b>.select {font-size: 9pt;}</b></font><br> <font color="green"><b>.selectToolbar {font-size: 8pt;}</b></font><br> <font color="green"><b>.largebutton{width:76px;height:25px;border:medium none;background-color: #FFFFFF;background-image:url('images/button2.gif');background-repeat: no-repeat; font-size:9pt; color:#000066;font-weight: bold;}</b></font><br> <p>The next class generates the style of the list that appears at the Tool Bar option when there are custome menus set up by the user.<br> <font color="green"><b>.dropmenudiv{position:absolute;top: 0;border: 1px solid #BBB; /*Theme Change here*/width: 200px;color:#0066CC; border-bottom-width: 0;font:8pt;line-height:18px;z-index:200;background-color: white;visibility: hidden;}</b></font><br> <font color="green"><b>.dropmenudiv a{width: 100%;display: block;text-indent: 3px;border-bottom: 1px solid #BBB; /*Theme Change here*/ padding: 2px 0;text-decoration: none;font-weight: bold;color:color:#0066CC; filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/}</b></font><br> <font color="green"><b>.dropmenudiv a:hover{ /*Theme Change here*/background-color: #F0F0F0;text-decoration: none;}</b></font><br> <p>The last section provides the style of the copyright message and Company Name information that appers at the bottom of Interactive Reporting pages.<br> <font color="green"><b>.copyright{font-size:7pt;color:#666;}</b></font><br> <font color="green"><b>.customer_company_name {font-size:12pt; font-style: italic; color: gray}</b></font><br></STYLE> </body> </html> 
