Note
Access to this page requires authorization. You can try signing in or changing directories.
Access to this page requires authorization. You can try changing directories.
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)
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
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.
Web Part name | File name | Supported on portal sites | Supported on other SharePoint sites |
---|---|---|---|
Topic Assistant Suggestions | Autocat.dwp | Yes | |
Area Details | Catdetail.dwp | Yes | |
Group Listings | GroupedListings.dwp | Yes | |
News | LatestNews.dwp | Yes | |
Links for You | LinksForYou.dwp | Yes | |
Content Editor | MSContentEditor.dwp | Yes | Yes |
Image Web Part | MSImage.dwp | Yes | Yes |
Members | MSMembers.dwp | Yes | |
Page Viewer | MSPageViewer.dwp | Yes | Yes |
Form Web Part | MSSimpleForm.dwp | Yes | Yes |
XML Web Part | MSXml.dwp | Yes | Yes |
Your Recent Documents | Mydocs.dwp | Yes | |
My Workspace Sites | Myworks.dwp | Yes | |
News Areas | NewsAreas.dwp | Yes | |
News for You | NewsForYou.dwp | Yes | |
My Mail Folder | Owa.dwp | Yes | |
My Calendar | Owacalendar.dwp | Yes | |
My Inbox | Owainbox.dwp | Yes | |
My Tasks | Owatasks.dwp | Yes | |
My Links | Quicklinks.dwp | Yes | |
My Alerts Summary | Subscrip.dwp | Yes | |
Area Contents | Toc.dwp | Yes | |
Announcements | Yes | Yes | |
Contacts | Yes | Yes | |
Events | Yes | Yes | |
General Discussions | Yes | Yes | |
Links | Yes | Yes | |
Shared Documents | Yes | Yes | |
Tasks | Yes | Yes | |
My Checked-out | Yes | Yes | |
Pending Approvals | Yes | Yes | |
Document Library | Yes | Yes | |
Image Library | Yes | Yes |
Selector | What it controls | Example |
---|---|---|
body, form | Sets margin of body or form to 0 | |
body | Sets margin of body to 0 | |
.ms-main | Determines color of border at right margin of each page | |
.ms-toolbar, | ||
table.ms-toolbar | Sets text and gradient in list toolbars | ![]() |
.ms-rtetoolbarmenu, | ||
.ms-rtetoolbarunsel, | ||
.ms-rtetoolbarsel, | ||
.ms-rtetoolbardis, | ||
a.ms-rtetoolbardis, | ||
.ms-rtetoolbarhov | Defines look of rich text editor | ![]() |
.ms-gridT1 | Type of rating scale for Survey lists, such as "Low, Medium, High" of a rating scale question | ![]() |
.ms-viewselect a:link, | ||
.ms-GRFontSize | Text for available views in left navigation for a list | |
Text size in datasheet control | ||
select | Fonts for any drop-down or check box items in List customization pages | ![]() |
hr | Defines HR properties | |
.ms-formlabel | Formats names of form fields when creating or editing a list item or adjusting site settings | ![]() |
.ms-formdescription A | Formats hyperlinks that appear in form descriptions such as "Click here to test" | ![]() |
.ms-formtable, | ||
.ms-formbody | Text 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 | ![]() |
.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 FONT | Defines font characteristics for the formbody class | |
.ms-formdescription | Instruction 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-searchcorner | Search form field on home page | ![]() |
table.ms-form th | Table header for forms | ![]() |
table.ms-form td | Internal usage; do not alter | ![]() |
.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-longer | Used by rich text editor | |
.ms-italic | Italic font | |
.ms-bold | Bold font | |
.ms-bannerframe, | ||
.ms-GRHeaderBackground, | ||
.ms-storMeFree | Navigation bar banner background at top of each page | ![]() |
.ms-banner a:link. | ||
.ms-banner a:visited | White hyperlink text in navigation bar banner at top of each page | ![]() |
.ms-banner a:link, | ||
.ms-banner a:visited | White hyperlink text in the navigation bar banner at top of each page | ![]() |
.ms-banner, | ||
.ms-GRHeaderText | White text in top banner | ![]() |
.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 | ![]() |
.ms-navframe, | ||
.ms-GRStatusBar | Color behind Quick Launch bar and around datasheet | |
.ms-storMeUsed, | ||
.ms-storMeFilterBar | Used on storage management page | |
.ms-navline | Line dividing sections of left bar on list views | ![]() |
.ms-navwatermark | "Quick Launch" text on the Quick Launch bar | ![]() |
.ms-selectednav, | ||
.ms-GRSortFilter | Box around selected view on list view page; used for a selected column in datasheet | ![]() |
.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:visited | Text 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 | ![]() |
.ms-titlearealine, | ||
.ms-storMeEstimated | Yellow 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:hover | Hyperlinks that appear with title text | .ms-pagetitle hyperlink style |
.ms-pagecaption | Caption above title for a Web Part Page | |
.ms-selected, | ||
.ms-selected SPAN | Background of selected items in Save or Save As dialog box when saving to a document library | .ms-selected style |
.ms-selectedtitle | Background on hover for a list item | ![]() |
.ms-unselectedtitle | Background for a list item when not selected | |
.ms-menuimagecell | Background color of arrow next to item title for context menu | ![]() |
.ms-filedialog td | List 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-dspadapterlist | Internal usage; do not alter | ![]() |
.ms-alerttext | Error messages on form submissions | |
.ms-separator | Lines between menu items on list toolbars | ![]() |
.ms-authoringcontrols | Right side background color on admin pages | ![]() |
.ms-sectionheader | Text 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:visited | Section titles in view creation form that expand and collapse | ![]() |
.ms-sectionline | Horizontal lines between page sections | ![]() |
.ms-partline | Line 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:hover | Text 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-empty | Used 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:hover | Text of hyperlinks for column headings of lists | .ms-vh hyperlink style |
.ms-vhImage | Used in header images | |
.ms-gb | Defines "group-by" view headers | |
.ms-gb2 | Defines 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-vb2 | Text in body of a view and most other common text | |
Icons classes are used to indicate items such as attachments | ||
.ms-homepagetitle | Title 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 view | ![]() |
.ms-calWeek, | ||
.ms-vcal, | ||
.ms-Dcal | Used 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:hover | Header 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-CalVSpacer | Used 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:hover | Hyperlink text of event that spans multiple days in Calendar view | ![]() |
.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:hover | Appointments 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:hover | Appointments displayed in the "day view" with no duration is set | |
.ms-caldowdown | Down-level browser support calendar table cell | |
.ms-caldown | Down-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-dpdow | Line 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-dpselectedday | Text 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 | ![]() |
.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:hover | Unused | |
img.thumbnail | Image Libraries: Color behind thumbnail in Image Preview area on left navigation bar | ![]() |
tr.ms-imglibselectedrow, | ||
tr.ms-highlight | Color of a row in an image library when it is selected; used in selected pictures view | |
.ms-imglibthumbnail | Background for thumbnails in thumbnails view; border color should be same with img.thumbnail above | ![]() |
span.thumbnail, | ||
span.userdata | Internal usage; do not alter | |
.ms-imglibmenuarea | Background of previous and next command in filmstrip view | ![]() |
a.ms-imglibPreviewTitle, | ||
table.ms-imglibPreviewTable | Internal usage; do not alter | |
.UserShadedRegion | Shaded areas inside Web Parts | |
.UserCaption | Text areas inside Web Parts | |
.UserConfiguration | Text areas inside Web Parts | |
.UserDottedLine | Dotted line in Web Parts | |
.UserButton, | ||
.UserInput, | ||
.UserSelect | Input boxes in Web Parts | |
.UserNotification | Text 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, | ||
.UserToolbarSelectedImage | Elements in a toolbar in a Web Part | |
.UserGenericHeader | Header text inside Web Parts | |
.UserGeneric | Default text inside Web Parts | |
.UserGenericBody | Indented body text inside Web Parts | |
.UserGenericText | Generic text to be used in all Web Parts | |
.UserBackground | Background area inside Web Parts | |
.UserSectionTitle | Form title inside Web Parts | |
.UserSectionHead | Control labels inside Web Parts | |
.UserSectionBody | Instructional text on a control inside a Web Part | |
.UserControlGroup | Area of a form control inside Web Parts | |
.UserSectionFooter | Area at bottom of user form containing dotted line and command buttons | |
.UserFooter | Area at bottom of a form | |
.UserCommandArea | Command button area at bottom of user form | |
.UserToolbar | Toolbar inside Web Parts | |
.UserCellSelected | A selected cell in a Web Part | |
.UserCell | A cell in a Web Part | |
.UserGenericBulletItem | A bulleted item in a Web Part | |
.ms-ToolPaneFrame | Background of Web Part tool pane interior | |
.ms-ToolPaneBody | Body of Web Part tool pane | |
.ms-ToolPaneBorder | Border around Web Part tool pane | |
.ms-ToolPaneHeader | Header of Web Part tool pane | |
.ms-ToolPaneClose | Area around "x" button to close tool pane | |
.ms-ToolPaneTitle | Title of tool pane | |
.ms-ToolPaneFooter | Footer area of tool pane | |
.ms-ToolPaneError | Error messages that show up in tool pane | |
.ms-ToolPaneInfo | Information messages that show up in tool pane | |
.ms-ToolPartSpacing | Spacing between parts | |
.ms-ToolStripSelected | Hover treatment for toolstrip at top of Web Part tool pane | ![]() |
.ms-ToolStrip | Toolstrip at top of Web Part tool pane | |
.ms-TPHeader | Header of Web Part tool pane | |
.ms-TPBorder | Border of Web Part tool pane | |
.ms-TPTitle | Title of Web Part tool pane | |
.ms-TPBody, | ||
.ms-TPBody A:link, | ||
.ms-TPBody A:visited, | ||
.ms-TPBody A:hover | Body of Web Part tool pane | |
.ms-TPCommands | Commands on Web Part tool pane | |
.ms-TPInput | Commands on Web Part tool pane | |
.ms-PropGridBuilderButton | Class used for "..." buttons in Web Part tool pane | ![]() |
.ms-BuilderBackground | Background of a dialog box spawned from Web Part property sheet | |
.ms-SPZone | Borders of a zone control | |
.ms-SPZoneSelected | Borders of a zone control when insertion bar is active inside it | |
.ms-SPZoneIBar | The insertion bar which shows which zone the user is dragging a part into | |
.ms-SPZoneLabel | Label on a zone | |
.ms-SPZoneCaption | Caption of text inside a zone | |
.ms-WPDesign | Background in a Web Part design mode | |
.ms-WPMenu | Area around menu | |
.ms-WPTitle, | ||
.ms-WPTitle A:link, | ||
.ms-WPTitle A:visited, | ||
.ms-WPTitle A:hover | Title of a Web Part | sample text |
.ms-WPSelected | Border 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 h6 | Contents of a Web Part | |
.ms-WPBorder | Border around a Web Part | |
.ms-HoverCellActive, | ||
.ms-HoverCellInActive, | ||
.ms-HoverCellActiveDark | Cell treatment on Hover throughout UI | |
.ms-SPLink, | ||
.ms-SPLink A:link, | ||
.ms-SPLink A:visited | "Modify Page" link | |
.ms-SPButton | Font for buttons | |
.ms-PartSpacingVertical | Vertical spacing between Web Parts | |
.ms-PartSpacingHorizontal | Horizontal spacing between Web Parts | |
.ms-WPHeader | Background area of a Web Part title bar | |
.ms-rtApplyBackground, | ||
.ms-tbButtonMouseOverDown, | ||
.ms-rtRemoveBackground | Rich text editor classes | |
.ms-subsmanageheader | Subscriptions: Used for "Frequency: Immediate" etc. section headers on MySubs.aspx / SiteSubs.aspx | ![]() |
.ms-subsmanagecell | Used for each subscription row | |
.ms-ConnError | Error messages when authoring connections | |
.ms-underline | Adds underline for description, items, and last modified text on list of lists page | ![]() |
.ms-underlineback | Same as ms-underline but adds a slight gray to background, used for titles of list of lists page | |
.ms-back | Background of gray and spacing | |
.ms-smallheader | Used for group names (e.g., Document Libraries) on the list of lists page | |
.ms-smallsectionline | Used 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:hover | Used for tabs in a Meeting Workspace | ![]() |
.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 questions | ![]() |
|
.ms-surveyTotal | Survey Graphical Summary View | |
Spacers between vertical bars in chart for ratings questions | ||
.ms-uploadborder | Border around multi-file upload control | ![]() |
.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-summarystandardbody | Internal 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:hover | Classes used by boxed view styles such as Document Details, Issues Boxed, etc. | ![]() |
.ms-alternating | Background color for shaded view style | ![]() |
.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:hover | Classes for Meeting Workspace recurrence navigation bar | ![]() |
Selector | What it controls | Container | Example | ||||
---|---|---|---|---|---|---|---|
.ms-MenuUI | SPS ECB menu | <table> |
![]() |
||||
.ms-menuUIItemTableCell | Table cell containing one SPS ECB menu item | <td> | |||||
.ms-MenuUIItemTable | SPS ECB menu item | <table> |
![]() |
||||
.ms-MenuUIIcon | Icon cell of one SPS ECB menu item | <td> |
![]() |
||||
.ms-MenuUILabel, | |||||||
.ms-MenuUILabelFont | Label cell of one SPS ECB menu item | <td> |
![]() |
||||
.ms-main | Table that contains entire portal page | <table> | |||||
.ms-bannerframe | Table that contains the top banner portion of the page. | <table> |
![]() |
||||
.ms-banner | Right table cell of top banner | <td> |
![]() |
||||
.ms-phnav1wrapper | Wrapper over horizontal navigation bar | <div> | |||||
.ms-navframe | Wrapper over horizontal navigation bar or outer table of vertical navigation bar | <div>, <table> | |||||
.ms-phnavtableone | Outer table of horizontal navigation bar | <table> |
![]() |
||||
.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> |
![]() |
||||
.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-titleareaframe | Middle section of page that includes page icon, page title, and search box | <td>, <div>, <table> | |||||
.ms-titlearea | Table cell containing portal title | <td> | |||||
.ms-pagetitle | Table cell containing page title | <td> | |||||
.ms-sbrow | Search box | <tr> |
![]() |
||||
.ms-sbtable, | |||||||
.ms-searchform | Applied to table cells of search box | <td> | |||||
.ms-sbtopcorner | Applies the corner gif to the top left corner of the search box | <td> | |||||
.ms-sblbcorner | Applies corner .gif to bottom-left corner of search box | <td> | |||||
.ms-sbgo | Search button table cell | <td> |
![]() |
||||
.ms-titlearealine | Horizontal line underneath title area | <td> | |||||
.ms-navframe | Grey section running down left side of page that contains navigation elements and action bar | <table> | |||||
.ms-nav | Container for ms-navframe table | <td> | |||||
.ms-navwatermark | Table cell that contains Microsoft Office Sharepoint Portal Server watermark on home page | <td> | |||||
.ms-pvnav | Vertical navigation bar | <table> |
![]() |
||||
.ms-navheader | Title of vertical navigation bar | <td> |
![]() |
||||
.ms-pvnavtableone1 | An area in the vertical navigation bar. |
![]() |
|||||
.ms-pvnavtopl1 | Top left of an area in vertical navigation bar | <td> | |||||
.ms-pvnavtopc1 | Top center of an area in vertical navigation bar | <td> | |||||
.ms-pvnavtopr1 | Top right of an area in vertical navigation bar | <td> | |||||
.ms-pvnavmidl1 | Middle left of an area in vertical navigation bar | <td> | |||||
.ms-pvnavmidc1 | Middle center of an area in vertical navigation bar | <td> | |||||
.ms-pvnavmidr1 | Middle right of an area in vertical navigation bar | <td> | |||||
.ms-pvnavbotl1 | Bottom left of an area in vertical navigation bar | <td> | |||||
.ms-pvnavbotc1 | Bottom center of an area in vertical navigation bar | <td> | |||||
.ms-pvnavbotr1 | Bottom right of an area in vertical navigation bar | <td> | |||||
.ms-pvtb | Vertical toolbar | <table> |
![]() |
||||
.ms-pvtbt | Vertical toolbar title and toolbar separator | <td> | Title and separator: | ||||
![]() |
|||||||
Separator alone: | |||||||
![]() |
|||||||
.ms-pvtbicon | Table cell containing vertical toolbar button icon | <td> |
![]() |
||||
.ms-pvtbbutton | Table cell containing vertical toolbar button text | <td> |
![]() |
||||
.ms-bodyareaframe | Main content section of page | <td> | |||||
.ms-tztable | Table used for layout of Web Part zones on portal area pages | <table> | |||||
.ms-tztop | Top table cell of Web Part layout table | <td> | |||||
.ms-tzmidleft | Middle left table cell of Web Part layout table | <td> | |||||
.ms-tzmidright | Middle right table cell of the Web Part layout table | <td> | |||||
.ms-tzmrdiv | Wrapper of content in middle right cell | <div> | |||||
.ms-srchtzmrdiv | Wrapper of content in middle right cell on search.aspx page | <div> | |||||
.ms-tzbottom | Bottom table cell of Web Part layout table | <td> | |||||
.ms-ls | One listing group inside Area Listing Web Part | <table> |
![]() |
||||
.ms-portaltitle | Text of listing group title in Area Listing Web Part or Title of Table of Contents Web Part | <td> | Listing group title: | ||||
![]() |
|||||||
Table of Contents Web Part title: | |||||||
![]() |
|||||||
.ms-lstopitemicon | Icon cell of a Listing item in Topic Item view | <td> |
![]() |
||||
.ms-lstopitemlink | Title cell of a Listing item in Topic Item view | <td> |
![]() |
||||
.ms-lstopitemdesc | Description cell of a Listing item in Topic Item view | <td> | |||||
.ms-lsmin | Title cell of a Listing item in Minimum and Compact view | <td> | |||||
.ms-lsnorm | Title and description cell of a Listing item in Normal view | <td> |
![]() |
||||
.ms-lsexp | Image cell, title and description cell of a Listing item in Expanded view | <td> |
![]() |
||||
.ms-lstitle | Tile of a Listing item in Expanded view | <a> | |||||
.ms-lswptitle | Tile of the Area Listing Web Part | <td> | |||||
.ms-location | Vertical breadcrumb trail Web Part | <table> |
![]() |
||||
.ms-locationhead | Vertical breadcrumb trail title | <td> |
![]() |
||||
.ms-locationicon(sel) | Table cell containing vertical breadcrumb trail icon | <td> |
![]() |
||||
.ms-locationbutton(sel) | Table cell containing vertical breadcrumb trail button text | <td> |
![]() |
||||
.bc-htable | Horizontal breadcrumb trail Web Part | <table> |
![]() |
||||
.bc-cell | Table cell containing content of horizontal breadcrumb trail Web Part | <td> | |||||
.bc-leadin | Lead-in text part of horizontal breadcrumb trail Web Part | <span> |
![]() |
||||
.bc-trail | Trail text part of horizontal breadcrumb trail Web Part | <span> |
![]() |
||||
.ms-catdesc | Area Details Web Part | <table> |
![]() |
||||
.ms-catdescicon | Icon cell of the Area Details Web Part | <td> |
![]() |
||||
.ms-catdesctext | Description cell of the area details Web Part | <td> | |||||
.ms-contactbox | Contact cell of Area Details Web Part | <td> | |||||
.ms-contactboxbg | Grey box displaying contact person for current area | <table> |
![]() |
||||
.ms-catdescimage | Picture of contact person | <td> | |||||
.ms-catdesccontact | Name of contact person | <td> |
![]() |
||||
.ms-toc | Table of Contents Web Part | <table> | |||||
.ms-toccat | One child area in the Table of Contents Web Part | <td> |
![]() |
||||
.ms-catindent | Image and ndentation column | <td> |
![]() |
||||
.ms-toccattitle | Title of child area | <td> | |||||
.ms-catsectionline | Section line under child area title | <td> | |||||
.ms-toccatitem | Description cell of child area | <td> | |||||
.ms-tocitems | Contains subareas and listings of child areas | <td> |
![]() |
||||
.ms-catlsts | Contains listings of child areas; HTML container is <span> in Table of Contents in horizontal mode and <table> in vertical mode | <span> | |||||
<table> | Horizontal: | ||||||
![]() |
|||||||
Vertical: | |||||||
![]() |
|||||||
.ms-catsubcats | Contains subareas of child areas; HTML container is <span> in Table of Contents in horizontal mode and <table> in vertical mode | <span> | |||||
<table> | Horizontal: | ||||||
![]() |
|||||||
Vertical: | |||||||
![]() |
|||||||
.ms-pageidi | Page icon on site admin pages | <td> |
![]() |
||||
.ms-colspace | Vertical spacer | <td> | |||||
.ms-pageidtapt | Page identification section of site admin pages | <table> |
![]() |
||||
.ms-pageidta | Breadcrumb trail cell on site admin pages | <td> |
![]() |
||||
.ms-pageidpt | Page title on site admin pages | <td> |
![]() |
||||
.ms-view | View selector | <table> |
![]() |
||||
.ms-viewhead | View selector title | <td> |
![]() |
||||
.ms-viewicon(sel) | Icon cell for one view in view selector | <td> | |||||
.ms-button(sel) | Text cell for one view in view selector | <td> |
![]() |
||||
.ms-formspacer | Space padding on site admin page forms | <td> | |||||
.ms-srchTitle | Title of item in search result | <td> | |||||
.ms-srchAlignTop | Sets vertical alignment for table cells in search result to Top | <td> | |||||
.ms-srchUrl | Cell displaying full URL of item in search result | <td> |
![]() |
||||
.ms-srchActions | Cell displaying possible actions on search result item | <td> |
![]() |
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.