SharePoint CSS Chart: http://sharepointexperience.com/csschart/csschart.html
Code Listing 1: Includes/Preprocessor directives
<%@Master language="C#"%>
<%@ Register Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register Tagprefix="Utilities" Namespace="Microsoft.SharePoint.Utilities" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Import Namespace="Microsoft.SharePoint" %> <%@ Assembly Name="Microsoft.Web.CommandUI, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Import Namespace="Microsoft.SharePoint.ApplicationPages" %>
<%@ Register Tagprefix="WebPartPages" Namespace="Microsoft.SharePoint.WebPartPages" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register TagPrefix="wssuc" TagName="Welcome" src="~/_controltemplates/Welcome.ascx" %>
<%@ Register TagPrefix="wssuc" TagName="MUISelector" src="~/_controltemplates/MUISelector.ascx" %>
<%@ Register TagPrefix="wssuc" TagName="DesignModeConsole" src="~/_controltemplates/DesignModeConsole.ascx" %>
Code Listing 2: Head Section
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="<%$Resources:wss,language_value%>" dir="<%$Resources:wss,multipages_direction_dir_value%>" runat="server" xmlns:o="urn:schemas-microsoft-com:office:office" __expr-val-dir="ltr">
<head runat="server">
<meta http-equiv="X-UA-Compatible" content="IE=8"/>
<meta name="GENERATOR" content="Microsoft SharePoint"/>
<meta name="progid" content="SharePoint.WebPartPage.Document"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="Expires" content="0"/>
<SharePoint:RobotsMetaTag runat="server"/>
<title id="onetidTitle"><asp:ContentPlaceHolder id="PlaceHolderPageTitle" runat="server"/></title>
<SharePoint:CssLink runat="server" Version="4"/>
<SharePoint:Theme runat="server"/>
<SharePoint:ULSClientConfig runat="server"/>
<script type="text/javascript">
var _fV4UI = true;
</script>
<SharePoint:ScriptLink language="javascript" name="core.js" OnDemand="true" runat="server"/>
<SharePoint:CustomJSUrl runat="server"/>
<SharePoint:SoapDiscoveryLink runat="server"/>
<asp:ContentPlaceHolder id="PlaceHolderAdditionalPageHead" runat="server"/>
<SharePoint:DelegateControl runat="server" ControlId="AdditionalPageHead" AllowMultipleControls="true"/>
<asp:ContentPlaceHolder id="PlaceHolderBodyAreaClass" runat="server"/>
<asp:ContentPlaceHolder id="PlaceHolderTitleAreaClass" runat="server"/>
<SharePoint:SPPageManager runat="server"/>
<SharePoint:SPHelpPageComponent Visible="false" runat="server"/>
<!-- TODO: Insert style tag or link to external stylesheet file here. See Code Listing 6 for overridden CSS styles -->
</head>
Code Listing 3: Body Section
<body onload="if (typeof(_spBodyOnLoadWrapper) != 'undefined')
_spBodyOnLoadWrapper();"
class="v4master">
<form runat="server"
onsubmit=" if (typeof(_spFormOnSubmitWrapper) != 'undefined')
{
return _spFormOnSubmitWrapper();
}
else
{
return true;
}">
<asp:ScriptManager id="ScriptManager"
runat="server"
EnablePageMethods="false"
EnablePartialRendering="true"
EnableScriptGlobalization="false"
EnableScriptLocalization="true" />
<WebPartPages:SPWebPartManager id="m" runat="Server"/>
<SharePoint:SPNoScript runat="server"/>
<div id="TurnOnAccessibility" style="display:none" class="s4-notdlg noindex">
<a id="linkTurnOnAcc"
href="#"
class="ms-TurnOnAcc"
onclick="SetIsAccessibilityFeatureEnabled(true);
UpdateAccessibilityUI();
document.getElementById('linkTurnOffAcc').focus();
return false;">
<SharePoint:EncodedLiteral
runat="server"
text="<%$Resources:wss,master_turnonaccessibility%>"
EncodeMethod="HtmlEncode"/>
</a>
</div>
<div id="TurnOffAccessibility"
style="display:none"
class="s4-notdlg noindex">
<a id="linkTurnOffAcc"
href="#"
class="ms-TurnOffAcc"
onclick="SetIsAccessibilityFeatureEnabled(false);
UpdateAccessibilityUI();
document.getElementById('linkTurnOnAcc').focus();
return false;">
<SharePoint:EncodedLiteral
runat="server"
text="<%$Resources:wss,master_turnoffaccessibility%>"
EncodeMethod="HtmlEncode"/>
</a>
</div>
<div class="s4-notdlg s4-skipribbonshortcut noindex">
<a href="javascript:;"
onclick="javascript:this.href='#startNavigation';"
class="ms-SkiptoNavigation"
accesskey="<%$Resources:wss,skipribbon_accesskey%>"
runat="server">
<SharePoint:EncodedLiteral
runat="server"
text="<%$Resources:wss,skipRibbonCommandsLink%>"
EncodeMethod="HtmlEncode"/></a>
</div>
<div class="s4-notdlg noindex">
<a href="javascript:;"
onclick="javascript:this.href='#mainContent';"
class="ms-SkiptoMainContent"
accesskey="<%$Resources:wss,maincontent_accesskey%>"
runat="server">
<SharePoint:EncodedLiteral
runat="server"
text="<%$Resources:wss,mainContentLink%>"
EncodeMethod="HtmlEncode"/>
</a>
</div>
<a id="HiddenAnchor" href="javascript:;" style="display:none;"></a>
<SharePoint:DelegateControl runat="server" ControlId="GlobalNavigation"/>
<!-- TODO: Insert Top-bar/Ribbon-Row from Code Listing 4 here -->
<!-- TODO: Insert Code Listing 5 here -->
<asp:ContentPlaceHolder id="PlaceHolderFormDigest" runat="server">
<SharePoint:FormDigest runat="server"/>
</asp:ContentPlaceHolder>
<input type="text" name="__spText1" title="text" style="display:none;" />
<input type="text" name="__spText2" title="text" style="display:none;" />
</form>
<asp:ContentPlaceHolder id="PlaceHolderUtilityContent" runat="server"/>
<SharePoint:WarnOnUnsupportedBrowsers runat="server"/>
<!-- Hidden Panel Start -->
<asp:Panel ID="pnlHidden" runat="server" Visible="false">
<asp:ContentPlaceHolder id="PlaceHolderLeftNavBarDataSource" runat="server" />
<asp:ContentPlaceHolder id="PlaceHolderCalendarNavigator" runat="server" />
<asp:ContentPlaceHolder id="PlaceHolderLeftActions" runat="server"></asp:ContentPlaceHolder>
<asp:ContentPlaceHolder id="PlaceHolderLeftNavBarTop" runat="server"/>
<asp:ContentPlaceHolder id="PlaceHolderLeftNavBar" runat="server"/>
<asp:ContentPlaceHolder id="PlaceHolderQuickLaunchTop" runat="server"/>
<asp:ContentPlaceHolder id="PlaceHolderQuickLaunchBottom" runat="server"/>
</asp:Panel>
<!-- Hidden Panel End -->
</body>
</html>
Code Listing 4: Top Bar
<div id="s4-ribbonrow" class="s4-pr s4-ribbonrowhidetitle">
<div id="s4-ribboncont">
<SharePoint:SPRibbon
runat="server"
PlaceholderElementId="RibbonContainer"
CssFile="">
<SharePoint:SPRibbonPeripheralContent
runat="server"
Location="TabRowLeft"
CssClass="ms-siteactionscontainer s4-notdlg">
<span class="ms-siteactionsmenu" id="siteactiontd">
<SharePoint:SiteActions
runat="server"
accesskey="<%$Resources:wss,tb_SiteActions_AK%>"
id="SiteActionsMenuMain"
PrefixHtml=""
SuffixHtml=""
MenuNotVisibleHtml="&nbsp;"
>
<CustomTemplate>
<SharePoint:FeatureMenuTemplate runat="server"
FeatureScope="Site"
Location="Microsoft.SharePoint.StandardMenu"
GroupId="SiteActions"
UseShortId="true"
>
<SharePoint:MenuItemTemplate runat="server" id="MenuItem_EditPage"
Text="<%$Resources:wss,siteactions_editpage%>"
Description="<%$Resources:wss,siteactions_editpagedescriptionv4%>"
ImageUrl="/_layouts/images/ActionsEditPage.png"
MenuGroupId="100"
Sequence="110"
ClientOnClickNavigateUrl="javascript:ChangeLayoutMode(false);"
/>
<SharePoint:MenuItemTemplate runat="server" id="MenuItem_TakeOffline"
Text="<%$Resources:wss,siteactions_takeoffline%>"
Description="<%$Resources:wss,siteactions_takeofflinedescription%>"
ImageUrl="/_layouts/images/connecttospworkspace32.png"
MenuGroupId="100"
Sequence="120"
/>
<SharePoint:MenuItemTemplate runat="server" id="MenuItem_CreatePage"
Text="<%$Resources:wss,siteactions_createpage%>"
Description="<%$Resources:wss,siteactions_createpagedesc%>"
ImageUrl="/_layouts/images/NewContentPageHH.png"
MenuGroupId="200"
Sequence="210"
UseShortId="true"
ClientOnClickScriptContainingPrefixedUrl="if (LaunchCreateHandler('Page'))
{
OpenCreateWebPageDialog('~site/_layouts/createwebpage.aspx')
}"
PermissionsString="AddListItems, EditListItems"
PermissionMode="All" />
<SharePoint:MenuItemTemplate runat="server" id="MenuItem_CreateDocLib"
Text="<%$Resources:wss,siteactions_createdoclib%>"
Description="<%$Resources:wss,siteactions_createdoclibdesc%>"
ImageUrl="/_layouts/images/NewDocLibHH.png"
MenuGroupId="200"
Sequence="220"
UseShortId="true"
ClientOnClickScriptContainingPrefixedUrl="if (LaunchCreateHandler('DocLib'))
{
GoToPage('~site/_layouts/new.aspx?' +
'FeatureId={00bfea71-e717-4e80-aa17-d0c71b360101}&ListTemplate=101')
}"
PermissionsString="ManageLists"
PermissionMode="Any"
VisibilityFeatureId="00BFEA71-E717-4E80-AA17-D0C71B360101" />
<SharePoint:MenuItemTemplate runat="server" id="MenuItem_CreateSite"
Text="<%$Resources:wss,siteactions_createsite%>"
Description="<%$Resources:wss,siteactions_createsitedesc%>"
ImageUrl="/_layouts/images/newweb32.png"
MenuGroupId="200"
Sequence="230"
UseShortId="true"
ClientOnClickScriptContainingPrefixedUrl="if (LaunchCreateHandler('Site'))
{
STSNavigate('~site/_layouts/newsbweb.aspx')
}"
PermissionsString="ManageSubwebs,ViewFormPages"
PermissionMode="All" />
<SharePoint:MenuItemTemplate runat="server" id="MenuItem_Create"
Text="<%$Resources:wss,siteactions_create%>"
Description="<%$Resources:wss,siteactions_createdesc%>"
MenuGroupId="200"
Sequence="240"
UseShortId="true"
ClientOnClickScriptContainingPrefixedUrl="if (LaunchCreateHandler('All'))
{
STSNavigate('~site/_layouts/create.aspx')
}"
PermissionsString="ManageLists, ManageSubwebs"
PermissionMode="Any" />
<SharePoint:MenuItemTemplate runat="server" id="MenuItem_ViewAllSiteContents"
Text="<%$Resources:wss,quiklnch_allcontent%>"
Description="<%$Resources:wss,siteactions_allcontentdescription%>"
ImageUrl="/_layouts/images/allcontent32.png"
MenuGroupId="300"
Sequence="302"
UseShortId="true"
ClientOnClickNavigateUrl="~site/_layouts/viewlsts.aspx"
PermissionsString="ViewFormPages"
PermissionMode="Any" />
<SharePoint:MenuItemTemplate runat="server" id="MenuItem_EditSite"
Text="<%$Resources:wss,siteactions_editsite%>"
Description="<%$Resources:wss,siteactions_editsitedescription%>"
ImageUrl="/_layouts/images/SharePointDesigner32.png"
MenuGroupId="300"
Sequence="304"
UseShortId="true"
ClientOnClickScriptContainingPrefixedUrl="EditInSPD('~site/',true);"
PermissionsString="AddAndCustomizePages"
PermissionMode="Any"
/>
<SharePoint:MenuItemTemplate runat="server" id="MenuItem_SitePermissions"
Text="<%$Resources:wss,people_sitepermissions%>"
Description="<%$Resources:wss,siteactions_sitepermissiondescriptionv4%>"
ImageUrl="/_layouts/images/Permissions32.png"
MenuGroupId="300"
Sequence="310"
UseShortId="true"
ClientOnClickNavigateUrl="~site/_layouts/user.aspx"
PermissionsString="EnumeratePermissions"
PermissionMode="Any" />
<SharePoint:MenuItemTemplate runat="server" id="MenuItem_Settings"
Text="<%$Resources:wss,settings_pagetitle%>"
Description="<%$Resources:wss,siteactions_sitesettingsdescriptionv4%>"
ImageUrl="/_layouts/images/settingsIcon.png"
MenuGroupId="300"
Sequence="320"
UseShortId="true"
ClientOnClickNavigateUrl="~site/_layouts/settings.aspx"
PermissionsString="EnumeratePermissions,ManageWeb,ManageSubwebs,AddAndCustomizePages,
ApplyThemeAndBorder,ManageAlerts,ManageLists,ViewUsageData"
PermissionMode="Any" />
<SharePoint:MenuItemTemplate runat="server" id="MenuItem_CommitNewUI"
Text="<%$Resources:wss,siteactions_commitnewui%>"
Description="<%$Resources:wss,siteactions_commitnewuidescription%>"
ImageUrl="/_layouts/images/visualupgradehh.png"
MenuGroupId="300"
Sequence="330"
UseShortId="true"
ClientOnClickScriptContainingPrefixedUrl="GoToPage('~site/_layouts/prjsetng.aspx')"
PermissionsString="ManageWeb"
PermissionMode="Any"
ShowOnlyIfUIVersionConfigurationEnabled="true" />
</SharePoint:FeatureMenuTemplate>
</CustomTemplate>
</SharePoint:SiteActions>
</span>
<asp:ContentPlaceHolder id="PlaceHolderGlobalNavigation" runat="server">
<SharePoint:PopoutMenu
runat="server"
ID="GlobalBreadCrumbNavPopout"
IconUrl="/_layouts/images/fgimg.png"
IconAlt="<%$Resources:wss,master_breadcrumbIconAlt%>"
IconOffsetX=0
IconOffsetY=112
IconWidth=16
IconHeight=16
AnchorCss="s4-breadcrumb-anchor"
AnchorOpenCss="s4-breadcrumb-anchor-open"
MenuCss="s4-breadcrumb-menu">
<div class="s4-breadcrumb-top">
<asp:Label runat="server"
CssClass="s4-breadcrumb-header"
Text="<%$Resources:wss,master_breadcrumbHeader%>" />
</div>
<asp:ContentPlaceHolder
id="PlaceHolderTitleBreadcrumb"
runat="server">
<SharePoint:ListSiteMapPath
runat="server"
SiteMapProviders="SPSiteMapProvider,SPContentMapProvider"
RenderCurrentNodeAsLink="false"
PathSeparator=""
CssClass="s4-breadcrumb"
NodeStyle-CssClass="s4-breadcrumbNode"
CurrentNodeStyle-CssClass="s4-breadcrumbCurrentNode"
RootNodeStyle-CssClass="s4-breadcrumbRootNode"
NodeImageOffsetX=0
NodeImageOffsetY=353
NodeImageWidth=16
NodeImageHeight=16
NodeImageUrl="/_layouts/images/fgimg.png"
RTLNodeImageOffsetX=0
RTLNodeImageOffsetY=376
RTLNodeImageWidth=16
RTLNodeImageHeight=16
RTLNodeImageUrl="/_layouts/images/fgimg.png"
HideInteriorRootNodes="true"
SkipLinkText="" />
</asp:ContentPlaceHolder>
</SharePoint:PopoutMenu>
<div class="s4-die">
<asp:ContentPlaceHolder
id="PlaceHolderGlobalNavigationSiteMap"
runat="server"
Visible="false">
</asp:ContentPlaceHolder>
</div>
</asp:ContentPlaceHolder>
<SharePoint:PageStateActionButton
id="PageStateActionButton"
runat="server"
Visible="false" />
</SharePoint:SPRibbonPeripheralContent>
<SharePoint:SPRibbonPeripheralContent
runat="server"
Location="TabRowRight"
ID="RibbonTabRowRight"
CssClass="s4-trc-container s4-notdlg">
<SharePoint:DelegateControl
runat="server"
ID="GlobalDelegate0"
ControlId="GlobalSiteLink0" />
<a href="#" tabindex="-1" style="display:none"></a>
<a href="#" tabindex="-1" style="display:none"></a>
<div class="s4-trc-container-menu">
<div>
<wssuc:Welcome id="IdWelcome"
runat="server"
EnableViewState="false">
</wssuc:Welcome>
<wssuc:MUISelector ID="IdMuiSelector" runat="server"/>
</div>
</div>
<SharePoint:DelegateControl
ControlId="GlobalSiteLink2"
ID="GlobalDelegate2"
Scope="Farm"
runat="server" />
<span>
<span class="s4-devdashboard">
<Sharepoint:DeveloperDashboardLauncher
ID="DeveloperDashboardLauncher"
NavigateUrl="javascript:ToggleDeveloperDashboard()"
runat="server"
ImageUrl="/_layouts/images/fgimg.png"
Text="<%$Resources:wss,multipages_launchdevdashalt_text%>"
OffsetX=0
OffsetY=222
Height=16
Width=16 />
</span>
</span>
</SharePoint:SPRibbonPeripheralContent>
</SharePoint:SPRibbon>
</div>
<div id="notificationArea" class="s4-noti">
</div>
<asp:ContentPlaceHolder ID="SPNavigation" runat="server">
<SharePoint:DelegateControl
runat="server"
ControlId="PublishingConsole"
Id="PublishingConsoleDelegate">
</SharePoint:DelegateControl>
</asp:ContentPlaceHolder>
<div id="WebPartAdderUpdatePanelContainer">
<asp:UpdatePanel
ID="WebPartAdderUpdatePanel"
UpdateMode="Conditional"
ChildrenAsTriggers="false"
runat="server">
<ContentTemplate>
<WebPartPages:WebPartAdder ID="WebPartAdder" runat="server"/>
</ContentTemplate>
<Triggers>
<asp:PostBackTrigger ControlID="WebPartAdder" />
</Triggers>
</asp:UpdatePanel>
</div>
</div>
Code Listing 5: Top Navigation and Main Content Area
<div id="s4-workspace">
<div id="s4-bodyContainer">
<div id="s4-titlerow" class="s4-pr s4-notdlg s4-titlerowhidetitle">
<div class="s4-title s4-lp">
<div class="s4-title-inner">
<!-- Site Header Start -->
<table class="s4-titletable" cellspacing="0">
<tbody>
<tr>
<!-- Site Logo Start -->
<td class="s4-titlelogo">
<SharePoint:SPLinkButton
runat="server"
NavigateUrl="~site/"
id="onetidProjectPropertyTitleGraphic">
<SharePoint:SiteLogoImage
name="onetidHeadbnnr0"
id="onetidHeadbnnr2"
LogoImageUrl="/sites/inetapakistan/SiteAssets/logo.png"
runat="server"/>
</SharePoint:SPLinkButton>
</td>
<!-- Site Logo End -->
<td class="s4-titletext">
<!-- Site Name Start -->
<h1 name="onetidProjectPropertyTitle">
<asp:ContentPlaceHolder id="PlaceHolderSiteName" runat="server">
<SharePoint:SPLinkButton
runat="server"
NavigateUrl="~site/"
id="onetidProjectPropertyTitle">
<SharePoint:ProjectProperty
Property="Title"
runat="server" />
</SharePoint:SPLinkButton>
</asp:ContentPlaceHolder>
</h1>
<!-- Site Name End -->
<!-- Breadcrumb Separator Start -->
<span id="onetidPageTitleSeparator" class="s4-nothome s4-bcsep s4-titlesep">
<SharePoint:ClusteredDirectionalSeparatorArrow runat="server"/> </span>
<!-- Breadcrumb Separator End -->
<!-- Page Title Start -->
<h2>
<asp:ContentPlaceHolder id="PlaceHolderPageTitleInTitleArea" runat="server" />
</h2>
<!-- Page Title End -->
<!-- Page Description Start -->
<div class="s4-pagedescription" tabindex="0" >
<asp:ContentPlaceHolder id="PlaceHolderPageDescription" runat="server"/>
</div>
<!-- Page Description End -->
</td>
<td class="s4-socialdata-notif">
<SharePoint:DelegateControl
ControlId="GlobalSiteLink3"
Scope="Farm" runat="server"/>
</td>
</tr>
</tbody>
</table>
<!-- Site Header End -->
</div>
</div>
<!-- Top Navigation and Search box Start (Hidden using display: none) -->
<div id="s4-topheader2" class="s4-pr s4-notdlg" style="display: none">
<a name="startNavigation"></a>
<div id="s4-searcharea" class="s4-search s4-rp">
<asp:ContentPlaceHolder id="PlaceHolderSearchArea" runat="server">
<SharePoint:DelegateControl runat="server" ControlId="SmallSearchInputBox" Version="4"/>
</asp:ContentPlaceHolder>
<span class="s4-help">
<span style="height:17px;width:17px;position:relative;display:inline-block;overflow:hidden;"
class="s4-clust">
<a href="#"
style="height:17px;width:17px;display:inline-block;"
onclick="TopHelpButtonClick('HelpHome');return false"
accesskey="<%$Resources:wss,multipages_helplink_accesskey%>"
id="TopHelpLink"
title="<%$Resources:wss,multipages_helplinkalt_text%>"
runat="server">
<img src="/_layouts/images/fgimg.png"
alt="<%$Resources:wss,multipages_helplinkalt_text%>"
style="left:-0px !important;top:-309px !important;position:absolute;"
align="absmiddle"
border="0" runat="server" />
</a>
</span>
</span>
</div>
<div class="s4-rp s4-app">
</div>
<div class="s4-lp s4-toplinks">
<asp:ContentPlaceHolder
id="PlaceHolderTopNavBar"
runat="server">
<asp:ContentPlaceHolder
id="PlaceHolderHorizontalNav"
runat="server">
<SharePoint:AspMenu
ID="TopNavigationMenuV4"
Runat="server"
EnableViewState="false"
DataSourceID="topSiteMap"
AccessKey="<%$Resources:wss,navigation_accesskey%>"
UseSimpleRendering="true"
UseSeparateCss="false"
Orientation="Horizontal"
StaticDisplayLevels="2"
MaximumDynamicDisplayLevels="1"
SkipLinkText=""
CssClass="s4-tn"/>
<SharePoint:DelegateControl
runat="server"
ControlId="TopNavigationDataSource"
Id="topNavigationDelegate">
<Template_Controls>
<asp:SiteMapDataSource
ShowStartingNode="False"
SiteMapProvider="SPNavigationProvider"
id="topSiteMap"
runat="server"
StartingNodeUrl="sid:1002"/>
</Template_Controls>
</SharePoint:DelegateControl>
</asp:ContentPlaceHolder>
</asp:ContentPlaceHolder>
</div>
</div>
<!-- Top Navigation and Search box Start (Hidden using display: none) -->
</div>
<div id="s4-statusbarcontainer">
<div id="pageStatusBar" class="s4-status-s1">
</div>
</div>
<SharePoint:VisualUpgradePreviewStatus runat="server"/>
<div id="s4-mainarea" class="s4-pr s4-widecontentarea">
<div class="s4-ca s4-ca-dlgNoRibbon" id="MSO_ContentTable">
<div class="s4-die">
<asp:ContentPlaceHolder id="PlaceHolderPageImage" runat="server" Visible="false"/>
<asp:ContentPlaceHolder id="PlaceHolderTitleLeftBorder" runat="server" Visible="false">
</asp:ContentPlaceHolder>
<div id="onetidPageTitleAreaFrame" class='ms-pagetitleareaframe s4-pagetitle'></div>
<asp:ContentPlaceHolder id="PlaceHolderMiniConsole" runat="server" Visible="false"/>
<span class="s4-die">
<asp:ContentPlaceHolder id="PlaceHolderTitleRightMargin" runat="server" Visible="false"/>
</span>
<asp:ContentPlaceHolder id="PlaceHolderTitleAreaSeparator" runat="server" Visible="false"/>
<asp:ContentPlaceHolder id="PlaceHolderNavSpacer" runat="server" Visible="false">
<img src="/_layouts/images/blank.gif" width='138' height='1' alt="" />
</asp:ContentPlaceholder>
<asp:ContentPlaceHolder id="PlaceHolderLeftNavBarBorder" runat="server" Visible="false">
</asp:ContentPlaceHolder>
<asp:ContentPlaceHolder id="PlaceHolderBodyLeftBorder" runat="server" Visible="false">
</asp:ContentPlaceHolder>
</div>
<SharePoint:VersionedPlaceHolder UIVersion="3" ID="DesignModeConsoleV3" runat="server">
<asp:ContentPlaceHolder id="WSSDesignConsole" runat="server">
<wssuc:DesignModeConsole id="IdDesignModeConsole" runat="server" />
</asp:ContentPlaceHolder>
</SharePoint:VersionedPlaceHolder>
<div class='s4-ba'><div class='ms-bodyareacell'>
<div id="MSO_ContentDiv" runat="server">
<a name="mainContent"></a>
<!-- Main Content Area Start -->
<asp:ContentPlaceHolder id="PlaceHolderMain" runat="server">
</asp:ContentPlaceHolder>
<!-- Main Content Area End -->
</div>
</div></div>
<div class="s4-die">
<asp:ContentPlaceHolder id="PlaceHolderBodyRightMargin" runat="server">
</asp:ContentPlaceHolder>
</div>
</div>
</div>
<SharePoint:DeveloperDashboard runat="server"/>
</div>
</div>
Code Listing 6: Override CSS Styles
.s4-ca {
margin-left: 0px
}
body #s4-ribboncont{
padding:0px;
background: url('/sites/inetapakistan/SiteAssets/topBar.png') transparent repeat-x fixed left top;
background-repeat: repeat-x;
height: 56px
}
body #s4-ribbonrow{
background-color: transparent;
overflow-y: visible;
}
.ms-cui-topBar2{
border-style: none;
height:56px;
}
.ms-cui-TabRowLeft {
margin-top: 33px
}
.ms-siteactionsmenuhover{
border-color:#8B929A;
background:url("/_layouts/images/bgximg.png") repeat-x -0px -489px;
background-color:black;
}
.ms-welcomeMenu.ms-SpLinkButtonActive{
border-color:#8B929A;
background:url("/_layouts/images/bgximg.png") repeat-x -0px -489px;
background-color:black;
}
.s4-breadcrumb-anchor:hover,.s4-breadcrumb-anchor-open,.ms-qatbutton:hover{
border-color:#8b929a;
background:url("/_layouts/images/bgximg.png") repeat-x -0px -489px;
background-color:black;
}
.ms-cui-tts{
height: 56px;
}
.ms-cui-tt-a{
margin-top:31px;
}
.ms-cui-toolbar-toolbar{
height:57px;
}
.ms-cui-TabRowRight{
margin-top: 8px
}
/* Header */
.s4-title{
background: url('/sites/inetapakistan/SiteAssets/bgHeader.png') transparent repeat-x fixed left 56px;
padding-left: 30px;
border-bottom: 1px black solid;
}
.s4-titletable{
height: 90px;
}
.s4-title h1 a, .s4-title h2 {
color: white
}
.s4-titlelogo{
padding-right: 30px;
}
.ms-browseTab.ms-cui-tt-s > a.ms-cui-tt-a{
/* [ReplaceColor(themeColor:"Light2")] */ background-color:#93a546;
/* [ReplaceColor(themeColor:"Dark2")] */ color:white !important;
font-weight: bold;
}
.ms-browseTab.ms-cui-tt-s > a.ms-cui-tt-a:hover{
background-image: none;
}
a.ms-cui-tt-a:hover{
background-image: none;
background-color: black;
}
.ms-cui-tabBody{
height: 89px;
overflow: visible;
}
.ms-cui-cg{
padding-top: 13px;
border-style: none;
}
.ms-bodyareacell{
background-image: none;
background-repeat: repeat-x;
}
.ms-socialNotif:hover{
border:1px solid gray;
background-color:black;
}
.ms-socialNotif-text {
color: white;
}
/* Content */
.ms-rteElement-H1B, .ms-WPTitle, .ms-WPTitle A, .ms-WPTitle A:link, .ms-WPTitle A:visited {
color: #8da03c;
}
A:link, A:visited{
color: #666666
}
.s4-noti {
height: 101px
}
.s4-wpcell:hover .ms-WPHeader td,.s4-wpActive .ms-WPHeader td,.s4-wpcell .ms-WPSelected .ms-WPHeader td{
border-bottom:1px solid #96aab3
}
