| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384 | <div id="right-sidebar">    <div class="sidebar-container">        <ul class="nav nav-tabs navs-3">            <li class="active"><a data-toggle="tab" href="#tab-1"> <i                        class="fa fa-gear"></i> 主题                </a></li>        </ul>        <div class="tab-content">            <div id="tab-1" class="tab-pane active">                <div class="sidebar-title">                    <h3>                        <i class="fa fa-comments-o"></i> 主题设置                    </h3>                    <small><i class="fa fa-tim"></i>                        你可以从这里选择和预览主题的布局和样式,这些设置会被保存在本地,下次打开的时候会直接应用这些设置。</small>                </div>                <div class="skin-setttings">                    <div class="title">主题设置</div>                    <div class="setings-item">                        <span>收起左侧菜单</span>                        <div class="switch">                            <div class="onoffswitch">                                <input type="checkbox" name="collapsemenu"                                       class="onoffswitch-checkbox" id="collapsemenu"> <label                                       class="onoffswitch-label" for="collapsemenu"> <span                                        class="onoffswitch-inner"></span> <span                                        class="onoffswitch-switch"></span>                                </label>                            </div>                        </div>                    </div>                    <div class="setings-item">                        <span>固定顶部</span>                        <div class="switch">                            <div class="onoffswitch">                                <input type="checkbox" name="fixednavbar"                                       class="onoffswitch-checkbox" id="fixednavbar"> <label                                       class="onoffswitch-label" for="fixednavbar"> <span                                        class="onoffswitch-inner"></span> <span                                        class="onoffswitch-switch"></span>                                </label>                            </div>                        </div>                    </div>                    <div class="setings-item">                        <span> 固定宽度 </span>                        <div class="switch">                            <div class="onoffswitch">                                <input type="checkbox" name="boxedlayout"                                       class="onoffswitch-checkbox" id="boxedlayout"> <label                                       class="onoffswitch-label" for="boxedlayout"> <span                                        class="onoffswitch-inner"></span> <span                                        class="onoffswitch-switch"></span>                                </label>                            </div>                        </div>                    </div>                    <div class="title">皮肤选择</div>                    <div class="setings-item default-skin nb">                        <span class="skin-name "> <a href="#" class="s-skin-0">                                默认皮肤 </a>                        </span>                    </div>                    <div class="setings-item blue-skin nb">                        <span class="skin-name "> <a href="#" class="s-skin-1">                                蓝色主题 </a>                        </span>                    </div>                    <div class="setings-item yellow-skin nb">                        <span class="skin-name "> <a href="#" class="s-skin-3">                                黄色/紫色主题 </a>                        </span>                    </div>                </div>            </div>        </div>    </div></div>
 |