Export (0) Print
Expand All
Add a Recycle Bin to Windows SharePoint Services for Easy Document Recovery
Use Windows SharePoint Services as a Platform for Building Collaborative Applications
Use Windows SharePoint Services as a Platform for Building Collaborative Apps, Part 2
Expand Minimize

Customizing SharePoint Sites and Portals: Style Sheet Class Reference Tables, Part 3

SharePoint 2003
 

Dino Dato-on
Jinger Zhao
Microsoft Corporation

May 2004

Applies to:
    Microsoft® Windows® SharePoint™ Services
    Microsoft Office SharePoint Portal Server 2003
    Microsoft Office FrontPage® 2003

Summary: The third of three companion articles. In Customizing SharePoint Sites and Portals, Part 1, you learned ways to customize a SharePoint site and an area; manage users, sites, and templates; change the structure of pages in a site; manage user access; and optimize style sheets. In Customizing SharePoint Sites and Portals: Using Templates and Site Definitions, Part 2, you created and edited a site using templates and site definitions. Part 3 provides valuable style sheet class reference tables to use as you customize your sites and portals. (39 printed pages)

Contents

Introduction
Table 1. Web Part Gallery Compatibility
Table 2. Style sheet Class References for OWS.CSS
Table 3. Style Sheet Class References for SPS.CSS
Conclusion

Introduction

Microsoft® SharePoint™ Products and Technologies consists of Microsoft Office SharePoint Portal Server 2003 and Microsoft Windows® SharePoint Services. SharePoint Products and Technologies uses Microsoft Windows Server™ 2003 and the .NET Framework. This latest version offers improvements in the customization, development, and deployment of an enterprise portal and team collaboration infrastructure.

Customization is the ability to change the layout, view, content, and site structure for a group of users such as a department or corporation. To help ensure consistency, Windows SharePoint Services and SharePoint Portal Server 2003 enable only Web Designers and Site Administrators full customization privileges for managing the look and feel of a site.

In this article, you'll find Web Part compatibility and style sheet class reference tables to use in your customization.

Table 1. Web Part Gallery Compatibility

Web Part nameFile nameSupported on portal sitesSupported on other SharePoint sites
Topic Assistant SuggestionsAutocat.dwpYes 
Area DetailsCatdetail.dwpYes 
Group ListingsGroupedListings.dwpYes 
NewsLatestNews.dwpYes 
Links for YouLinksForYou.dwpYes 
Content EditorMSContentEditor.dwpYesYes
Image Web PartMSImage.dwpYesYes
MembersMSMembers.dwp Yes
Page ViewerMSPageViewer.dwpYesYes
Form Web PartMSSimpleForm.dwpYesYes
XML Web PartMSXml.dwpYes Yes
Your Recent DocumentsMydocs.dwpYes 
My Workspace SitesMyworks.dwpYes 
News AreasNewsAreas.dwpYes 
News for YouNewsForYou.dwpYes 
My Mail FolderOwa.dwpYes 
My CalendarOwacalendar.dwpYes 
My InboxOwainbox.dwpYes 
My TasksOwatasks.dwpYes 
My LinksQuicklinks.dwpYes 
My Alerts SummarySubscrip.dwpYes 
Area ContentsToc.dwpYes 
Announcements YesYes
Contacts YesYes
Events Yes Yes
General Discussions YesYes
Links YesYes
Shared Documents YesYes
Tasks YesYes
My Checked-out YesYes
Pending Approvals YesYes
Document Library YesYes
Image Library YesYes

Table 2. Style sheet Class References for OWS.CSS

