论坛 › Sharepoint › CSS Reference Chart for SharePoint 2007 (Microsoft Office SharePoint Server 2007

hmzone 发表于 2015-9-26 13:25:28

CSS Reference Chart for SharePoint 2007 (Microsoft Office SharePoint Server 2007

原文链接：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 CopyNotesScreenshotGlobal Links (Sign In/Welcome, My Links, etc)- Back to Top -.ms-globalbreadcrumbGlobal link bar containerFont
Text alignment
Background
Padding
Text decoration
Font colorCore.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img105.gif.ms-HoverCellInActive,.ms-SpLinkButtonInActiveGlobal linksBorder
Margin
Font color
Alignment
BackgroundCore.CSS - 2575
.ms-HoverCellInActive,.ms-SpLinkButtonInActive {
border:none;
margin:1px;
color:#4c4c4c;
vertical-align:top;
background-color:transparent;
} Copy to Clipboardms-HoverCellInActive is also used for the inactive state for Web Part drop down menu arrow.http://www.heathersolomon.com/content/sp07ImageRefFiles/img5.gif.ms-HoverCellActive,.ms-SpLinkButtonActiveGlobal links hover stateBorder
Alignment
BackgroundCore.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img6.gif.ms-globalleftFloat table leftFloatCore.CSS - 540
.ms-globalleft{
float:left;
} Copy to ClipboardFloats the table containing the Site Map Pathhttp://www.heathersolomon.com/content/sp07ImageRefFiles/img8.gif.ms-globallinksGlobal link textFont size, family
BackgroundCore.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
http://www.heathersolomon.com/content/sp07ImageRefFiles/img5.gif.ms-globalrightFloat table rightFloatCore.CSS - 543
.ms-globalright{
float:right;
} Copy to ClipboardFloats the table containing the global linkshttp://www.heathersolomon.com/content/sp07ImageRefFiles/img5.gifGlobal 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.http://www.heathersolomon.com/content/sp07ImageRefFiles/img5.gifSearch- Back to Top -.ms-sbcellWrapper around search input, button and Advanced Search linkPadding
Border
White SpaceCore.CSS - 4137
td.ms-sbcell{
padding:0px;
padding-left:2px;
white-space:nowrap;
border:solid 1px #7f9db9;
} Copy to Clipboard http://www.heathersolomon.com/content/sp07ImageRefFiles/img23.giftd.ms-sbgoSearch magnify iconBackground
PaddingCore.CSS - 4177
td.ms-sbgo{
background-color:#e9f2fd;
padding-left:3px;
padding-right:3px;
padding-bottom:1px;
padding-top:1px;
} Copy to Clipboard http://www.heathersolomon.com/content/sp07ImageRefFiles/img26.gif.ms-sbLastcellEmpty cell to the right of the search areaWidthCore.CSS - 4184
.ms-sbLastcell,.ms-rightbodysectionsearchbox{
width:100%;
} Copy to Clipboard http://www.heathersolomon.com/content/sp07ImageRefFiles/img27.gif.ms-sblinkLink formattingBorder
Font family, size, color
Text decoration
PaddingCore.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img10.gif.ms-sbplainFormatting for Search terms text boxFont family, size
BorderCore.CSS - 4153
.ms-sbplain{
font-family:Tahoma;
font-size:8pt;
border:none;
} Copy to ClipboardControl the text box width in the master page using the TextBoxWidth property in the search code.http://www.heathersolomon.com/content/sp07ImageRefFiles/img25.giftd.ms-sbscopesWrapping table cell around Search ScopesBorderCore.CSS - 4190 http://www.heathersolomon.com/content/sp07ImageRefFiles/img24.gifselect.ms-sbscopesFormatting for Search Scopes select boxFont family, size
WidthCore.CSS - 4193
td.ms-sbscopes{
border:none !important;
} Copy to ClipboardNote this style uses ! IMPORTANT.http://www.heathersolomon.com/content/sp07ImageRefFiles/img24.gif.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img23.gif.ms-sbtable-exWrapping table around SearchWidth
Border
MarginCore.CSS - 4128
.ms-sbtable-ex{
width:100%;
border-collapse:collapse;
margin-top:2px;
margin-left:2px;
} Copy to Clipboard http://www.heathersolomon.com/content/sp07ImageRefFiles/img23.gifSearch - CSS TricksSearch 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 InputsTop 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
PaddingCore.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img95.gif.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img106.gif
* 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
HeightCore.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img11.gif.ms-topnavselectedFormatting for selected navigationFont color, weight
Background
BorderCore.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img12.gif.ms-topNavHoverHover stateBackground
Border
Font colorCore.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img13.gif.ms-topNavFlyOutsDrop down menusBackground
Font family, size, color
Display
Width
PaddingCore.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img14.gif.ms-topNavFlyOutsHoverHover state for drop down menusBackground
Font colorCore.CSS - 704
.ms-topNavFlyOutsHover{
background-color:#ffe6a0;
color:#000000;
} Copy to Clipboard http://www.heathersolomon.com/content/sp07ImageRefFiles/img15.gifSite Actions Menu- Back to Top -.ms-siteaction,.ms-siteaction aSite Actions textFont size, family, weight, color
Text decorationCore.CSS - 590
.ms-siteaction,.ms-siteaction a{
font:8pt tahoma;
font-weight:bold;
color:#666666;
text-decoration:none;
} Copy to Clipboard http://www.heathersolomon.com/content/sp07ImageRefFiles/img16.gif.ms-siteactionsmenuWrapping table cell White space
Font
Padding
Border
CursorCore.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
PaddingCore.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img16.gif.ms-siteactionsmenu div div div.ms-siteactionsmenuhoverHover stateBackground
BorderCore.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img17.gifQuick 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
HeightCore.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img93.gif.ms-quicklaunchheaderQuick Launch Headers (such as View All Site Content button)Padding
Font weight, color, size
Text-decoration
BackgroundCore.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img18.gif.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img88.gif.ms-selectednavheaderSelected view state for navigation headersWidth
Background
Border
Padding
Font weight, color
Text decorationCore.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 decorationCore.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img89.gif.ms-selectednavSelected view state for navigation items under navigation headersBorder
Background
Margin
Width
Padding
Font colorCore.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img90.gif.ms-navSubMenu1Sub navigation items under navigation headersWidth
Border
BackgroundCore.CSS - 827
.ms-navsubmenu1{
width:100%;
border-collapse:collapse;
background-color:#f2f8ff;
} Copy to Clipboard http://www.heathersolomon.com/content/sp07ImageRefFiles/img89.gif.ms-navSubMenu2Sub navigation items under navigation headersBorder
Width
Background
MarginCore.CSS - 763, 832
.ms-quicklaunch table.ms-navsubmenu2 td{
border:none;
}
.ms-navsubmenu2{
width:100%;
background-color:#f2f8ff;
margin-bottom:6px;
} Copy to Clipboard http://www.heathersolomon.com/content/sp07ImageRefFiles/img89.gif.ms-treeviewouterContaining DIV for Tree View in Quick LaunchBorder
PaddingCore.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img92.gifdiv.ms-treeviewouter divTop border of Tree View PaneBorderCore.CSS - 750
div.ms-treeviewouter div{
border-top:solid 1px #add1ff;
} Copy to Clipboard http://www.heathersolomon.com/content/sp07ImageRefFiles/img96.gif.ms-tvselectedSelected navigation item in Tree ViewBackground
Font colorCore.CSS - 881, 884
.ms-tvselected{
background-color:#ffda8a;
}
.ms-tvselected a{
color:#000000;
} Copy to Clipboard http://www.heathersolomon.com/content/sp07ImageRefFiles/img19.gif.ms-recyclebinRecycle BinBackground
Width
Border
Padding
Font weight, color
Text decorationCore.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img91.gif.ms-quicklaunchouterBottom border of Quick Launch pane and margin around paneBorder
MarginCore.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img97.gif   http://www.heathersolomon.com/content/sp07ImageRefFiles/img98.gif.ms-quickLaunchQuick Launch pane formatting and top and side borders around paneBorder
Font
Line-height
BackgroundCore.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img99.gif.ms-quickLaunch table tdContainer for sub itemsBorderCore.CSS - 738
.ms-quicklaunch table td{
border-top:1px solid #add1ff;
} Copy to ClipboardDefault code adds a 1px top and bottom border around set of sub menu items as shown in red to the right.http://www.heathersolomon.com/content/sp07ImageRefFiles/img139.gifQuick Launch Picker (Date Picker)- Back to Top -.ms-picker-headerPicker headerFont weight
BackgroundDatePicker.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img55.gif.ms-picker-dayheaderDays of the weekFont family, size, color, weight
Text alignment
Border
PaddingDatePicker.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img56.gif.ms-picker-daycenterDate boxesText alignment
Font size, family, color
Border
Height
Text decorationDatePicker.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img57.gif.ms-picker-daycenterOnHover state for Date boxesBackground
HeightDatePicker.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img58.gif.ms-picker-dayselectedCurrent dateText alignment
Font size, family
Background
BorderDatePicker.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img59.gif.ms-picker-footerPicker footerBorder
Font family, size, color
Padding
Text decorationDatePicker.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img60.gif.ms-quickLaunchWrapper around entire pickerSee ms-quickLaunchTitle Area - Back to Top -.ms-titlearealeftWrapping table cell around page imageBackgroundCore.CSS - 1116
.ms-titlearealeft {
background-color:#d6e8ff;
} Copy to Clipboard http://www.heathersolomon.com/content/sp07ImageRefFiles/img100.gif.ms-titleareaframeWrapping table cell around page image and neighboring table cell to the rightBackground image, repeat, position, color
Text alignmentCore.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img101.gif.ms-pagetitleareaframe tableWrapping table cell around page titleBackground image, repeat, position, color
Text alignmentCore.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img102.gif.ms-pagetitlePage title textFont color, family, size, weight
MarginCore.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img94.gifContent AreaGeneral- Back to Top -.ms-bodyareaframeContent containerVertical alignment
Height
Width
Background
Border
PaddingCore.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
BorderCore.CSS 1631
.ms-listdescription{
color:#4c4c4c;
font-family:tahoma;
background:#f8f8f8;
padding:2px 6px 4px 6px;
border-bottom:1px solid #6f9dd9;
} Copy to Clipboard http://www.heathersolomon.com/content/sp07ImageRefFiles/img33.gif.ms-formbodyBackground for cells with form fieldsLine height
Font family, size
Vertical align
Background
Border
Padding
Text alignmentCore.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img37.gif.ms-formlabelForm label formattingText alignment
Font family, size, color, weight
Border
PaddingCore.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img63.gif.ms-formlineBottom line under last form fieldsBorder
PaddingCore.CSS - 352
.ms-formline{
border-top:1px solid #c4c4c4;
padding-right:8px;
padding-left:8px;
} Copy to Clipboard http://www.heathersolomon.com/content/sp07ImageRefFiles/img64.gif.ms-authoringcontrolsBackground for cells with form fields on administrative pagesBackground
Font family, size, colorCore.CSS - 1413
.ms-authoringcontrols {
background-color:#ebf3ff;
font-family:tahoma;
font-size:8pt;
color:#525252;
} Copy to Clipboard http://www.heathersolomon.com/content/sp07ImageRefFiles/img62.gif.ms-propertysheetControls fonts in several locationsText-align
Font family, size, color, weight, text decorationCore.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
HeightCore.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img76.gifBreadcrumbs- Back to Top -.ms-pagebreadcrumbBreadcrumb navigation in main content areaPadding
Border
Font size, color
Text decoration
BackgroundCore.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img20.gif.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
MarginBand.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img103.gif.breadcrumbCurrentCurrent location in page level breadcrumbs used on publishing pagesFontBand.CSS - 71
.breadcrumbCurrent {
font-weight:bold;
} Copy to Clipboard http://www.heathersolomon.com/content/sp07ImageRefFiles/img104.gifPage 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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img69.gif.ms-consoletitleareaframeEdit Toolbar container - sub table cellBackground
Text alignment
Padding
WidthCore.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 ClipboardThis is the sides of the toolbar; optionally hide these instead of reformatting by doing a display: none. http://www.heathersolomon.com/content/sp07ImageRefFiles/img70.gif.ms-consoletitleareaframebottomBottom area under toolbarBackground
Text alignment
PaddingCore.CSS - 1146
.ms-consoletitleareaframebottom {
background-color:#d6e8ff;
text-align:center;
padding:0px 0px 0px 0px;
} Copy to ClipboardThis is the bottom of the sides of the toolbarhttp://www.heathersolomon.com/content/sp07ImageRefFiles/img71.gif.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 ClipboardThis is the top and bottom border of the toolbar as a wholehttp://www.heathersolomon.com/content/sp07ImageRefFiles/img72.gif.ms-consolestatusframeEdit Toolbar container - sub sub sub tableBorder
BackgroundCore.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 ClipboardThis the background of the lower sections of the toolbarhttp://www.heathersolomon.com/content/sp07ImageRefFiles/img73.gif.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 ClipboardThis is the gradation in the top bar when the page is in Edit modehttp://www.heathersolomon.com/content/sp07ImageRefFiles/img74.gif.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 ClipboardThis is the gradation in the top bar when looking at a draft state of the pagehttp://www.heathersolomon.com/content/sp07ImageRefFiles/img74.gif.ms-consolehrSeparator rules between rows in toolbarBackground
HeightCore.CSS - 3293
.ms-consolehr{
background-color:#CDCDCD;
height:1px;
} Copy to Clipboard http://www.heathersolomon.com/content/sp07ImageRefFiles/img75.gifPage Edit Toolbar - CSS Trickstd.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
MarginSee shared styles under Wiki http://www.heathersolomon.com/content/sp07ImageRefFiles/img65.gif.ms-wikieditthirdBackground of buttonsBackground
Padding http://www.heathersolomon.com/content/sp07ImageRefFiles/img66.gif.ms-wikitoolbar a.ms-toolbarButtonsFont color http://www.heathersolomon.com/content/sp07ImageRefFiles/img66.gif.ms-wikitoolbar a:hover.ms-toolbarHover state of buttonsText decoration
Font color http://www.heathersolomon.com/content/sp07ImageRefFiles/img67.gif.ms-toolbarSee Toolbar .ms-separatorSee Toolbar http://www.heathersolomon.com/content/sp07ImageRefFiles/img68.gifWeb 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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img22.gif.ms-WPTitleTitle textFont weight, family, color
Text decoration
Padding
CursorCore.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img22.gif.ms-HoverCellInActiveInactive state for web part menu arrowSee Global Linkshttp://www.heathersolomon.com/content/sp07ImageRefFiles/img108.gif.ms-HoverCellActiveDarkMouseover for web part menu arrowBackground
Border
Vertical alignmentCore.CSS - 2590
.ms-HoverCellActiveDark {
background-image:url("/_layouts/images/menubuttonhover.gif");
border:solid 1px #868686;
background-color:#ffbb47;
vertical-align:top;
} Copy to Clipboard http://www.heathersolomon.com/content/sp07ImageRefFiles/img107.gif.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 ClipboardThis is not used by all web parts! Generally web part data not in a table will pick up this style.http://www.heathersolomon.com/content/sp07ImageRefFiles/img109.gif.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 ClipboardThis 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.http://www.heathersolomon.com/content/sp07ImageRefFiles/img115.gif.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img110.gif.bulletBullets used in web part contentBorder
Vertical alignment
Background
PaddingControls.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img116.gif.descriptionDescriptions within web partsFont size, family, colorControls.CSS - 91
.description {
font-family:tahoma;
font-size:8pt;
color: #4c4c4c;
} Copy to Clipboard http://www.heathersolomon.com/content/sp07ImageRefFiles/img111.gif.ms-vbColumn headers in lists, among other thingsVertical alignment
Font color, size, decorationCore.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 ClipboardProceed 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. http://www.heathersolomon.com/content/sp07ImageRefFiles/img113.gif.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img114.gif.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
PaddingCore.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 ClipboardNote that this class is used twice, once for the container table cell, and again for the hyperlink.http://www.heathersolomon.com/content/sp07ImageRefFiles/img112.gif.ms-partlineSeparating line under web part and above Action linksBackgroundCore.CSS - 1507
.ms-partline {
background-color:#add1ff;
} Copy to Clipboard http://www.heathersolomon.com/content/sp07ImageRefFiles/img21.gifMenu Toolbar- Back to Top -.ms-menutoolbarToolbar menuBorder
Height
BackgroundCore.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img30.gif.ms-separator imgSeparating line between toolbar optionsHeight
Width
Margin
Background
BorderCore.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img29.gif.ms-menubuttoninactivehoverToolbar buttonMargin
Padding
Background
Line heightCore.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img30.gif.ms-menubuttonactivehoverHover state for toolbar buttonsMargin
Padding
Background
Line height
Border
CursorCore.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img31.gif.ms-splitbuttonhoverHover state for "New" toolbar buttonBackground
Border
MarginCore.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
CursorCore.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img32.gif.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img80.gif.ms-viewselectorView drop down menuFont size, family, weight, color
Border
Background
Padding
Cursor
WidthCore.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img34.gif.ms-viewselectorhoverHover state for View drop down menuFont size, family, weight
Border
Background
Padding
Cursor
WidthCore.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img35.gifToolbar- 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 ClipboardAlso used in the Mini Consolehttp://www.heathersolomon.com/content/sp07ImageRefFiles/img36.gif.ms-separatorButton separatorFont color, sizeCore.CSS 1399
.ms-separator {
color:#83b0ec;
font-size:10pt;
} Copy to ClipboardAlso used in the Mini Consolehttp://www.heathersolomon.com/content/sp07ImageRefFiles/img68.gifCalendar- Back to Top -** Download a clean version of calendar styles ready for branding **.ms-calheaderCalendar headerBackgroundCalendar.CSS - 3 http://www.heathersolomon.com/content/sp07ImageRefFiles/img38.gif.ms-cal-navheaderMonth directional arrowsBackground
Border
Vertical alignmentCalendar.CSS - 844 http://www.heathersolomon.com/content/sp07ImageRefFiles/img39.gif.ms-cal-weekdayWeekdayBackground
Font color, weight
PaddingCalendar.CSS - 50 http://www.heathersolomon.com/content/sp07ImageRefFiles/img40.gif.ms-cal-weekemptySpace to the left of the week day and weeksBackground
Width
Font sizeCalendar.CSS - 41 http://www.heathersolomon.com/content/sp07ImageRefFiles/img41.gif   http://www.heathersolomon.com/content/sp07ImageRefFiles/img42.gif.ms-cal-topdayDay headerBackground
Border
Font weight, color
Text alignmentCalendar.CSS - 75 http://www.heathersolomon.com/content/sp07ImageRefFiles/img43.gif.ms-cal-topdayover,Hover state for Day headerBackground
Border
Cursor
Text alignmentCalendar.CSS - 148 http://www.heathersolomon.com/content/sp07ImageRefFiles/img44.gif.ms-cal-nodataMidEmpty daysFont family, size
Vertical alignment
Padding
Border
BackgroundCalendar.CSS - 215, 220 http://www.heathersolomon.com/content/sp07ImageRefFiles/img45.gif.ms-cal-nodataBtm2Bottom area of empty daysPadding
Border
Background
Vertical alignmentCalendar.CSS - 220, 227 http://www.heathersolomon.com/content/sp07ImageRefFiles/img49.gif.ms-cal-weekWeek headerBackground
BorderCalendar.CSS - 56 http://www.heathersolomon.com/content/sp07ImageRefFiles/img46.gif.ms-cal-weekselectedHover state for Week headerFont color
Text decoration
Border
Cursor
BackgroundCalendar.CSS - 62, 67 http://www.heathersolomon.com/content/sp07ImageRefFiles/img47.gif.ms-cal-workitemWork daysFont family, size
Padding
Border
Vertical alignment
BackgroundCalendar.CSS - 235, 240 http://www.heathersolomon.com/content/sp07ImageRefFiles/img50.gif.ms-cal-workitem2BBottom area of each work dayPadding
Border
BackgroundCalendar.CSS - 252 http://www.heathersolomon.com/content/sp07ImageRefFiles/img48.gif.ms-cal-noworkitemNon work daysFont family, size
Vertical alignment
Padding
Border
BackgroundCalendar.CSS - 235, 285 http://www.heathersolomon.com/content/sp07ImageRefFiles/img51.gif.ms-cal-noworkitem2BBottom area of each non work dayPadding
Border
BackgroundCalendar.CSS - 292 http://www.heathersolomon.com/content/sp07ImageRefFiles/img52.gif.ms-cal-topday-todayToday markerBackground
Border
Text alignment
Font weight, color
Text decorationCalendar.CSS - 119, 125, 131, 200 http://www.heathersolomon.com/content/sp07ImageRefFiles/img53.gif.ms-cal-topday-todayoverHover state for Today markerBackground
Border
Cursor
Text alignmentCalendar.CSS - 136 http://www.heathersolomon.com/content/sp07ImageRefFiles/img54.gif.ms-cal-defaultbgcolorAll Day Event marker in Month ViewBackground
Text alignment
Font weight
Text overflow
Padding
CursorCalendar.CSS - 352 http://www.heathersolomon.com/content/sp07ImageRefFiles/img81.gif.ms-cal-defaultbgcolorselHover state for All Day Event marker in Month ViewBackground
Text alignment
Font weight
Text overflow
Padding
Cursor
Font color
Text decorationCalendar.CSS - 362, 390, 393 http://www.heathersolomon.com/content/sp07ImageRefFiles/img82.gif.ms-cal-timeArea to left of All Day Event marker in Day ViewBorder
Width
BackgroundCalendar.CSS - 410 http://www.heathersolomon.com/content/sp07ImageRefFiles/img83.gif.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img84.gif.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
BackgroundCalendar.CSS - 703 http://www.heathersolomon.com/content/sp07ImageRefFiles/img85.gif.ms-cal-tweekitemAppointment block in Week ViewBorder
Background
Width
Height
Padding
Vertical alignment
Font family, size
OverflowCalendar.CSS - 756, 764, 770 http://www.heathersolomon.com/content/sp07ImageRefFiles/img86.gif.ms-cal-tdayitemAppointment block in Day ViewBorder
Background
Width
Height
Padding
Vertical Alignment
Font family, size
OverflowCalendar.CSS - 779, 787, 793, 798 http://www.heathersolomon.com/content/sp07ImageRefFiles/img87.gifSearch Center (Advanced Search)- Back to Top -.ms-ptabareaContaining table for tabsMarginPortal.CSS - 17
.ms-ptabarea, .ms-sctabarea {
margin-top: 0px;
} Copy to ClipboardThese 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
PaddingPortal.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 Clipboardhttp://www.heathersolomon.com/content/sp07ImageRefFiles/img1.gif.ms-ptabcnhoverSelected tab hoverBackground
Border
Font
PaddingPortal.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 Clipboardhttp://www.heathersolomon.com/content/sp07ImageRefFiles/img3.gif.ms-ptabcn A:link,
.ms-ptabcn A:visited,
.ms-ptabcnhover A:link,
.ms-ptabcnhover A:visited, Selected tab textText decoration
Font
ColorPortal.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 Clipboardhttp://www.heathersolomon.com/content/sp07ImageRefFiles/img1.gif.ms-ptabcnhover A:hoverSelected tab text hoverText decoration
Font
ColorPortal.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 Clipboardhttp://www.heathersolomon.com/content/sp07ImageRefFiles/img3.gif.ms-sctabcf Unselected tabBorder
Font
PaddingPortal.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 Clipboardhttp://www.heathersolomon.com/content/sp07ImageRefFiles/img4.gif.ms-ptabcfhoverUnselected tab hoverBackground
Border
Font
PaddingPortal.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 Clipboardhttp://www.heathersolomon.com/content/sp07ImageRefFiles/img2.gif.ms-ptabcf A:link,
.ms-ptabcf A:visited,
.ms-ptabcfhover A:link,
.ms-ptabcfhover A:visited, Unselected tab textText decoration
Font
ColorPortal.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 Clipboardhttp://www.heathersolomon.com/content/sp07ImageRefFiles/img4.gif.ms-ptabcfhover A:hoverUnselected tab text hoverText decoration
Font
ColorPortal.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 Clipboardhttp://www.heathersolomon.com/content/sp07ImageRefFiles/img2.gif.ms-sctabrx Line extending past tabsWidth
Background
Border
Font family, size, style, weight
Padding
Vertical alignment
Text alignmentPortal.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 Clipboardhttp://www.heathersolomon.com/content/sp07ImageRefFiles/img79.gifSite Directory (Site Map)- Back to Top -See Search CenterSite Map tabsSee Search CenterSee Search Center http://www.heathersolomon.com/content/sp07ImageRefFiles/img7.gif.ms-ptabcfUnselected tabBackground
Border
Font
PaddingPortal.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img78.gif.ms-ptabrxLine extending past tabsWidth
Background
Border
Font family, size, style, weight
Padding
Vertical alignment
Text alignmentPortal.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img77.gifBlog- Back to Top -.ms-PostWrapperWrap around each post, includes date, title and footerFont color
WidthCore.CSS - 3510
.ms-PostWrapper,.ms-CommentsWrapper,.ms-blogrss {
color:#4c4c4c;
width:629px;
} Copy to ClipboardBy default, this style sets a fixed width for the posts. .ms-PostDatePost dateFont size, color
Margin
Border
PaddingCore.CSS - 3569
h3.ms-PostDate {
font-size:8pt;
color:#7f7f7f;
margin:0;
border-bottom:solid 1px #6f9dd9;
padding-bottom:5px;
} Copy to Clipboard http://www.heathersolomon.com/content/sp07ImageRefFiles/img118.gif.ms-PostTitlePost titleFont size, color
Border
Padding
Position
Text decorationCore.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img117.gif.ms-PostBodyPost body copyFont size, color
Line height
Padding
MarginCore.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img119.gif.ms-PostFooterPost footer links and infoFont size, color
Padding
White spaceCore.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img120.gif.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
PositionCore.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img122.gif.ms-commentsemptyFormatting for default text when no comments have been posted.Font size, color, weight
Margin
Padding
PositionCore.CSS - 3604
.ms-commentsempty{
color:#4c4c4c;
font-size:8pt;
padding-bottom:22px;
padding-top:6px; } Copy to Clipboard http://www.heathersolomon.com/content/sp07ImageRefFiles/img123.gif.ms-commenttableTable that wraps each comment.Margin
Padding
BorderCore.CSS - 3639, 3643
.ms-commenttable{
margin:15px 0 0 0;
padding:0px;
}
.ms-commenttable td{
border-top:solid 1px #d6e8ff;
} Copy to Clipboard http://www.heathersolomon.com/content/sp07ImageRefFiles/img124.gif.ms-CommentTitleComment titleFont color, size
Line-height
Padding
MarginCore.CSS - 3589
h4.ms-CommentTitle {
color:#666666;
font-size:8pt;
line-height:1.7em;
padding:0px 0 0 0;
margin:0px;
} Copy to Clipboard http://www.heathersolomon.com/content/sp07ImageRefFiles/img126.gif.ms-CommentBodyComment body copyFont color, size
Line-height
PaddingCore.CSS - 3597
.ms-CommentBody{
color:#4c4c4c;
font-size:8pt;
line-height:1.7em;
padding-bottom:12px;
padding-top:6px;
} Copy to Clipboard http://www.heathersolomon.com/content/sp07ImageRefFiles/img127.gif.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. http://www.heathersolomon.com/content/sp07ImageRefFiles/img128.gif.ms-blogeditEdit button for posts and comments.Font size, color
Line height
Vertical alignment
Border
Height
Padding
BackgroundCore.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img125.gif.ms-blogAdminLinksAdmin links that show to right of blog postsList style
Margin
Padding
Background
Font colorCore.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 ClipboardThis is an unordered list.http://www.heathersolomon.com/content/sp07ImageRefFiles/img121.gif.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.http://www.heathersolomon.com/content/sp07ImageRefFiles/img129.gif.ms-BlogNavigator div.ms-navheaderNavigation headersBackground
Border
Padding
Font color, weightCore.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img130.gif.ms-BlogNavigator div.ms-WPBodyBorder above navigation headersBorderCore.CSS - 3704
.ms-BlogNavigator div.ms-WPBody{
border-top:solid 1px #add1ff;
} Copy to Clipboard http://www.heathersolomon.com/content/sp07ImageRefFiles/img131.gif.ms-BlogNavigator div.ms-PartSpacingVerticalSpace under items in a navigation block.Font size
MarginCore.CSS - 3707
.ms-BlogNavigator div.ms-PartSpacingVertical {
font-size:1pt;
margin-top:0px;
} Copy to Clipboard http://www.heathersolomon.com/content/sp07ImageRefFiles/img132.gif.ms-BlogNavigator td.ms-addnewAmount of left indention of "Add New..." linksPadding
BackgroundCore.CSS - 3712
.ms-BlogNavigator td.ms-addnew{
padding-left:6px;
background: white;
} Copy to Clipboard http://www.heathersolomon.com/content/sp07ImageRefFiles/img133.gif.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img134.gif.ms-CategoryTitleCellContainer and contents formatting for sub navigation itemsPadding
Display
Background
MarginCore.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img135.gif.ms-blogrssnavRSS Feed linkFont color, weight, size, text-decoration
Padding
BorderCore.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img136.gif.ms-blogrssnav imgRSS Feed imageBorderCore.CSS - 3528
.ms-blogrssnav img{
border:none;
} Copy to Clipboard http://www.heathersolomon.com/content/sp07ImageRefFiles/img136.gifWiki- 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. http://www.heathersolomon.com/content/sp07ImageRefFiles/img138.gif.ms-quicklaunchouter
ms-quickLaunch
ms-quicklaunchheader
ms-navsubmenu1
ms-navsubmenu2
ms-navitemThe 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. http://www.heathersolomon.com/content/sp07ImageRefFiles/img137.gif.ms-recentchangesBullet image to left of View All Pages in navVertical alignment
PaddingCore.CSS - 3459
.ms-recentchanges {
vertical-align:top;
padding:7px 1px 9px 4px;
} Copy to Clipboard http://www.heathersolomon.com/content/sp07ImageRefFiles/img140.gif.ms-addnewView All Pages text linkVertical alignment
PaddingSee ms-addnew.This style is used in many places in SharePoint, including under web parts to add new items to lists and libraries.http://www.heathersolomon.com/content/sp07ImageRefFiles/img140.gif.ms-wikieditouterDiv wrapper around console buttonsHeight
Font size, family
Position
Border
Text alignment
MarginBand.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 Directoryhttp://www.heathersolomon.com/content/sp07ImageRefFiles/img141.gif.ms-wikieditthirdBackground of buttonsBackground
PaddingCore.CSS - 3423
.ms-wikieditthird
{
background:url(/_layouts/images/toolgrad.gif);
padding-left:3px;
} Copy to Clipboardhttp://www.heathersolomon.com/content/sp07ImageRefFiles/img66.gif.ms-wikitoolbar a.ms-toolbarButtonsFont colorCore.CSS - 3404
.ms-wikitoolbar a.ms-toolbar{
color:#124890;
} Copy to Clipboardhttp://www.heathersolomon.com/content/sp07ImageRefFiles/img66.gif.ms-wikitoolbar a:hover.ms-toolbarHover state of buttonsText decoration
Font colorCore.CSS - 3437
.ms-wikitoolbar a:hover.ms-toolbar {
text-decoration:underline;
color:#000000;
} Copy to Clipboardhttp://www.heathersolomon.com/content/sp07ImageRefFiles/img67.gif.ms-separatorSee Toolbar http://www.heathersolomon.com/content/sp07ImageRefFiles/img68.gif.ms-wikicontentText formatting in a wiki pageText decoration
Font color
Line height
BorderCore.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 http://www.heathersolomon.com/content/sp07ImageRefFiles/img142.gif　　

查看完整版本: CSS Reference Chart for SharePoint 2007 (Microsoft Office SharePoint Server 2007