{"id":1129,"date":"2012-04-02T19:28:48","date_gmt":"2012-04-03T02:28:48","guid":{"rendered":"http:\/\/blog.brainlitter.com\/2012\/04\/02\/sharepoint-2010-base-styles-sampler-palette-pagesay-that-20-times-fast\/"},"modified":"2012-04-02T19:28:48","modified_gmt":"2012-04-03T02:28:48","slug":"sharepoint-2010-base-styles-sampler-palette-pagesay-that-20-times-fast","status":"publish","type":"post","link":"https:\/\/regroove.ca\/brainlitter\/2012\/04\/02\/sharepoint-2010-base-styles-sampler-palette-pagesay-that-20-times-fast\/","title":{"rendered":"SharePoint 2010 Base Styles Sampler Palette Page\u2013say that 20 times fast!"},"content":{"rendered":"<p>Some time ago, I had Luke (Thanks Luke) put together a web part page with 3 content editor web parts. Then I had him create a header for every base\/included SharePoint 2010 Wiki html style so that we could then work on styling each of the elements and seeing them all on one palette.\u00a0 I figured I\u2019d share that effort here, in case it helps someone save some time in the future.<\/p>\n<h2>What it Looks Like<\/h2>\n<p>The following is the current base styles we have set for our internal Intranet, based on our Master Page and CSS implemented. Note that other than adding 4 more Callouts (nice job Keith, Stylin!), we haven\u2019t needed more than the base styles Microsoft provides in the v4.master page\/core styles.<\/p>\n<p><a href=\"\/wp-content\/uploads\/brainlitter\/2012\/04\/image1.png\"><img loading=\"lazy\" decoding=\"async\" style=\"margin: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;border-width: 0px\" title=\"image\" src=\"\/wp-content\/uploads\/brainlitter\/2012\/04\/image_thumb1.png\" alt=\"image\" width=\"329\" height=\"519\" border=\"0\" \/><\/a><\/p>\n<h2>How To Use The Mumbo Jumbo Below<\/h2>\n<p>So the idea is that you create a basic web part page. Add to it three content editor web parts, one per style set (so Styles, Markup Styles and Table Styles) and then copy the html code snippets provided below into the appropriate content editor web parts so you can see the current styles as they exist today. Then start working away at your CSS to change it to suit and see your results on one single \u201cpalette\u201d page.<\/p>\n<h2>And Here\u2019s the Styles and HTML all ready to be pasted<\/h2>\n<h4>Styles<\/h4>\n<p>Paste the HTML from below into the first content editor web part, called \u2018STYLES\u2019<\/p>\n<p><a href=\"\/wp-content\/uploads\/brainlitter\/2012\/04\/SNAGHTML525d4163.png\"><img loading=\"lazy\" decoding=\"async\" style=\"padding-left: 0px;padding-right: 0px;padding-top: 0px;border-width: 0px\" title=\"SNAGHTML525d4163\" src=\"\/wp-content\/uploads\/brainlitter\/2012\/04\/SNAGHTML525d4163_thumb.png\" alt=\"SNAGHTML525d4163\" width=\"240\" height=\"192\" border=\"0\" \/><\/a><\/p>\n<div id=\"codeSnippetWrapper\">\n<div id=\"codeSnippet\">\n<pre>&lt;p&gt;\u200b&lt;span <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteStyle-Normal\"<\/span>&gt;&lt;\/span&gt;&lt;\/p&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;p <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteStyle-Normal\"<\/span>&gt;&lt;span&gt;Normal&lt;\/span&gt;&lt;\/p&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;p&gt;&lt;span <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteStyle-Highlight\"<\/span>&gt;Highlight&lt;\/span&gt;&lt;\/p&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;p <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteStyle-Byline\"<\/span>&gt;&lt;span&gt;By Line&lt;\/span&gt;&lt;\/p&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;p <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteStyle-Tagline\"<\/span>&gt;&lt;span&gt;Tag Line&lt;\/span&gt;&lt;\/p&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;p <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteStyle-Comment\"<\/span>&gt;&lt;span&gt;Comment&lt;\/span&gt;&lt;\/p&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;p <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteStyle-References\"<\/span>&gt;&lt;span&gt;References&lt;\/span&gt;&lt;\/p&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;p <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteStyle-Caption\"<\/span>&gt;&lt;span&gt;Caption&lt;\/span&gt;&lt;\/p&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;p&gt;&lt;span <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteStyle-Byline\"<\/span>&gt;&lt;\/span&gt;\u00a0&lt;\/p&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<\/div>\n<\/div>\n<h4>Markup Styles<\/h4>\n<p>Paste the HTML from below into the first content editor web part, called \u2018MARKUP STYLES\u2019<\/p>\n<p><a href=\"\/wp-content\/uploads\/brainlitter\/2012\/04\/SNAGHTML525db838.png\"><img loading=\"lazy\" decoding=\"async\" style=\"padding-left: 0px;padding-right: 0px;padding-top: 0px;border-width: 0px\" title=\"SNAGHTML525db838\" src=\"\/wp-content\/uploads\/brainlitter\/2012\/04\/SNAGHTML525db838_thumb.png\" alt=\"SNAGHTML525db838\" width=\"156\" height=\"240\" border=\"0\" \/><\/a><\/p>\n<div id=\"codeSnippetWrapper\">\n<div id=\"codeSnippet\">\n<pre>&lt;h1 <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteElement-H1\"<\/span>&gt;Heading 1&lt;\/h1&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;h2 <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteElement-H2\"<\/span>&gt;Heading 2&lt;\/h2&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;h3 <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteElement-H3\"<\/span>&gt;Heading 3&lt;\/h3&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;h4 <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteElement-H4\"<\/span>&gt;Heading 4&lt;\/h4&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;h1 <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteElement-H1B\"<\/span>&gt;Colored Heading 1&lt;\/h1&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;h2 <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteElement-H2B\"<\/span>&gt;Colored Heading 2&lt;\/h2&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;h3 <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteElement-H3B\"<\/span>&gt;Colored Heading 3&lt;\/h3&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;h4 <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteElement-H4B\"<\/span>&gt;Colored Heading 4&lt;\/h4&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;p&gt;\u00a0&lt;\/p&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;p&gt;Horizontal Rule&lt;\/p&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;hr\/&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;p <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteElement-P\"<\/span>&gt;\u00a0&lt;\/p&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;p <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteElement-P\"<\/span>&gt;Paragraph&lt;\/p&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;p <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteElement-P\"<\/span>&gt;&lt;br type=<span style=\"color: #006080\">\"_moz\"<\/span>\/&gt;&lt;\/p&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;p <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteElement-P\"<\/span>&gt;Callout 1&lt;br type=<span style=\"color: #006080\">\"_moz\"<\/span>\/&gt;&lt;\/p&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;div <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteElement-Callout1\"<\/span>&gt;&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam arcu arcu, elementum et molestie sit amet, lobortis sit amet elit. In mi felis, tempor blandit dapibus vel, posuere a quam. Sed vulputate odio et neque egestas quis lobortis orci gravida. Donec nisi massa, malesuada ac commodo id, feugiat sed velit. &lt;\/p&gt;&lt;\/div&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;p&gt;Callout 2&lt;br type=<span style=\"color: #006080\">\"_moz\"<\/span>\/&gt;&lt;\/p&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;div <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteElement-Callout2\"<\/span> style=<span style=\"color: #006080\">\"text-align: left\"<\/span>&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam arcu arcu, elementum et molestie sit amet, lobortis sit amet elit. In mi felis, tempor blandit dapibus vel, posuere a quam. Sed vulputate odio et neque egestas quis lobortis orci gravida. Donec nisi massa, malesuada ac commodo id, feugiat sed velit. &lt;\/div&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;div style=<span style=\"color: #006080\">\"text-align: left\"<\/span>&gt;\u00a0&lt;\/div&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;p&gt;\u00a0Callout 3&lt;\/p&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;div <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteElement-Callout3\"<\/span>&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam arcu arcu, elementum et molestie sit amet, lobortis sit amet elit. In mi felis, tempor blandit dapibus vel, posuere a quam. Sed vulputate odio et neque egestas quis lobortis orci gravida. Donec nisi massa, malesuada ac commodo id, feugiat sed velit. &lt;\/div&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;p&gt;\u00a0Callout 4&lt;\/p&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;div <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteElement-Callout4\"<\/span>&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam arcu arcu, elementum et molestie sit amet, lobortis sit amet elit. In mi felis, tempor blandit dapibus vel, posuere a quam. Sed vulputate odio et neque egestas quis lobortis orci gravida. Donec nisi massa, malesuada ac commodo id, feugiat sed velit. &lt;\/div&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;p&gt;\u00a0Callout 5&lt;\/p&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;div <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteElement-Callout5\"<\/span>&gt;&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam arcu arcu, elementum et molestie sit amet, lobortis sit amet elit. In mi felis, tempor blandit dapibus vel, posuere a quam. Sed vulputate odio et neque egestas quis lobortis orci gravida. Donec nisi massa, malesuada ac commodo id, feugiat sed velit. &lt;\/p&gt;&lt;\/div&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;p&gt;\u00a0&lt;br type=<span style=\"color: #006080\">\"_moz\"<\/span>\/&gt;Callout 6&lt;\/p&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;div <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteElement-Callout6\"<\/span> style=<span style=\"color: #006080\">\"text-align: left\"<\/span>&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam arcu arcu, elementum et molestie sit amet, lobortis sit amet elit. In mi felis, tempor blandit dapibus vel, posuere a quam. Sed vulputate odio et neque egestas quis lobortis orci gravida. Donec nisi massa, malesuada ac commodo id, feugiat sed velit. &lt;\/div&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;div style=<span style=\"color: #006080\">\"text-align: left\"<\/span>&gt;\u00a0&lt;\/div&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;p&gt;\u00a0Callout 7&lt;\/p&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;div <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteElement-Callout7\"<\/span>&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam arcu arcu, elementum et molestie sit amet, lobortis sit amet elit. In mi felis, tempor blandit dapibus vel, posuere a quam. Sed vulputate odio et neque egestas quis lobortis orci gravida. Donec nisi massa, malesuada ac commodo id, feugiat sed velit. &lt;\/div&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;p&gt;&lt;br type=<span style=\"color: #006080\">\"_moz\"<\/span>\/&gt;Callout 8&lt;\/p&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;div <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteElement-Callout8\"<\/span>&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam arcu arcu, elementum et molestie sit amet, lobortis sit amet elit. In mi felis, tempor blandit dapibus vel, posuere a quam. Sed vulputate odio et neque egestas quis lobortis orci gravida. Donec nisi massa, malesuada ac commodo id, feugiat sed velit. &lt;\/div&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<\/div>\n<\/div>\n<h4>Table Styles<\/h4>\n<p>Paste the HTML from below into the first content editor web part, called \u2018TABLE STYLES\u2019<\/p>\n<p><a href=\"\/wp-content\/uploads\/brainlitter\/2012\/04\/SNAGHTML525ea1f9.png\"><img loading=\"lazy\" decoding=\"async\" style=\"padding-left: 0px;padding-right: 0px;padding-top: 0px;border-width: 0px\" title=\"SNAGHTML525ea1f9\" src=\"\/wp-content\/uploads\/brainlitter\/2012\/04\/SNAGHTML525ea1f9_thumb.png\" alt=\"SNAGHTML525ea1f9\" width=\"240\" height=\"110\" border=\"0\" \/><\/a><\/p>\n<div id=\"codeSnippetWrapper\">\n<div id=\"codeSnippet\">\n<pre>&lt;p&gt;Default Table Style - Light&lt;\/p&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;table width=<span style=\"color: #006080\">\"100%\"<\/span> <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteTable-default\"<\/span> cellspacing=<span style=\"color: #006080\">\"0\"<\/span> style=<span style=\"color: #006080\">\"font-size: 1em\"<\/span>&gt;&lt;tbody&gt;&lt;tr <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteTableHeaderRow-default\"<\/span>&gt;&lt;th <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteTableHeaderFirstCol-default\"<\/span>&gt;\u200b&lt;\/th&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;th <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteTableHeaderOddCol-default\"<\/span>&gt;\u200b&lt;\/th&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;th <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteTableHeaderEvenCol-default\"<\/span>&gt;\u200b&lt;\/th&gt;&lt;\/tr&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;tr <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteTableOddRow-default\"<\/span>&gt;&lt;th <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteTableFirstCol-default\"<\/span>&gt;\u200b&lt;\/th&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;td <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteTableOddCol-default\"<\/span>&gt;\u200b&lt;\/td&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;td <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteTableEvenCol-default\"<\/span>&gt;\u200b&lt;\/td&gt;&lt;\/tr&gt;&lt;\/tbody&gt;&lt;\/table&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>\u00a0 &lt;p&gt;\u00a0&lt;\/p&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;p&gt;Table Style 1 - Clear&lt;\/p&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;p&gt;\u00a0&lt;\/p&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;table width=<span style=\"color: #006080\">\"100%\"<\/span> <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteTable-0\"<\/span> cellspacing=<span style=\"color: #006080\">\"0\"<\/span> style=<span style=\"color: #006080\">\"font-size: 1em\"<\/span>&gt;&lt;tbody&gt;&lt;tr <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteTableHeaderRow-0\"<\/span>&gt;&lt;th <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteTableHeaderFirstCol-0\"<\/span>&gt;\u200b&lt;\/th&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;th <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteTableHeaderOddCol-0\"<\/span>&gt;\u200b&lt;\/th&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;th <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteTableHeaderEvenCol-0\"<\/span>&gt;\u200b&lt;\/th&gt;&lt;\/tr&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;tr <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteTableOddRow-0\"<\/span>&gt;&lt;th <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteTableFirstCol-0\"<\/span>&gt;\u200b&lt;\/th&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;td <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteTableOddCol-0\"<\/span>&gt;\u200b&lt;\/td&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;td <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteTableEvenCol-0\"<\/span>&gt;\u200b&lt;\/td&gt;&lt;\/tr&gt;&lt;\/tbody&gt;&lt;\/table&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>\u00a0 &lt;p&gt;\u00a0&lt;\/p&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;p&gt;Table Style 2 - Light Banded&lt;\/p&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;p&gt;\u00a0&lt;\/p&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;table width=<span style=\"color: #006080\">\"100%\"<\/span> <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteTable-1\"<\/span> cellspacing=<span style=\"color: #006080\">\"0\"<\/span> style=<span style=\"color: #006080\">\"font-size: 1em\"<\/span>&gt;&lt;tbody&gt;&lt;tr <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteTableHeaderRow-1\"<\/span>&gt;&lt;th <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteTableHeaderFirstCol-1\"<\/span>&gt;\u200b&lt;\/th&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;th <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteTableHeaderOddCol-1\"<\/span>&gt;\u200b&lt;\/th&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;th <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteTableHeaderEvenCol-1\"<\/span>&gt;\u200b&lt;\/th&gt;&lt;\/tr&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;tr <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteTableOddRow-1\"<\/span>&gt;&lt;th <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteTableFirstCol-1\"<\/span>&gt;\u200b&lt;\/th&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;td <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteTableOddCol-1\"<\/span>&gt;\u200b&lt;\/td&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;td <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteTableEvenCol-1\"<\/span>&gt;\u200b&lt;\/td&gt;&lt;\/tr&gt;&lt;\/tbody&gt;&lt;\/table&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>\u00a0 &lt;p&gt;\u00a0&lt;\/p&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;p&gt;Table Style 3 - Medium Two Tones&lt;\/p&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;p&gt;\u00a0&lt;\/p&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;table width=<span style=\"color: #006080\">\"100%\"<\/span> <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteTable-6\"<\/span> cellspacing=<span style=\"color: #006080\">\"0\"<\/span> style=<span style=\"color: #006080\">\"font-size: 1em\"<\/span>&gt;&lt;tbody&gt;&lt;tr <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteTableHeaderRow-6\"<\/span>&gt;&lt;th <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteTableHeaderFirstCol-6\"<\/span>&gt;\u200b&lt;\/th&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;th <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteTableHeaderOddCol-6\"<\/span>&gt;\u200b&lt;\/th&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;th <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteTableHeaderEvenCol-6\"<\/span>&gt;\u200b&lt;\/th&gt;&lt;\/tr&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;tr <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteTableOddRow-6\"<\/span>&gt;&lt;th <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteTableFirstCol-6\"<\/span>&gt;\u200b&lt;\/th&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;td <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteTableOddCol-6\"<\/span>&gt;\u200b&lt;\/td&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<pre>&lt;td <span style=\"color: #0000ff\">class<\/span>=<span style=\"color: #006080\">\"ms-rteTableEvenCol-6\"<\/span>&gt;\u200b&lt;\/td&gt;&lt;\/tr&gt;&lt;\/tbody&gt;&lt;\/table&gt;<\/pre>\n<p><!--CRLF--><\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Some time ago, I had Luke (Thanks Luke) put together a web part page with 3 content editor web parts. Then I had him create a header for every base\/included SharePoint 2010 Wiki html style so that we could then work on styling each of the elements and seeing them all on one palette.\u00a0 I &hellip; <a href=\"https:\/\/regroove.ca\/brainlitter\/2012\/04\/02\/sharepoint-2010-base-styles-sampler-palette-pagesay-that-20-times-fast\/\"><\/a><\/p>\n","protected":false},"author":10,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":"","_jetpack_memberships_contains_paid_content":false},"categories":[14,334,450],"tags":[588,578,589,590],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>SharePoint 2010 Base Styles Sampler Palette Page\u2013say that 20 times fast! - Brainlitter - Inside the mind of Sean Wallbridge<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/regroove.ca\/brainlitter\/2012\/04\/02\/sharepoint-2010-base-styles-sampler-palette-pagesay-that-20-times-fast\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"SharePoint 2010 Base Styles Sampler Palette Page\u2013say that 20 times fast! - Brainlitter - Inside the mind of Sean Wallbridge\" \/>\n<meta property=\"og:description\" content=\"Some time ago, I had Luke (Thanks Luke) put together a web part page with 3 content editor web parts. Then I had him create a header for every base\/included SharePoint 2010 Wiki html style so that we could then work on styling each of the elements and seeing them all on one palette.\u00a0 I &hellip;\" \/>\n<meta property=\"og:url\" content=\"http:\/\/regroove.ca\/brainlitter\/2012\/04\/02\/sharepoint-2010-base-styles-sampler-palette-pagesay-that-20-times-fast\/\" \/>\n<meta property=\"og:site_name\" content=\"Brainlitter - Inside the mind of Sean Wallbridge\" \/>\n<meta property=\"article:published_time\" content=\"2012-04-03T02:28:48+00:00\" \/>\n<meta name=\"author\" content=\"Sean Wallbridge\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sean Wallbridge\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"http:\/\/regroove.ca\/brainlitter\/2012\/04\/02\/sharepoint-2010-base-styles-sampler-palette-pagesay-that-20-times-fast\/\",\"url\":\"http:\/\/regroove.ca\/brainlitter\/2012\/04\/02\/sharepoint-2010-base-styles-sampler-palette-pagesay-that-20-times-fast\/\",\"name\":\"SharePoint 2010 Base Styles Sampler Palette Page\u2013say that 20 times fast! - Brainlitter - Inside the mind of Sean Wallbridge\",\"isPartOf\":{\"@id\":\"https:\/\/regroove.ca\/brainlitter\/#website\"},\"datePublished\":\"2012-04-03T02:28:48+00:00\",\"dateModified\":\"2012-04-03T02:28:48+00:00\",\"author\":{\"@id\":\"https:\/\/regroove.ca\/brainlitter\/#\/schema\/person\/74e1c0def190f181c1394c2b6d883e77\"},\"breadcrumb\":{\"@id\":\"http:\/\/regroove.ca\/brainlitter\/2012\/04\/02\/sharepoint-2010-base-styles-sampler-palette-pagesay-that-20-times-fast\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\/\/regroove.ca\/brainlitter\/2012\/04\/02\/sharepoint-2010-base-styles-sampler-palette-pagesay-that-20-times-fast\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\/\/regroove.ca\/brainlitter\/2012\/04\/02\/sharepoint-2010-base-styles-sampler-palette-pagesay-that-20-times-fast\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Brainlitter\",\"item\":\"https:\/\/regroove.ca\/brainlitter\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"SharePoint 2010 Base Styles Sampler Palette Page\u2013say that 20 times fast!\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/regroove.ca\/brainlitter\/#website\",\"url\":\"https:\/\/regroove.ca\/brainlitter\/\",\"name\":\"Brainlitter - Inside the mind of Sean Wallbridge\",\"description\":\"Dad. Husband. Drummer. Learner of Things.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/regroove.ca\/brainlitter\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/regroove.ca\/brainlitter\/#\/schema\/person\/74e1c0def190f181c1394c2b6d883e77\",\"name\":\"Sean Wallbridge\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/regroove.ca\/brainlitter\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/adf8cea6291c39d166616f2148d919a6?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/adf8cea6291c39d166616f2148d919a6?s=96&d=mm&r=g\",\"caption\":\"Sean Wallbridge\"},\"url\":\"https:\/\/regroove.ca\/brainlitter\/author\/swallbridge\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"SharePoint 2010 Base Styles Sampler Palette Page\u2013say that 20 times fast! - Brainlitter - Inside the mind of Sean Wallbridge","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"http:\/\/regroove.ca\/brainlitter\/2012\/04\/02\/sharepoint-2010-base-styles-sampler-palette-pagesay-that-20-times-fast\/","og_locale":"en_US","og_type":"article","og_title":"SharePoint 2010 Base Styles Sampler Palette Page\u2013say that 20 times fast! - Brainlitter - Inside the mind of Sean Wallbridge","og_description":"Some time ago, I had Luke (Thanks Luke) put together a web part page with 3 content editor web parts. Then I had him create a header for every base\/included SharePoint 2010 Wiki html style so that we could then work on styling each of the elements and seeing them all on one palette.\u00a0 I &hellip;","og_url":"http:\/\/regroove.ca\/brainlitter\/2012\/04\/02\/sharepoint-2010-base-styles-sampler-palette-pagesay-that-20-times-fast\/","og_site_name":"Brainlitter - Inside the mind of Sean Wallbridge","article_published_time":"2012-04-03T02:28:48+00:00","author":"Sean Wallbridge","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Sean Wallbridge","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"http:\/\/regroove.ca\/brainlitter\/2012\/04\/02\/sharepoint-2010-base-styles-sampler-palette-pagesay-that-20-times-fast\/","url":"http:\/\/regroove.ca\/brainlitter\/2012\/04\/02\/sharepoint-2010-base-styles-sampler-palette-pagesay-that-20-times-fast\/","name":"SharePoint 2010 Base Styles Sampler Palette Page\u2013say that 20 times fast! - Brainlitter - Inside the mind of Sean Wallbridge","isPartOf":{"@id":"https:\/\/regroove.ca\/brainlitter\/#website"},"datePublished":"2012-04-03T02:28:48+00:00","dateModified":"2012-04-03T02:28:48+00:00","author":{"@id":"https:\/\/regroove.ca\/brainlitter\/#\/schema\/person\/74e1c0def190f181c1394c2b6d883e77"},"breadcrumb":{"@id":"http:\/\/regroove.ca\/brainlitter\/2012\/04\/02\/sharepoint-2010-base-styles-sampler-palette-pagesay-that-20-times-fast\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["http:\/\/regroove.ca\/brainlitter\/2012\/04\/02\/sharepoint-2010-base-styles-sampler-palette-pagesay-that-20-times-fast\/"]}]},{"@type":"BreadcrumbList","@id":"http:\/\/regroove.ca\/brainlitter\/2012\/04\/02\/sharepoint-2010-base-styles-sampler-palette-pagesay-that-20-times-fast\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Brainlitter","item":"https:\/\/regroove.ca\/brainlitter\/"},{"@type":"ListItem","position":2,"name":"SharePoint 2010 Base Styles Sampler Palette Page\u2013say that 20 times fast!"}]},{"@type":"WebSite","@id":"https:\/\/regroove.ca\/brainlitter\/#website","url":"https:\/\/regroove.ca\/brainlitter\/","name":"Brainlitter - Inside the mind of Sean Wallbridge","description":"Dad. Husband. Drummer. Learner of Things.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/regroove.ca\/brainlitter\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/regroove.ca\/brainlitter\/#\/schema\/person\/74e1c0def190f181c1394c2b6d883e77","name":"Sean Wallbridge","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/regroove.ca\/brainlitter\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/adf8cea6291c39d166616f2148d919a6?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/adf8cea6291c39d166616f2148d919a6?s=96&d=mm&r=g","caption":"Sean Wallbridge"},"url":"https:\/\/regroove.ca\/brainlitter\/author\/swallbridge\/"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/regroove.ca\/brainlitter\/wp-json\/wp\/v2\/posts\/1129"}],"collection":[{"href":"https:\/\/regroove.ca\/brainlitter\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/regroove.ca\/brainlitter\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/regroove.ca\/brainlitter\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/regroove.ca\/brainlitter\/wp-json\/wp\/v2\/comments?post=1129"}],"version-history":[{"count":0,"href":"https:\/\/regroove.ca\/brainlitter\/wp-json\/wp\/v2\/posts\/1129\/revisions"}],"wp:attachment":[{"href":"https:\/\/regroove.ca\/brainlitter\/wp-json\/wp\/v2\/media?parent=1129"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/regroove.ca\/brainlitter\/wp-json\/wp\/v2\/categories?post=1129"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/regroove.ca\/brainlitter\/wp-json\/wp\/v2\/tags?post=1129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}