css - iOSツールバーのようなjquerymobileデザイン

Question

これがばかげた質問であることはわかっていますが、これを設計したいという答えが見つかりませんでした。色は重要ではなく 、

私はこれまでやってきました

ここにコードがあります

  <!-- Filter Toolbar -->
            <div data-role="header">
                <div data-role="navbar" data-iconpos="left">
                    <ul>
                        <li><a type="button" id="filterdate" >Date</a></li>
                        <li><a type="button" id="filtermember" class="ui-btn-active">Member</a></li>
                        <li><a type="button" id="filtersubject">Subject</a></li>

                    </ul>
                </div>

            </div>
            <!-- /Filter Toolbar -->
        <div data-role="footer">
                <div data-role="navbar" data-mini="true" data-iconpos="left">
                    <ul>
                        <li> <a href="#"  data-icon="edit">Edit</a></li>

                        <li><a href="#"   data-icon="refresh" data-iconpos="notext">Refresh</a></li>
                        <li>
                            <a href="#" data-role="button" data-icon="arrow-l" data-iconpos="notext" data-theme="a" data-inline="true"></a>

                            <a href="#" data-role="button" data-icon="arrow-r" data-iconpos="notext" data-theme="a" data-inline="true"></a>
                        </li>

                    </ul>
                </div><!-- /navbar -->
            </div><!-- /footer -->