JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css">
<script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>
<div data-role="page">
    
  <div data-role="header">
    <h1>Demo</h1>
  </div>

  <div data-role="content">
    <div data-role="collapsible" data-collapsed="false">
      <h3>Navigation</h3>
      <ul data-role="listview" data-inset="true">
        <li>
          <a href="#">Home</a>
        </li>
        <li>
          <a href="#">Bar</a>
        </li>
      </ul>
    </div>
  </div>

  <div data-role="footer">
    <p>&copy; 2012 <a href="http://www.mobilejoomla.com/">Mobile Joomla!</a></p>
  </div>
</div>

CSS

.ui-content {
    background-color: #420;
    background-image: url('http://mobilejoomla.com/templates/orion/images/style3/mobile-joomla-logo.png');
}