SelectorWhat it controlsExample
body, formSets margin of body or form to 0  
body Sets margin of body to 0  
.ms-mainDetermines color of border at right margin of each page  
.ms-toolbar,  
table.ms-toolbarSets text and gradient in list toolbars Dd583128.odc_spscustomizingsharepointsites3_fig1(en-us,office.11).gif
.ms-rtetoolbarmenu,  
.ms-rtetoolbarunsel,  
.ms-rtetoolbarsel,  
.ms-rtetoolbardis,  
a.ms-rtetoolbardis,  
.ms-rtetoolbarhovDefines look of rich text editorDd583128.odc_spscustomizingsharepointsites3_fig2(en-us,office.11).gif
.ms-gridT1 Type of rating scale for Survey lists, such as "Low, Medium, High" of a rating scale question Dd583128.odc_spscustomizingsharepointsites3_fig3(en-us,office.11).gif
.ms-viewselect a:link,  
.ms-GRFontSizeText for available views in left navigation for a list  
Text size in datasheet control   
selectFonts for any drop-down or check box items in List customization pagesDd583128.odc_spscustomizingsharepointsites3_fig25(en-us,office.11).gif
hr Defines HR properties  
.ms-formlabelFormats names of form fields when creating or editing a list item or adjusting site settings Dd583128.odc_spscustomizingsharepointsites3_fig26(en-us,office.11).gif
.ms-formdescription A Formats hyperlinks that appear in form descriptions such as "Click here to test" Dd583128.odc_spscustomizingsharepointsites3_fig27(en-us,office.11).gif
.ms-formtable,  
.ms-formbodyText of each field in list item; for example, form for a "New Item" for any of the default lists  
.ms-radiotext Text in a survey when you use option (radio) buttons for the choice Dd583128.odc_spscustomizingsharepointsites3_fig28(en-us,office.11).gif
.ms-gridtext Text of question on a rating scale style question in a Survey  
.ms-formbody Text of each field in a list item; for example, the form for a "New Item" for any of the default lists  
.ms-formbody FONTDefines font characteristics for the formbody class  
.ms-formdescriptionInstruction text on form fields 
Example: "Enter date in M/D/YYYY format" text when creating or editing a new list item. .ms-formdescription style 
.ms-searchbox,  
.ms-searchform,  
.ms-searchcornerSearch form field on home page Dd583128.odc_spscustomizingsharepointsites3_fig4(en-us,office.11).gif
table.ms-form thTable header for forms Dd583128.odc_spscustomizingsharepointsites3_fig29(en-us,office.11).gif
table.ms-form td Internal usage; do not alter Dd583128.odc_spscustomizingsharepointsites3_fig30(en-us,office.11).gif
.ms-formrecurrence Text that describes recurrence patterns  
.ms-long Text in non-date form fields when creating or editing a list item .ms-long style
.ms-longerUsed by rich text editor  
.ms-italicItalic font  
.ms-boldBold font  
.ms-bannerframe,   
.ms-GRHeaderBackground,  
.ms-storMeFreeNavigation bar banner background at top of each page Dd583128.odc_spscustomizingsharepointsites3_fig5(en-us,office.11).gif
.ms-banner a:link.  
.ms-banner a:visitedWhite hyperlink text in navigation bar banner at top of each page Dd583128.odc_spscustomizingsharepointsites3_fig31(en-us,office.11).gif
.ms-banner a:link,  
.ms-banner a:visitedWhite hyperlink text in the navigation bar banner at top of each page Dd583128.odc_spscustomizingsharepointsites3_fig31(en-us,office.11).gif
.ms-banner,  
.ms-GRHeaderTextWhite text in top banner Dd583128.odc_spscustomizingsharepointsites3_fig32(en-us,office.11).gif
.ms-nav td,  
.ms-nav,  
.ms-SPZoneLabel,  
.ms-input"Select a View" text in a list page  
Input boxes for non-text (currency, date/time, etc.) .ms-nav cell style 
.ms-nav th Text in Quick Launch area on home page .ms-nav header cell style
.ms-navheader a,  
.ms-navheader a:link,  
.ms-navheader a:visited Section headings on Quick Launch bar Dd583128.odc_spscustomizingsharepointsites3_fig6(en-us,office.11).gif
.ms-navframe,  
.ms-GRStatusBar Color behind Quick Launch bar and around datasheet  
.ms-storMeUsed,  
.ms-storMeFilterBarUsed on storage management page  
.ms-navline Line dividing sections of left bar on list views Dd583128.odc_spscustomizingsharepointsites3_fig7(en-us,office.11).gif
.ms-navwatermark "Quick Launch" text on the Quick Launch barDd583128.odc_spscustomizingsharepointsites3_fig8(en-us,office.11).gif
.ms-selectednav,  
.ms-GRSortFilter Box around selected view on list view page; used for a selected column in datasheet Dd583128.odc_spscustomizingsharepointsites3_fig9(en-us,office.11).gif
.ms-unselectednav Unselected text on Quick Launch bar  
.ms-verticaldots Graphical separator that appears between main body and left margin of page (no longer used)  
.ms-nav a  
.ms-nav a:link  
.ms-nav a:hover  
.ms-nav a:visitedText in left navigation of the Quick Launch bar  
Examples : The words "Shared Documents" "Tasks"   
.ms-titlearea The site name that appears on each page above the page title (by default the words "Team Web Site") .ms-titlearea style
TD.ms-titleareaframe Upper portion of border at left margin of the page  
Div.ms-titleareaframe Yellow line above title area of a page Dd583128.odc_spscustomizingsharepointsites3_fig10(en-us,office.11).gif
.ms-titlearealine,   
.ms-storMeEstimatedYellow line below title and above list toolbar; also used on storage management page 
.ms-bodyareaframe Area below title  
.ms-pagetitle Title text on each page .ms-pagetitle style
.ms-pagetitle a,  
.ms-pagetitle a:hoverHyperlinks that appear with title text .ms-pagetitle hyperlink style
.ms-pagecaptionCaption above title for a Web Part Page  
.ms-selected,  
.ms-selected SPANBackground of selected items in Save or Save As dialog box when saving to a document library .ms-selected style
.ms-selectedtitleBackground on hover for a list item Dd583128.odc_spscustomizingsharepointsites3_fig11(en-us,office.11).gif
.ms-unselectedtitleBackground for a list item when not selected  
.ms-menuimagecellBackground color of arrow next to item title for context menu Dd583128.odc_spscustomizingsharepointsites3_fig12(en-us,office.11).gif
.ms-filedialog tdList of selected shared documents in Save or Save As dialog box when saving to a document library  
.ms-descriptiontext Description text for a list, description text on admin forms and new list forms  
.ms-dspadapterlistInternal usage; do not alter  Dd583128.odc_spscustomizingsharepointsites3_fig33(en-us,office.11).gif
.ms-alerttextError messages on form submissions  
.ms-separator Lines between menu items on list toolbars  Dd583128.odc_spscustomizingsharepointsites3_fig13(en-us,office.11).gif
.ms-authoringcontrols Right side background color on admin pages Dd583128.odc_spscustomizingsharepointsites3_fig34(en-us,office.11).gif
.ms-sectionheaderText in section headings on a page 
Example: "Administration" on the Site Settings page .ms-sectionheader style 
.ms-sectionheader a,  
.ms-sectionheader a:hover,  
.ms-sectionheader a:visitedSection titles in view creation form that expand and collapse Dd583128.odc_spscustomizingsharepointsites3_fig14(en-us,office.11).gif
.ms-sectionlineHorizontal lines between page sections Dd583128.odc_spscustomizingsharepointsites3_fig15(en-us,office.11).gif
.ms-partlineLine between list items and "Add new list item" in a summary view style (used on home page)  
.ms-propertysheet,  
.ms-propertysheet th,  
.ms-propertysheet a,  
.ms-propertysheet a:hoverText in list settings pages and in the Site Settings pages  
Examples:   
"Go Back to Shared Documents"   
Text under settings such as "Use a filter to display..."   
.ms-itemheader a List and document library names on the Documents & Lists page  
.ms-discussiontitle Subject of an open discussion item .ms-discussiontitle style
.ms-vh,  
.ms-vh2 Text of column headings of lists ms-vh hyperlink style
.ms-vh2 Used for padding  
.ms-vh-icon,  
.ms-vh-icon-empty,  
.ms-vh-left,  
.ms-vh-left-icon,  
.ms-vh-left-icon-empty,  
.ms-vh-right,  
.ms-vh-right-icon,  
.ms-vh-right-icon-emptyUsed for icons next to view headers, such as attachment icon, and spacing when no icon is present 
.ms-vh a,  
.ms-vh a:visited,  
.ms-vh2 a,  
.ms-vh-left a,  
.ms-vh-right a,  
.ms-vh a:hover,   
.ms-vh2 a:hover,   
.ms-vh-left a:hover,  
.ms-vh-right a:hoverText of hyperlinks for column headings of lists .ms-vh hyperlink style
.ms-vhImage Used in header images  
.ms-gbDefines "group-by" view headers  
.ms-gb2Defines the "group-by" view headers  
.ms-vb,   
.ms-vb2,   
.ms-GRFont,   
.ms-vb-user  
   
