The extension .css denotes cascading style sheets. They define the font, color, style, and overall look of an HTML document and tell the browser how the document should be presented. tutor.css defines the characteristics of your Tutor process documents.

You would have observed that the HTML version of an Oracle Tutor process document is displayed with distinct characteristics such as font styles, background color for Actor and Navigation sections etc. All these are defined in the tutor.css and provides an efficient way of modifying the look and feel of an HTML process document. To understand the functionality of tutor.css, publish a procedure or form without tutor.css and see how it looks!

tutor.css resides in the HTML directory of Tutor. Basic understanding of HTML tags would be helpful if you are to modify the stylesheet. It is a good practice to make a backup of tutor.css before you attempt to modify it. A badly formed stylesheet would not display your HTML page the way you would like to. If you are not familiar with HTML, get help from your company's Web group.

Modifying Tutor.css

Having made a copy of tutor.css, open it using any text editor such as Notepad. Be familiar with the various tags given in the stylesheet. The tutor.css comprises of easy to understand and simple sections such as Actor, ChapterTitle, P.BoxText etc. Each section in the stylesheet has the font style, color, and alignment defined. For example, the tags in P.BoxText defines the way the Navigation box is displayed. By changing these elements, you can control the look and feel of the resulting HTML process document.

TrackBack URI for this entry