Class/ID |
Function |
Properties |
CSS File, Approx. Line
Number, & Source Code Copy |
Notes |
Global Links (Sign In/Welcome, My Links, etc) |
– Back to Top – |
.ms-globalbreadcrumb |
Global link bar container |
Font
Text alignment
Background
Padding
Text decoration
Font color |
Core.CSS – 526, 532 |
|
 |
.ms-HoverCellInActive,.ms-SpLinkButtonInActive |
Global links |
Border
Margin
Font color
Alignment
Background |
Core.CSS – 2575 |
ms-HoverCellInActive is also used for the inactive state for Web Part drop down menu arrow. |
 |
.ms-HoverCellActive,.ms-SpLinkButtonActive |
Global links hover state |
Border
Alignment
Background |
Core.CSS – 2582 |
|
 |
.ms-globalleft |
Float table left |
Float |
Core.CSS – 540 |
Floats the table containing the Site Map Path |
 |
.ms-globallinks |
Global link text |
Font size, family
Background |
Core.CSS – 546, 551 |
|
 |
.ms-globalright |
Float table right |
Float |
Core.CSS – 543 |
Floats the table containing the global links |
 |
Global Links – CSS Tricks |
.ms-globalright td {
DECLARATION
} |
Container for separator bars |
Add to a custom file
Use to format the separator bars that appear between global links. |
 |
Search |
– Back to Top – |
.ms-sbcell |
Wrapper around search input, button and Advanced Search link |
Padding
Border
White Space |
Core.CSS – 4137 |
|
 |
td.ms-sbgo |
Search magnify icon |
Background
Padding |
Core.CSS – 4177 |
|
 |
.ms-sbLastcell |
Empty cell to the right of the search area |
Width |
Core.CSS – 4184 |
|
 |
.ms-sblink |
Link formatting |
Border
Font family, size, color
Text decoration
Padding |
Core.CSS – 4162, 4166, 4173 |
|
 |
.ms-sbplain |
Formatting for Search terms text box |
Font family, size
Border |
Core.CSS – 4153 |
Control the text box width in the master page using the TextBoxWidth property in the search code. |
 |
td.ms-sbscopes |
Wrapping table cell around Search Scopes |
Border |
Core.CSS – 4190 |
|
 |
select.ms-sbscopes |
Formatting for Search Scopes select box |
Font family, size
Width |
Core.CSS – 4193 |
Note this style uses ! IMPORTANT. |
 |
.ms-sbtable |
Wrapping table around Search |
Font color, family, size, style, weight |
Core.CSS – 4116 |
|
 |
.ms-sbtable-ex |
Wrapping table around Search |
Width
Border
Margin |
Core.CSS – 4128 |
|
 |
Search – CSS Tricks |
Search alignment can be tricky in custom master pages, check out this post for more info and CSS code to align the Search inputs: Align your Search Inputs |
Top Horizontal Navigation – Default styles, but you can easily replace the CssClass references to your own in the code for the navigation, or omit the wrapping HTML |
– Back to Top – |
.ms-bannerContainer |
Wrapping container around top navigation – Only shows through when a tab is not in the horizontal space in the top navigation. |
Background image, position, repeat, color
Padding |
Core.CSS – 518 |
|
 |
.ms-topnavContainer |
Wrapping container around top navigation, inside of ms-bannerContainer – Wraps only the tabs. |
Border |
Core.CSS – 639 |
|

* Default does not set a red border, for this example it was changed to red to demonstrate the wrapping nature of this style. |
.ms-topnav |
Navigation formatting |
Border
Background
Font family, size, color
Display
White space
Padding
Height |
Core.CSS – 643, 654 |
|
 |
.ms-topnavselected |
Formatting for selected navigation |
Font color, weight
Background
Border |
Core.CSS – 660, 670 |
|
 |
.ms-topNavHover |
Hover state |
Background
Border
Font color |
Core.CSS – 673, 681 |
|
 |
