CSS Reference Chart for SharePoint 2007 (Microsoft Office SharePoint Server 2007 and Windows SharePoint Services v3)
See also:
» SharePoint 2007 Design Articles and Info
» Image Reference Guide for SharePoint 2003
» SharePoint 2003 Design Articles and Info
The following CSS reference guide highlights the major styles used in MOSS and WSS v3 sites. The guide is organized by area of the page and include the style name, function, CSS file name and approximate line number and a sample screenshot of the style location on the screen. Additionally, there is a "Copy to Clipboard" function that will copy the source code for the style to your client machine's clipboard for use in your own CSS file. Use these guides to identify styles that can be overridden for your custom branding and installation or to quickly reference style name and CSS information for customization. Note, Copy to Clipboard ONLY WORKS in INTERNET EXPLORER. This functionality will not work in Firefox due to restrictions with the Firefox browser itself.
The default CSS files are located on the web server in the following directory: Local Drive:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\LAYOUTS\1033\STYLES.
Additional styles are located in the Publishing feature: Local Drive:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\FEATURES\PublishingLayouts\en-us
Table of Contents
- Global Links (Sign In/Welcome, My Links, etc.)
- Search
- Top Horizontal Navigation Bar (a.k.a. Global Navigation)
- Site Actions Menu
- Quick Launch Bar (Default Left Vertical Navigation Bar; a.k.a. Current Navigation)
- Quick Launch Picker (Date Picker)
- Title Area
- Content Area
- Search Center
- Site Directory
- Blog
- Wiki
Class/ID | Function | Properties | CSS File, Approx. Line Number, & Source Code Copy |
Notes | Screenshot |
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, 867 Portal.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, 349 OWSNOCR.CSS - 33, 43 |
||
.ms-formlabel | Form label formatting | Text alignment Font family, size, color, weight Border Padding |
Core.CSS - 284 OWSNOCR.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, 1355 SiteManagerCustomStyles.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 - 3407 SingleLevel.CSS - 332 Tabs.CSS - 419 Vertical.CSS - 419 |
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 |
This posting is provided "AS IS" with no warranties, and confers no rights.