www/iphone/UiUIKit/normal-content.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   2 <html xmlns="http://www.w3.org/1999/xhtml">
   3 <head>
   4         <meta http-equiv="content-type" content="text/html; charset=utf-8" />
   5         <meta id="viewport" name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
   6         <title>Normal lists</title>
   7         <link rel="stylesheet" href="stylesheets/iphone.css" />
   8         <link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
   9         <script type="text/javascript" charset="utf-8">
  10                 window.onload = function() {
  11                   setTimeout(function(){window.scrollTo(0, 1);}, 100);
  12                 }
  13         </script>
  14 </head>
  15 <body id="normal">
  16
  17         <div id="header">
  18                 <h1>Content Lists</h1>
  19                 <a href="index.html" id="backButton">Back</a>
  20         </div>
  21
  22         <h4>Standard items</h4>
  23
  24         <ul>
  25                 <li><a href="index.html">Standard linked item</a></li>
  26                 <li><small>I'm label</small> <a href="index.html">Standard linked item with minilabel</a></li>
  27                 <li class="arrow"><small class="counter">33</small> <a href="index.html">Standard linked item with minilabel</a></li>
  28                 <li class="arrow"><small>I'm a label</small> <a href="index.html">Standard linked item with minilabel and arrow</a></li>
  29                 <li class="arrow"><a href="index.html">Standard linked item and arrow</a></li>
  30         </ul>
  31
  32         <h4>Standard with content</h4>
  33
  34         <ul>
  35                 <li><a href="heheh">One example with mini-label</a> <a href="jsjd">Formed in Athens, Georgia, in 1980 by Michael Stipe (lead vocals), Peter Buck (guitar), Mike Mills (bass guitar), and Bill Berry (drums and percussion).</a><a href="ahshs">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</a></li>
  36                 <li><small>Not linked</small> <a href="heheh">One example with mini-label</a> <a href="heheh">Formed in Athens, Georgia, in 1980 by Michael Stipe (lead vocals), Peter Buck (guitar), Mike Mills (bass guitar), and Bill Berry (drums and percussion).</a></li>
  37                 <li><small>Not linked</small> <a href="heheh">One example with mini-label</a> <a href="hashs">Formed in Athens, Georgia, in 1980 by Michael Stipe (lead vocals), Peter Buck (guitar), Mike Mills (bass guitar), and Bill Berry (drums and percussion).</a><a href="hsjs">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</a></li>
  38                 <li class="arrow"><a href="heheh">One example with mini-label</a> <a href="jsjd">Formed in Athens, Georgia, in 1980 by Michael Stipe (lead vocals), Peter Buck (guitar), Mike Mills (bass guitar), and Bill Berry (drums and percussion).</a><a href="ahshs">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</a></li>
  39                 <li class="img arrow"><a href="index.html" class="img theclassyouneedtoloadinline"></a> <a href="heheh">One example with mini-label</a> <a href="jsjd">Formed in Athens, Georgia, in 1980 by Michael Stipe (lead vocals), Peter Buck (guitar), Mike Mills (bass guitar), and Bill Berry (drums and percussion).</a><a href="ahshs">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</a></li>
  40                 <li><small>With link</small> <a href="index.html">One example without arrow and mini-label</a></li>
  41                 <li class="arrow"><small>With link</small> <a href="index.html">One example with arrow and mini-label</a></li>
  42         </ul>
  43
  44         <h4>With icons</h4>
  45
  46         <ul>
  47                 <li class="ico arrow"><span class="fortheinlinestyles"></span> Standard item list</li>
  48                 <li class="ico arrow"><span class="fortheinlinestyles"></span> Standard linked item</li>
  49         </ul>
  50
  51 </body>
  52 </html>