From 221de1902f38a9f90edba107671802dab328a9e1 Mon Sep 17 00:00:00 2001
From: Jake Boone <jakeboone02@gmail.com>
Date: Mon, 5 Nov 2012 16:44:32 -0600
Subject: [PATCH] Docs: Added themed read-only list examples

Provides and example for each default swatch of the new flat style for read-only list items in 1.2 (see #4347 and 571c08e).
---
 docs/lists/lists-themes.html | 39 ++++++++++++++++++++++++++++++++++++
 1 file changed, 39 insertions(+)

diff --git a/docs/lists/lists-themes.html b/docs/lists/lists-themes.html
index 9559bcdfb70..a91b7bf712e 100644
--- a/docs/lists/lists-themes.html
+++ b/docs/lists/lists-themes.html
@@ -269,6 +269,45 @@ <h2>Examples of all basic list swatches</h2>
 		</ul>
 		
 		
+		<h2>Read-only list items</h2>
+
+		<p>Read-only list items have a flatter appearance and do not have an icon.</p>
+
+		<p>Swatch <strong>"a"</strong> on read-only listview</p>
+		<ul data-role="listview" data-inset="true" data-theme="a">
+			<li>Gold<span class="ui-li-count">1</span></li>
+			<li>Silver<span class="ui-li-count">2</span></li>
+			<li>Bronze<span class="ui-li-count">3</span></li>
+		</ul>
+
+		<p>Swatch <strong>"b"</strong> on read-only listview</p>
+		<ul data-role="listview" data-inset="true" data-theme="b">
+			<li>Gold<span class="ui-li-count">1</span></li>
+			<li>Silver<span class="ui-li-count">2</span></li>
+			<li>Bronze<span class="ui-li-count">3</span></li>
+		</ul>
+
+		<p>Swatch <strong>"c"</strong> on read-only listview</p>
+		<ul data-role="listview" data-inset="true" data-theme="c">
+			<li>Gold<span class="ui-li-count">1</span></li>
+			<li>Silver<span class="ui-li-count">2</span></li>
+			<li>Bronze<span class="ui-li-count">3</span></li>
+		</ul>
+
+		<p>Swatch <strong>"d"</strong> on read-only listview</p>
+		<ul data-role="listview" data-inset="true" data-theme="d">
+			<li>Gold<span class="ui-li-count">1</span></li>
+			<li>Silver<span class="ui-li-count">2</span></li>
+			<li>Bronze<span class="ui-li-count">3</span></li>
+		</ul>
+
+		<p>Swatch <strong>"e"</strong> on read-only listview</p>
+		<ul data-role="listview" data-inset="true" data-theme="e">
+			<li>Gold<span class="ui-li-count">1</span></li>
+			<li>Silver<span class="ui-li-count">2</span></li>
+			<li>Bronze<span class="ui-li-count">3</span></li>
+		</ul>
+
 		</div><!--/content-primary -->		
 
 		<div class="content-secondary">