Branding SharePoint by overriding Core.css classes

Branded SharePoint sites sometimes don't really benefit much from the native SharePoint design. If you apply a custom CSS-file for your own content you might as well redesign some of the built-in stuff.

EditForm.aspx is the page for editing metadata on items in lists and libraries.

First I changed the font of the labels Name, Title and Process from Verdana (default) to Calibri at 12px.

.ms-formlabel{
font-family:calibri;
font-size:12px;

(As you can see I'm not adding all properties from this class in Core.css to my css-file,  only those I want to change.)

_______________________________________________________________________________

Next, the text in the top tool bar to Calibri at 8pt.

.ms-toolbar,.ms-viewtoolbar,.ms-formtoolbar,.ms-toolbarContainer{
font-family:calibri;
font-size:8pt;

_______________________________________________________________________________

Last I want to change the font for the description text and the footer where you see the created modified details.

.ms-descriptiontext{
font-family:calibri;
font-size:8pt;

_______________________________________________________________________________

There is one more element on this page that's been altered. Take a closer look at the small star indicating a required field. The color is changed from red to blue.

.ms-formvalidation{
color:#0000ff;

Published 01-23-2009 14:01 by Sharepointer