.ms-topNavFlyOuts |
Drop down menus |
Background
Font family, size, color
Display
Width
Padding |
Core.CSS – 692, 697 |
|
 |
.ms-topNavFlyOutsHover |
Hover state for drop down menus |
Background
Font color |
Core.CSS – 704 |
|
 |
Site Actions Menu |
– Back to Top – |
.ms-siteaction,.ms-siteaction a |
Site Actions text |
Font size, family, weight, color
Text decoration |
Core.CSS – 590 |
|
 |
.ms-siteactionsmenu |
Wrapping table cell |
White space
Font
Padding
Border
Cursor |
Core.CSS – 603 |
|
.ms-siteactionsmenu div div div |
Site Actions button |
Background
Border
Padding |
Core.CSS – 610, 619 |
|
 |
.ms-siteactionsmenu div div div.ms-siteactionsmenuhover |
Hover state |
Background
Border |
Core.CSS – 623 |
|
 |
Quick Launch Bar (Default Left Vertical Navigation Bar) – Default styles, but you can easily replace the CssClass references to your own in the code for the navigation, or omit the wrapping HTML |
– Back to Top – |
.ms-titleareaframe |
Area above navigation |
See Title Area |
On some screens since this area is directly above the left navigation it seems it would have an associated left navigation style, but instead the area is the entire page width and is a part of the title area. |
.ms-pagemargin |
Area to the right of the navigation |
Background color, image, repeat, position
Height |
Core.CSS – 1212 |
|
 |
.ms-quicklaunchheader |
Quick Launch Headers (such as View All Site Content button) |
Padding
Font weight, color, size
Text-decoration
Background |
Core.CSS – 917, 927, 931 |
|
 |
.ms-navheader |
Navigation headers |
Background
Border
Padding
Font weight, color
Text decoration |
Core.CSS – 744, 756, 851, 854, 859 |
|
 |
.ms-selectednavheader |
Selected view state for navigation headers |
Width
Background
Border
Padding
Font weight, color
Text decoration |
Core.CSS – 766, 800, 811, 816 |
|
.ms-navitem |
Sub navigation items under navigation headers |
Background
Padding
Font family, color
Text decoration |
Core.CSS – 820, 863, 867Portal.CSS – 782, 786, 790, 794 |
|
 |
.ms-selectednav |
Selected view state for navigation items under navigation headers |
Border
Background
Margin
Width
Padding
Font color |
Core.CSS – 779, 788, 796, 941 |
|
 |
.ms-navSubMenu1 |
Sub navigation items under navigation headers |
Width
Border
Background |
Core.CSS – 827 |
|
 |
.ms-navSubMenu2 |
Sub navigation items under navigation headers |
Border
Width
Background
Margin |
Core.CSS – 763, 832 |
|
 |
.ms-treeviewouter |
Containing DIV for Tree View in Quick Launch |
Border
Padding |
Core.CSS – 741, 750, 753, 887, 890 |
|
 |
div.ms-treeviewouter div |
Top border of Tree View Pane |
Border |
Core.CSS – 750 |
|
 |
.ms-tvselected |
Selected navigation item in Tree View |
Background
Font color |
Core.CSS – 881, 884 |
|
 |
.ms-recyclebin |
Recycle Bin |
Background
Width
Border
Padding
Font weight, color
Text decoration |
Core.CSS – 893, 900, 905 |
|
 |
.ms-quicklaunchouter |
Bottom border of Quick Launch pane and margin around pane |
Border
Margin |
Core.CSS – 874, 878 |
|
 |
.ms-quickLaunch |
Quick Launch pane formatting and top and side borders around pane |
Border
Font
Line-height
Background |
Core.CSS – 909 |
|
 |
.ms-quickLaunch table td |
Container for sub items |
Border |
Core.CSS – 738 |
Default code adds a 1px top and bottom border around set of sub menu items as shown in red to the right. |
 |
Quick Launch Picker (Date Picker) |
– Back to Top – |
.ms-picker-header |
Picker header |
Font weight
Background |
DatePicker.CSS – 8 |
|
 |
