!!! Listings aus dem Artikel "Das erste Web"
!!! von Stefan Mintert in iX 12/2010, S. 123

!!! Listing 1:

<div class="menu">
  <h2 class="smartphone">Sitemap</h2>
  <ul class="top">
    <li><a href="...">HAUPTPUNKT 1</a>
        <ul class="sub">
	  <li><a href="...">Unterpunkt 1.1</a></li>
	  <li><a href="...">Unterpunkt 1.2</a></li>
  	  ...
        </ul>
    </li>
    <li><a href="...">HAUPTPUNKT 2</a>
        <ul class="sub">
	  <li><a href="...">Unterpunkt 2.1</a></li>
	  <li><a href="...">Unterpunkt 2.2</a></li>
	  ...
        </ul>
    </li>
    ...
  </ul>
</div>

!!! Listing 2:

.menu h2.smartphone  {
  display: block;
  background: #ccc;
  border-bottom: solid 1px #666;
  color: #222;
  font-size: 20pt;
  font-weight: bold;
  padding: 10px 0;
  text-align: center;
  text-shadow: 0px 1px 0px #fff;
  background-image: -webkit-gradient(linear, left
  top, left bottom, from(#ccc), to(#999)); 
  font-family: Helvetica; }
