Lotus Instant Messaging/ Web Conferencing ... - IBM Redbooks

11.2.2 Changing the lookChanging the page backgrounds, colors, and fonts requires a little more workthan changing the page header, because you need to change several designelements instead of just one. The primary reason for this is because the MeetingCenter database inserts the same in-line stylesheets in several design elements.In addition, styles were defined in other areas of the code, such as in the HTMLbody tag. Instead of continuing with this design pattern, we choose to try toconsolidate all these styles into one stylesheet that would also include somecustom styles. Example 11-1 shows the stylesheet that we used. The stylesheetdid not fix everything, because a lot of styling is still embedded in-line in theapplication.Example 11-1 Custom Meeting Center sylesheetbody {margin-top: 0;margin-left: 0;}span, p, ul, ol, td, th, tr, blockquote {font-size:10pt; font-family:verdana,helvetica,arial,sans-serif}a:hover {color:red}a:active {color:#black}.f {color: blue; font-weight:bold}.f a:link {color: black}.f a:visited {color:black}.f a:hover {color:red}.f a:active {color:black}.btn-66f, .btn-999, .btn-666, .btn-fff {font-weight: bold; font-size:8pt;}.btn-66f, .btn-66f a:link, .btn-66f a:active, .btn-66f a:visited, .btn-66fa:hover {color:#6666ff; text-decoration:none}.btn-66f a:hover {color:#9999ff}.btn-66f a:active {color:#3333cc}Next, we removed all the embedded in-line stylesheets references. It is best tostart with the $$ViewTemplate forms. All public views are displayed through a$$ViewTemplate form. Most views have a corresponding $$ViewTemplate form.Those that do not are displayed through the $$ViewTemplateDefault form. Ineach $$ViewTemplate, we performed the following tasks:► In the HTML Head Content section, remove the inline stylesheet text:+ @NewLine +"