imason's User Experience team offer tips and insights, and sometimes share their frustrations, about Interaction Design, Usability, Information Architecture and gathering requirements.
Home » What We're Thinking » User Experience Group
One of the most frustrating things I’ve found while customizing Microsoft’s Office SharePoint Server 2007 (MOSS for short) sites are the hundreds of colour and font family declarations spanning across multiple CSS files. As soon as I think I’ve changed all the link colours to the same hex code, I realize that there is yet another declaration that I’ve missed. Or when I raise my hands in victory because I’m convinced that I have managed to make Verdana the default font-family, I’ll find a little blurb in Tahoma taunting me.
In an effort to relieve this frustration, I’ve gone through the various CSS StyleSheets used in MOSS and compiled all of the text colours, link colours and link hover colours along with the font-family declarations into one CSS file. The idea is that I am giving myself a consistent base to work with and then I begin calling out the elements that I need to have different colours or font faces on an as needed basis.
Now, what’s the best way to use this file? It depends on how you are customizing your MOSS site. The two methods that I cover here are using an external CSS file or a Theme. For more information on creating Themes or Custom CSS files for styling MOSS sites I highly recommend Heather Solomon’s blog :
Use an external StyleSheet to override the default MOSS styles
Use a theme to style the MOSS site
Please keep checking back for any updates to the StyleSheet. I’ll continually be updating it until I feel that I’ve created a StyleSheet that essentially overrides the MOSS variations to give the front-end MOSS developers a consistent base for them to start their MOSS styling.
Get your copy of the amazing imason Font and Colour Reset Stylesheet