1 <div data-role="page" id="genlist-normal" data-add-back-btn="true" data-fit-page-to-window="true">
2 <div data-role="header" data-position="fixed">
5 <div class="content" data-role="content" data-scroll="y">
7 <ul data-role="listview">
15 <span class="ui-li-text-sub">subtext</span>
20 <div data-role="button" data-inline="true">Text Button</div>
25 <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
30 <select name="flip-11" id="flip-11" data-role="slider">
31 <option value="off"></option>
32 <option value="on"></option>
37 <img src="thumbnail.jpg" alt="icon" class="ui-li-bigicon">
42 <img src="thumbnail.jpg" alt="icon" class="ui-li-bigicon">
44 <span class="ui-li-text-sub">Sub text</span>
48 <img src="thumbnail.jpg" alt="icon" class="ui-li-bigicon">
50 <div data-role="button" data-inline="true">Text Button</div>
54 <img src="thumbnail.jpg" alt="icon" class="ui-li-bigicon">
56 <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
60 <img src="thumbnail.jpg" alt="icon" class="ui-li-bigicon">
62 <select name="flip-11" id="flip-11" data-role="slider">
63 <option value="off"></option>
64 <option value="on"></option>
68 <li class="ui-li-has-checkbox">
69 <input type="checkbox" name="c1line-check1" />
73 <li class="ui-li-has-checkbox">
74 <input type="checkbox" name="c1line-check2" />
76 <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
79 <li class="ui-li-has-checkbox">
80 <input type="checkbox" name="c1line-check3" />
81 <img src="thumbnail.jpg" alt="icon" class="ui-li-bigicon">
85 <li class="ui-li-has-checkbox">
86 <input type="checkbox" name="c1line-check4" />
87 <img src="thumbnail.jpg" alt="icon" class="ui-li-bigicon">
89 <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
92 <li class="ui-li-has-radio">
93 <input type="radio" name="1line-radio" />
97 <li class="ui-li-has-radio">
98 <input type="radio" name="1line-radio" />
100 <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
103 <li class="ui-li-has-radio">
104 <input type="radio" name="1line-radio" />
105 <img src="thumbnail.jpg" alt="icon" class="ui-li-bigicon">
109 <li class="ui-li-has-radio">
110 <input type="radio" name="1line-radio" />
112 <img src="thumbnail.jpg" alt="icon" class="ui-li-bigicon">
113 <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
116 <li class="ui-li-has-radio">
117 <input type="radio" name="1line-radio" />
119 <img src="thumbnail.jpg" alt="icon" class="ui-li-bigicon">
122 <li class="ui-li-has-multiline">
124 <span class="ui-li-text-sub">Subtext</span>
127 <li class="ui-li-has-multiline">
129 <span class="ui-li-text-sub">Subtext</span>
130 <span class="ui-li-text-sub2">Subtext2</span>
133 <li class="ui-li-has-multiline">
135 <span class="ui-li-text-sub">Subtext</span>
136 <div data-role="button" data-inline="true">button</div>
139 <li class="ui-li-has-multiline">
141 <span class="ui-li-text-sub">Subtext</span>
142 <div data-role="button" data-inline="true" data-icon="call"></div>
145 <li class="ui-li-has-multiline">
147 <span class="ui-li-text-sub">Subtext</span>
148 <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
151 <li class="ui-li-has-multiline">
153 <span class="ui-li-text-sub">Subtext</span>
154 <span style="position:absolute; right:16px; top:80px"><img class= "ui-li-icon-sub-right" src="00_winset_icon_favorite_on.png" alt="favorite"></span>
155 <span class="ui-li-text-sub2">Subtext2</span>
158 <li class="ui-li-has-multiline">
160 <span class="ui-li-text-sub"><img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png" alt="favorite">Subtext</span>
161 <span><img class="ui-li-icon-sub-right" src="00_winset_icon_favorite_on.png" alt="favorite"></span>
164 <li class="ui-li-has-multiline">
166 <span class="ui-li-text-sub">Subtext</span>
169 <li class="ui-li-has-multiline">
171 <span class="ui-li-text-sub">Subtext</span>
172 <select name="flip-11" id="flip-11" data-role="slider">
173 <option value="off"></option>
174 <option value="on"></option>
178 <li class="ui-li-has-multiline">
180 <span class="ui-li-text-sub">Subtext</span>
181 <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
184 <li class="ui-li-has-multiline">
186 <span class="ui-li-text-sub">Subtext<img src="00_winset_icon_favorite_on.png" alt="favorite"></span>
187 <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
190 <li class="ui-li-has-multiline">
191 <img src="thumbnail.jpg" alt="icon" class="ui-li-bigicon">
193 <span class="ui-li-text-sub">Subtext</span>
196 <li class="ui-li-has-multiline">
197 <img src="thumbnail.jpg" alt="icon" class="ui-li-bigicon">
199 <span class="ui-li-text-sub">Subtext</span>
200 <span class="ui-li-text-sub2">Subtext2</span>
203 <li class="ui-li-has-multiline">
204 <img src="thumbnail.jpg" alt="icon" class="ui-li-bigicon">
206 <span class="ui-li-text-sub">Subtext</span>
209 <li class="ui-li-has-multiline">
210 <img src="thumbnail.jpg" alt="icon" class="ui-li-bigicon">
212 <span class="ui-li-text-sub">Subtext</span>
213 <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
216 <li class="ui-li-has-checkbox ui-li-has-multiline">
217 <input type="checkbox" name="c2line-check1" />
219 <span class="ui-li-text-sub">Subtext</span>
222 <li class="ui-li-has-checkbox ui-li-has-multiline">
223 <input type="checkbox" name="c2line-check2" />
225 <span class="ui-li-text-sub">Subtext</span>
226 <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
229 <li class="ui-li-has-checkbox ui-li-has-multiline">
230 <input type="checkbox" name="c2line-check3" />
231 <img src="thumbnail.jpg" alt="icon" class="ui-li-bigicon">
233 <span class="ui-li-text-sub">Subtext</span>
236 <li class="ui-li-has-radio ui-li-has-multiline">
237 <input type="radio" name="2line-radio" />
239 <span class="ui-li-text-sub">Subtext</span>
242 <li class="ui-li-has-radio ui-li-has-multiline">
243 <input type="radio" name="2line-radio" />
244 <img src="thumbnail.jpg" alt="icon" class="ui-li-bigicon">
246 <span class="ui-li-text-sub">Subtext</span>
249 <li class="ui-li-has-multiline">
250 <span class="ui-li-color-bar"></span>
252 <span class="ui-li-text-sub">Subtext
253 <img src="00_winset_icon_favorite_on.png" alt="favorite">
254 <img src="00_winset_icon_favorite_on.png" alt="favorite">
255 <img src="00_winset_icon_favorite_on.png" alt="favorite">
257 <div data-role="button" data-inline="true">button</div>
260 <li class="ui-li-has-multiline">
261 <span class="ui-li-color-bar" style="background-color:rgba(72, 136, 42, 1);"></span>
263 <span><img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png" alt="favorite"></span>
264 <span class="ui-li-text-sub">Subtext</span>
265 <div data-role="button" data-inline="true">button</div>
268 <li class="ui-li-has-multiline">
269 <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
271 <span><img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png" alt="favorite"></span>
272 <span class="ui-li-text-sub">Subtext</span>
273 <div data-role="button" data-inline="true" data-icon="call"></div>
276 <li class="ui-li-has-multiline">
277 <span class="ui-li-color-bar" style="background-color:rgba(72, 136, 42, 1);"></span>
278 <img src="thumbnail.jpg" alt="icon" class="ui-li-bigicon">
280 <span class="ui-li-text-sub">Subtext</span>
281 <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
284 <li class="ui-li-has-multiline">
285 <img src="thumbnail.jpg" alt="icon" class="ui-li-bigicon">
287 <span class="ui-li-text-sub">Subtext</span>
288 <img src="00_winset_icon_favorite_on.png" alt="favorite" class="ui-li-icon-sub">
291 <li class="ui-li-has-multiline ui-li-thumbnail-right">
293 <span class="ui-li-text-sub">Subtext</span>
294 <img src="large_thumbnail.jpg" alt="Photo ID" class="ui-li-bigicon">
297 <li class="ui-li-has-multiline ui-li-thumbnail-right">
299 <span><img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png" alt="favorite"></span>
300 <span class="ui-li-text-sub"><img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png" alt="favorite">Subtext</span>
301 <img src="large_thumbnail.jpg" alt="Photo ID" class="ui-li-bigicon">
304 <li class="ui-li-has-multiline ui-li-thumbnail-right">
305 <span class="ui-li-text-sub">Subtext</span>
306 2line-sub-main-bigicon1
307 <img src="large_thumbnail.jpg" alt="Photo ID" class="ui-li-bigicon">
310 <li class="ui-li-has-multiline">
312 <div data-role="progressbar" id="progressbar"></div>
315 <li class="ui-li-has-multiline">
316 <img src="thumbnail.jpg" alt="icon" class="ui-li-bigicon">
318 <div data-role="progressbar" id="progressbar"></div>
319 <div data-role="button" data-inline="true">Stop</div>
322 <li class="ui-li-has-checkbox ui-li-has-multiline">
323 <input type="checkbox" name="c2line-icon-bigicon-btn" />
324 <img src="thumbnail.jpg" alt="icon" class="ui-li-bigicon">
326 <span class="ui-li-text-sub">Subtext</span>
327 <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
330 <li class="ui-li-has-multiline">
332 <span><img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png" alt="favorite"></span>
333 <span class="ui-li-text-sub">Subtext</span>
334 <img src="thumbnail.jpg" alt="icon" class="ui-li-bigicon">
339 <div data-role="footer">