@ -15,19 +15,19 @@
<!-- theme selector starts -->
<div class="btn-group pull-right theme-container">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
< i class="icon-tint"></i ><span class="hidden-phone"> Change Theme / Skin</span>
< span class="icon-tint"></span ><span class="hidden-phone"> Change Theme / Skin</span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" id="themes">
<li><a data-value="classic" href="#">< i class="icon-blank"></i > Classic</a></li>
<li><a data-value="cerulean" href="#">< i class="icon-blank icon-ok"></i > Cerulean</a></li>
<li><a data-value="cyborg" href="#">< i class="icon-blank"></i > Cyborg</a></li>
<li><a data-value="redy" href="#">< i class="icon-blank"></i > Redy</a></li>
<li><a data-value="journal" href="#">< i class="icon-blank"></i > Journal</a></li>
<li><a data-value="simplex" href="#">< i class="icon-blank"></i > Simplex</a></li>
<li><a data-value="slate" href="#">< i class="icon-blank"></i > Slate</a></li>
<li><a data-value="spacelab" href="#">< i class="icon-blank"></i > Spacelab</a></li>
<li><a data-value="united" href="#">< i class="icon-blank"></i > United</a></li>
<li><a data-value="classic" href="#">< span class="icon-blank"></span > Classic</a></li>
<li><a data-value="cerulean" href="#">< span class="icon-blank icon-ok"></span > Cerulean</a></li>
<li><a data-value="cyborg" href="#">< span class="icon-blank"></span > Cyborg</a></li>
<li><a data-value="redy" href="#">< span class="icon-blank"></span > Redy</a></li>
<li><a data-value="journal" href="#">< span class="icon-blank"></span > Journal</a></li>
<li><a data-value="simplex" href="#">< span class="icon-blank"></span > Simplex</a></li>
<li><a data-value="slate" href="#">< span class="icon-blank"></span > Slate</a></li>
<li><a data-value="spacelab" href="#">< span class="icon-blank"></span > Spacelab</a></li>
<li><a data-value="united" href="#">< span class="icon-blank"></span > United</a></li>
</ul>
</div>
<!-- theme selector ends -->
@ -35,7 +35,7 @@
<!-- user dropdown starts -->
<div class="btn-group pull-right">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
< i class="icon-user"></i ><span class="hidden-phone"> admin</span>
< span class="icon-user"></span ><span class="hidden-phone"> admin</span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
@ -59,9 +59,9 @@
<div class="well nav-collapse sidebar-nav">
<ul class="nav nav-tabs nav-stacked main-menu">
<li class="nav-header hidden-tablet">Main</li>
<li style="margin-left: -2px;" class="active"><a class="ajax-link" href="?page=home">< i class="icon-home"></i ><span class="hidden-tablet"> Dashboard</span></a></li>
<li style="margin-left: -2px;" class="active"><a class="ajax-link" href="?page=home">< span class="icon-home"></span ><span class="hidden-tablet"> Dashboard</span></a></li>
<li class="nav-header hidden-tablet">Sample Section</li>
<li style="margin-left: -2px;"><a href="?page=login">< i class="icon-lock"></i ><span class="hidden-tablet"> Login Page</span></a></li>
<li style="margin-left: -2px;"><a href="?page=login">< span class="icon-lock"></span ><span class="hidden-tablet"> Login Page</span></a></li>
</ul>
<label id="for-is-ajax" class="hidden-tablet" for="is-ajax" style="visibility:hidden;"><div id="uniform-is-ajax" class="checker"><span class="checked"><input style="opacity: 0;" id="is-ajax" type="checkbox"></span></div> Ajax on menu</label>
</div><!--/.well -->
@ -111,11 +111,11 @@
<div class="row-fluid">
<div class="box col-md-12">
<div class=" box-inner ">
<div class=" box-header well ">
< h2><i class="icon-info-sign"></i> Introduction</h2>
<div class=" panel panel-default ">
<div class=" panel-heading ">
< span class="icon-info-sign"></span> Introduction
</div>
<div class=" box-content ">
<div class=" panel-body ">
<h1>Charisma <small>free, premium quality, responsive, multiple skin admin template.</small></h1>
<p>Its a live demo of the template. I have created Charisma to ease the repeat work I have to do on my projects. Now I re-use Charisma as a base for my admin panel work and I am sharing it with you :)</p>
<p><b>All pages in the menu are functional, take a look at all, please share this with your followers.</b></p>
@ -130,16 +130,16 @@
<div class="box col-md-4">
<div class=" box-inner ">
<div class=" box-header well " data-original-title="">
< h2><i class="icon-user"></i> Member Activity</h2>
<div class=" panel panel-default ">
<div class=" panel-heading " data-original-title="">
< span class="icon-user"></span> Member Activity
<div class="box-icon">
<a href="#" class="btn btn-minimize btn-round">< i class="icon-chevron-up"></i ></a>
<a href="#" class="btn btn-close btn-round">< i class="icon-remove"></i ></a>
<a href="#" class="btn btn-minimize btn-round">< span class="icon-chevron-up"></span ></a>
<a href="#" class="btn btn-close btn-round">< span class="icon-remove"></span ></a>
</div>
</div>
<div class=" box-content ">
<div class=" box-content ">
<div class=" panel-body ">
<div class=" panel-body ">
<ul class="dashboard-list">
<li>
<a href="#">
@ -180,15 +180,15 @@
</div><!--/span-->
<div class="box col-md-8">
<div class=" box-inner ">
<div class=" box-header well " data-original-title="">
< h2><i class="icon-list-alt"></i> Realtime Traffic</h2>
<div class=" panel panel-default ">
<div class=" panel-heading " data-original-title="">
< span class="icon-list-alt"></span> Realtime Traffic
<div class="box-icon">
<a href="#" class="btn btn-minimize btn-round">< i class="icon-chevron-up"></i ></a>
<a href="#" class="btn btn-close btn-round">< i class="icon-remove"></i ></a>
<a href="#" class="btn btn-minimize btn-round">< span class="icon-chevron-up"></span ></a>
<a href="#" class="btn btn-close btn-round">< span class="icon-remove"></span ></a>
</div>
</div>
<div class=" box-content ">
<div class=" panel-body ">
<div id="realtimechart" style="height: 190px; padding: 0px; position: relative;"><canvas height="190" width="466" class="base"></canvas><canvas style="position: absolute; left: 0px; top: 0px;" height="190" width="466" class="overlay"></canvas><div class="tickLabels" style="font-size:smaller"><div class="yAxis y1Axis" style="color:#545454"><div class="tickLabel" style="position:absolute;text-align:right;top:177px;right:448px;width:18px">0</div><div class="tickLabel" style="position:absolute;text-align:right;top:132px;right:448px;width:18px">25</div><div class="tickLabel" style="position:absolute;text-align:right;top:86px;right:448px;width:18px">50</div><div class="tickLabel" style="position:absolute;text-align:right;top:41px;right:448px;width:18px">75</div><div class="tickLabel" style="position:absolute;text-align:right;top:-5px;right:448px;width:18px">100</div></div></div></div>
<p class="clearfix">You can update a chart periodically to get a real-time effect by using a timer to insert the new data in the plot and redraw it.</p>
<p>Time between updates: <input id="updateInterval" value="" style="text-align: right; width:5em" type="text"> milliseconds</p>
@ -199,23 +199,23 @@
<div class="row-fluid sortable ui-sortable">
<div class="box col-md-4">
<div class=" box-inner ">
<div class=" box-header well " data-original-title="">
< h2><i class="icon-list"></i> Buttons</h2>
<div class=" panel panel-default ">
<div class=" panel-heading " data-original-title="">
< span class="icon-list"></span> Buttons
<div class="box-icon">
<a href="#" class="btn btn-setting btn-round">< i class="icon-cog"></i ></a>
<a href="#" class="btn btn-minimize btn-round">< i class="icon-chevron-up"></i ></a>
<a href="#" class="btn btn-close btn-round">< i class="icon-remove"></i ></a>
<a href="#" class="btn btn-setting btn-round">< span class="icon-cog"></span ></a>
<a href="#" class="btn btn-minimize btn-round">< span class="icon-chevron-up"></span ></a>
<a href="#" class="btn btn-close btn-round">< span class="icon-remove"></span ></a>
</div>
</div>
<div class=" box-content buttons">
<div class=" panel-body buttons">
<p class="btn-group">
<button class="btn">Left</button>
<button class="btn">Middle</button>
<button class="btn">Right</button>
</p>
<p>
<button class="btn btn-small">< i class="icon-star"></i > Icon button</button>
<button class="btn btn-small">< span class="icon-star"></span > Icon button</button>
<button class="btn btn-small btn-primary">Small button</button>
<button class="btn btn-small btn-danger">Small button</button>
</p>
@ -227,8 +227,8 @@
<p>
<button class="btn btn-small btn-inverse">Small button</button>
<button class="btn btn-large btn-primary btn-round">Round button</button>
<button class="btn btn-large btn-round">< i class="icon-ok"></i ></button>
<button class="btn btn-primary">< i class="icon-edit icon-white"></i ></button>
<button class="btn btn-large btn-round">< span class="icon-ok"></span ></button>
<button class="btn btn-primary">< span class="icon-edit icon-white"></span ></button>
</p>
<p>
<button class="btn btn-mini">Mini button</button>
@ -246,16 +246,16 @@
</div><!--/span-->
<div class="box col-md-4">
<div class=" box-inner ">
<div class=" box-header well " data-original-title="">
< h2><i class="icon-list"></i> Buttons</h2>
<div class=" panel panel-default ">
<div class=" panel-heading " data-original-title="">
< span class="icon-list"></span> Buttons
<div class="box-icon">
<a href="#" class="btn btn-setting btn-round">< i class="icon-cog"></i ></a>
<a href="#" class="btn btn-minimize btn-round">< i class="icon-chevron-up"></i ></a>
<a href="#" class="btn btn-close btn-round">< i class="icon-remove"></i ></a>
<a href="#" class="btn btn-setting btn-round">< span class="icon-cog"></span ></a>
<a href="#" class="btn btn-minimize btn-round">< span class="icon-chevron-up"></span ></a>
<a href="#" class="btn btn-close btn-round">< span class="icon-remove"></span ></a>
</div>
</div>
<div class=" box-content buttons">
<div class=" panel-body buttons">
<p>
<button class="btn btn-large">Large button</button>
<button class="btn btn-large btn-primary">Large button</button>
@ -275,11 +275,11 @@
<button class="btn btn-large">Large Dropdown</button>
<button class="btn btn-large dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a href="#">< i class="icon-star"></i > Action</a></li>
<li><a href="#">< i class="icon-tag"></i > Another action</a></li>
<li><a href="#">< i class="icon-download-alt"></i > Something else here</a></li>
<li><a href="#">< span class="icon-star"></span > Action</a></li>
<li><a href="#">< span class="icon-tag"></span > Another action</a></li>
<li><a href="#">< span class="icon-download-alt"></span > Something else here</a></li>
<li class="divider"></li>
<li><a href="#">< i class="icon-tint"></i > Separated link</a></li>
<li><a href="#">< span class="icon-tint"></span > Separated link</a></li>
</ul>
</div>
@ -288,69 +288,69 @@
</div><!--/span-->
<div class="box col-md-4">
<div class=" box-inner ">
<div class=" box-header well " data-original-title="">
< h2><i class="icon-list"></i> Weekly Stat</h2>
<div class=" panel panel-default ">
<div class=" panel-heading " data-original-title="">
< span class="icon-list"></span> Weekly Stat
<div class="box-icon">
<a href="#" class="btn btn-setting btn-round">< i class="icon-cog"></i ></a>
<a href="#" class="btn btn-minimize btn-round">< i class="icon-chevron-up"></i ></a>
<a href="#" class="btn btn-close btn-round">< i class="icon-remove"></i ></a>
<a href="#" class="btn btn-setting btn-round">< span class="icon-cog"></span ></a>
<a href="#" class="btn btn-minimize btn-round">< span class="icon-chevron-up"></span ></a>
<a href="#" class="btn btn-close btn-round">< span class="icon-remove"></span ></a>
</div>
</div>
<div class=" box-content ">
<div class=" panel-body ">
<ul class="dashboard-list">
<li>
<a href="#">
< i class="icon-arrow-up"></i >
< span class="icon-arrow-up"></span >
<span class="green">92</span>
New Comments
</a>
</li>
<li>
<a href="#">
< i class="icon-arrow-down"></i >
< span class="icon-arrow-down"></span >
<span class="red">15</span>
New Registrations
</a>
</li>
<li>
<a href="#">
< i class="icon-minus"></i >
< span class="icon-minus"></span >
<span class="blue">36</span>
New Articles
</a>
</li>
<li>
<a href="#">
< i class="icon-comment"></i >
< span class="icon-comment"></span >
<span class="yellow">45</span>
User reviews
</a>
</li>
<li>
<a href="#">
< i class="icon-arrow-up"></i >
< span class="icon-arrow-up"></span >
<span class="green">112</span>
New Comments
</a>
</li>
<li>
<a href="#">
< i class="icon-arrow-down"></i >
< span class="icon-arrow-down"></span >
<span class="red">31</span>
New Registrations
</a>
</li>
<li>
<a href="#">
< i class="icon-minus"></i >
< span class="icon-minus"></span >
<span class="blue">93</span>
New Articles
</a>
</li>
<li>
<a href="#">
< i class="icon-comment"></i >
< span class="icon-comment"></span >
<span class="yellow">254</span>
User reviews
</a>