Skip to main content

Cascading Style Sheets Class Usage in SharePoint Foundation


ElementCSS Class(es)Notes
<body>
v4master
Applies CSS styles in corev4.css to the page.
Ribbon container
s4-pr
Makes the Ribbon container the full width of the page row.
s4-ribbonrowhidetitle
Used to show or hide the ribbon title area when the ribbon is opened or closed.
ms-cui-ribbon
Defines the main ribbon CSS class.
ms-cui-ribbonTopBars
Defines the elements above the ribbon body, from the top of the page up to and including the ribbon tab titles.
Site Actions menu
ms-siteactionsmenu
Sets styles for the Site Actions menu as a whole.
ms-siteactionsmenuinner
Sets styles for the inner Site Actions menu.
ms-menu-a
Sets the margin-right property on the top menu.
Breadcrumb menu
s4-breadcrumb-menu
Sets styles for the Breadcrumb menu as a whole.
s4-breadcrumb-anchor
Sets styles on hover over the Breadcrumb menu.
Breadcrumb menu header
s4-breadcrumb-top
Sets styles on the Breadcrumb menu top area when the drop-down tree is open.
s4-breadcrumb-header
Sets styles on the breadcrumb folder icon when the breadcrumb tree drop-down menu is selected.
Breadcrumb menu items
s4-breadcrumb
Sets breadcrumb item styles.
s4-breadcrumbRootNode
Sets styles on the breadcrumb Team Site root tree element.
s4-breadcrumbCurrentNode
Sets styles on the breadcrumb Home tree element.
Edit tab
ms-qatbutton
Sets styles on the Edit tab.
Browse tab
ms-cui-tts
Sets styles for the container for the tab title.
ms-cui-tt
Sets styles for the tab title.
ms-browseTab
Sets styles specific to the Browse tab
ms-cui-tt-s
Sets styles for a selected tab title.
ms-cui-tt-a
Sets styles for the Ribbon tab title anchor (the link element that makes the table title clickable).
ms-cui-tt-span
Sets styles for tab title span.
Page Tab
ms-cui-tt
Sets styles for the tab title.
ms-cui-tt-a
Sets styles for the Ribbon tab title anchor (the link element that makes the table title clickable).
ms-cui-tt-span
Sets styles for tab title span.
User menu
s4-trc-container-menu
Sets styles for the top right corner container menu.
ms-SPLink
Sets styles applied to a menu item.
ms-welcomeMenu
Sets the margin-right property on a drop-down menu item.
ms-menu-a
Sets the margin-right property on the top menu.
Title row
s4-pr
Makes the Title row the full width of the page row.
s4-title
Sets styles on page title elements.
s4-lp
Sets styles for elements on the left part of the page.
s4-titlelogo
Sets margin and alignment on the title logo image.
s4-titletext
Sets styles on all text to the right of the page logo graphic.
Search area
s4-search
Sets padding values on the Search control in the secondary menu.
s4-rp
Sets styles for elements on the right part of the page.
QuickLaunch menu items
menu-item
Sets styles for the Home button located under the Site logo.
menu-item-text
Sets styles on the text of the Home button.
Recycle Bin link
s4-rcycl
Sets styles specific to the Recycle Bin link element.
ms-splinkbutton-text
Sets styles on the link element.
All Site Content link
s4-specialNavIcon
Sets styles specific to the All Site Content link element.
ms-splinkbutton-text
Sets styles on the link element.
Shared Documents link
ms-WPHeaderTd
Sets styles on the header section in the Web Part.
ms-standardheader
Sets standard header styles.
ms-WPTitle
Sets styles on the Web Part title.
Web part menu
ms-WPHeaderTdMenu
Sets styles on the Web Part menu.
ms-WPHeaderMenuImg
Sets styles on the Web Part menu image.
Selection checkbox
ms-WPHeaderTdSelection
Sets styles on the Web Part selection check box.
ms-WPHeaderTdSelSpan
Sets span styles on the Web Part selection check box.
Item selection checkbox
ms-vh-icon
Sets styles on the item selection check-box icon.
ms-vh2
Sets the height property.
Type option, Name option, Modified option, Modified By option
ms-vh-div
Sets padding-top property.
s4-ctx
Sets padding, position, and display properties on the drop-down menu.
ms-vh2
Sets the height property.
Shared Documents text
ms-vb
Sets styles on the Shared Documents control group text area (bottom of group).
Add document link
ms-addnew
Sets styles specified to the Add document link.
Photo image
ms-rte-layoutszone-outer
Rich text editor class that sets the float property on controls of the Team Site Home Web part.
ms-rte-layoutszone-inner
Rich text editor class that sets styles on content areas of the Team Site Home Web part.
ms-rteThemeForeColor-5-5
Rich text editor class that sets the theme fore-color (to dark blue) on the Getting Started Wiki area.
Getting Started area
ms-rte-layoutszone-outer
Rich text editor class that sets the float property on controls of the Team Site Home Web part.
ms-rte-layoutszone-inner
Rich text editor class that sets styles on content areas of the Team Site Home Web part.
ms-rteThemeForeColor-5-5
Rich text editor class that sets the theme fore-color (to dark blue) on the Getting Started Wiki area.
Share this site, Change site theme, Set site icon, Customize QuickLaunch links
ms-rteTable-0, ms-rteTableEvenRow-0, ms-rteTableEvenCol-0, ms-rteTableOddCol-0, ms-rteTableOddRow-0
Rich text editor classes that set styles on the controls under the Getting Started Wiki area.