.ms-picker-dayheader |
Days of the week |
Font family, size, color, weight
Text alignment
Border
Padding |
DatePicker.CSS – 17 |
|
 |
.ms-picker-daycenter |
Date boxes |
Text alignment
Font size, family, color
Border
Height
Text decoration |
DatePicker.CSS – 96, 105, 111, 119 |
|
 |
.ms-picker-daycenterOn |
Hover state for Date boxes |
Background
Height |
DatePicker.CSS – 96, 123 |
|
 |
.ms-picker-dayselected |
Current date |
Text alignment
Font size, family
Background
Border |
DatePicker.CSS – 126 |
|
 |
.ms-picker-footer |
Picker footer |
Border
Font family, size, color
Padding
Text decoration |
DatePicker.CSS – 180, 187, 190 |
|
 |
.ms-quickLaunch |
Wrapper around entire picker |
See ms-quickLaunch |
Title Area |
– Back to Top – |
.ms-titlearealeft |
Wrapping table cell around page image |
Background |
Core.CSS – 1116 |
|
 |
.ms-titleareaframe |
Wrapping table cell around page image and neighboring table cell to the right |
Background image, repeat, position, color
Text alignment |
Core.CSS – 1120 |
|
 |
.ms-pagetitleareaframe table |
Wrapping table cell around page title |
Background image, repeat, position, color
Text alignment |
Core.CSS – 1130 |
|
 |
.ms-pagetitle |
Page title text |
Font color, family, size, weight
Margin |
Core.CSS – 1256, 1263, 1269 |
|
 |
Content Area |
General |
– Back to Top – |
.ms-bodyareaframe |
Content container |
Vertical alignment
Height
Width
Background
Border
Padding |
Core.CSS – 1238, 1247 |
|
.ms-listdescription |
List/library description |
Font color, family
Background
Padding
Border |
Core.CSS 1631 |
|
 |
.ms-formbody |
Background for cells with form fields |
Line height
Font family, size
Vertical align
Background
Border
Padding
Text alignment |
Core.CSS – 304, 333, 349OWSNOCR.CSS – 33, 43 |
|
 |
.ms-formlabel |
Form label formatting |
Text alignment
Font family, size, color, weight
Border
Padding |
Core.CSS – 284OWSNOCR.CSS – 22 |
|
 |
.ms-formline |
Bottom line under last form fields |
Border
Padding |
Core.CSS – 352 |
|
 |
.ms-authoringcontrols |
Background for cells with form fields on administrative pages |
Background
Font family, size, color |
Core.CSS – 1413 |
|
 |
.ms-propertysheet |
Controls fonts in several locations |
Text-align
Font family, size, color, weight, text decoration |
Core.CSS – 1511, 1517, 1523, 1527 |
|
.ms-menuimagecell |
Arrow that appears when column headers are moused over |
Background
Cursor
Border
Padding
Height |
Core.CSS – 1345, 1352, 1355SiteManagerCustomStyles.CSS – 428 |
|
 |
Breadcrumbs |
– Back to Top – |
.ms-pagebreadcrumb |
Breadcrumb navigation in main content area |
Padding
Border
Font size, color
Text decoration
Background |
Core.CSS – 556, 561 |
|
 |
.removeMargins |
Adjusts margins around breadcrumb |
Margins |
PageLayouts.CSS – 105 |
|
.breadcrumb |
Page level breadcrumbs used on publishing pages |
Font
Padding
Border
Margin |
Band.CSS – 47, 60, 67 |
|
 |
.breadcrumbCurrent |
Current location in page level breadcrumbs used on publishing pages |
Font |
Band.CSS – 71 |
|
 |
Page Edit Toolbar (Edit Console) |
– Back to Top – |
.ms-consolemptablerow |
Wrapper around Edit Toolbar – master table cell |
Background |
Core.CSS – 3203 |
|
 |
