Skip to main content

SharePoint 2010 CSS classes

Element

CSS 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.

 

Reference http://msdn.microsoft.com/en-us/library/ms438349.aspx

Labels:

Comments

Post a Comment

Popular posts from this blog

How to Customize New Item Form to take parameters from Query String in the SharePoint 2010

In here I'm going to explain how to customize the SharePoint Item From to take parameters from Query String and set them as default values using SharePoint designer. Using this you can open a new Item From by providing parameters as query string. For an example you can customize one item Display form and taking query String Parameter from that and view New Item view for another list by providing default values using the Query String.     Steps Open the SharePoint designer and go to list and libraries and open the list that you want. Click the New and create a New Insert View by providing the name of the view.   Then created one will come to the list. then click and open the view. Then default New Item Screen will be loaded as follows. Then Delete the default list view and make that empty. You can delete the controls by selecting the area in the design view, If it fully cleared you can view the following message from the designer. Then go to SharePoint...
6 comments
Read more

How to Link Two List and Create a combine view in the SharePoint 2010

In this way you can join multiple list together and can create a combine view. for an example assume that you are managing a list for some events. And also you are having a participants in separate list. Thus you want to join the two list and create a composite view. SharePoint 2010 allows you to create this kind of view using  Linked Data Source. in this approach you can create your own custom list in the SharePoint. How to Create a Linked Data source Go to SharePoint designer and  go to the link called data sources. And Click the Linked Data Source button in the ribbon. Then SharePoint designer will prompt following kind of a dialog. In there add two list, that you wan to linked together. I'm adding airline schedule and booking list. those are the two list that i wan to merge. then click next. And it will guide you another screen. it will ask you to select either Merge Merge use to combine list which are having same columns definition. for and example we can s...
32 comments
Read more

Complete guide to Install SharePoint in a Three Server Farm using AutpSPInstaller

This article will be divided to three sections Setting up the Environment and Service Accounts Getting Ready with AutoSPInstaller Online Configuring the XML using Online Editor and Installation Setting up the Environment and Service Accounts AutoSPInstaller Online is one of a great project that facilitate Automated SharePoint installation including Sharepoint 2010, 2013 and 2016. Auto SP Installer provides a powerful way to deploy and configure a single-server development environment to multiple-server SharePoint farm. Reference: https://autospinstaller.com/ Before doing anything we will set up the environment for SharePoint three server Farm. Will name these servers as SPWFE - Share Point Front End Server SPAPP - Share Point App server SPDB - DB server Please find the reference for SharePoint minimum requirement and practices from https://docs.microsoft.com/en-us/SharePoint/install/install-sharepoint-server-2016-across-multiple-servers For the the medium segregation, we have to create...
Post a Comment
Read more