From 43ea8df11207a8c443c719892ac6acd0c0244202 Mon Sep 17 00:00:00 2001
From: toddparker <todd@filamentgroup.com>
Date: Wed, 30 Mar 2011 23:15:27 -0400
Subject: [PATCH] Fixed missing hyphens in listview theming data- attribues and
 re-coded some mangled list code examples. Everything is working right again.
 Closes #992

---
 docs/lists/lists-themes.html | 68 +++++++++++++++++++-----------------
 1 file changed, 36 insertions(+), 32 deletions(-)

diff --git a/docs/lists/lists-themes.html b/docs/lists/lists-themes.html
index 53f459ee..60ddcc70 100755
--- a/docs/lists/lists-themes.html
+++ b/docs/lists/lists-themes.html
@@ -60,13 +60,13 @@
 		
 		<h2>Theming dividers</h2>
 		
-		<p>The theme for <strong>list dividers</strong> can be set by adding the <code>data-dividertheme</code> to the list and specifying a swatch letter. Here is an example of the same list above with swatch &quot;d&quot; set on the dividers.</p>
+		<p>The theme for <strong>list dividers</strong> can be set by adding the <code>data-divider-theme</code> to the list and specifying a swatch letter. Here is an example of the same list above with swatch &quot;d&quot; set on the dividers.</p>
 		
 <code>
-&lt;ul data-role=&quot;listview&quot; data-inset=&quot;true&quot; data-theme=&quot;d&quot; data-dividertheme=&quot;c&quot;&gt;
+&lt;ul data-role=&quot;listview&quot; data-inset=&quot;true&quot; data-theme=&quot;d&quot; data-divider-theme=&quot;e&quot;&gt;
 </code>
 		
-		<ul data-role="listview" data-inset="true" data-theme="d" data-dividertheme="c">
+		<ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="e">
 			<li data-role="list-divider">Divider</li>
 			<li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
 			<li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
@@ -75,13 +75,13 @@
 		
 		<h2>Theming count bubbles</h2>
 		
-		<p>The theme for <strong>count bubbles</strong> can be set by adding the <code>data-counttheme</code> to the list and specifying a swatch letter. Here is an example with swatch &quot;e&quot; set on the dividers.</p>
+		<p>The theme for <strong>count bubbles</strong> can be set by adding the <code>data-count-theme</code> to the list and specifying a swatch letter. Here is an example with swatch &quot;e&quot; set on the dividers.</p>
 		
 <code>
-&lt;ul data-role=&quot;listview&quot; data-inset=&quot;true&quot; data-theme=&quot;a&quot; data-dividertheme=&quot;d&quot; data-counttheme=&quot;e&quot;&gt;
+&lt;ul data-role=&quot;listview&quot; data-inset=&quot;true&quot; data-theme=&quot;d&quot; data-divider-theme=&quot;e&quot; data-count-theme=&quot;b&quot;&gt;
 </code>
 		
-		<ul data-role="listview" data-inset="true" data-theme="a" data-dividertheme="d" data-counttheme="e">
+		<ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="e" data-count-theme="b">
 			<li data-role="list-divider">Divider</li>
 			<li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
 			<li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
@@ -95,15 +95,16 @@
 <code>
 &lt;li data-icon=&quot;info&quot;&gt;&lt;a href="#"&gt;Notices&lt;/a&gt;&lt;/li&gt;
 &lt;li data-icon=&quot;alert&quot;&gt;&lt;a href="#"&gt;Alerts&lt;/a&gt;&lt;/li&gt;
-&lt;li data-icon=&quot;false&quot;&gt;&lt;a href="#"&gt;All Notifications&lt;/a&gt;&lt;/li&gt;
+&lt;li data-icon=&quot;false&quot;&gt;&lt;a href="#"&gt;No icon&lt;/a&gt;&lt;/li&gt;
 </code>
 </pre>
-		<ul data-role="listview" data-inset="true" data-icon="false">
+		<ul data-role="listview" data-inset="true">
 			<li data-role="list-divider">Divider</li>
