Siebel Chat Guide > Customizing Siebel Chat > Process of Configuring the Siebel Chat Interface >

Creating a Chat.css Stylesheet

Administrators can configure the appearance of the Siebel Chat interface (chat dashboard, transcript, message input area, and URL area) by first creating a chat.css stylesheet containing appropriate default parameter definitions for the chat interface, then modifying the chat.css stylesheet as required. To create a chat.css stylesheet, complete the steps in the following procedure.

To create a chat.css stylesheet

1. Open up a text editor.
2. Add the following default parameter definitions for the chat interface:

   .chatAxLayout
   {
      MinAxHeight:400;
      MinAxWidth:300;
      TitleBarHeight:24;
      TabBarHeight:22;
      ButtonBarHeight:24;
      TextInputHeight:75;
      UrlInputHeight:24;
   }

   .styleChatAxNormal
   {
      TextColor:#000000;
      UrlColor:#000000;
      TimestampColor:#0000FF;
      CustomerTimestampColor:#FF3300;

      CtrlBackgroundColor:#D5E0F4;
      LabelTextBackgroundColor:#EEEEEE;
      ButtonHotColor:#B0C4DE;

      CtrlFont:Arial;
      CtrlFontSize:9;
   }

   .styleTitleTabBar
   {
      TextColor:#123783;
      CtrlBackgroundColor:#ADBEE4;
      TabItemColor:#EFEFEF;
      TabSelectedColor:#D5E0F4;
      TabHightlightColor:#FF0000;
      ButtonHotColor:#B0C4DE;
   }

3. Save the file as chat.css.