.ms-vb a,   
.ms-vb2 a,   
.ms-GRStatusText a,  
.ms-vb-user a,  
.ms-vb a:hover,   
.ms-vb2 a:hover,   
.ms-vb-user a:hover  
.ms-vb a:visited,   
.ms-vb2 a:visited,   
.ms-GRStatusText a:visited,   
.ms-vb-user a:visited  
.ms-vb a:visited:hover,  
.ms-vb2 a:visited:hover,   
.ms-vb-user a:visited:hover,  
.ms-vb2,   
.ms-vb-title,   
.ms-vb-icon,  
.ms-vb-user,  
.ms-vb-icon,  
.ms-vb-user,  
.ms-vb2Text in body of a view and most other common text  
Icons classes are used to indicate items such as attachments   
.ms-homepagetitleTitle on home page of a Meeting Workspace  
a.ms-addnew  
td.ms-addnew"Add new..." text on summary view of lists  
.ms-error Error messages on form submissions 
.ms-cal Border type and font formatting used in day cells of Calendar viewDd583128.odc_spscustomizingsharepointsites3_fig35(en-us,office.11).gif
.ms-calWeek,  
.ms-vcal,  
.ms-DcalUsed in Calendar view  
.ms-caltop Top border of each day cell in Calendar view  .ms-caltop style
.ms-calhead,  
.ms-calhead a,  
.ms-calhead a:hoverHeader containing month name and navigation arrows in Calendar view .ms-calhead style
.ms-caldow Row of cells containing weekday names in Calendar view .ms-caldow style
.ms-calmid Left and right borders on each day cell in Calendar view  .ms-calmid style
.ms-CalSpacer Spacer used between multiple appointments on same day  .ms-calspacer style
.ms-CalVSpacerUsed in Calendar view  
.ms-CalAllDay Calendar view all day events  
.ms-firstCalHour Calendar view first row's TD containing time  
.ms-calHour Calendar view TD containing time  
.ms-calHalfHour Calendar view TD containing half hour marks  
.ms-calQuarterHour Calendar view TD between hour and hour hour TDs  
.ms-calbot Calendar view horz day & week, bottom row  
.ms-appt a,  
.ms-appt a:hoverHyperlink text of event that spans multiple days in Calendar view Dd583128.odc_spscustomizingsharepointsites3_fig36(en-us,office.11).gif
.ms-appt,  
.ms-GRCellSelect Background, border and text of event that spans multiple days in Calendar view .ms-appt style
.ms-Dappt Appointments displayed in "day view"  
.ms-Vappt,  
.ms-Vappt a,  
.ms-Vappt a:link,  
.ms-Vappt a:hoverAppointments displayed in the vertical day view 
.ms-apptsingle Text of appointment that lasts a single day .ms-apptsingle
.ms-Dapptsingle Appointments displayed in "day view" with no duration is set  
.ms-Vapptsingle,  
.ms-Vapptsingle a,  
.ms-Vapptsingle a:link,  
.ms-Vapptsingle a:hoverAppointments displayed in the "day view" with no duration is set 
.ms-caldowdown Down-level browser support calendar table cell  
.ms-caldownDown-level browser support calendar day of week  
.ms-datepickeriframe Position of date chooser pop-up calendar when creating or editing new list item  
.ms-datepicker Date chooser pop-up calendar when creating or editing new list item .ms-datepicker style
.ms-dpdowLine under weekday names in date chooser pop-up calendar when creating or editing new list item  .ms-dpdow style
.ms-dpday Text of date numerals in the current month in the date chooser pop-up calendar when creating or editing a new list item .ms-dpday style
.ms-dpselecteddayText and background of selected date in date chooser pop-up calendar when creating or editing new list item .ms-dpselectedday style
.ms-dpnonmonth Text of date numerals which are not part of current month in date chooser pop-up calendar when creating or editing new list item .ms-dpnonmonth style
.ms-dphead Header containing month name and navigation arrows in date chooser pop-up calendar when creating or editing new list item  .ms-dphead style
.ms-dpnextprev Arrows in date picker for moving from one month to next or previous Dd583128.odc_spscustomizingsharepointsites3_fig17(en-us,office.11).gif
.ms-dpfoot "Today's date" text and line above it in date chooser pop-up calendar when creating or editing new list item .ms-dpfoot style
IMG.ms-button Sets cursor to hand for buttons  
.ms-announcementtitle Titles in Announcements list view on home page .ms-announcementtitle style
.ms-homepagetitle:Hover List name in a list view  
Example : The words "Announcements", "Events", and "Links" on the default.htm page .ms-homepagetitle style 
.ms-discussionseparator Space between discussion threads  
.ms-summarytitlebarframe,  
.ms-summarytitlebar a:link,  
.ms-summarytitlebar a:visited,  
.ms-summarytitlebar,  
.ms-summarytitlebartitle,  
.ms- summarytitlebartitle:hoverUnused 
img.thumbnail Image Libraries: Color behind thumbnail in Image Preview area on left navigation bar Dd583128.odc_spscustomizingsharepointsites3_fig18(en-us,office.11).gif
tr.ms-imglibselectedrow,  
tr.ms-highlightColor of a row in an image library when it is selected; used in selected pictures view 
.ms-imglibthumbnailBackground for thumbnails in thumbnails view; border color should be same with img.thumbnail above Dd583128.odc_spscustomizingsharepointsites3_fig19(en-us,office.11).gif
span.thumbnail,  
span.userdataInternal usage; do not alter 
.ms-imglibmenuareaBackground of previous and next command in filmstrip view Dd583128.odc_spscustomizingsharepointsites3_fig20(en-us,office.11).gif
a.ms-imglibPreviewTitle,  
table.ms-imglibPreviewTableInternal usage; do not alter 
.UserShadedRegion Shaded areas inside Web Parts 
.UserCaptionText areas inside Web Parts 
.UserConfigurationText areas inside Web Parts 
.UserDottedLineDotted line in Web Parts  
.UserButton,  
.UserInput,  
.UserSelectInput boxes in Web Parts  
.UserNotificationText areas inside Web Parts  
.UserToolBarTextArea Spacing for elements on a toolbar inside Web Parts  
.UserToolBarTextArea a: link,  
.UserToolBarTextArea a: visited,  
.UserToolBarTextArea a: hover,  
.UserToolbarDisabledLink,  
.UserToolbarImage,  
.UserToolBarImageArea,  
.UserToolbarSelectedImageElements in a toolbar in a Web Part  
.UserGenericHeaderHeader text inside Web Parts  
.UserGenericDefault text inside Web Parts  
.UserGenericBodyIndented body text inside Web Parts  
.UserGenericTextGeneric text to be used in all Web Parts  
.UserBackgroundBackground area inside Web Parts  
.UserSectionTitleForm title inside Web Parts  
.UserSectionHeadControl labels inside Web Parts  
.UserSectionBodyInstructional text on a control inside a Web Part  
.UserControlGroupArea of a form control inside Web Parts  
.UserSectionFooterArea at bottom of user form containing dotted line and command buttons  
.UserFooterArea at bottom of a form  
.UserCommandAreaCommand button area at bottom of user form  
.UserToolbarToolbar inside Web Parts  
.UserCellSelected A selected cell in a Web Part  
.UserCellA cell in a Web Part  
.UserGenericBulletItem A bulleted item in a Web Part 
.ms-ToolPaneFrameBackground of Web Part tool pane interior  
.ms-ToolPaneBodyBody of Web Part tool pane  
.ms-ToolPaneBorderBorder around Web Part tool pane  
.ms-ToolPaneHeaderHeader of Web Part tool pane  
.ms-ToolPaneCloseArea around "x" button to close tool pane 
.ms-ToolPaneTitleTitle of tool pane 
.ms-ToolPaneFooterFooter area of tool pane  
.ms-ToolPaneErrorError messages that show up in tool pane  
.ms-ToolPaneInfoInformation messages that show up in tool pane  
.ms-ToolPartSpacingSpacing between parts 
.ms-ToolStripSelected Hover treatment for toolstrip at top of Web Part tool pane Dd583128.odc_spscustomizingsharepointsites3_fig21(en-us,office.11).gif
.ms-ToolStripToolstrip at top of Web Part tool pane  
.ms-TPHeaderHeader of Web Part tool pane  
.ms-TPBorderBorder of Web Part tool pane  
.ms-TPTitleTitle of Web Part tool pane  
.ms-TPBody,  
.ms-TPBody A:link,  
.ms-TPBody A:visited,  
.ms-TPBody A:hoverBody of Web Part tool pane  
.ms-TPCommandsCommands on Web Part tool pane  
.ms-TPInputCommands on Web Part tool pane  
.ms-PropGridBuilderButtonClass used for "..." buttons in Web Part tool pane Dd583128.odc_spscustomizingsharepointsites3_fig22(en-us,office.11).gif
.ms-BuilderBackground Background of a dialog box spawned from Web Part property sheet  
.ms-SPZoneBorders of a zone control  
.ms-SPZoneSelectedBorders of a zone control when insertion bar is active inside it  
.ms-SPZoneIBarThe insertion bar which shows which zone the user is dragging a part into  
.ms-SPZoneLabelLabel on a zone  
.ms-SPZoneCaptionCaption of text inside a zone  
.ms-WPDesignBackground in a Web Part design mode  
.ms-WPMenuArea around menu  
.ms-WPTitle,  
.ms-WPTitle A:link,  
.ms-WPTitle A:visited,  
.ms-WPTitle A:hoverTitle of a Web Part sample text
.ms-WPSelectedBorder around Web Part when it is selected  
.ms-WPBody,  
.ms-WPBody TABLE,  
.ms-TPBody TABLE,  
.ms-WPBody A:link,  
.ms-WPBody A:visited,  
.ms-WPBody A:hover,  
.ms-WPBody th,  
.ms-TPBody th  
.ms-WPBody TD,  
.ms-WPBody h1,  
.ms-TPBody h1,  
.ms-WPBody h2,  
.ms-TPBody h2,  
.ms-WPBody h3,  
.ms-TPBody h3,  
.ms-WPBody h4,  
.ms-TPBody h4,  
.ms-WPBody h5,  
.ms-TPBody h5,  
.ms-WPBody h6,  
.ms-TPBody h6Contents of a Web Part 
.ms-WPBorderBorder around a Web Part  
.ms-HoverCellActive,  
.ms-HoverCellInActive,  
.ms-HoverCellActiveDarkCell treatment on Hover throughout UI  
.ms-SPLink,  
.ms-SPLink A:link,  
.ms-SPLink A:visited"Modify Page" link  
.ms-SPButtonFont for buttons  
.ms-PartSpacingVerticalVertical spacing between Web Parts  
.ms-PartSpacingHorizontalHorizontal spacing between Web Parts  
.ms-WPHeaderBackground area of a Web Part title bar  
.ms-rtApplyBackground,  
.ms-tbButtonMouseOverDown,  
.ms-rtRemoveBackgroundRich text editor classes 
.ms-subsmanageheaderSubscriptions: Used for "Frequency: Immediate" etc. section headers on MySubs.aspx / SiteSubs.aspx Dd583128.odc_spscustomizingsharepointsites3_fig23(en-us,office.11).gif
.ms-subsmanagecellUsed for each subscription row  
.ms-ConnErrorError messages when authoring connections  
.ms-underlineAdds underline for description, items, and last modified text on list of lists page Dd583128.odc_spscustomizingsharepointsites3_fig24(en-us,office.11).gif
.ms-underlinebackSame as ms-underline but adds a slight gray to background, used for titles of list of lists page  
.ms-backBackground of gray and spacing  
.ms-smallheaderUsed for group names (e.g., Document Libraries) on the list of lists page  
.ms-smallsectionlineUsed as underline for group names on list of lists page  
.ms-tabselected,  
.ms-tabinactive,  
.ms-tabinactive a:link,  
.ms-tabinactive a:hover,  
.ms-tabinactive a:visited,  
.ms-tabinactive a:hoverUsed for tabs in a Meeting Workspace Dd583128.odc_spscustomizingsharepointsites3_fig39(en-us,office.11).gif
.ms-surveyHBar,  
.ms-surveyHBarB,  
.ms-surveyVBar,  
.ms-surveyVBarB,  
.ms-surveyVBarBI,  
.ms-surveyVBarS,  
.ms-surveyVBarT,  
.ms-surveyVBarTC,  
.ms-surveyHR,Survey Graphical Summary View 
Vertical bars in a chart for rating questionsDd583128.odc_spscustomizingsharepointsites3_fig40(en-us,office.11).gif 
.ms-surveyTotalSurvey Graphical Summary View 
Spacers between vertical bars in chart for ratings questions   
.ms-uploadborder Border around multi-file upload control Dd583128.odc_spscustomizingsharepointsites3_fig41(en-us,office.11).gif
.ms-uploadcontrol Background for selected text in file list in multi-file upload control  
.ms-spaceBetContentAndButton,  
.ms-ButtonHeightWidth,  
.ms-ButtonHeightWidth2,  
.ms-SpaceBetButtons,  
.ms-summarycustombody,  
.ms-summarystandardbodyInternal usage; do not alter  
.ms-stylebox,  
.ms-stylelabel,  
.ms-styleheader,  
.ms-styleheader a:link,  
.ms-stylebody a:link,  
.ms-styleheader a:visited,  
.ms-stylebody a:visited,  
.ms-stylebody,  
.ms-styleheader a:hover,  
.ms-stylebody a:hoverClasses used by boxed view styles such as Document Details, Issues Boxed, etc.Dd583128.odc_spscustomizingsharepointsites3_fig42(en-us,office.11).gif
.ms-alternatingBackground color for shaded view styleDd583128.odc_spscustomizingsharepointsites3_fig43(en-us,office.11).gif
.ms-MWSSelectedInstance,  
.ms-MWSInstantiated a:link,  
.ms-MWSInstantiated a:visited,  
.ms-MWSInstantiated a:hover  
.ms-MWSUninstantiated a:link,  
.ms-MWSUninstantiated a:visited,  
.ms-MWSUninstantiated a:hoverClasses for Meeting Workspace recurrence navigation barDd583128.odc_spscustomizingsharepointsites3_fig44(en-us,office.11).gif