Comments

Popular posts from this blog

Site Logo Not Changing on Web Part Pages

I tested and reproduced your issue in my local machine. Since the Web Part Pages would override the content in PlaceHolderPageTitleInTitleArea place holder, the site logo would not change automatically. So would you please try remove or comment the following control TitleBarWebPart: See the similar scenario and solution: http://emanonsolutions.blogspot.com/2010/02/left-navigation-webpart-pages.html Hope this can help.

Create a Custom Site Definition with Additional Content in SharePoint 2010 Using Visual Studio 2010

·          Web Templates ·          Site Definitions and Configurations ·          Deciding Between Custom Web Templates and Custom Site Definitions ·          Understanding Onet.xml Files ·          How to: Create a Custom Web Template ·          Overview of Creating Custom Site Definitions Site Template Configurator utility http://stefan-stanev-sharepoint-blog.blogspot.com/search/label/SharePoint%202010 Create a Custom Site Definition with Additional Content in SharePoint 2010 Using Visual Studio 2010 http://community.bamboosolutions.com/blogs/sharepoint-2010/archive/2010/11/11/sharepoint-2010-cookbook-how-to-create-a-custom-site-definition-with-additional-content-in-sharepoint-2010-using-visual-studio-2010.aspx http://blogs.msdn.com/b/allenwang/...

SPFx Fantastic 40 Web Parts

SPFx Fantastic 40 Web Parts Ref Link :  https://github.com/OlivierCC/spfx-40-fantastics Menu & Carousels & News Management Overview Web Part Description News Carousel Insert a classical, responsive, cool & touch ready News Carousel. With this web part, you can add easily news focus in your SharePoint site. The users can easily navigate in news items, with buttons or with touch. Tiles Menu This Web Part allows you to very easily create a menu in form of tiles that is responsive and adapted for mobile. You can directly manage the items on your menu, with a title, an image and manage Visual rendering options. 3D Carousel Insert a 3D Carousel in your SharePoint pages. With this Web Part, you can manage your menu items and create automatically a 3D carousel. Coverflow Generates a Coverflow Apple like menu in your pages. Manage your menu items with title and picture and create a cool coverflow menu. News Slider Insert a News Slider Tiles control to your pages....