.ms-consoletitleareaframe |
Edit Toolbar container – sub table cell |
Background
Text alignment
Padding
Width |
Core.CSS – 1120, 1139, 1142 |
This is the sides of the toolbar; optionally hide these instead of reformatting by doing a display: none. |
 |
.ms-consoletitleareaframebottom |
Bottom area under toolbar |
Background
Text alignment
Padding |
Core.CSS – 1146 |
This is the bottom of the sides of the toolbar |
 |
.ms-consoleframe |
Edit Toolbar container – sub sub table |
Border |
Core.CSS – 3210, 3223 |
This is the top and bottom border of the toolbar as a whole |
 |
.ms-consolestatusframe |
Edit Toolbar container – sub sub sub table |
Border
Background |
Core.CSS – 3210, 3227 |
This the background of the lower sections of the toolbar |
 |
.ms-consolestatuscheckoutframe |
Edit Toolbar container – sub sub sub table cell |
Background |
Core.CSS – 3233, 3244 |
This is the gradation in the top bar when the page is in Edit mode |
 |
.ms-consolestatusminorframe |
Edit Toolbar container – sub sub sub table cell |
Background |
Core.CSS – 3233, 3240 |
This is the gradation in the top bar when looking at a draft state of the page |
 |
.ms-consolehr |
Separator rules between rows in toolbar |
Background
Height |
Core.CSS – 3293 |
|
 |
Page Edit Toolbar – CSS Tricks |
td.ms-titleareaframe, div.ms-titleareaframe, .ms-pagetitleareaframe, .ms-mwspagetitleareaframe, .ms-consoletitleareaframe{
background: transparent none
}
.ms-consoletitleareaframebottom, td.ms-consolemptablerow {
background: transparent
} |
Blanks out background color of page edit toolbar |
Often when working with a custom master page, the page edit toolbar will create a thin blue line on pages when the toolbar is not being shown. Use this style to remove this issue. NOTE! In order for this to work, you also have to add to the PrefixHtml code for the Delegate Control: PrefixHtml=”& lt ;table width=100%& gt ;& lt ;tr& gt ;& lt ;td colspan=& quot ;4& quot ; id=& quot ;mpdmconsole& quot ; class=& quot ;ms-consolemptablerow& quot ;& gt ;”. Remove the spaces after each & and before each ;. Be sure to close the table in the SuffixHtml. |
Mini Console |
– Back to Top – |
.ms-wikieditouter |
Div wrapper around console buttons |
Height
Font size, family
Position
Border
Text alignment
Margin |
See shared styles under Wiki |
|
 |
.ms-wikieditthird |
Background of buttons |
Background
Padding |
|
 |
.ms-wikitoolbar a.ms-toolbar |
Buttons |
Font color |
|
 |
.ms-wikitoolbar a:hover.ms-toolbar |
Hover state of buttons |
Text decoration
Font color |
|
 |
.ms-toolbar |
See Toolbar |
|
|
|
.ms-separator |
See Toolbar |
|
|
|
 |
Web Parts |
– Back to Top – |
.ms-WPSelected |
Edit view |
Border |
Core.CSS – 2503 |
|
.ms-WPHeader |
Header area |
Border |
Core.CSS – 2664 |
|
 |
.ms-WPTitle |
Title text |
Font weight, family, color
Text decoration
Padding
Cursor |
Core.CSS – 2480, 2491, 2497 |
|
 |
.ms-HoverCellInActive |
Inactive state for web part menu arrow |
See Global Links |
 |
.ms-HoverCellActiveDark |
Mouseover for web part menu arrow |
Background
Border
Vertical alignment |
Core.CSS – 2590 |
|
 |
.ms-WPBody |
Body content of web parts |
Font size, family, color, decoration |
Core.CSS – 2507, 2512, 2516, 2521 |
This is not used by all web parts! Generally web part data not in a table will pick up this style. |
 |
.ms-WPBorder |
Body content of web parts |
Border |
Core.CSS – 2565, 2571 |
This is not used by all web parts! Generally web part data in a table format will pick up this style. Also test the Content Editor Web Part to verify that your changes do not have an adverse affect on it. |
 |