-			<li data-icon="info">Notices</a></a></li>
-			<li data-icon="alert">Alerts</a></a></li>
-			<li data-icon="false">All Notifications</a></a></li>
+			<li data-icon="info"><a href="#">Notices</a></li>
+			<li data-icon="alert"><a href="#">Alerts</a></li>
+			<li data-icon="false"><a href="#">No icon</a></li>
 		</ul>
+	
 		
 		<h2>Theming split buttons</h2>
 		
@@ -125,14 +126,15 @@
 		</ul>
 		
 <code>
-&lt;ul data-role=&quot;listview&quot; data-inset=&quot;true&quot; data-splittheme=&quot;a&quot;&gt;
+&lt;ul data-role=&quot;listview&quot; data-inset=&quot;true&quot; data-split-theme=&quot;a&quot;&gt;
 </code>
-		<p>To specify the color swatch for the icon button on the right, add the <code>data-splittheme</code> to the list and specify a swatch letter. This attribute can also be added to individual split inside list items by adding a <code> data-theme</code> attribute to specific links  (see second list item).</p>
-		<ul data-role="listview" data-inset="true" data-splittheme="a">
+		<p>To specify the color swatch for the icon button on the right, add the <code>data-split-theme</code> to the list and specify a swatch letter. This attribute can also be added to individual split inside list items by adding a <code> data-theme</code> attribute to specific links  (see second list item).</p>
+		<ul data-role="listview" data-inset="true" data-split-theme="a">
 			<li><a href="index.html">
 				<img src="images/album-bb.jpg" />
 				<h3>Broken Bells</h3>
-				<p>Broken Bells</p></a>
+				<p>Broken Bells</p>
+				</a>
 				<a href="index.html">Purchase album</a>
 			</li>
 			<li><a href="index.html">
@@ -144,27 +146,29 @@
 			</li>
 		</ul>
 
-		<p>The icon for the split theme can set at the list level by adding the <code>data-spliticon</code> to the list and specifying a <a href="../buttons/buttons-icons.html">standard icon</a>. This attribute can also be added to individual split inside list items by adding a <code> data-icon</code> attribute to specific links (see second list item).</p>
+		<p>The icon for the split theme can set at the list level by adding the <code>data-split-icon</code> to the list and specifying a <a href="../buttons/buttons-icons.html">standard icon</a>. This attribute can also be added to individual split inside list items by adding a <code> data-icon</code> attribute to specific links (see second list item).</p>
 		
 <code>
-&lt;ul data-role=&quot;listview&quot; data-inset=&quot;true&quot; data-splittheme=&quot;a&quot; data-spliticon=&quot;plus&quot;&gt;
+&lt;ul data-role=&quot;listview&quot; data-inset=&quot;true&quot; data-split-theme=&quot;d&quot; data-split-icon=&quot;delete&quot;&gt;
 </code>
 
-		<ul data-role="listview" data-inset="true" data-splittheme="a" data-spliticon="plus">
-			<li><a href="index.html">
-				<img src="images/album-bb.jpg" />
-				<h3>Broken Bells</h3>
-				<p>Broken Bells</p></a>
-				<a href="index.html" data-theme="e" data-icon="delete">Purchase album</a>
-			</li>
-			<li><a href="index.html">
-				<img src="images/album-hc.jpg" />
-				<h3>Warning</h3>
-				<p>Hot Chip</p></a>
-				<a href="index.html" data-theme="e" data-icon="delete">Purchase album</a>
-			</li>
-		</ul>
-		
+	<ul data-role="listview" data-inset="true" data-split-theme="d" data-split-icon="delete" >
+		<li><a href="index.html">
+			<img src="images/album-bb.jpg" />
+			<h3>Broken Bells</h3>
+			<p>Broken Bells</p>
+			</a>
+			<a href="index.html">Purchase album</a>
+		</li>
+		<li><a href="index.html">
+			<img src="images/album-hc.jpg" />
+			<h3>Warning</h3>
+			<p>Hot Chip</p>
+			</a>
+			<a href="index.html">Purchase album</a>
+		</li>
+	</ul>
+
 
 		
 		<h2>Examples of all basic list swatches</h2>