The classes for cascading style sheets that determine the styles and formatting applied to pages in Microsoft® Windows® SharePoint™ Services are defined in OWS.CSS, which is located in the following directory of each front-end Web server:
Local_Drive:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\60\TEMPLATE\LAYOUTS\1033\STYLES
Warning Changes made to OWS.CSS may be lost when Windows SharePoint Services is updated, such as through installation of service packs or patches. An alternate .css file can be specified in the ONET.XML file of a site definition by using the AlternateCSS attribute of the Project element.
Identifying Applied Classes
Add the following code sample within the BODY element of any ASPX page used in Windows SharePoint Services to identify which class is applied to a specified element in the user interface (UI). When you add the sample, a ToolTip appears when the pointer is passed over the UI, indicating which class is being used.
For example, you can add the sample to Default.aspx located at:
Local_Drive:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\60\TEMPLATE\1033\[SPS][STS]
You can also add the sample to an .aspx page used for a list stored in the following directory:
Local_Drive:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\60\TEMPLATE\1033\[MPS][STS]\LISTS\List_Type
Lastly, you can add it to an ASPX page used in SharePoint Central Administration such as:
Local_Drive:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\60\TEMPLATE\ADMIN\1033
Once you identify the class in use for a specified UI, you can use the table that follows to customize the styles and formatting in use to suit your own needs.
Sample:
<script language="jscript">
function ClassInfo()
{
if (window.event.srcElement.className != null)
{
stsclass.innerText = window.event.srcElement.className;
}
else
{
stsclass.innerText = "";
}
}
window.document.body.onmouseover = ClassInfo;</script>
<div style="border-style:solid;border-width:1px; width: 281px; height: 34px;
position: absolute; left: 286px; top: 41px; z-index:15; padding-left:4px;
padding-right:4px; padding-top:2px; padding-bottom:2px; background-color:#EEEEF4">
<p id="stsclasstitle"><font face="Tahoma" id="stsclasstitle">Classname: </font>
<font face="Tahoma"id="stsclass"> </font>
</p></div>