.link-item |
Links within web parts |
Font size, family, color, decoration |
Controls.CSS – 63, 69, 73, 2521 |
|
 |
.bullet |
Bullets used in web part content |
Border
Vertical alignment
Background
Padding |
Controls.CSS – 117 |
|
 |
.description |
Descriptions within web parts |
Font size, family, color |
Controls.CSS – 91 |
|
 |
.ms-vb |
Column headers in lists, among other things |
Vertical alignment
Font color, size, decoration |
Core.CSS – 1750, 1754, 1758, 1762, 1766, 1838, 1843 |
Proceed carefully with changes to ms-vb, the style is used in multiple places and it’s properties are grouped with other styles. Break out the classes and properties you need to change, and test your site heavily. |
 |
.ms-rteCustom-ArticleTitle |
Article Title in rich text fields |
Font size, weight, family, color, text-transform |
HtmlEditorCustomStyles.CSS – 68 |
|
.ms-rteCustom-ArticleHeadLine |
Article Headline in rich text fields |
Font size, weight, family, color |
HtmlEditorCustomStyles.CSS – 83 |
|
.ms-rteCustom-ArticleByline |
Article Byline in rich text fields |
Font size, weight, family, color |
HtmlEditorCustomStyles.CSS – 76 |
|
 |
.ms-addnew |
Link to add new list items |
Font weight, family, size, color, decoration
Padding |
Core.CSS – 1882, 1889, 1893 |
Note that this class is used twice, once for the container table cell, and again for the hyperlink. |
 |
.ms-partline |
Separating line under web part and above Action links |
Background |
Core.CSS – 1507 |
|
 |
Menu Toolbar |
– Back to Top – |
.ms-menutoolbar |
Toolbar menu |
Border
Height
Background |
Core.CSS – 70, 77 |
|
 |
.ms-separator img |
Separating line between toolbar options |
Height
Width
Margin
Background
Border |
Core.CSS – 1404 |
|
 |
.ms-menubuttoninactivehover |
Toolbar button |
Margin
Padding
Background
Line height |
Core.CSS – 100 |
|
 |
.ms-menubuttonactivehover |
Hover state for toolbar buttons |
Margin
Padding
Background
Line height
Border
Cursor |
Core.CSS – 106 |
|
 |
.ms-splitbuttonhover |
Hover state for “New” toolbar button |
Background
Border
Margin |
Core.CSS – 202 |
|
.ms-splitbutton |
“New” toolbar button |
Margin |
Core.CSS – 199 |
|
.ms-splitbuttontext |
Wrapping table cell for toolbar menu item |
Padding |
Core.CSS – 196, 207 |
|
.ms-splitbuttondropdown |
Separating line between ‘New’ text and drop down arrow |
Padding
Margin
Border
Cursor |
Core.CSS – 192, 207, 211 |
|
 |
.ms-listheaderlabel |
“View” text |
Font color, size, family |
Core.CSS – 132, 135 |
|
 |
.ms-viewselector |
View drop down menu |
Font size, family, weight, color
Border
Background
Padding
Cursor
Width |
Core.CSS – 135, 139, 150, 158, 165 |
|
 |
.ms-viewselectorhover |
Hover state for View drop down menu |
Font size, family, weight
Border
Background
Padding
Cursor
Width |
Core.CSS – 135, 139, 150, 161, 165 |
|
 |
Toolbar |
– Back to Top – |
.ms-toolbar |
Wrapping table cell for toolbar |
Font family, size, color
Text decoration
Background
Border |
Core.CSS – 20, 37, 42 |
Also used in the Mini Console |
 |
.ms-separator |
Button separator |
Font color, size |
Core.CSS 1399 |
Also used in the Mini Console |
 |
Calendar |
– Back to Top – |
** Download a clean version of calendar styles ready for branding ** |
.ms-calheader |
Calendar header |
Background |
Calendar.CSS – 3 |
|
 |
