Company Style Guide - Web
The Maintenance Essentials web site is used to communicate with employees, customers and vendors. There is secure content that includes internal company training, policies, procedures, etc.
This style guide is intended to demonstrate to content contributors and editors on best practice for content presentation.
Note:
To enable the following HTML styles, the Input format best be set to Full HTML when creating content.
To enable the following HTML styles, the Input format best be set to Full HTML when creating content.
Information Boxes
Information (info) boxes are used to draw attention to specific content for the viewer. Info boxes should be used sparingly to emphasize content.
Notice box
The "Notice" box is used to draw the readers attention to specific content, you can insert a "Notice" into any page that has "Full HTML editing enabled as follows;
<div class="box_notice" id="Info">This is a notice box</div>This is a Notice box
Alert box
The "Alert" box is used to alert readers of specific content, you can insert an "Alert" into any page that has "Full HTML editing enabled as follows;
<div class="box_alert" id="Info">This is a alert box</div>This is a Alert box
Message boxes
The "Warning" box is used to warn readers of specific content, you can insert an "Warning" into any page that has Full HTML editing enabled as follows;
<div class="box_red" id="Info">This is a warning box</div>This is an Red Info box
<div class="box_green" id="Info">This is a info box</div>This is an Green Info box
<div class="box_blue" id="Info">This is a info box</div>This is an Green Info box
<div class="box_grey" id="Info">This is a message box</div>This is a Grey Info box
<div class="disclaimer" id="Info">This is a disclaimer box</div>This is a disclaimer
Right box
The "Right" box is used to illustrate related text for readers on the right hand side of the page, you can insert an an info box on the right hand side that has Full HTML editing enabled as follows;
<div class="box_right" id="Info">This is a right box</div>This is a Right box
Left box
The "Left" box is used to illustrate related text for readers on the left hand side of the page, you can insert an an info box on the left hand side that has Full HTML editing enabled as follows;
<div class="box_left" id="Info">This is a left box</div>This is a Left box
