Header Bar Color

To change the color of the header bar, you edit graphic files. You must change the color in all of them in order to change the color of the entire header bar. The graphics are located in the System/Publishing/Styles/<category>/Player/img folder in the Library.

b_01.gif - - The left end of the header bar.

b_02.gif - - The middle section of the header bar.

b_03empty.gif - - The right end of the header bar for the windowed See It! mode. This graphic only affects windowed See It! mode. It does not affect the standard Player, as a Close button graphic is used instead.

Header Bar Text Color and Font

To change the color of the text in the header bar of the bubble, you edit values in the Player.css file. It is located in the System/Publishing/Styles/<category>/Player folder of the Library.

Note: If you change the font size of the header text, you may experience unexpected results. Publish a sample topic with the new settings to verify the results before you publish the final package for release.

• .CurvedBoxText: Changes the color and font of the mode name text to the left in the bubble header in See It!, Try It, and Know It? play modes. Default values are color white, Arial font-family, Helvetica, sans-serif, font size 9 points, no text decoration.
   
• .CurvedBoxNav: Changes the color and font of the "Actions" text in the bubble header in See it! and Try It! play modes. Default values are color #ccffff; Arial font-family, Helvetica, sans-serif, font size 9 points.

Header Bar for Do It!

To customize the header bar color and the text color, you edit the guideit.xslt file. This is located in the System/Publishing/Styles/<category>/Player folder of the Library.

Edit the color in these statements to change the background color:

<td id="movePopup" valign="middle" style="BACKGROUND-COLOR: #003366;" nowrap="yes">
<td id="movePopup" valign="top" width="100%" align="right" style="BACKGROUND-COLOR: #003366;">

Edit this statement to change the font size or font color:

<a style="FONT-SIZE: 10pt;COLOR: white;FONT-WEIGHT: bold;FONT-FAMILY: Arial, Helvetica, sans-serif">

Note: If you change the font size of the header text, you may experience unexpected results. Publish a sample topic with the new settings to verify the results before you publish the final package for release.