.ms-cal-navheader |
Month directional arrows |
Background
Border
Vertical alignment |
Calendar.CSS – 844 |
|
 |
.ms-cal-weekday |
Weekday |
Background
Font color, weight
Padding |
Calendar.CSS – 50 |
|
 |
.ms-cal-weekempty |
Space to the left of the week day and weeks |
Background
Width
Font size |
Calendar.CSS – 41 |
|
 |
.ms-cal-topday |
Day header |
Background
Border
Font weight, color
Text alignment |
Calendar.CSS – 75 |
|
 |
.ms-cal-topdayover, |
Hover state for Day header |
Background
Border
Cursor
Text alignment |
Calendar.CSS – 148 |
|
 |
.ms-cal-nodataMid |
Empty days |
Font family, size
Vertical alignment
Padding
Border
Background |
Calendar.CSS – 215, 220 |
|
 |
.ms-cal-nodataBtm2 |
Bottom area of empty days |
Padding
Border
Background
Vertical alignment |
Calendar.CSS – 220, 227 |
|
 |
.ms-cal-week |
Week header |
Background
Border |
Calendar.CSS – 56 |
|
 |
.ms-cal-weekselected |
Hover state for Week header |
Font color
Text decoration
Border
Cursor
Background |
Calendar.CSS – 62, 67 |
|
 |
.ms-cal-workitem |
Work days |
Font family, size
Padding
Border
Vertical alignment
Background |
Calendar.CSS – 235, 240 |
|
 |
.ms-cal-workitem2B |
Bottom area of each work day |
Padding
Border
Background |
Calendar.CSS – 252 |
|
 |
.ms-cal-noworkitem |
Non work days |
Font family, size
Vertical alignment
Padding
Border
Background |
Calendar.CSS – 235, 285 |
|
 |
.ms-cal-noworkitem2B |
Bottom area of each non work day |
Padding
Border
Background |
Calendar.CSS – 292 |
|
 |
.ms-cal-topday-today |
Today marker |
Background
Border
Text alignment
Font weight, color
Text decoration |
Calendar.CSS – 119, 125, 131, 200 |
|
 |
.ms-cal-topday-todayover |
Hover state for Today marker |
Background
Border
Cursor
Text alignment |
Calendar.CSS – 136 |
|
 |
.ms-cal-defaultbgcolor |
All Day Event marker in Month View |
Background
Text alignment
Font weight
Text overflow
Padding
Cursor |
Calendar.CSS – 352 |
|
 |
.ms-cal-defaultbgcolorsel |
Hover state for All Day Event marker in Month View |
Background
Text alignment
Font weight
Text overflow
Padding
Cursor
Font color
Text decoration |
Calendar.CSS – 362, 390, 393 |
|
 |
.ms-cal-time |
Area to left of All Day Event marker in Day View |
Border
Width
Background |
Calendar.CSS – 410 |
|
 |
.ms-cal-alldayevent |
Area to right of All Day Event marker in Day View |
Text alignment
Border
Padding
Height
Vertical alignment
Text overflow
Text decoration
Background
Height
Font family, size |
Calendar.CSS – 420, 715, 719 |
|
 |
.ms-cal-wemptycell,.ms-cal-wemptycellL |
Empty cells for other days not marked as an All Day Event when an All Day Event appears in the Week View |
Border
Background |
Calendar.CSS – 703 |
|
 |
.ms-cal-tweekitem |
Appointment block in Week View |
Border
Background
Width
Height
Padding
Vertical alignment
Font family, size
Overflow |
Calendar.CSS – 756, 764, 770 |
|
 |
.ms-cal-tdayitem |
Appointment block in Day View |
Border
Background
Width
Height
Padding
Vertical Alignment
Font family, size
Overflow |
Calendar.CSS – 779, 787, 793, 798 |
|
 |
