<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> theme
|
</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> theme settings
|
</h3>
|
<small><i class="fa fa-tim"></i>
|
From here you can select and preview the layout and style of the theme. These Settings will be saved locally and applied directly the next time you open them。</small>
|
</div>
|
<div class="skin-setttings">
|
<div class="title">theme settings</div>
|
<div class="setings-item">
|
<span>Drop the left menu</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>Fixed top</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> Fixed Width </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">Use alternative skin</div>
|
<div class="setings-item default-skin nb">
|
<span class="skin-name "> <a href="#" class="s-skin-0">
|
Default </a>
|
</span>
|
</div>
|
<div class="setings-item blue-skin nb">
|
<span class="skin-name "> <a href="#" class="s-skin-1">
|
Blue theme </a>
|
</span>
|
</div>
|
<div class="setings-item yellow-skin nb">
|
<span class="skin-name "> <a href="#" class="s-skin-3">
|
Yellow/purple theme </a>
|
</span>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
|
</div>
|
</div>
|
