Practical SharePoint 2010 Branding and Customization

#12: Status Bar

The status bar shown in Figure A-58 includes the following CSS elements.

Figure A-58. SharePoint 2010 status bar

• Status Bar Container
• Status Bar Style 1 (Blue)
• Status Bar Style 2 (Green)
• Status Bar Style 3 (Yellow)
• Status Bar Style 4 (Red)

Status Bar Container

The ID “s4-statusbarcontainer” is used for the containing DIV but does not have any styles applied to it, as shown in Figure A-59.

Figure A-59. SharePoint 2010 search area

The next four classes are used based on the status type for the page.

Status Bar Style 1 (Blue) ...