Search Center (Advanced Search) |
– Back to Top – |
.ms-ptabarea |
Containing table for tabs |
Margin |
Portal.CSS – 17 |
These same styles are also used by the Site Directory because in the style sheet the classes are grouped, but the Site Directory does utilize different class names. |
.ms-ptabcn |
Selected tab |
Background
Border
Font
Padding |
Portal.CSS – 20 |
 |
.ms-ptabcnhover |
Selected tab hover |
Background
Border
Font
Padding |
Portal.CSS – 33 |
 |
.ms-ptabcn A:link,
.ms-ptabcn A:visited,
.ms-ptabcnhover A:link,
.ms-ptabcnhover A:visited, |
Selected tab text |
Text decoration
Font
Color |
Portal.CSS – 46 |
 |
.ms-ptabcnhover A:hover |
Selected tab text hover |
Text decoration
Font
Color |
Portal.CSS – 52 |
 |
.ms-sctabcf |
Unselected tab |
Border
Font
Padding |
Portal.CSS – 118 |
 |
.ms-ptabcfhover |
Unselected tab hover |
Background
Border
Font
Padding |
Portal.CSS – 71 |
 |
.ms-ptabcf A:link,
.ms-ptabcf A:visited,
.ms-ptabcfhover A:link,
.ms-ptabcfhover A:visited, |
Unselected tab text |
Text decoration
Font
Color |
Portal.CSS – 86 |
 |
.ms-ptabcfhover A:hover |
Unselected tab text hover |
Text decoration
Font
Color |
Portal.CSS – 91 |
 |
.ms-sctabrx |
Line extending past tabs |
Width
Background
Border
Font family, size, style, weight
Padding
Vertical alignment
Text alignment |
Portal.CSS – 134 |
 |
Site Directory (Site Map) |
– Back to Top – |
See Search Center |
Site Map tabs |
See Search Center |
See Search Center |
|
 |
.ms-ptabcf |
Unselected tab |
Background
Border
Font
Padding |
Portal.CSS – 58 |
|
 |
.ms-ptabrx |
Line extending past tabs |
Width
Background
Border
Font family, size, style, weight
Padding
Vertical alignment
Text alignment |
Portal.CSS – 110 |
|
 |
Blog |
– Back to Top – |
.ms-PostWrapper |
Wrap around each post, includes date, title and footer |
Font color
Width |
Core.CSS – 3510 |
By default, this style sets a fixed width for the posts. |
.ms-PostDate |
Post date |
Font size, color
Margin
Border
Padding |
Core.CSS – 3569 |
|
 |
.ms-PostTitle |
Post title |
Font size, color
Border
Padding
Position
Text decoration |
Core.CSS – 3531, 3536, 3541 |
|
 |
.ms-PostBody |
Post body copy |
Font size, color
Line height
Padding
Margin |
Core.CSS – 3555, 3563, 3566 |
|
 |
.ms-PostFooter |
Post footer links and info |
Font size, color
Padding
White space |
Core.CSS – 3546, 3551 |
|
 |
.ms-CommentsWrapper |
Wrap around comments |
See ms-PostWrapper |
By default, these areas use the same style properties, but since they use different class names, these can be broken out in your CSS file. |
.ms-CommentHeader |
Comment header text |
Font size, color, weight
Margin
Padding
Position |
Core.CSS – 3577 |
|
 |
.ms-commentsempty |
Formatting for default text when no comments have been posted. |
Font size, color, weight
Margin
Padding
Position |
Core.CSS – 3604 |
|
 |
.ms-commenttable |
Table that wraps each comment. |
Margin
Padding
Border |
Core.CSS – 3639, 3643 |
|
 |
.ms-CommentTitle |
Comment title |
Font color, size
Line-height
Padding
Margin |
Core.CSS – 3589 |
|
 |
.ms-CommentBody |
Comment body copy |
Font color, size
Line-height
Padding |
Core.CSS – 3597 |
|
 |
.ms-CommentFooter |
Comment footer |
See ms-PostFooter |
By default, these areas use the same style properties, but since they use different class names, these can be broken out in your CSS file. |
 |
