ok
Mini Shell
<a href="#" class="switcher-toggle open"> <span class="icon-switcher"><i class="fa fa-gear"></i></span></a>
<div class="style-switcher-wrap">
<ul class="switcher-style-list" id="switcher-theme-custom-color">
<li><a title="default" href="#" class="theme-skin-default"></a></li>
<li><a title="blue" href="#" class="theme-skin-blue"></a></li>
<li><a title="green" href="#" class="theme-skin-green"></a></li>
<li><a title="red" href="#" class="theme-skin-red"></a></li>
<li><a title="yellow" href="#" class="theme-skin-yellow"></a></li>
</ul>
<!-- <h4 class="switcher-title">Ulimited Theme Skins:</h4>
<ul class="switcher-style-list" id="custom-color">
<li><input type="text" id="colorpicker"><a title="green" href="#" class="theme-skin-green"></a></li>
<a title="green" style="width:auto; margin-left:10px;" href="#" class="get-theme btnTheme btn-xs mt-0 activeTheme">Get Skin Css File</a>
</ul> -->
<!-- <h4 class="switcher-title">Header Style:</h4>
<div id="header-style">
<a class="btnTheme activeTheme btn-xs mt-0 normal">Normal</a>
<a class="btnTheme diactiveTheme btn-xs mt-0 fixed">Fixed</a>
</div> -->
<!--<h4 class="switcher-title">Footer Style:</h4>
<div id="footer-style">
<a class="btnTheme activeTheme btn-xs mt-0 dark-footer">Dark</a>
<a class="btnTheme diactiveTheme btn-xs mt-0 lightfooter">Light</a>
</div>
<h4 class="switcher-title">Background Color</h4>
<div id="switcher-bgcolor">
<a class="btnTheme activeTheme btn-xs mt-0 light" data-bgcolor-type="light">Light</a>
<a class="btnTheme diactiveTheme btn-xs mt-0 dark" data-bgcolor-type="dark">Dark</a>
</div>
<h4 class="switcher-title">Direction:</h4>
<div id="switcher-rtl">
<a class="btnTheme activeTheme ltr" data-direction-type="ltr">LTR</a>
<a class="btnTheme diactiveTheme btn-xs mt-0 rtl" data-direction-type="rtl">RTL</a>
</div>-->
<!-- <h4 class="switcher-title">Layout Style</h4>
<div id="switcher-layout-mode">
<a class="btnTheme activeTheme btn-xs mt-0 wide" data-layout-mode="wide">Wide</a>
<a class="btnTheme diactiveTheme btn-xs mt-0 boxed" data-layout-mode="boxed">Boxed</a>
</div>
<h4 class="switcher-title">Background Patterns:</h4>
<ul class="switcher-style-list" id="switcher-boxed-layout-bg-pattern">
<li><a title="pattern-1" href="#" class="pattern-1"></a></li>
<li><a title="pattern-2" href="#" class="pattern-2"></a></li>
<li><a title="pattern-3" href="#" class="pattern-3"></a></li>
<li><a title="pattern-4" href="#" class="pattern-4"></a></li>
<li><a title="pattern-5" href="#" class="pattern-5"></a></li>
<li><a title="pattern-6" href="#" class="pattern-6"></a></li>
<li><a title="pattern-7" href="#" class="pattern-7"></a></li>
<li><a title="pattern-8" href="#" class="pattern-8"></a></li>
<li><a title="pattern-9" href="#" class="pattern-9"></a></li>
</ul> -->
</div>
<link href="theme-option/assets/css/themeoption.html" rel="stylesheet" type="text/css">
<!-- <link href="theme-option/assets/css/colorpicker.css" rel="stylesheet" type="text/css">
<link href="theme-option/assets/css/theme.less" rel="stylesheet" type="text/less">
<script type="text/javascript" src="theme-option/assets/js/less.js"></script>
<script type="text/javascript" src="theme-option/assets/js/colorpicker.js"></script> -->
<script type="text/javascript" src="theme-option/assets/js/color-switcher.html"></script>
<!-- <script>
$(window).ready(function(){
//$('#colorpicker').ColorPicker();
$('#colorpicker').ColorPicker({
onSubmit: function(hsb, hex, rgb, el) {
$(el).val(hex);
$(el).ColorPickerHide();
},
onBeforeShow: function () {
$(this).ColorPickerSetColor(this.value);
},
onChange: function (hsb, hex, rgb) {
$('#colorpicker').val(hex);
$('#colorpicker').css('backgroundColor', '#' + hex);
accentColorUpdate(hex);
}
})
})
</script> -->
Zerion Mini Shell 1.0