www/iphone/UiUIKit/rounded-lists.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>Rounded lists</title>
   7         <link rel="stylesheet" href="stylesheets/iphone.css" />
   8         <script type="text/javascript" charset="utf-8">
   9                 window.onload = function() {
  10                   setTimeout(function(){window.scrollTo(0, 1);}, 100);
  11                 }
  12         </script>
  13 </head>
  14
  15 <body>
  16
  17         <div id="header">
  18                 <h1>Rounded Lists</h1>
  19                 <a href="index.html" id="backButton">Back</a>
  20         </div>
  21
  22 <h1>Standard items</h1>
  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>I'm a label</small> <a href="index.html">Standard linked item with minilabel and arrow</a></li>
  28         <li class="arrow"><a href="index.html">Standard linked item and arrow</a></li>
  29 </ul>
  30
  31 <h1>Standard with content</h1>
  32
  33 <ul>
  34         <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>
  35         <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>
  36         <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>
  37         <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>
  38         <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>
  39         <li class="img arrow"><a href="index.html" class="img theclassyouneedtoloadinline"></a> <small>Not linked</small> <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 <h1>With icons</h1>
  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 <h1>Individuals</h1>
  52
  53 <ul>
  54         <li><a href="index.html" class="arrow">Browse categories</a></li>
  55 </ul>
  56
  57 <ul class="individual">
  58         <li>Mensaje de texto</li>
  59         <li><a href="index.html">Favoritos</a></li>
  60 </ul>
  61
  62 <p><strong>Best enjoyed on a real iPhone</strong><br />This iPhone UI Framework kit is licenced under GNU Affero General Public License (<a href="http://www.gnu.org/licenses/agpl.html">GNU AGPL 3</a>)</p>
  63
  64 </body>
  65 </html>