Table 3. Style Sheet Class References for SPS.CSS

SelectorWhat it controlsContainerExample
.ms-MenuUISPS ECB menu<table>Dd583128.odc_spscustomizingsharepointsites3_fig45(en-us,office.11).gif
.ms-menuUIItemTableCellTable cell containing one SPS ECB menu item<td> 
.ms-MenuUIItemTableSPS ECB menu item<table>Dd583128.odc_spscustomizingsharepointsites3_fig46(en-us,office.11).gif
.ms-MenuUIIconIcon cell of one SPS ECB menu item<td>Dd583128.odc_spscustomizingsharepointsites3_fig47(en-us,office.11).gif
.ms-MenuUILabel,   
.ms-MenuUILabelFontLabel cell of one SPS ECB menu item<td>Dd583128.odc_spscustomizingsharepointsites3_fig48(en-us,office.11).gif
.ms-mainTable that contains entire portal page<table> 
.ms-bannerframeTable that contains the top banner portion of the page.<table>Dd583128.odc_spscustomizingsharepointsites3_fig49(en-us,office.11).gif
.ms-bannerRight table cell of top banner<td>Dd583128.odc_spscustomizingsharepointsites3_fig50(en-us,office.11).gif
.ms-phnav1wrapperWrapper over horizontal navigation bar<div> 
.ms-navframeWrapper over horizontal navigation bar or outer table of vertical navigation bar<div>, <table> 
.ms-phnavtableoneOuter table of horizontal navigation bar<table>Dd583128.odc_spscustomizingsharepointsites3_fig51(en-us,office.11).gif
.ms-phnavtableone[n](Sel)An area in horizontal navigation bar. Note: (Sel) is optional, only appears as suffix if area is selected. [n] == 0 denotes anchor area and (as in Home) [n] == 1 denotes sub-areas of the anchor area (as in Topics and News).<table>Dd583128.odc_spscustomizingsharepointsites3_fig52(en-us,office.11).gif
.ms-phnavtopl[n](Sel)Top left of an area in horizontal navigation bar<td> 
.ms-phnavtopc[n](Sel)Top center of an area in horizontal navigation bar<td> 
.ms-phnavtopr[n](Sel)Top right of an area in horizontal navigation bar<td> 
.ms-phnavmidl[n](Sel)Middle left of an area in the horizontal navigation bar<td> 
.ms-phnavmidc[n](Sel)Middle center of an area in the horizontal navigation bar<td> 
.ms-phnavmidr[n](Sel)Middle right of an area in horizontal navigation bar<td> 
.ms-phnavbotl[n](Sel)Bottom left of an area in horizontal navigation bar<td> 
.ms-phnavbotc[n](Sel)Bottom center of an area in horizontal navigation bar<td> 
.ms-phnavbotr[n](Sel)Bottom right of an area in horizontal navigation bar<td> 
.ms-titleareaframeMiddle section of page that includes page icon, page title, and search box<td>, <div>, <table> 
.ms-titleareaTable cell containing portal title<td> 
.ms-pagetitleTable cell containing page title<td> 
.ms-sbrowSearch box<tr>Dd583128.odc_spscustomizingsharepointsites3_fig54(en-us,office.11).gif
.ms-sbtable,   
.ms-searchformApplied to table cells of search box<td> 
.ms-sbtopcornerApplies the corner gif to the top left corner of the search box<td> 
.ms-sblbcornerApplies corner .gif to bottom-left corner of search box<td> 
.ms-sbgoSearch button table cell<td>Dd583128.odc_spscustomizingsharepointsites3_fig55(en-us,office.11).gif
.ms-titlearealineHorizontal line underneath title area<td> 
.ms-navframeGrey section running down left side of page that contains navigation elements and action bar <table> 
.ms-navContainer for ms-navframe table<td> 
.ms-navwatermarkTable cell that contains Microsoft Office Sharepoint Portal Server watermark on home page<td> 
.ms-pvnavVertical navigation bar<table>Dd583128.odc_spscustomizingsharepointsites3_fig56(en-us,office.11).gif
.ms-navheaderTitle of vertical navigation bar<td>Dd583128.odc_spscustomizingsharepointsites3_fig57(en-us,office.11).gif
.ms-pvnavtableone1An area in the vertical navigation bar. Dd583128.odc_spscustomizingsharepointsites3_fig58(en-us,office.11).gif
.ms-pvnavtopl1Top left of an area in vertical navigation bar<td> 
.ms-pvnavtopc1Top center of an area in vertical navigation bar<td> 
.ms-pvnavtopr1Top right of an area in vertical navigation bar<td> 
.ms-pvnavmidl1Middle left of an area in vertical navigation bar<td> 
.ms-pvnavmidc1Middle center of an area in vertical navigation bar<td> 
.ms-pvnavmidr1Middle right of an area in vertical navigation bar<td> 
.ms-pvnavbotl1Bottom left of an area in vertical navigation bar<td> 
.ms-pvnavbotc1Bottom center of an area in vertical navigation bar<td> 
.ms-pvnavbotr1Bottom right of an area in vertical navigation bar<td> 
.ms-pvtbVertical toolbar<table>Dd583128.odc_spscustomizingsharepointsites3_fig59(en-us,office.11).gif
.ms-pvtbtVertical toolbar title and toolbar separator<td>Title and separator:
Dd583128.odc_spscustomizingsharepointsites3_fig60(en-us,office.11).gif   
Separator alone:   
Dd583128.odc_spscustomizingsharepointsites3_fig61(en-us,office.11).gif   
.ms-pvtbiconTable cell containing vertical toolbar button icon<td>Dd583128.odc_spscustomizingsharepointsites3_fig62(en-us,office.11).gif
.ms-pvtbbuttonTable cell containing vertical toolbar button text<td>Dd583128.odc_spscustomizingsharepointsites3_fig63(en-us,office.11).gif
.ms-bodyareaframeMain content section of page<td> 
.ms-tztableTable used for layout of Web Part zones on portal area pages<table> 
.ms-tztopTop table cell of Web Part layout table <td> 
.ms-tzmidleftMiddle left table cell of Web Part layout table<td> 
.ms-tzmidrightMiddle right table cell of the Web Part layout table<td> 
.ms-tzmrdivWrapper of content in middle right cell<div> 
.ms-srchtzmrdivWrapper of content in middle right cell on search.aspx page<div> 
.ms-tzbottomBottom table cell of Web Part layout table<td> 
.ms-lsOne listing group inside Area Listing Web Part<table>Dd583128.odc_spscustomizingsharepointsites3_fig64(en-us,office.11).gif
.ms-portaltitleText of listing group title in Area Listing Web Part or Title of Table of Contents Web Part<td>Listing group title:
Dd583128.odc_spscustomizingsharepointsites3_fig65(en-us,office.11).gif   
Table of Contents Web Part title:   
Dd583128.odc_spscustomizingsharepointsites3_fig66(en-us,office.11).gif   
.ms-lstopitemiconIcon cell of a Listing item in Topic Item view<td>Dd583128.odc_spscustomizingsharepointsites3_fig67(en-us,office.11).gif
.ms-lstopitemlinkTitle cell of a Listing item in Topic Item view<td>Dd583128.odc_spscustomizingsharepointsites3_fig68(en-us,office.11).gif
.ms-lstopitemdescDescription cell of a Listing item in Topic Item view<td> 
.ms-lsminTitle cell of a Listing item in Minimum and Compact view<td> 
.ms-lsnormTitle and description cell of a Listing item in Normal view<td>Dd583128.odc_spscustomizingsharepointsites3_fig69(en-us,office.11).gif
.ms-lsexpImage cell, title and description cell of a Listing item in Expanded view<td>Dd583128.odc_spscustomizingsharepointsites3_fig70(en-us,office.11).gif
.ms-lstitleTile of a Listing item in Expanded view<a> 
.ms-lswptitleTile of the Area Listing Web Part<td> 
.ms-locationVertical breadcrumb trail Web Part<table>Dd583128.odc_spscustomizingsharepointsites3_fig72(en-us,office.11).gif
.ms-locationheadVertical breadcrumb trail title<td>Dd583128.odc_spscustomizingsharepointsites3_fig73(en-us,office.11).gif
.ms-locationicon(sel)Table cell containing vertical breadcrumb trail icon<td>Dd583128.odc_spscustomizingsharepointsites3_fig74(en-us,office.11).gif
.ms-locationbutton(sel)Table cell containing vertical breadcrumb trail button text<td>Dd583128.odc_spscustomizingsharepointsites3_fig75(en-us,office.11).gif
.bc-htableHorizontal breadcrumb trail Web Part<table>Dd583128.odc_spscustomizingsharepointsites3_fig76(en-us,office.11).gif
.bc-cellTable cell containing content of horizontal breadcrumb trail Web Part<td> 
.bc-leadinLead-in text part of horizontal breadcrumb trail Web Part<span>Dd583128.odc_spscustomizingsharepointsites3_fig77(en-us,office.11).gif
.bc-trailTrail text part of horizontal breadcrumb trail Web Part<span>Dd583128.odc_spscustomizingsharepointsites3_fig78(en-us,office.11).gif
.ms-catdescArea Details Web Part<table>Dd583128.odc_spscustomizingsharepointsites3_fig79(en-us,office.11).gif
.ms-catdesciconIcon cell of the Area Details Web Part<td>Dd583128.odc_spscustomizingsharepointsites3_fig80(en-us,office.11).gif
.ms-catdesctextDescription cell of the area details Web Part<td> 
.ms-contactboxContact cell of Area Details Web Part<td> 
.ms-contactboxbgGrey box displaying contact person for current area<table>Dd583128.odc_spscustomizingsharepointsites3_fig81(en-us,office.11).gif
.ms-catdescimagePicture of contact person<td> 
.ms-catdesccontactName of contact person<td>Dd583128.odc_spscustomizingsharepointsites3_fig82(en-us,office.11).gif
.ms-tocTable of Contents Web Part<table> 
.ms-toccat One child area in the Table of Contents Web Part<td>Dd583128.odc_spscustomizingsharepointsites3_fig83(en-us,office.11).gif
.ms-catindentImage and ndentation column<td>Dd583128.odc_spscustomizingsharepointsites3_fig84(en-us,office.11).gif
.ms-toccattitleTitle of child area<td> 
.ms-catsectionlineSection line under child area title<td> 
.ms-toccatitemDescription cell of child area<td> 
.ms-tocitemsContains subareas and listings of child areas<td>Dd583128.odc_spscustomizingsharepointsites3_fig85(en-us,office.11).gif
.ms-catlstsContains listings of child areas; HTML container is <span> in Table of Contents in horizontal mode and <table> in vertical mode<span> 
<table>Horizontal:  
Dd583128.odc_spscustomizingsharepointsites3_fig86(en-us,office.11).gif   
Vertical:   
Dd583128.odc_spscustomizingsharepointsites3_fig87(en-us,office.11).gif   
.ms-catsubcatsContains subareas of child areas; HTML container is <span> in Table of Contents in horizontal mode and <table> in vertical mode<span> 
<table>Horizontal:  
Dd583128.odc_spscustomizingsharepointsites3_fig88(en-us,office.11).gif   
Vertical:   
Dd583128.odc_spscustomizingsharepointsites3_fig89(en-us,office.11).gif   
.ms-pageidiPage icon on site admin pages<td>Dd583128.odc_spscustomizingsharepointsites3_fig90(en-us,office.11).gif
.ms-colspaceVertical spacer <td> 
.ms-pageidtaptPage identification section of site admin pages<table>Dd583128.odc_spscustomizingsharepointsites3_fig91(en-us,office.11).gif
.ms-pageidtaBreadcrumb trail cell on site admin pages<td>Dd583128.odc_spscustomizingsharepointsites3_fig92(en-us,office.11).gif
.ms-pageidptPage title on site admin pages<td>Dd583128.odc_spscustomizingsharepointsites3_fig94(en-us,office.11).gif
.ms-viewView selector<table>Dd583128.odc_spscustomizingsharepointsites3_fig95(en-us,office.11).gif
.ms-viewheadView selector title<td>Dd583128.odc_spscustomizingsharepointsites3_fig96(en-us,office.11).gif
.ms-viewicon(sel)Icon cell for one view in view selector<td> 
.ms-button(sel)Text cell for one view in view selector<td>Dd583128.odc_spscustomizingsharepointsites3_fig97(en-us,office.11).gif
.ms-formspacerSpace padding on site admin page forms<td> 
.ms-srchTitleTitle of item in search result<td> 
.ms-srchAlignTopSets vertical alignment for table cells in search result to Top<td> 
.ms-srchUrlCell displaying full URL of item in search result<td>Dd583128.odc_spscustomizingsharepointsites3_fig98(en-us,office.11).gif
.ms-srchActionsCell displaying possible actions on search result item<td>Dd583128.odc_spscustomizingsharepointsites3_fig99(en-us,office.11).gif

Conclusion

This article concludes the Customizing SharePoint Sites and Portals series. For more information see Customizing SharePoint Sites and Portals, Part 1 and Customizing SharePoint Sites and Portals: Using Templates and Site Definitions, Part 2.

Additional References

Microsoft SharePoint Products and Technologies 2003 Software Development Kit (contains the Microsoft Windows SharePoint Services SDK)

Microsoft Windows SharePoint Services Administrator's Guide

Show:
© 2014 Microsoft