
126
❘
CHAPTER 5 SIMPLE BRANDING
Tools for Working with CSS
Understanding how CSS is used in the default SharePoint look and feel can be challenging for both
beginners and experienced SharePoint branders. This is because the typical SharePoint 2010 page
has more than 5,000 lines of CSS code applied to it at any one time. Luckily, the following tools can
help you analyze a SharePoint site and identify the CSS classes so that you can override them:
Internet Explorer 8 Developer Tools
➤
— Formerly a separate download for IE7 called IE
Developer Toolkit, this is now included with every copy of Internet Explorer 8 (IE8). You
can activate it by clicking Tools ➪ Developer Tools.
Firebug for Firefox
➤
— This is a third-party add-on for Firefox that can be downloaded from
www.getfirebug.com.
One very useful feature of both tools is the capability to point to an area of the rendered page inside
the browser and see a breakdown of what CSS is being applied to that area and how CSS rules are
being overridden. Firebug is particularly powerful because it enables you to actually temporarily
manipulate the CSS and see the results in real time in your browser. Because of differences between
the way that different browsers render pages, both tools are often required to truly understand all
of the styles that are being applied to a SharePoint site. Once the styles are identifi ed, you can move
them into ...