.ms-blogedit |
Edit button for posts and comments. |
Font size, color
Line height
Vertical alignment
Border
Height
Padding
Background |
Core.CSS – 3610, 3616 |
|
 |
.ms-blogAdminLinks |
Admin links that show to right of blog posts |
List style
Margin
Padding
Background
Font color |
Core.CSS – 3493, 3499, 3507 |
This is an unordered list. |
 |
.ms-BlogNavigator |
Class used in a wrapper DIV tag that is around the Quick Launch (current) navigation. Used as a contextual selector in the CSS for many styles. Some styles seem to change nothing on the page when altered. Effective styles are listed below. |
 |
.ms-BlogNavigator div.ms-navheader |
Navigation headers |
Background
Border
Padding
Font color, weight |
Core.CSS – 3687, 3694, 3697 |
|
 |
.ms-BlogNavigator div.ms-WPBody |
Border above navigation headers |
Border |
Core.CSS – 3704 |
|
 |
.ms-BlogNavigator div.ms-PartSpacingVertical |
Space under items in a navigation block. |
Font size
Margin |
Core.CSS – 3707 |
|
 |
.ms-BlogNavigator td.ms-addnew |
Amount of left indention of “Add New…” links |
Padding
Background |
Core.CSS – 3712 |
|
 |
.ms-BlogNavigator td.ms-addnew img |
Amount of left indention after bullet in “Add New…” links |
Margin |
Core.CSS – 3715 |
|
 |
.ms-CategoryTitleCell |
Container and contents formatting for sub navigation items |
Padding
Display
Background
Margin |
Core.CSS – 3666, 3670 |
|
 |
.ms-blogrssnav |
RSS Feed link |
Font color, weight, size, text-decoration
Padding
Border |
Core.CSS – 3515, 3522 |
|
 |
.ms-blogrssnav img |
RSS Feed image |
Border |
Core.CSS – 3528 |
|
 |
Wiki |
– Back to Top – |
Depends on your master page |
The Wiki Pages nav uses the Quick Launch styles from the master page. If you changed the style names in the master page, then those are the styles being used. If you did not change the styles, and just altered the default SharePoint styles, the navigation styles are included above. |
 |
.ms-quicklaunchouter
ms-quickLaunch
ms-quicklaunchheader
ms-navsubmenu1
ms-navsubmenu2
ms-navitem |
The Recent Changes Wiki nav uses the default styles for the Quick Launch, and not any custom styles you may have created for the Quick Launch in your master page. The navigation styles are included above. |
 |
.ms-recentchanges |
Bullet image to left of View All Pages in nav |
Vertical alignment
Padding |
Core.CSS – 3459 |
|
 |
.ms-addnew |
View All Pages text link |
Vertical alignment
Padding |
See ms-addnew. |
This style is used in many places in SharePoint, including under web parts to add new items to lists and libraries. |
 |
.ms-wikieditouter |
Div wrapper around console buttons |
Height
Font size, family
Position
Border
Text alignment
Margin |
Band.CSS – 387
* SAME AS TABS.CSS & VERTICAL.CSS *
Core.CSS – 3407SingleLevel.CSS – 332Tabs.CSS – 419
* SAME AS BAND.CSS & VERTICAL.CSS *Vertical.CSS – 419
* SAME AS BAND.CSS & TABS.CSS * |
These Mini Console styles are also used in the Site Directory |
 |
.ms-wikieditthird |
Background of buttons |
Background
Padding |
Core.CSS – 3423 |
 |
.ms-wikitoolbar a.ms-toolbar |
Buttons |
Font color |
Core.CSS – 3404 |
 |
.ms-wikitoolbar a:hover.ms-toolbar |
Hover state of buttons |
Text decoration
Font color |
Core.CSS – 3437 |
 |
.ms-separator |
See Toolbar |
|
|
|
 |
.ms-wikicontent |
Text formatting in a wiki page |
Text decoration
Font color
Line height
Border |
Core.CSS – 3442, 3445, 3447, 3449, 3454 |
|