设为首页 收藏本站

运维网

 找回密码
 立即注册
查看: 716|回复: 0

[经验分享] CSS Reference Chart for SharePoint 2007 (Microsoft Office SharePoint Server 2007

[复制链接]
hmzone

尚未签到
发表于 2015-9-26 13:25:28 | 显示全部楼层 |阅读模式
原文链接：http://www.heathersolomon.com/content/sp07cssreference.htm
　　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

    • General
    • Breadcrumbs
    • Page Edit Toolbar
    • Mini Console
    • Web Parts
    • Menu Toolbar
    • Toolbar
    • Calendar

  • Search Center
  • Site Directory
  • Blog
  • Wiki

Class/IDFunctionPropertiesCSS File, Approx. Line
Number, & Source Code Copy		NotesScreenshot
Global Links (Sign In/Welcome, My Links, etc)- Back to Top -
.ms-globalbreadcrumbGlobal link bar containerFont
Text alignment
Background
Padding
Text decoration
Font color		Core.CSS - 526, 532
.ms-globalbreadcrumb {
font-size:8pt;
text-align:right;
background-color:#ebf3ff;
padding:2px 10px 2px 5px;
}
.ms-globalbreadcrumb,.ms-globalbreadcrumb a{
text-decoration:none;
color:#666666;
}
.ms-globalbreadcrumb a:hover{
text-decoration:underline;
color:#000000;
} Copy to Clipboard
.ms-HoverCellInActive,.ms-SpLinkButtonInActiveGlobal linksBorder
Margin
Font color
Alignment
Background		Core.CSS - 2575
.ms-HoverCellInActive,.ms-SpLinkButtonInActive {
border:none;
margin:1px;
color:#4c4c4c;
vertical-align:top;
background-color:transparent;
} Copy to Clipboard		ms-HoverCellInActive is also used for the inactive state for Web Part drop down menu arrow.
.ms-HoverCellActive,.ms-SpLinkButtonActiveGlobal links hover stateBorder
Alignment
Background		Core.CSS - 2582
.ms-HoverCellActive,.ms-SpLinkButtonActive {
border:#6f9dd9 1px solid;
vertical-align:top;
background-color:#ffbb47;
background-image:url("/_layouts/images/menubuttonhover.gif");
} Copy to Clipboard
.ms-globalleftFloat table leftFloatCore.CSS - 540
.ms-globalleft{
float:left;
} Copy to Clipboard		Floats the table containing the Site Map Path
.ms-globallinksGlobal link textFont size, family
Background		Core.CSS - 546, 551
ms-globallinks{
font-size:8pt;
background:transparent;
font-family:tahoma;
}
.ms-globallinks,.ms-globallinks a{
color:#666666;
text-decoration:none;
font-family:tahoma;
} Copy to Clipboard
.ms-globalrightFloat table rightFloatCore.CSS - 543
.ms-globalright{
float:right;
} Copy to Clipboard		Floats the table containing the global links
Global Links - CSS Tricks
.ms-globalright td {
DECLARATION
}
Container for separator barsAdd to a custom file
Use to format the separator bars that appear between global links.
Search- Back to Top -
.ms-sbcellWrapper around search input, button and Advanced Search linkPadding
Border
White Space		Core.CSS - 4137
td.ms-sbcell{
padding:0px;
padding-left:2px;
white-space:nowrap;
border:solid 1px #7f9db9;
} Copy to Clipboard
td.ms-sbgoSearch magnify iconBackground
Padding		Core.CSS - 4177
td.ms-sbgo{
background-color:#e9f2fd;
padding-left:3px;
padding-right:3px;
padding-bottom:1px;
padding-top:1px;
} Copy to Clipboard
.ms-sbLastcellEmpty cell to the right of the search areaWidthCore.CSS - 4184
.ms-sbLastcell,.ms-rightbodysectionsearchbox{
width:100%;
} Copy to Clipboard
.ms-sblinkLink formattingBorder
Font family, size, color
Text decoration
Padding		Core.CSS - 4162, 4166, 4173
td.ms-sblink{
padding-right:14px;
border:none;
}
.ms-sblink a:link,.ms-sblink a:visited{
font-family:Tahoma;
font-size:8pt;
color:#666666;
text-decoration:none;
padding-left:4px;
}
.ms-sblink a:hover{
color:#000000;
text-decoration:underline;
} Copy to Clipboard
.ms-sbplainFormatting for Search terms text boxFont family, size
Border		Core.CSS - 4153
.ms-sbplain{
font-family:Tahoma;
font-size:8pt;
border:none;
} Copy to Clipboard		Control the text box width in the master page using the TextBoxWidth property in the search code.
td.ms-sbscopesWrapping table cell around Search ScopesBorderCore.CSS - 4190
select.ms-sbscopesFormatting for Search Scopes select boxFont family, size
Width		Core.CSS - 4193
td.ms-sbscopes{
border:none !important;
} Copy to Clipboard		Note this style uses ! IMPORTANT.
.ms-sbtableWrapping table around SearchFont color, family, size, style, weightCore.CSS - 4116
.ms-sbtable{
color:#000000;
font-family:Verdana;
font-size:0.7em;
font-style:normal;font-weight:normal
} Copy to Clipboard
.ms-sbtable-exWrapping table around SearchWidth
Border
Margin		Core.CSS - 4128
.ms-sbtable-ex{
width:100%;
border-collapse:collapse;
margin-top:2px;
margin-left:2px;
} Copy to Clipboard
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-bannerContainerWrapping 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-bannerContainer{
background-image:url("/_layouts/images/siteTitleBKGD.gif");
background-position:right top;
background-repeat:repeat-y;
background-color:#FFFFFF;
padding-right:10px;
padding-left:5px;
} Copy to Clipboard
.ms-topnavContainerWrapping container around top navigation, inside of ms-bannerContainer - Wraps only the tabs.BorderCore.CSS - 639
.ms-topnavContainer{
border:none;
border-left:solid 1px #c2dcff;
} Copy to Clipboard
* Default does not set a red border, for this example it was changed to red to demonstrate the wrapping nature of this style.
.ms-topnavNavigation formattingBorder
Background
Font family, size, color
Display
White space
Padding
Height		Core.CSS - 643, 654
.ms-topnav{
border:solid 1px #c2dcff;
border-left:solid 1px #ffffff;
border-bottom:none;
background-image:url("/_layouts/images/topnavunselected.gif");
background-repeat:repeat-x;
font-family:Tahoma;
font-size:8pt;
background-color:#e2efff;
color:#3764a0;
}
.ms-topnav a{
display:block;
white-space:nowrap;
padding:1px 8px 0px 8px;
height:18px;
} Copy to Clipboard
.ms-topnavselectedFormatting for selected navigationFont color, weight
Background
Border		Core.CSS - 660, 670
.ms-topnavselected{
color:#003399;
background:url("/_layouts/images/topnavselected.gif");
background-repeat:repeat-x;
font-weight:bold;
border:solid 1px #79a7e3;
border-bottom-width:0px;
border-left:solid 1px #e3efff;
background-color:#6593cf;
}
.ms-topnavselected a{
color:#003399;
} Copy to Clipboard
.ms-topNavHoverHover stateBackground
Border
Font color		Core.CSS - 673, 681
.ms-topNavHover{
background-image:url("/_layouts/images/topnavhover.gif");
background-color:#ffe6a0;
border:solid 1px #c2a770;
border-left:solid 1px #ffffff;
border-bottom-width:0px;
color:#000000;
}
.ms-topNavHover a{
color:#000000;
} Copy to Clipboard
.ms-topNavFlyOutsDrop down menusBackground
Font family, size, color
Display
Width
Padding		Core.CSS - 692, 697
.ms-topNavFlyOuts{
background-color:#F2F8FF;
font-family:Tahoma;
font-size:8pt;
}
.ms-topNavFlyOuts a{
display:block;
*width:120px;
min-width:120px;
color:#3764a0;
padding:4px 8px 4px 8px;
} Copy to Clipboard
.ms-topNavFlyOutsHoverHover state for drop down menusBackground
Font color		Core.CSS - 704
.ms-topNavFlyOutsHover{
background-color:#ffe6a0;
color:#000000;
} Copy to Clipboard
Site Actions Menu- Back to Top -
.ms-siteaction,.ms-siteaction aSite Actions textFont size, family, weight, color
Text decoration		Core.CSS - 590
.ms-siteaction,.ms-siteaction a{
font:8pt tahoma;
font-weight:bold;
color:#666666;
text-decoration:none;
} Copy to Clipboard
.ms-siteactionsmenuWrapping table cell White space
Font
Padding
Border
Cursor		Core.CSS - 603
.ms-siteactionsmenu{
white-space:nowrap;
font:8pt tahoma;
padding:0;
border:none;
cursor:pointer;
} Copy to Clipboard
.ms-siteactionsmenu div div divSite Actions buttonBackground
Border
Padding		Core.CSS - 610, 619
.ms-siteactionsmenu div div div{
background-image:url("/_layouts/images/siteactionsmenugrad.gif");
background-repeat:repeat-x;
border-top:1px solid #6593cf;
border-left:1px solid #6593cf;
border-right:1px solid #6593cf;
background-color:#6593cf;
padding:1px 4px 3px 10px;
}
.ms-siteactionsmenu div div div a{
color:#FFFFFF;
font-weight:bold;
} Copy to Clipboard
.ms-siteactionsmenu div div div.ms-siteactionsmenuhoverHover stateBackground
Border		Core.CSS - 623
.ms-siteactionsmenu div div div.ms-siteactionsmenuhover{
background-image:url("/_layouts/images/siteactionsmenuhovergrad.gif");
border-top:1px solid #89724f;
border-left:1px solid #89724f;
border-right:1px solid #89724f;
background-color:#ffa521;
} Copy to Clipboard
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-titleareaframeArea above navigationSee Title AreaOn 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-pagemarginArea to the right of the navigationBackground color, image, repeat, position
Height		Core.CSS - 1212
.ms-pagemargin{
background-color:#83b0ec;
background-image:url("/_layouts/images/navshape.jpg");
background-repeat:no-repeat;
background-position:-143px 0px;
height:100%;
} Copy to Clipboard
.ms-quicklaunchheaderQuick Launch Headers (such as View All Site Content button)Padding
Font weight, color, size
Text-decoration
Background		Core.CSS - 917, 927, 931
.ms-quicklaunchheader{
padding:2px 6px 4px 6px;
font-weight:normal;
color:#003399;
background-image:url("/_layouts/images/quickLaunchHeader.gif");
background-repeat:repeat-x;
background-color:#d6e8ff;
border-left:solid 1px #f2f8ff;
font-size:8pt;
}
.ms-quicklaunchheader a,.ms-unselectednav a{
color:#003399;
text-decoration:none;
}
.ms-quicklaunchheader a:hover{
color:#000000;
text-decoration:underline;
} Copy to Clipboard
.ms-navheaderNavigation headersBackground
Border
Padding
Font weight, color
Text decoration
Core.CSS - 744, 756, 851, 854, 859
.ms-quicklaunch table.ms-navheader td,.ms-navheader2 td,.ms-quicklaunch span.ms-navheader{
background-color:#d6e8ff;
border-top:solid 1px #f2f8ff;
border-left:solid 1px #f2f8ff;
padding:1px 4px 4px 4px;
}
.ms-quicklaunch span.ms-navheader{
background-color:#d6e8ff;
border-top:1px solid #add1ff;
border-left:solid 1px #f2f8ff;
border-bottom:1px solid #add1ff;
padding:1px 6px 3px 6px;
}
table.ms-navheader td{
background-image:none;
}
.ms-navheader a,.ms-navheader2 a{
font-weight:bold;
color:#003399;
text-decoration:none;
}
.ms-navheader a:hover,.ms-navheader2 a:hover{
color:#000000;
text-decoration:underline;
} Copy to Clipboard
.ms-selectednavheaderSelected view state for navigation headersWidth
Background
Border
Padding
Font weight, color
Text decoration		Core.CSS - 766, 800, 811, 816
.ms-quicklaunch table.ms-selectednavheader td{
width:100%;
background-color:#fff699;
}
.ms-quicklaunch table.ms-selectednavheader td{
width:100%;
background-color:#ffe6a0;
background-image:url("/_layouts/images/selectednav.gif");
background-repeat:repeat-x;
padding-top:2px;
padding-bottom:2px;
border-top:solid 1px #ffffff;
border-left:solid 1px #ffffff;
padding:1px 6px 3px 6px;
}
.ms-selectednavheader a{
font-weight:bold;
color:#000000;
text-decoration:none;
}
.ms-selectednavheader a:hover{
color:#000000;
text-decoration:underline;
} Copy to Clipboard
.ms-navitemSub navigation items under navigation headersBackground
Padding
Font family, color
Text decoration		Core.CSS - 820, 863, 867
table.ms-navitem td,span.ms-navitem{
background-image:url("/_layouts/images/navBullet.gif");
background-repeat:no-repeat;
background-position:left top;
padding:3px 6px 4px 16px;
font-family:tahoma;
}
.ms-navItem a{
color:#003399;
text-decoration:none;
}
.ms-navItem a:hover{
color:#000000;
text-decoration:underline;
} Copy to Clipboard
Portal.CSS - 782, 786, 790, 794
.ms-navitem a:hover {
color:#000000
text-decoration:underline;
}
.ms-navitem a:visited {
color:#3966bf;
text-decoration: none;
}
.ms-navitem a:active {
color:#000000
text-decoration:underline;
}
.ms-navitem a {
color:#003399
text-decoration:none;
} Copy to Clipboard
.ms-selectednavSelected view state for navigation items under navigation headersBorder
Background
Margin
Width
Padding
Font color		Core.CSS - 779, 788, 796, 941
.ms-quicklaunch table.ms-selectednav{
border:solid 1px #d2b47a;
background-image:url("/_layouts/images/selectednav.gif");
background-repeat:repeat-x;
background-color:#ffe6a0;
margin:2px;
margin-bottom:0;
width:97%;
}
.ms-quicklaunch table.ms-selectednav td{
background:transparent url("/_layouts/images/selectednavbullet.gif");
background-repeat:no-repeat;
background-position:top left;
border:solid 1px #ffffff;
padding:0px 4px 1px 12px;
margin:0px;
}
table.ms-selectednav td a.ms-selectednav{
background:none;
color:#000000;
}
.ms-selectednav,.ms-GRSortFilter{
border:1px solid #2353b2;
background:#fff699;
padding-top:1px;
padding-bottom:2px;
} Copy to Clipboard
.ms-navSubMenu1Sub navigation items under navigation headersWidth
Border
Background		Core.CSS - 827
.ms-navsubmenu1{
width:100%;
border-collapse:collapse;
background-color:#f2f8ff;
} Copy to Clipboard
.ms-navSubMenu2Sub navigation items under navigation headersBorder
Width
Background
Margin		Core.CSS - 763, 832
.ms-quicklaunch table.ms-navsubmenu2 td{
border:none;
}
.ms-navsubmenu2{
width:100%;
background-color:#f2f8ff;
margin-bottom:6px;
} Copy to Clipboard
.ms-treeviewouterContaining DIV for Tree View in Quick LaunchBorder
Padding		Core.CSS - 741, 750, 753, 887, 890
.ms-quicklaunch .ms-treeviewouter table td{
border-top:none;
}
div.ms-treeviewouter div{
border-top:solid 1px #add1ff;
}
div.ms-treeviewouter div div{
border:none;
}
.ms-treeviewouter td.ms-navitem{
border-left:2px solid #f2f8ff;
}
.ms-treeviewouter a.ms-navitem{
padding:0px 1px 0px 1px;
} Copy to Clipboard
div.ms-treeviewouter divTop border of Tree View PaneBorderCore.CSS - 750
div.ms-treeviewouter div{
border-top:solid 1px #add1ff;
} Copy to Clipboard
.ms-tvselectedSelected navigation item in Tree ViewBackground
Font color		Core.CSS - 881, 884
.ms-tvselected{
background-color:#ffda8a;
}
.ms-tvselected a{
color:#000000;
} Copy to Clipboard
.ms-recyclebinRecycle BinBackground
Width
Border
Padding
Font weight, color
Text decoration		Core.CSS - 893, 900, 905
table.ms-recyclebin td{
background-color:#f2f8ff;
width:100%;
border-top:solid 1px #ffffff;
border-left:solid 1px #ffffff;
padding:3px 5px 7px 3px;
}
table.ms-recyclebin td a{
font-weight:bold;
color:#008800;
text-decoration:none;
}
table.ms-recyclebin td a:hover{
color:#000000;
text-decoration:underline;
} Copy to Clipboard
.ms-quicklaunchouterBottom border of Quick Launch pane and margin around paneBorder
Margin		Core.CSS - 874, 878
.ms-quicklaunchouter{
border-bottom:solid 1px #83b0ec;
border-right:solid 1px #83b0ec;
}
.ms-quicklaunchouter{
margin:0px 1px 2px 1px;
} Copy to Clipboard		    
.ms-quickLaunchQuick Launch pane formatting and top and side borders around paneBorder
Font
Line-height
Background		Core.CSS - 909
.ms-quickLaunch{
border:solid 1px #6f9dd9;
border-bottom:solid 1px #6f9dd9;
font-size:8pt;
font-family:tahoma;
line-height:10pt;
background-color:#f2f8ff;
} Copy to Clipboard
.ms-quickLaunch table tdContainer for sub itemsBorderCore.CSS - 738
.ms-quicklaunch table td{
border-top:1px solid #add1ff;
} Copy to Clipboard		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-headerPicker headerFont weight
Background		DatePicker.CSS - 8
.ms-picker-header{
font-weight:normal;
background-image:url("/_layouts/images/quickLaunchHeader.gif");
background-repeat:repeat-x;
background-color:#d6e8ff;
} Copy to Clipboard
.ms-picker-dayheaderDays of the weekFont family, size, color, weight
Text alignment
Border
Padding		DatePicker.CSS - 17
.ms-picker-table .ms-picker-dayheader{
font-family:tahoma;
font-size:8pt;
color:#727272;
text-align:center;
border-bottom:solid 1px #c2dcff;
border-top:solid 1px #add1ff;
padding:2px 0px 3px 0px;
font-weight:normal;
} Copy to Clipboard
.ms-picker-daycenterDate boxesText alignment
Font size, family, color
Border
Height
Text decoration		DatePicker.CSS - 96, 105, 111, 119
.ms-picker-today,.ms-picker-dayselected,.ms-picker-daycenter,.ms-picker-daycenterOn{
height:22px;
}
table.ms-picker-table td.ms-picker-dayother,table.ms-picker-table td.ms-picker-daycenterOn,table.ms-picker-table td.ms-picker-daycenter{
text-align:center;
font-size:8pt;
font-family:tahoma;
border:solid 1px #f2f8ff;
}
.ms-picker-daycenter a,.ms-picker-today a,.ms-picker-dayselected a{
color:#003399;
text-decoration:none;
}
.ms-picker-dayother a:hover,.ms-picker-daycenterOn a,.mspicker-daycenterOn a:hover{
color:#000000;
text-decoration:underline;
} Copy to Clipboard
.ms-picker-daycenterOnHover state for Date boxesBackground
Height		DatePicker.CSS - 96, 123
.ms-picker-today,.ms-picker-dayselected,.ms-picker-daycenter,.ms-picker-daycenterOn{
height:22px;
}
.ms-picker-table .ms-picker-daycenterOn{
background-color:#FFFFFF;
} Copy to Clipboard
.ms-picker-dayselectedCurrent dateText alignment
Font size, family
Background
Border		DatePicker.CSS - 126
table.ms-picker-table td.ms-picker-dayselected{
text-align:center;
font-size:8pt;
font-family:tahoma;
background-color:#ffdf88;
border-style:solid;
border-width:1px;
border-color:#f2f8ff;
} Copy to Clipboard
.ms-picker-footerPicker footerBorder
Font family, size, color
Padding
Text decoration		DatePicker.CSS - 180, 187, 190
table.ms-picker-table td.ms-picker-footer{
border-top:1px solid #c2dcff;
font-family:Tahoma;
font-size:8pt;
color:#4c4c4c;
padding:5px;
}
.ms-picker-footer a{
color:#003399;
}
.ms-picker-footer a:hover{
color:#000000;
text-decoration:underline;
} Copy to Clipboard
.ms-quickLaunchWrapper around entire pickerSee ms-quickLaunch
Title Area - Back to Top -
.ms-titlearealeftWrapping table cell around page imageBackgroundCore.CSS - 1116
.ms-titlearealeft {
background-color:#d6e8ff;
} Copy to Clipboard
.ms-titleareaframeWrapping table cell around page image and neighboring table cell to the rightBackground image, repeat, position, color
Text alignment		Core.CSS - 1120
TD.ms-titleareaframe,Div.ms-titleareaframe,.ms-pagetitleareaframe,.ms-mwspagetitleareaframe,.ms-consoletitleareaframe{
background-image:url("/_layouts/images/pageTitleBKGD.gif");
background-repeat:repeat-x;
background-position:left top;
background-color:#d6e8ff;
text-align:center;
} Copy to Clipboard
.ms-pagetitleareaframe tableWrapping table cell around page titleBackground image, repeat, position, color
Text alignment		Core.CSS - 1130
.ms-pagetitleareaframe table{
background-image:url("/_layouts/images/topshape.jpg");
background-repeat:no-repeat;
background-position:332px 4px;
height:54px;
} Copy to Clipboard
.ms-pagetitlePage title textFont color, family, size, weight
Margin		Core.CSS - 1256, 1263, 1269
.ms-pagetitle{
color:#000000;
font-family:verdana;
font-size:16pt;
margin:0px 0px 4px 0px;
font-weight:normal;
}
.ms-pagetitle a{
text-decoration:none;
color:#000000;
margin:0;
font-weight:normal;
}
.ms-pagetitle a:hover{
} Copy to Clipboard
Content Area
General- Back to Top -
.ms-bodyareaframeContent containerVertical alignment
Height
Width
Background
Border
Padding		Core.CSS - 1238, 1247
.ms-bodyareaframe,.ms-viewareaframe{
vertical-align:top;
height:100%;
width:100%;
background-color:#ffffff;
border-top:1px solid #6f9dd9;
border-right:1px solid #6f9dd9;
border-left:1px solid #6f9dd9;
}
.ms-bodyareaframe{
padding:10px;
} Copy to Clipboard
.ms-listdescriptionList/library descriptionFont color, family
Background
Padding
Border		Core.CSS 1631
.ms-listdescription{
color:#4c4c4c;
font-family:tahoma;
background:#f8f8f8;
padding:2px 6px 4px 6px;
border-bottom:1px solid #6f9dd9;
} Copy to Clipboard
.ms-formbodyBackground for cells with form fieldsLine height
Font family, size
Vertical align
Background
Border
Padding
Text alignment		Core.CSS - 304, 333, 349
.ms-formtable .ms-formbody,.ms-formtable .ms-formbodysurvey{
line-height:1.3em;
}
.ms-formbody{
font-family:verdana;
font-size:.7em;
vertical-align:top;
background:#ebf3ff;
border-top:1px solid #d8d8d8;
padding:3px 6px 4px 6px;
}
.ms-formbody FONT{
line-height:normal
} Copy to Clipboard
OWSNOCR.CSS - 33, 43
.ms-formtable .ms-formbody{
line-height:1.3em;
}
.ms-formbody{
text-align:left;
font-family:verdana;
font-size:.7em;
} Copy to Clipboard
.ms-formlabelForm label formattingText alignment
Font family, size, color, weight
Border
Padding		Core.CSS - 284
.ms-formlabel{
text-align:left;
font-family:verdana;
font-size:.7em;
border-top:1px solid #d8d8d8;
padding-top:3px;
padding-right:8px;
padding-bottom:6px;
color:#525252;
font-weight:bold;
} Copy to Clipboard
OWSNOCR.CSS - 22
.ms-formlabel{
text-align:left;
font-family:verdana;
font-size:.7em;
font-weight:normal;
color:#808080;
} Copy to Clipboard
.ms-formlineBottom line under last form fieldsBorder
Padding		Core.CSS - 352
.ms-formline{
border-top:1px solid #c4c4c4;
padding-right:8px;
padding-left:8px;
} Copy to Clipboard
.ms-authoringcontrolsBackground for cells with form fields on administrative pagesBackground
Font family, size, color		Core.CSS - 1413
.ms-authoringcontrols {
background-color:#ebf3ff;
font-family:tahoma;
font-size:8pt;
color:#525252;
} Copy to Clipboard
.ms-propertysheetControls fonts in several locationsText-align
Font family, size, color, weight, text decoration		Core.CSS - 1511, 1517, 1523, 1527
.ms-propertysheet{
font-family:verdana;
font-size:.7em;
text-align:left;
color:#4c4c4c;
}
.ms-propertysheet th{
font-family:verdana;
font-size:8pt;
color:#4c4c4c;
font-weight:normal;
}
.ms-propertysheet a{
text-decoration:none;
color:#3966bf;
}
.ms-propertysheet a:hover{
text-decoration:underline;
color:#000000;
} Copy to Clipboard
.ms-menuimagecellArrow that appears when column headers are moused overBackground
Cursor
Border
Padding
Height		Core.CSS - 1345, 1352, 1355
.ms-menuimagecell{
background:#ffe6a0 url("/_layouts/images/selectednav.gif") repeat-x;
cursor:pointer;
border:solid 1px #ffffff;
padding:0px;
height:18px;
}
.ms-vh .ms-menuimagecell,.ms-vh2 .ms-menuimagecell,.ms-vh-icon .ms-menuimagecell{
height:20px;
}
.ms-vh .ms-menuimagecell img,.ms-vh2 .ms-menuimagecell img,.ms-vh-icon .ms-menuimagecell img{
margin-top:2px;
margin-bottom:2px;
} Copy to Clipboard
SiteManagerCustomStyles.CSS - 428
.ms-menuimagecell{
background:#ffe6a0 url('/_layouts/images/selectednav.gif') repeat-x;
cursor:pointer;
border:solid 1px #ffffff;
padding:0px;
height:18px;
} Copy to Clipboard
Breadcrumbs- Back to Top -
.ms-pagebreadcrumbBreadcrumb navigation in main content areaPadding
Border
Font size, color
Text decoration
Background		Core.CSS - 556, 561
.ms-pagebreadcrumb{
padding:2px 3px 3px 11px;
border-left:1px solid #ffffff;
border-top:1px solid #ffffff;
}
.ms-pagebreadcrumb,.ms-pagebreadcrumb a{
font-size:8pt;
background-color:#ebf3ff;
color:#666666;
text-decoration:none;
} Copy to Clipboard
.removeMarginsAdjusts margins around breadcrumbMarginsPageLayouts.CSS - 105
.removeMargins {
margin-top:-11px;
margin-left:-11px;
margin-right:-10px;
} Copy to Clipboard
.breadcrumbPage level breadcrumbs used on publishing pagesFont
Padding
Border
Margin		Band.CSS - 47, 60, 67
.breadcrumb {
font-family: tahoma;
color: #656b77;
clear:both;
font-size:9pt;
font-family: tahoma;
padding-left:7px;
padding-bottom:2px;
padding-top:4px;
border-bottom:1px #CCCCCC solid;
margin-bottom:4px;
}
.breadcrumb a, .breadcrumb:active, .breadcrumb a:active {
padding-left:0px;
padding-right: 0px;
text-decoration:none;
color: #656b77;
}
.breadcrumb a:hover {
text-decoration:underline;
} Copy to Clipboard
.breadcrumbCurrentCurrent location in page level breadcrumbs used on publishing pagesFontBand.CSS - 71
.breadcrumbCurrent {
font-weight:bold;
} Copy to Clipboard
Page Edit Toolbar (Edit Console)- Back to Top -
.ms-consolemptablerowWrapper around Edit Toolbar - master table cellBackgroundCore.CSS - 3203
.ms-consolemptablerow{
background-color:#79a7e3;
} Copy to Clipboard
.ms-consoletitleareaframeEdit Toolbar container - sub table cellBackground
Text alignment
Padding
Width		Core.CSS - 1120, 1139, 1142
TD.ms-titleareaframe,Div.ms-titleareaframe,.ms-pagetitleareaframe,.ms-mwspagetitleareaframe,.ms-consoletitleareaframe{
background-image:url("/_layouts/images/pageTitleBKGD.gif");
background-repeat:repeat-x;
background-position:left top;
background-color:#d6e8ff;
text-align:center;
}
.ms-titleareaframe table td.ms-titlearea,.ms-areaseparator table td.ms-titlearea,.ms-pagetitleareaframe table td.ms-titlearea,.ms-consoletitleareaframe{
padding:7px 0px 1px 0px;
}
.ms-consoletitleareaframe {
width:8px;
} Copy to Clipboard		This is the sides of the toolbar; optionally hide these instead of reformatting by doing a display: none.
.ms-consoletitleareaframebottomBottom area under toolbarBackground
Text alignment
Padding		Core.CSS - 1146
.ms-consoletitleareaframebottom {
background-color:#d6e8ff;
text-align:center;
padding:0px 0px 0px 0px;
} Copy to Clipboard		This is the bottom of the sides of the toolbar
.ms-consoleframeEdit Toolbar container - sub sub tableBorderCore.CSS - 3210, 3223
.ms-consoleframe,.ms-consolestatusframe{
border-bottom-width:1px;
border-left-width:0px;
border-right-width:0px;
border-style:solid;
}
.ms-consoleframe{
border-top-width:1px;
border-color:#83b0ec;
} Copy to Clipboard		This is the top and bottom border of the toolbar as a whole
.ms-consolestatusframeEdit Toolbar container - sub sub sub tableBorder
Background		Core.CSS - 3210, 3227
.ms-consoleframe,.ms-consolestatusframe{
border-bottom-width:1px;
border-left-width:0px;
border-right-width:0px;
border-style:solid;
}
.ms-consolestatusframe{
border-top-width:0px;
background-color:#f6fdfd;
background-repeat:repeat-x;
border-color:#FFFFFF;
} Copy to Clipboard		This the background of the lower sections of the toolbar
.ms-consolestatuscheckoutframeEdit Toolbar container - sub sub sub table cellBackgroundCore.CSS - 3233, 3244
td.ms-consolestatusmajorframe,td.ms-consolestatusminorframe,td.ms-consolestatuscheckoutframe{
background-repeat:repeat-x;
}
.ms-consolestatuscheckoutframe,.ms-consoleminiframe{
background-color:#fff8b2;
background:url('/_layouts/images/cnsugrdn.gif');
} Copy to Clipboard		This is the gradation in the top bar when the page is in Edit mode
.ms-consolestatusminorframeEdit Toolbar container - sub sub sub table cellBackgroundCore.CSS - 3233, 3240
.ms-consolestatusminorframe{
background-color:#e3efff;
background:url('/_layouts/images/cnsugrdn.gif');
} Copy to Clipboard		This is the gradation in the top bar when looking at a draft state of the page
.ms-consolehrSeparator rules between rows in toolbarBackground
Height		Core.CSS - 3293
.ms-consolehr{
background-color:#CDCDCD;
height:1px;
} Copy to Clipboard
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 toolbarOften 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-wikieditouterDiv wrapper around console buttonsHeight
Font size, family
Position
Border
Text alignment
Margin		See shared styles under Wiki
.ms-wikieditthirdBackground of buttonsBackground
Padding
.ms-wikitoolbar a.ms-toolbarButtonsFont color
.ms-wikitoolbar a:hover.ms-toolbarHover state of buttonsText decoration
Font color
.ms-toolbarSee Toolbar
.ms-separatorSee Toolbar
Web Parts- Back to Top -
.ms-WPSelectedEdit viewBorderCore.CSS - 2503
.ms-WPSelected { border:#ffbb77 3px dashed; } Copy to Clipboard
.ms-WPHeaderHeader areaBorderCore.CSS - 2664
.ms-WPHeader TD{
border-bottom:1px solid #4e7cb7;
border-collapse:collapse;
} Copy to Clipboard
.ms-WPTitleTitle textFont weight, family, color
Text decoration
Padding
Cursor		Core.CSS - 2480, 2491, 2497
.ms-WPTitle {
font-weight:bold;
font-family:tahoma,sans-serif;
color:#4c4c4c;
padding-left:3px;
padding-right:7px;
padding-top:2px;
padding-bottom:2px;
font-size:10pt;
}
.ms-WPTitle A:link,.ms-WPTitle A:visited {
color:#4c4c4c;
text-decoration:none;
cursor:pointer;
}
.ms-WPTitle A:hover {
color:#000000;
text-decoration:underline;
cursor:pointer;
} Copy to Clipboard
.ms-HoverCellInActiveInactive state for web part menu arrowSee Global Links
.ms-HoverCellActiveDarkMouseover for web part menu arrowBackground
Border
Vertical alignment		Core.CSS - 2590
.ms-HoverCellActiveDark {
background-image:url("/_layouts/images/menubuttonhover.gif");
border:solid 1px #868686;
background-color:#ffbb47;
vertical-align:top;
} Copy to Clipboard
.ms-WPBodyBody content of web partsFont size, family, color, decorationCore.CSS - 2507, 2512, 2516, 2521
.ms-WPBody {
font-size:8pt;
font-family:verdana,arial,helvetica,sans-serif;
}
.ms-WPBody TABLE,.ms-TPBody TABLE {
font-size:1em;
}
.ms-WPBody A:link,.ms-WPBody A:visited {
color:#003399;
text-decoration:none;
}
.ms-WPBody A:hover {
color:#000000;
text-decoration:underline;
} Copy to Clipboard		This is not used by all web parts! Generally web part data not in a table will pick up this style.
.ms-WPBorderBody content of web partsBorderCore.CSS - 2565, 2571
.ms-WPBorder,.ms-WPBorderBorderOnly {
border-color:#9ac6ff;
border-width:1px;
border-style:solid;
}
.ms-WPBorder {
border-top-width:0px;
} Copy to Clipboard		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-itemLinks within web partsFont size, family, color, decorationControls.CSS - 63, 69, 73, 2521
.link-item, .link-item a, .link-item a:link{
font-family:tahoma;
font-size:8pt;
color: #003399;
text-decoration:none;
}
.link-item a:visited, .link-item a:active{
color: #4167AF;
text-decoration:none;
}
.link-item a:hover{
color: #000000;
text-decoration:underline;
} Copy to Clipboard
.bulletBullets used in web part contentBorder
Vertical alignment
Background
Padding		Controls.CSS - 117
.bullet{
border-style: none;
border-color: inherit;
border-width: 0;
vertical-align:top;
background-image:url("/_layouts/images/lstbulet.gif");
background-repeat:no-repeat;
background-position:left;
padding-left:10px;
padding-right: 0px;
} Copy to Clipboard
.descriptionDescriptions within web partsFont size, family, colorControls.CSS - 91
.description {
font-family:tahoma;
font-size:8pt;
color: #4c4c4c;
} Copy to Clipboard
.ms-vbColumn headers in lists, among other thingsVertical alignment
Font color, size, decoration		Core.CSS - 1750, 1754, 1758, 1762, 1766, 1838, 1843
.ms-vb,.ms-vb2,.ms-GRFont,.ms-vb-user,table.ms-disc td,.ms-vb-tall,.ms-pb,.ms-pb-selected {
vertical-align:top;
}
.ms-vb a,.ms-vb2 a,.ms-GRStatusText a,.ms-vb-user a,.ms-disc a{
color:#003399;
text-decoration:none;
}
.ms-vb a:hover,.ms-vb2 a:hover,.ms-vb-user a:hover,.ms-disc a:hover{
color:#000000;
text-decoration:underline;
}
.ms-vb a:visited,.ms-vb2 a:visited,.ms-GRStatusText a:visited,.ms-vb-user a:visited,.ms-disc a:visited{
color:#000066;
text-decoration:none;
}
.ms-vb a:visited:hover,.ms-vb2 a:visited:hover,.ms-vb-user a:visited:hover,.ms-disc a:visited:hover{
color:#000000;
text-decoration:underline;
}
th .ms-vb,.ms-vh2-nofilter,.ms-vh2-nofilter-icon,th.ms-vh2-nograd,th.ms-vh2-nograd-icon{
color:#b2b2b2;
font-size:8pt;
font-family:tahoma,sans-serif;
}
th .ms-vb a,.ms-vh2-nofilter a,.ms-vh2-nofilter-icon a{
color:#808080;
} Copy to Clipboard		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-ArticleTitleArticle Title in rich text fieldsFont size, weight, family, color, text-transformHtmlEditorCustomStyles.CSS - 68
.ms-rteCustom-ArticleTitle {
font-weight: bold;
font-family: Arial;
font-size: 14pt;
color: #015263;
text-transform: capitalize;
} Copy to Clipboard
.ms-rteCustom-ArticleHeadLineArticle Headline in rich text fieldsFont size, weight, family, colorHtmlEditorCustomStyles.CSS - 83
.ms-rteCustom-ArticleHeadLine {
font-size: 12pt;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #01778F;
} Copy to Clipboard
.ms-rteCustom-ArticleBylineArticle Byline in rich text fieldsFont size, weight, family, colorHtmlEditorCustomStyles.CSS - 76
.ms-rteCustom-ArticleByline {
font-family: Arial;
font-style: italic;
font-size: 10pt;
color: #7F7F7F;
} Copy to Clipboard
.ms-addnewLink to add new list itemsFont weight, family, size, color, decoration
Padding		Core.CSS - 1882, 1889, 1893
a.ms-addnew{
font-weight:normal;
font-family:verdana;
font-size:8pt;
color:#003399;
text-decoration:none;
}
a.ms-addnew:Hover{
color:#000000;
text-decoration:underline;
}
td.ms-addnew{
padding-left:1px;
padding-right:7px;
} Copy to Clipboard		Note that this class is used twice, once for the container table cell, and again for the hyperlink.
.ms-partlineSeparating line under web part and above Action linksBackgroundCore.CSS - 1507
.ms-partline {
background-color:#add1ff;
} Copy to Clipboard
Menu Toolbar- Back to Top -
.ms-menutoolbarToolbar menuBorder
Height
Background		Core.CSS - 70, 77
.ms-menutoolbar{
border-bottom:1px solid #6f9dd9;
height:22px;
background-color:#afd2ff;
background-image:url("/_layouts/images/listheadergrad.gif");
background-repeat:repeat-x;
}
.ms-menutoolbar td{
border-top:solid 1px #f2f8ff;
border-bottom:solid 1px #d6e8ff;
} Copy to Clipboard
.ms-separator imgSeparating line between toolbar optionsHeight
Width
Margin
Background
Border		Core.CSS - 1404
.ms-separator img {
height:16px;
width:1px;
margin:0px 1px 0px 1px;
background:#9ac6ff;
border-bottom:1px solid #f2f8ff;
border-right:1px solid #f2f8ff;
} Copy to Clipboard
.ms-menubuttoninactivehoverToolbar buttonMargin
Padding
Background
Line height		Core.CSS - 100
.ms-menubuttoninactivehover,.ms-buttoninactivehover{
margin:2px 2px 2px 2px;
padding:2px 7px 3px 7px;
background-color:transparent;
line-height:16px;
} Copy to Clipboard
.ms-menubuttonactivehoverHover state for toolbar buttonsMargin
Padding
Background
Line height
Border
Cursor		Core.CSS - 106
.ms-menubuttonactivehover,.ms-buttonactivehover{
margin:0px 1px 0px 1px;
padding:3px 7px 4px 7px;
background-image:url("/_layouts/images/menubuttonhover.gif");
line-height:16px;
border:solid 1px #6f9dd9;
cursor:pointer;
} Copy to Clipboard
.ms-splitbuttonhoverHover state for "New" toolbar buttonBackground
Border
Margin		Core.CSS - 202
.ms-splitbuttonhover{
background-image:url("/_layouts/images/menubuttonhover.gif");
border-collapse:collapse;
margin:0px 1px 0px 1px;
} Copy to Clipboard
.ms-splitbutton"New" toolbar buttonMarginCore.CSS - 199
.ms-splitbutton{
margin:0px 1px 0px 1px;
} Copy to Clipboard
.ms-splitbuttontextWrapping table cell for toolbar menu itemPaddingCore.CSS - 196, 207
.ms-menutoolbar .ms-splitbuttontext{
padding:0px 6px 1px 8px;
}
.ms-splitbuttonhover .ms-splitbuttondropdown,.ms-splitbuttonhover .ms-splitbuttontext{
border:1px solid #6f9dd9;
cursor:pointer;
} Copy to Clipboard
.ms-splitbuttondropdownSeparating line between 'New' text and drop down arrowPadding
Margin
Border
Cursor		Core.CSS - 192, 207, 211
.ms-menutoolbar .ms-splitbuttondropdown{
padding:0px 2px 1px 1px;
margin:1px;
}
.ms-splitbuttonhover .ms-splitbuttondropdown,.ms-splitbuttonhover .ms-splitbuttontext{
border:1px solid #6f9dd9;
cursor:pointer;
}
.ms-splitbuttonhover .ms-splitbuttondropdown{
padding:0px 1px 0px 1px;
} Copy to Clipboard
.ms-listheaderlabel"View" textFont color, size, familyCore.CSS - 132, 135
.ms-listheaderlabel{
color:#204d89;
}
.ms-listheaderlabel,.ms-viewselector,.ms-viewselectortext,.ms-viewselectorhover{
font-size:8pt;
font-family:tahoma;
} Copy to Clipboard
.ms-viewselectorView drop down menuFont size, family, weight, color
Border
Background
Padding
Cursor
Width		Core.CSS - 135, 139, 150, 158, 165
.ms-listheaderlabel,.ms-viewselector,.ms-viewselectortext,.ms-viewselectorhover{
font-size:8pt;
font-family:tahoma;
}
.ms-menutoolbar td td.ms-viewselector,.ms-menutoolbar td td.ms-viewselectorhover,.ms-toolbar td td.ms-viewselector,.ms-toolbar td td.ms-viewselectorhover,.ms-authoringcontrols td td.ms-viewselector,.ms-authoringcontrols td td.ms-viewselectorhover,td.ms-viewselector{
border:solid 1px #d2b47a;
background-image:url("/_layouts/images/selectednav.gif");
background-repeat:repeat-x;
background-color:#ffe6a0;
font-weight:bold;
padding:0px;
}
div.ms-viewselector,div.ms-viewselectorhover{
border:solid 1px #ffffff;
padding:1px 12px 1px 4px;
background-image:url("/_layouts/images/menudarkspaced.gif");
background-repeat:no-repeat;
background-position:center right;
cursor:pointer;
}
div.ms-viewselector a{
color:#000000;
}
td.ms-viewselector,td.ms-viewselectorhover{
width:125px;
} Copy to Clipboard
.ms-viewselectorhoverHover state for View drop down menuFont size, family, weight
Border
Background
Padding
Cursor
Width		Core.CSS - 135, 139, 150, 161, 165
.ms-listheaderlabel,.ms-viewselector,.ms-viewselectortext,.ms-viewselectorhover{
font-size:8pt;
font-family:tahoma;
}
.ms-menutoolbar td td.ms-viewselector,.ms-menutoolbar td td.ms-viewselectorhover,.ms-toolbar td td.ms-viewselector,.ms-toolbar td td.ms-viewselectorhover,.ms-authoringcontrols td td.ms-viewselector,.ms-authoringcontrols td td.ms-viewselectorhover,td.ms-viewselector{
border:solid 1px #d2b47a;
background-image:url("/_layouts/images/selectednav.gif");
background-repeat:repeat-x;
background-color:#ffe6a0;
font-weight:bold;
padding:0px;
}
div.ms-viewselector,div.ms-viewselectorhover{
border:solid 1px #ffffff;
padding:1px 12px 1px 4px;
background-image:url("/_layouts/images/menudarkspaced.gif");
background-repeat:no-repeat;
background-position:center right;
cursor:pointer;
}
.ms-menutoolbar td td.ms-viewselectorhover,.ms-toolbar td td.ms-viewselectorhover,.ms-authoringcontrols td td.ms-viewselectorhover{
background-image:url("/_layouts/images/menubuttonhover.gif");
background-color:#ffbb47;
}
td.ms-viewselector,td.ms-viewselectorhover{
width:125px;
} Copy to Clipboard
Toolbar- Back to Top -
.ms-toolbarWrapping table cell for toolbarFont family, size, color
Text decoration
Background
Border
Core.CSS - 20, 37, 42
.ms-toolbar,.ms-viewtoolbar,.ms-formtoolbar,.ms-toolbarContainer{
font-family:verdana;
font-size:8pt;
text-decoration:none;
color:#003399;
}
table.ms-toolbar,table.ms-viewtoolbar,.ms-toolbarContainer{
background-image:url("/_layouts/images/toolgrad.gif");
background-repeat:repeat-x;
background-color:#d6e8ff;
}
table.ms-toolbar,.ms-toolbarContainer{
border:1px solid #83b0ec;
border-collapse:collapse;
} Copy to Clipboard		Also used in the Mini Console
.ms-separatorButton separatorFont color, sizeCore.CSS 1399
.ms-separator {
color:#83b0ec;
font-size:10pt;
} Copy to Clipboard		Also used in the Mini Console
Calendar- Back to Top -
** Download a clean version of calendar styles ready for branding **
.ms-calheaderCalendar headerBackgroundCalendar.CSS - 3
.ms-cal-navheaderMonth directional arrowsBackground
Border
Vertical alignment		Calendar.CSS - 844
.ms-cal-weekdayWeekdayBackground
Font color, weight
Padding		Calendar.CSS - 50
.ms-cal-weekemptySpace to the left of the week day and weeksBackground
Width
Font size		Calendar.CSS - 41      
.ms-cal-topdayDay headerBackground
Border
Font weight, color
Text alignment		Calendar.CSS - 75
.ms-cal-topdayover,Hover state for Day headerBackground
Border
Cursor
Text alignment		Calendar.CSS - 148
.ms-cal-nodataMidEmpty daysFont family, size
Vertical alignment
Padding
Border
Background		Calendar.CSS - 215, 220
.ms-cal-nodataBtm2Bottom area of empty daysPadding
Border
Background
Vertical alignment		Calendar.CSS - 220, 227
.ms-cal-weekWeek headerBackground
Border		Calendar.CSS - 56
.ms-cal-weekselectedHover state for Week headerFont color
Text decoration
Border
Cursor
Background		Calendar.CSS - 62, 67
.ms-cal-workitemWork daysFont family, size
Padding
Border
Vertical alignment
Background		Calendar.CSS - 235, 240
.ms-cal-workitem2BBottom area of each work dayPadding
Border
Background		Calendar.CSS - 252
.ms-cal-noworkitemNon work daysFont family, size
Vertical alignment
Padding
Border
Background		Calendar.CSS - 235, 285
.ms-cal-noworkitem2BBottom area of each non work dayPadding
Border
Background		Calendar.CSS - 292
.ms-cal-topday-todayToday markerBackground
Border
Text alignment
Font weight, color
Text decoration		Calendar.CSS - 119, 125, 131, 200
.ms-cal-topday-todayoverHover state for Today markerBackground
Border
Cursor
Text alignment		Calendar.CSS - 136
.ms-cal-defaultbgcolorAll Day Event marker in Month ViewBackground
Text alignment
Font weight
Text overflow
Padding
Cursor		Calendar.CSS - 352
.ms-cal-defaultbgcolorselHover state for All Day Event marker in Month ViewBackground
Text alignment
Font weight
Text overflow
Padding
Cursor
Font color
Text decoration		Calendar.CSS - 362, 390, 393
.ms-cal-timeArea to left of All Day Event marker in Day ViewBorder
Width
Background		Calendar.CSS - 410
.ms-cal-alldayeventArea to right of All Day Event marker in Day ViewText 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-wemptycellLEmpty cells for other days not marked as an All Day Event when an All Day Event appears in the Week ViewBorder
Background		Calendar.CSS - 703
.ms-cal-tweekitemAppointment block in Week ViewBorder
Background
Width
Height
Padding
Vertical alignment
Font family, size
Overflow		Calendar.CSS - 756, 764, 770
.ms-cal-tdayitemAppointment block in Day ViewBorder
Background
Width
Height
Padding
Vertical Alignment
Font family, size
Overflow		Calendar.CSS - 779, 787, 793, 798
Search Center (Advanced Search)- Back to Top -
.ms-ptabareaContaining table for tabsMarginPortal.CSS - 17
.ms-ptabarea, .ms-sctabarea {
margin-top: 0px;
} Copy to Clipboard		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-ptabcnSelected tabBackground
Border
Font
Padding		Portal.CSS - 20
.ms-ptabcn, .ms-sctabcn {
background: url("/_layouts/images/PortalTabSelected.gif");
background-color: #CAE6F4;
border-top: solid 1px #83b0ec;
border-left: solid 1px #83b0ec;
border-right: solid 1px #83b0ec;
border-bottom: solid 1px #83b0ec;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
font-style: normal;
font-weight: normal;
padding-bottom: 2px;
padding-top: 2px;
padding-left: 10px;
padding-right: 10px;
color: #000000;
vertical-align: middle;
} Copy to Clipboard
.ms-ptabcnhoverSelected tab hoverBackground
Border
Font
Padding		Portal.CSS - 33
.ms-ptabcnhover, .ms-sctabcnhover {
background: url("/_layouts/images/PortalTabHover.gif");
background-color: #fae8d4;
border-top: solid 1px #9e8255;
border-right: solid 1px #9e8255;
border-left: solid 1px #9e8255;
border-bottom: solid 1px #6593cf;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
font-style: normal;
font-weight: normal;
padding-bottom: 2px;
padding-top: 2px;
padding-left: 10px;
padding-right: 10px;
color: #000000;
vertical-align: middle;
} Copy to Clipboard
.ms-ptabcn A:link,
.ms-ptabcn A:visited,
.ms-ptabcnhover A:link,
.ms-ptabcnhover A:visited, 		Selected tab textText decoration
Font
Color		Portal.CSS - 46
.ms-ptabcn A:link, .ms-ptabcn A:visited,.ms-ptabcnhover A:link, .ms-ptabcnhover A:visited, .ms-sctabcn A:link, .ms-sctabcn A:visited,.ms-sctabcnhover A:link, .ms-sctabcnhover A:visited {
text-decoration: none;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-style: normal;
} Copy to Clipboard
.ms-ptabcnhover A:hoverSelected tab text hoverText decoration
Font
Color		Portal.CSS - 52
.ms-ptabcnhover A:hover, .ms-sctabcnhover A:hover {
text-decoration: none;
font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-style: normal;
} Copy to Clipboard
.ms-sctabcf Unselected tabBorder
Font
Padding		Portal.CSS - 118
.ms-sctabcf {
border-bottom: solid 1px #97B4E9;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
font-style: normal;
font-weight: normal;
padding-bottom: 2px;
padding-top: 2px;
padding-left: 10px;
padding-right: 11px;
color: #7A7A7A;
vertical-align: middle;
} Copy to Clipboard
.ms-ptabcfhoverUnselected tab hoverBackground
Border
Font
Padding		Portal.CSS - 71
.ms-ptabcfhover, .ms-sctabcfhover {
background: url("/_layouts/images/PortalTabHover.gif");
background-repeat: repeat-x;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
font-style: normal;
font-weight: normal;
padding-bottom: 2px; padding-top: 2px; padding-left: 10px; padding-right: 10px;
color: #7f7f7f; vertical-align: middle;
background-color: #fae8d4;
border-top: solid 1px #9e8255;
border-right: solid 1px #9e8255;
border-left: solid 1px #9e8255;
border-bottom: solid 1px #6593cf;
} Copy to Clipboard
.ms-ptabcf A:link,
.ms-ptabcf A:visited,
.ms-ptabcfhover A:link,
.ms-ptabcfhover A:visited, 		Unselected tab textText decoration
Font
Color		Portal.CSS - 86
.ms-ptabcf A:link, .ms-ptabcf A:visited, .ms-ptabcfhover A:link, .ms-ptabcfhover A:visited, .ms-sctabcf A:link, .ms-sctabcf A:visited, .ms-sctabcfhover A:link, .ms-sctabcfhover A:visited {
text-decoration: none; color: #7f7f7f;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
} Copy to Clipboard
.ms-ptabcfhover A:hoverUnselected tab text hoverText decoration
Font
Color		Portal.CSS - 91
.ms-ptabcfhover A:hover, .ms-sctabcfhover A:hover {
text-decoration: none;
font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #7f7f7f;
font-style: normal;
} Copy to Clipboard
.ms-sctabrx Line extending past tabsWidth
Background
Border
Font family, size, style, weight
Padding
Vertical alignment
Text alignment		Portal.CSS - 134
.ms-sctabrx {
width: 100%;
border-color: #97B4E9;
border-style: solid;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
font-family: Verdana, Arial, Helvetica;
font-size: 0.7em;
font-style: normal; font-weight: normal;
padding-bottom: 2px;
padding-top: 2px;
padding-left: 4px;
padding-right: 4px;
color: #7A7A7A;
vertical-align: middle;
text-align: left;
} Copy to Clipboard
Site Directory (Site Map)- Back to Top -
See Search CenterSite Map tabsSee Search CenterSee Search Center
.ms-ptabcfUnselected tabBackground
Border
Font
Padding		Portal.CSS - 58
.ms-ptabcf {
background: url("/_layouts/images/topnavdivider.gif");
background-repeat: repeat-y;
background-position : left;
border-top: solid 1px #FFFFFF;
border-left: solid 1px #FFFFFF;
border-bottom: solid 1px #6593cf;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
font-style: normal;
font-weight: normal;
padding-bottom: 2px;
padding-top: 2px;
padding-left: 10px;
padding-right: 11px;
color: #7f7f7f;
vertical-align: middle;
} Copy to Clipboard
.ms-ptabrxLine extending past tabsWidth
Background
Border
Font family, size, style, weight
Padding
Vertical alignment
Text alignment		Portal.CSS - 110
.ms-ptabrx {
width: 100%;
background-color: #FFFFFF;
border-color: #83b0ec;
border-style: solid;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
font-family: Tahoma, Verdana, Arial, Helvetica;
font-size: 0.7em;
font-style: normal;
font-weight: normal;
padding-bottom: 2px;
padding-top: 2px;
padding-left: 4px;
padding-right: 4px;
color: #7f7f7f;
vertical-align: middle;
text-align: left;
} Copy to Clipboard
Blog- Back to Top -
.ms-PostWrapperWrap around each post, includes date, title and footerFont color
Width		Core.CSS - 3510
.ms-PostWrapper,.ms-CommentsWrapper,.ms-blogrss {
color:#4c4c4c;
width:629px;
} Copy to Clipboard		By default, this style sets a fixed width for the posts.
.ms-PostDatePost dateFont size, color
Margin
Border
Padding		Core.CSS - 3569
h3.ms-PostDate {
font-size:8pt;
color:#7f7f7f;
margin:0;
border-bottom:solid 1px #6f9dd9;
padding-bottom:5px;
} Copy to Clipboard
.ms-PostTitlePost titleFont size, color
Border
Padding
Position
Text decoration		Core.CSS - 3531, 3536, 3541
.ms-PostTitle{
font-size:16pt;
border-top:solid 1px #e3efff;
padding-top:6px;
}
.ms-PostTitle span{
position:relative;
left:-2px;
right:auto;
}
.ms-PostTitle a {
color:#4c4c4c;
text-decoration:none;
} Copy to Clipboard
.ms-PostBodyPost body copyFont size, color
Line height
Padding
Margin		Core.CSS - 3555, 3563, 3566
.ms-PostBody {
color:#4c4c4c;
font-size:8pt;
line-height:1.7em;
padding-top:6px;
padding-bottom:12px;
}
.ms-PostBody a{
color:#0000CC;
}
.ms-PostBody p{
margin:0 0 1em 0;
} Copy to Clipboard
.ms-PostFooterPost footer links and infoFont size, color
Padding
White space		Core.CSS - 3546, 3551
.ms-PostFooter,.ms-CommentFooter{
font-size:8pt;
color:#999999;
padding-bottom:22px;
}
.ms-PostFooter a,.ms-CommentFooter a{
color:#6c90d8;
white-space:nowrap;
} Copy to Clipboard
.ms-CommentsWrapperWrap around commentsSee 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-CommentHeaderComment header textFont size, color, weight
Margin
Padding
Position		Core.CSS - 3577
h3.ms-CommentHeader {
font-size:16pt;
font-weight:normal;
color:#999999;
margin:0 0 0 0;
padding:0 0 0 0;
position:relative;
top:-.25em;
left:-2px;
right:auto;
} Copy to Clipboard
.ms-commentsemptyFormatting for default text when no comments have been posted.Font size, color, weight
Margin
Padding
Position		Core.CSS - 3604
.ms-commentsempty{
color:#4c4c4c;
font-size:8pt;
padding-bottom:22px;
padding-top:6px; } Copy to Clipboard
.ms-commenttableTable that wraps each comment.Margin
Padding
Border		Core.CSS - 3639, 3643
.ms-commenttable{
margin:15px 0 0 0;
padding:0px;
}
.ms-commenttable td{
border-top:solid 1px #d6e8ff;
} Copy to Clipboard
.ms-CommentTitleComment titleFont color, size
Line-height
Padding
Margin		Core.CSS - 3589
h4.ms-CommentTitle {
color:#666666;
font-size:8pt;
line-height:1.7em;
padding:0px 0 0 0;
margin:0px;
} Copy to Clipboard
.ms-CommentBodyComment body copyFont color, size
Line-height
Padding		Core.CSS - 3597
.ms-CommentBody{
color:#4c4c4c;
font-size:8pt;
line-height:1.7em;
padding-bottom:12px;
padding-top:6px;
} Copy to Clipboard
.ms-CommentFooterComment footerSee ms-PostFooterBy 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-blogeditEdit button for posts and comments.Font size, color
Line height
Vertical alignment
Border
Height
Padding
Background		Core.CSS - 3610, 3616
.ms-blogedit{
font-size:8pt;
line-height:1.7em;
vertical-align:top;
border-top:solid 1px #e3efff;
}
.ms-blogedit a{
height:22px;
padding:0px 5px 0 5px;
color:#003399;
background-image:url("/_layouts/images/toolgrad.gif");
background-color:#d6e8ff;
border:1px solid #83b0ec;
border-top:none;
} Copy to Clipboard
.ms-blogAdminLinksAdmin links that show to right of blog postsList style
Margin
Padding
Background
Font color		Core.CSS - 3493, 3499, 3507
ul.ms-blogAdminLinks {
list-style:none;
margin:4px 10px 0 0;
padding:0 0 0 4px;
}
ul.ms-blogAdminLinks li {
background:transparent url(/_layouts/images/rect.gif);
background-position:center left;
background-repeat:no-repeat;
margin:0 0 0 0;
padding:0 0 3px 15px;
}
ul.ms-blogAdminLinks li a{
color:#003399;
} Copy to Clipboard		This is an unordered list.
.ms-BlogNavigatorClass 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-navheaderNavigation headersBackground
Border
Padding
Font color, weight		Core.CSS - 3687, 3694, 3697
.ms-BlogNavigator div.ms-navheader{
background-color:#d6e8ff;
border-top:solid 1px #f2f8ff;
border-left:solid 1px #f2f8ff;
border-bottom:1px solid #add1ff;
padding:1px 6px 3px 6px;
}
.ms-BlogNavigator div.ms-navheader a{
color:#003399;
}
.ms-BlogNavigator div.ms-navheader{
color:#4c4c4c;
font-weight:bold;
} Copy to Clipboard
.ms-BlogNavigator div.ms-WPBodyBorder above navigation headersBorderCore.CSS - 3704
.ms-BlogNavigator div.ms-WPBody{
border-top:solid 1px #add1ff;
} Copy to Clipboard
.ms-BlogNavigator div.ms-PartSpacingVerticalSpace under items in a navigation block.Font size
Margin		Core.CSS - 3707
.ms-BlogNavigator div.ms-PartSpacingVertical {
font-size:1pt;
margin-top:0px;
} Copy to Clipboard
.ms-BlogNavigator td.ms-addnewAmount of left indention of "Add New..." linksPadding
Background		Core.CSS - 3712
.ms-BlogNavigator td.ms-addnew{
padding-left:6px;
background: white;
} Copy to Clipboard
.ms-BlogNavigator td.ms-addnew imgAmount of left indention after bullet in "Add New..." linksMarginCore.CSS - 3715
.ms-BlogNavigator td.ms-addnew img{
margin-right:2px;
} Copy to Clipboard
.ms-CategoryTitleCellContainer and contents formatting for sub navigation itemsPadding
Display
Background
Margin		Core.CSS - 3666, 3670
.ms-CategoryTitleCell {
padding:0px 0px 0px 0px;
}
.ms-CategoryTitleCell a {
display:block;
background:transparent url("/_layouts/images/navbullet.gif");
background-position:left top;
background-repeat:no-repeat;
margin:0px;
padding:3px 0px 3px 16px;
} Copy to Clipboard
.ms-blogrssnavRSS Feed linkFont color, weight, size, text-decoration
Padding
Border		Core.CSS - 3515, 3522
.ms-blogrssnav{
color:#4c4c4c;
padding-bottom:5px;
padding-top:5px;
padding-left:5px;
border-top:solid 1px #add1ff;
}
.ms-blogrssnav a{
color:#003399;
text-decoration:none;
font-weight:bold;
font-size:8pt;
} Copy to Clipboard
.ms-blogrssnav imgRSS Feed imageBorderCore.CSS - 3528
.ms-blogrssnav img{
border:none;
} Copy to Clipboard
Wiki- Back to Top -
Depends on your master pageThe 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-recentchangesBullet image to left of View All Pages in navVertical alignment
Padding		Core.CSS - 3459
.ms-recentchanges {
vertical-align:top;
padding:7px 1px 9px 4px;
} Copy to Clipboard
.ms-addnewView All Pages text linkVertical 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-wikieditouterDiv wrapper around console buttonsHeight
Font size, family
Position
Border
Text alignment
Margin		Band.CSS - 387
* SAME AS TABS.CSS & VERTICAL.CSS *
div.ms-wikieditouter {
position:static;
border-bottom: 1px #6393d4 solid;
margin-bottom:8px;
margin-right:5px;
border-right-width:1px;
} Copy to Clipboard
　　Core.CSS - 3407
.ms-wikieditouter {
height:23px;
font-size:8pt;
font-family:tahoma;
position:absolute;
right:9px;
top:30px;
border:1px solid #6393D4;
border-bottom:none;
text-align:center;
border-right-width:2px;
} Copy to Clipboard
　　SingleLevel.CSS - 332
div.ms-wikieditouter {
position:static;
border-bottom: 1px #6393d4 solid;
margin-bottom:3px;
margin-right:5px;
border-right-width:1px;
} Copy to Clipboard
　　Tabs.CSS - 419
* SAME AS BAND.CSS & VERTICAL.CSS *
div.ms-wikieditouter {
position:static;
border-bottom: 1px #6393d4 solid;
margin-bottom:8px;
margin-right:5px;
border-right-width:1px;
} Copy to Clipboard 　　Vertical.CSS - 419
* SAME AS BAND.CSS & TABS.CSS *
div.ms-wikieditouter {
position:static;
border-bottom: 1px #6393d4 solid;
margin-bottom:8px;
margin-right:5px;
border-right-width:1px;
} Copy to Clipboard
These Mini Console styles are also used in the Site Directory
.ms-wikieditthirdBackground of buttonsBackground
Padding		Core.CSS - 3423
.ms-wikieditthird
{
background:url(/_layouts/images/toolgrad.gif);
padding-left:3px;
} Copy to Clipboard
.ms-wikitoolbar a.ms-toolbarButtonsFont colorCore.CSS - 3404
.ms-wikitoolbar a.ms-toolbar{
color:#124890;
} Copy to Clipboard
.ms-wikitoolbar a:hover.ms-toolbarHover state of buttonsText decoration
Font color		Core.CSS - 3437
.ms-wikitoolbar a:hover.ms-toolbar {
text-decoration:underline;
color:#000000;
} Copy to Clipboard
.ms-separatorSee Toolbar
.ms-wikicontentText formatting in a wiki pageText decoration
Font color
Line height
Border		Core.CSS - 3442, 3445, 3447, 3449, 3454
.ms-wikicontent a{
text-decoration:underline;
}
.ms-wikicontent a.ms-wikilink {
text-decoration:none;
}
.ms-wikicontent a.ms-missinglink {
text-decoration:none;
border-bottom:1px dashed #000000;
}
.ms-wikicontent {
color:#333333;
line-height:1.3;
} Copy to Clipboard
　　

运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表，该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有，请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意，请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息，一经发现立即删除。若您因此触犯法律，一切后果自负，我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集，我们仅提供一个展示、介绍、观摩学习的平台，我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责，亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏，不得用于商业或者其他用途，否则，一切后果均由您自己承担，我们对此不承担任何法律责任
7、如涉及侵犯版权等问题，请您及时通知我们，我们将立即采取措施予以解决
8、联系人Email：admin@iyunv.com 网址：www.yunweiku.com

所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其承担任何法律责任,如涉及侵犯版权等问题,请您及时通知我们,我们将立即处理,联系人Email:kefu@iyunv.com,QQ:1061981298 本贴地址：https://www.yunweiku.com/thread-119144-1-1.html 上篇帖子： 配置SharePoint 2007网站支持多语言 下篇帖子： SharePoint 通过下拉框来筛选列表
回复

使用道具 举报

返回列表
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

扫码加入运维网微信交流群X

扫码加入运维网微信交流群

扫描二维码加入运维网微信交流群，最新一手资源尽在官方微信交流群！快快加入我们吧...

扫描微信二维码查看详情

客服 E-mail:iyunvcom@gmail.com

本站由青云提供云计算服务

运维网--中国最专业的运维工程师交流社区

豫ICP备20007574号-1 Copyright © 2012-2025

关于我们

发展历程

联系我们

关注我们

广告服务

广告案例

隐私条款

免责声明

用户登录

用户注册

版主守则

申请版主

手机版

金币获取

帮助中心

每日签到

Good Good

Study

Day Day

UP


客服E-mail:kefu@iyunv.com 客服QQ：1061981298


QQ群⑦：运维网交流群⑦ QQ群⑧：运维网交流群⑧ k8s群：运维网kubernetes交流群


提醒：禁止发布任何违反国家法律、法规的言论与图片等内容；本站内容均来自个人观点与网络等信息，非本站认同之观点.


本站大部分资源是网友从网上搜集分享而来，其版权均归原作者及其网站所有，我们尊重他人的合法权益，如有内容侵犯您的合法权益，请及时与我们联系进行核实删除！



合作伙伴: 青云cloud

快速回复 返回顶部 返回列表