maxmustermann
/
gentelella
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge pull request #830 from ColorlibHQ/bootstrap4_Update 

Bootstrap4 update
This commit is contained in:
Aigars Silkalns 2019-10-31 09:42:21 +02:00 committed by GitHub
parent 67e8cfc5ce 92217a474e
commit c99ab0ae12
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
34 changed files with 926 additions and 914 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
docs/index.html
View File

@ -322,7 +322,7 @@
</div>
<div class="title_right">
<div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
<div class="col-md-5 col-sm-5 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">

2
production/calendar.html
View File

@ -273,7 +273,7 @@
</div>
<div class="title_right">
<div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
<div class="col-md-5 col-sm-5 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">

14
production/chartjs.html
View File

@ -270,7 +270,7 @@
</div>
<div class="title_right">
<div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
<div class="col-md-5 col-sm-5 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">
@ -284,7 +284,7 @@
<div class="clearfix"></div>
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="col-md-6 col-sm-6 ">
<div class="x_panel">
<div class="x_title">
<h2>Line graph<small>Sessions</small></h2>
@ -309,7 +309,7 @@
</div>
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="col-md-6 col-sm-6 ">
<div class="x_panel">
<div class="x_title">
<h2>Bar graph <small>Sessions</small></h2>
@ -336,7 +336,7 @@
</div>
<div class="clearfix"></div>
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="col-md-6 col-sm-6 ">
<div class="x_panel">
<div class="x_title">
<h2>Radar <small>Sessions</small></h2>
@ -361,7 +361,7 @@
</div>
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="col-md-6 col-sm-6 ">
<div class="x_panel">
<div class="x_title">
<h2>Donut Graph <small>Sessions</small></h2>
@ -388,7 +388,7 @@
</div>
<div class="clearfix"></div>
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="col-md-6 col-sm-6 ">
<div class="x_panel">
<div class="x_title">
<h2>Pie Graph Chart <small>Sessions</small></h2>
@ -413,7 +413,7 @@
</div>
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="col-md-6 col-sm-6 ">
<div class="x_panel">
<div class="x_title">
<h2>Pie Area Graph <small>Sessions</small></h2>

14
production/chartjs2.html
View File

@ -270,7 +270,7 @@
</div>
<div class="title_right">
<div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
<div class="col-md-5 col-sm-5 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">
@ -284,7 +284,7 @@
<div class="clearfix"></div>
<div class="row">
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="col-md-4 col-sm-6 ">
<div class="x_panel">
<div class="x_title">
<h2>Line Graph <small>Sessions</small></h2>
@ -309,7 +309,7 @@
</div>
</div>
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="col-md-4 col-sm-6 ">
<div class="x_panel">
<div class="x_title">
<h2>Bar Graph <small>Sessions</small></h2>
@ -334,7 +334,7 @@
</div>
</div>
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="col-md-4 col-sm-6 ">
<div class="x_panel">
<div class="x_title">
<h2>Donut Chart Graph <small>Sessions</small></h2>
@ -359,7 +359,7 @@
</div>
</div>
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="col-md-4 col-sm-6 ">
<div class="x_panel">
<div class="x_title">
<h2>Radar Chart <small>Sessions</small></h2>
@ -384,7 +384,7 @@
</div>
</div>
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="col-md-4 col-sm-6 ">
<div class="x_panel">
<div class="x_title">
<h2>Pie Area Chart <small>Sessions</small></h2>
@ -409,7 +409,7 @@
</div>
</div>
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="col-md-4 col-sm-6 ">
<div class="x_panel">
<div class="x_title">
<h2>Pie Chart Graph <small>Sessions</small></h2>

26
production/echarts.html
View File

@ -270,7 +270,7 @@
</div>
<div class="title_right">
<div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
<div class="col-md-5 col-sm-5 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">
@ -284,7 +284,7 @@
<div class="clearfix"></div>
<div class="row">
<div class="col-md-8 col-sm-8 col-xs-12">
<div class="col-md-8 col-sm-8 ">
<div class="x_panel">
<div class="x_title">
<h2>Bar Graph</h2>
@ -311,7 +311,7 @@
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-12">
<div class="col-md-4 col-sm-4 ">
<div class="x_panel">
<div class="x_title">
<h2>Mini Pie</h2>
@ -339,7 +339,7 @@
</div>
<div class="col-md-4 col-sm-4 col-xs-12">
<div class="col-md-4 col-sm-4 ">
<div class="x_panel">
<div class="x_title">
<h2>Pie Graph</h2>
@ -366,7 +366,7 @@
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-12">
<div class="col-md-4 col-sm-4 ">
<div class="x_panel">
<div class="x_title">
<h2>Pie Area</h2>
@ -393,7 +393,7 @@
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-12">
<div class="col-md-4 col-sm-4 ">
<div class="x_panel">
<div class="x_title">
<h2>Donut Graph</h2>
@ -421,7 +421,7 @@
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="col-md-6 col-sm-6 ">
<div class="x_panel">
<div class="x_title">
<h2>Scatter Graph</h2>
@ -448,7 +448,7 @@
</div>
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="col-md-6 col-sm-6 ">
<div class="x_panel">
<div class="x_title">
<h2>Line Graph</h2>
@ -475,7 +475,7 @@
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-12">
<div class="col-md-4 col-sm-4 ">
<div class="x_panel">
<div class="x_title">
<h2>Horizontal Bar</h2>
@ -502,7 +502,7 @@
</div>
</div>
<div class="col-md-8 col-sm-8 col-xs-12">
<div class="col-md-8 col-sm-8 ">
<div class="x_panel">
<div class="x_title">
<h2>World Map</h2>
@ -530,7 +530,7 @@
</div>
<div class="col-md-4 col-sm-4 col-xs-12">
<div class="col-md-4 col-sm-4 ">
<div class="x_panel">
<div class="x_title">
<h2>Pyramid</h2>
@ -557,7 +557,7 @@
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-12">
<div class="col-md-4 col-sm-4 ">
<div class="x_panel">
<div class="x_title">
<h2>Sonar</h2>
@ -585,7 +585,7 @@
</div>
<div class="col-md-4 col-sm-4 col-xs-12">
<div class="col-md-4 col-sm-4 ">
<div class="x_panel">
<div class="x_title">
<h2>Gauge</h2>

174
production/fixed_sidebar.html
View File

@ -172,95 +172,95 @@
<!-- top navigation -->
<div class="top_nav">
<div class="nav_menu">
<div class="nav toggle">
<a id="menu_toggle"><i class="fa fa-bars"></i></a>
</div>
<ul class="nav navbar-nav navbar-right">
<li class="nav-item dropdown open">
<a href="javascript:;" class="user-profile dropdown-toggle" aria-haspopup="true" id="navbarDropdown" data-toggle="dropdown" aria-expanded="false">
<img src="images/img.jpg" alt="">John Doe
</a>
<ul class="dropdown-menu dropdown-usermenu pull-right" aria-labelledby="navbarDropdown">
<li class="nav-item"><a class="dropdown-item" href="javascript:;"> Profile</a></li>
<li class="nav-item">
<a class="dropdown-item" href="javascript:;">
<span class="badge bg-red pull-right">50%</span>
<span>Settings</span>
</a>
</li>
<li class="nav-item"><a class="dropdown-item" href="javascript:;">Help</a></li>
<li class="nav-item"><a class="dropdown-item" href="login.html"><i class="fa fa-sign-out pull-right"></i> Log Out</a></li>
</ul>
</li>
<li role="presentation" class="nav-item dropdown open">
<a href="javascript:;" class="dropdown-toggle info-number" id="navbarDropdown1" data-toggle="dropdown" aria-expanded="false">
<i class="fa fa-envelope-o"></i>
<span class="badge bg-green">6</span>
</a>
<ul class="dropdown-menu list-unstyled msg_list" role="menu" aria-labelledby="navbarDropdown1">
<li class="nav-item">
<a class="dropdown-item">
<span class="image"><img src="images/img.jpg" alt="Profile Image" /></span>
<span>
<span>John Smith</span>
<span class="time">3 mins ago</span>
</span>
<span class="message">
Film festivals used to be do-or-die moments for movie makers. They were where...
</span>
</a>
</li>
<li class="nav-item">
<a class="dropdown-item">
<span class="image"><img src="images/img.jpg" alt="Profile Image" /></span>
<span>
<span>John Smith</span>
<span class="time">3 mins ago</span>
</span>
<span class="message">
Film festivals used to be do-or-die moments for movie makers. They were where...
</span>
</a>
</li>
<li class="nav-item">
<a class="dropdown-item">
<span class="image"><img src="images/img.jpg" alt="Profile Image" /></span>
<span>
<span>John Smith</span>
<span class="time">3 mins ago</span>
</span>
<span class="message">
Film festivals used to be do-or-die moments for movie makers. They were where...
</span>
</a>
</li>
<li class="nav-item">
<a class="dropdown-item">
<span class="image"><img src="images/img.jpg" alt="Profile Image" /></span>
<span>
<span>John Smith</span>
<span class="time">3 mins ago</span>
</span>
<span class="message">
Film festivals used to be do-or-die moments for movie makers. They were where...
</span>
</a>
</li>
<li class="nav-item">
<div class="text-center">
<a class="dropdown-item">
<strong>See All Alerts</strong>
<i class="fa fa-angle-right"></i>
<div class="nav_menu">
<div class="nav toggle">
<a id="menu_toggle"><i class="fa fa-bars"></i></a>
</div>
<nav class="nav navbar-nav">
<ul class=" navbar-right">
<li class="nav-item dropdown open" style="padding-left: 15px;">
<a href="javascript:;" class="user-profile dropdown-toggle" aria-haspopup="true" id="navbarDropdown" data-toggle="dropdown" aria-expanded="false">
<img src="images/img.jpg" alt="">John Doe
</a>
<div class="dropdown-menu dropdown-usermenu pull-right" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="javascript:;"> Profile</a>
<a class="dropdown-item" href="javascript:;">
<span class="badge bg-red pull-right">50%</span>
<span>Settings</span>
</a>
</div>
</li>
</ul>
</li>
</ul>
<a class="dropdown-item" href="javascript:;">Help</a>
<a class="dropdown-item" href="login.html"><i class="fa fa-sign-out pull-right"></i> Log Out</a>
</div>
</li>
<li role="presentation" class="nav-item dropdown open">
<a href="javascript:;" class="dropdown-toggle info-number" id="navbarDropdown1" data-toggle="dropdown" aria-expanded="false">
<i class="fa fa-envelope-o"></i>
<span class="badge bg-green">6</span>
</a>
<ul class="dropdown-menu list-unstyled msg_list" role="menu" aria-labelledby="navbarDropdown1">
<li class="nav-item">
<a class="dropdown-item">
<span class="image"><img src="images/img.jpg" alt="Profile Image" /></span>
<span>
<span>John Smith</span>
<span class="time">3 mins ago</span>
</span>
<span class="message">
Film festivals used to be do-or-die moments for movie makers. They were where...
</span>
</a>
</li>
<li class="nav-item">
<a class="dropdown-item">
<span class="image"><img src="images/img.jpg" alt="Profile Image" /></span>
<span>
<span>John Smith</span>
<span class="time">3 mins ago</span>
</span>
<span class="message">
Film festivals used to be do-or-die moments for movie makers. They were where...
</span>
</a>
</li>
<li class="nav-item">
<a class="dropdown-item">
<span class="image"><img src="images/img.jpg" alt="Profile Image" /></span>
<span>
<span>John Smith</span>
<span class="time">3 mins ago</span>
</span>
<span class="message">
Film festivals used to be do-or-die moments for movie makers. They were where...
</span>
</a>
</li>
<li class="nav-item">
<a class="dropdown-item">
<span class="image"><img src="images/img.jpg" alt="Profile Image" /></span>
<span>
<span>John Smith</span>
<span class="time">3 mins ago</span>
</span>
<span class="message">
Film festivals used to be do-or-die moments for movie makers. They were where...
</span>
</a>
</li>
<li class="nav-item">
<div class="text-center">
<a class="dropdown-item">
<strong>See All Alerts</strong>
<i class="fa fa-angle-right"></i>
</a>
</div>
</li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
</div>
<!-- /top navigation -->
<!-- page content -->

38
production/form_advanced.html
View File

@ -282,7 +282,7 @@
</div>
<div class="title_right">
<div class="col-md-5 col-sm-5 col-xs-12 form-group row pull-right top_search">
<div class="col-md-5 col-sm-5 form-group row pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">
@ -297,7 +297,7 @@
<div class="row">
<!-- form input mask -->
<div class="col-md-6 col-sm-12 col-xs-12">
<div class="col-md-6 col-sm-12 ">
<div class="x_panel">
<div class="x_title">
<h2>Input Mask</h2>
@ -378,7 +378,7 @@
<!-- /form input mask -->
<!-- form color picker -->
<div class="col-md-6 col-sm-12 col-xs-12">
<div class="col-md-6 col-sm-12 ">
<div class="x_panel">
<div class="x_title">
<h2>Color Picker</h2>
@ -404,14 +404,14 @@
<form class="form-horizontal form-label-left">
<div class="form-group row">
<label class="control-label col-md-3 col-sm-3 col-xs-12">Default Input</label>
<div class="col-md-9 col-sm-9 col-xs-12">
<label class="control-label col-md-3 col-sm-3 ">Default Input</label>
<div class="col-md-9 col-sm-9 ">
<input type="text" class="demo1 form-control" value="#5367ce" />
</div>
</div>
<div class="form-group row">
<label class="control-label col-md-3 col-sm-3 col-xs-12">Styled</label>
<div class="col-md-9 col-sm-9 col-xs-12">
<label class="control-label col-md-3 col-sm-3 ">Styled</label>
<div class="col-md-9 col-sm-9 ">
<div class="input-group demo2">
<input type="text" value="#e01ab5" class="form-control" />
<span class="input-group-addon"><i></i></span>
@ -419,20 +419,20 @@
</div>
</div>
<div class="form-group row">
<label class="control-label col-md-3 col-sm-3 col-xs-12">Horizontal bar</label>
<div class="col-md-9 col-sm-9 col-xs-12">
<label class="control-label col-md-3 col-sm-3 ">Horizontal bar</label>
<div class="col-md-9 col-sm-9 ">
<input type="text" class="form-control demo colorpicker-element" data-horizontal="true" id="demo_forceformat" value="#8fff00">
</div>
</div>
<div class="form-group row">
<label class="control-label col-md-3 col-sm-3 col-xs-12">Vertical bar</label>
<div class="col-md-9 col-sm-9 col-xs-12">
<label class="control-label col-md-3 col-sm-3 ">Vertical bar</label>
<div class="col-md-9 col-sm-9 ">
<input type="text" class="form-control demo colorpicker-element" id="demo_forceformat3" value="#8fff00">
</div>
</div>
<div class="form-group row">
<label class="control-label col-md-3 col-sm-3 col-xs-12">Inline picker</label>
<div class="col-md-9 col-sm-9 col-xs-12">
<label class="control-label col-md-3 col-sm-3 ">Inline picker</label>
<div class="col-md-9 col-sm-9 ">
<div class="well">
<div id="demo_cont" class="demo demo-auto inl-bl colorpicker-element" data-container="#demo_cont" data-color="rgba(150,216,62,0.55)" data-inline="true"></div>
<div class="demo demo-auto inl-bl colorpicker-element" data-container="true" data-color="rgb(50,216,62)" data-inline="true" style="margin-left:20px;"></div>
@ -785,27 +785,27 @@
<div class="x_content">
<div class="row grid_slider">
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="col-md-6 col-sm-6 ">
<p>Default grid slider with min and max values</p>
<input type="text" id="range" value="" name="range" />
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="col-md-6 col-sm-6 ">
<p>Grid with slider labels are far away outside it's container</p>
<input type="text" id="range_25" value="" name="range" />
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="col-md-6 col-sm-6 ">
<p>Grid with labels inside container using force_edges attribute</p>
<input type="text" id="range_27" value="" name="range" />
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="col-md-6 col-sm-6 ">
<p>Create Grid with pre-defined steps</p>
<input type="text" id="range_26" value="" name="range" />
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="col-md-6 col-sm-6 ">
<p>Prevent one from dragging the labels</p>
<input type="text" id="range_31" value="" name="range" />
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="col-md-6 col-sm-6 ">
<p>Grid with minimum and maximum values</p>
<input type="text" class="range_min_max" value="" name="range" />
</div>

2
production/form_buttons.html
View File

@ -272,7 +272,7 @@
</div>
<div class="title_right">
<div class="col-md-5 col-sm-5 col-xs-12 form-group row pull-right top_search">
<div class="col-md-5 col-sm-5 form-group row pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">

4
production/form_upload.html
View File

@ -273,7 +273,7 @@
</div>
<div class="title_right">
<div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
<div class="col-md-5 col-sm-5 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">
@ -287,7 +287,7 @@
<div class="clearfix"></div>
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="col-md-12 col-sm-12 ">
<div class="x_panel">
<div class="x_title">
<h2>Dropzone multiple file uploader</h2>

46
production/general_elements.html
View File

@ -279,7 +279,7 @@
</div>
<div class="title_right">
<div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
<div class="col-md-5 col-sm-5 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">
@ -293,7 +293,7 @@
<div class="clearfix"></div>
<div class="">
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="col-md-6 col-sm-6 ">
<div class="x_panel">
<div class="x_title">
<h2><i class="fa fa-bars"></i> Tabs <small>Float left</small></h2>
@ -344,7 +344,7 @@
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="col-md-6 col-sm-6 ">
<div class="x_panel">
<div class="x_title">
<h2><i class="fa fa-bars"></i> Tabs <small>Float right</small></h2>
@ -397,7 +397,7 @@
<div class="clearfix"></div>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="col-md-6 col-sm-6 ">
<div class="x_panel">
<div class="x_title">
<h2><i class="fa fa-bars"></i> Vertical Tabs <small>Float left</small></h2>
@ -445,7 +445,7 @@
</div>
</div>
</div><div class="col-md-6 col-sm-6 col-xs-12">
</div><div class="col-md-6 col-sm-6 ">
<div class="x_panel">
<div class="x_title">
<h2><i class="fa fa-bars"></i> Vertical Tabs <small>Float left</small></h2>
@ -498,7 +498,7 @@
<div class="clearfix"></div>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="col-md-6 col-sm-6 ">
<div class="x_panel">
<div class="x_title">
<h2><i class="fa fa-align-left"></i> Collapsible / Accordion <small>Sessions</small></h2>
@ -593,7 +593,7 @@
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="col-md-6 col-sm-6 ">
<div class="x_panel">
<div class="x_title">
<h2><i class="fa fa-align-left"></i> Collapsible / Accordion <small>Sessions</small></h2>
@ -692,7 +692,7 @@
<div class="">
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="col-md-6 col-sm-6 ">
<div class="x_panel">
<div class="x_title">
<h2>Tooltips <small>Hover to view</small></h2>
@ -716,18 +716,10 @@
<p>Add small overlays of content for housing secondary information.</p>
<!-- start pop-over -->
<div class="bs-example-popovers">
<button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="left" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="" title="">
Left
</button>
<button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="" title="">
Top
</button>
<button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
Bottom
</button>
<button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="right" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
Right
</button>
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="left" title="Tooltip left">left</button>
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="top" title="Tooltip top">Top</button>
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="bottom" title="Tooltip bottom">Bottom</button>
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="right" title="Tooltip right">Right</button>
</div>
<!-- end pop-over -->
@ -737,7 +729,7 @@
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="col-md-6 col-sm-6 ">
<div class="x_panel">
<div class="x_title">
<h2>Tooltips <small>Hover to view</small></h2>
@ -773,7 +765,7 @@
</div>
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="col-md-6 col-sm-6 ">
<div class="x_panel">
<div class="x_title">
<h2>Daily active users <small>Sessions</small></h2>
@ -857,7 +849,7 @@
</div>
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="col-md-6 col-sm-6 ">
<div class="x_panel">
<div class="x_title">
<h2>Daily active users <small>Sessions</small></h2>
@ -889,7 +881,7 @@
</div>
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="col-md-6 col-sm-6 ">
<div class="x_panel">
<div class="x_title">
<h2><i class="fa fa-chevron-down"></i> Dropdowns <small>Multiple dropdown designs</small></h2>
@ -953,7 +945,7 @@
</div>
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="col-md-6 col-sm-6 ">
<div class="x_panel">
<div class="x_title">
<h2><i class="fa fa-square-o"></i> Modals</h2>
@ -1033,7 +1025,7 @@
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="col-md-6 col-sm-6 ">
<div class="x_panel">
<div class="x_title">
<h2><i class="fa fa-bell"></i> Notifications <small>Styled & Custom notifications</small></h2>
@ -1295,7 +1287,7 @@
</div>
<!-- Start to do list -->
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="col-md-6 col-sm-6 ">
<div class="x_panel">
<div class="x_title">
<h2>To Do List <small>Sample tasks</small></h2>

2
production/glyphicons.html
View File

@ -270,7 +270,7 @@
</div>
<div class="title_right">
<div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
<div class="col-md-5 col-sm-5 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">

1238
production/icons.html
View File

File diff suppressed because it is too large Load Diff

4
production/inbox.html
View File

@ -273,7 +273,7 @@
</div>
<div class="title_right">
<div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
<div class="col-md-5 col-sm-5 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">
@ -527,7 +527,7 @@
</div>
<!-- compose -->
<div class="compose col-md-6 col-xs-12">
<div class="compose col-md-6 ">
<div class="compose-header">
New Message
<button type="button" class="close compose-close">

48
production/index.html
View File

@ -274,42 +274,44 @@
<!-- page content -->
<div class="right_col" role="main">
<!-- top tiles -->
<div class="row tile_count">
<div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
<div class="row" style="display: inline-block;" >
<div class="tile_count">
<div class="col-md-2 col-sm-4 tile_stats_count">
<span class="count_top"><i class="fa fa-user"></i> Total Users</span>
<div class="count">2500</div>
<span class="count_bottom"><i class="green">4% </i> From last Week</span>
</div>
<div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
<div class="col-md-2 col-sm-4 tile_stats_count">
<span class="count_top"><i class="fa fa-clock-o"></i> Average Time</span>
<div class="count">123.50</div>
<span class="count_bottom"><i class="green"><i class="fa fa-sort-asc"></i>3% </i> From last Week</span>
</div>
<div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
<div class="col-md-2 col-sm-4 tile_stats_count">
<span class="count_top"><i class="fa fa-user"></i> Total Males</span>
<div class="count green">2,500</div>
<span class="count_bottom"><i class="green"><i class="fa fa-sort-asc"></i>34% </i> From last Week</span>
</div>
<div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
<div class="col-md-2 col-sm-4 tile_stats_count">
<span class="count_top"><i class="fa fa-user"></i> Total Females</span>
<div class="count">4,567</div>
<span class="count_bottom"><i class="red"><i class="fa fa-sort-desc"></i>12% </i> From last Week</span>
</div>
<div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
<div class="col-md-2 col-sm-4 tile_stats_count">
<span class="count_top"><i class="fa fa-user"></i> Total Collections</span>
<div class="count">2,315</div>
<span class="count_bottom"><i class="green"><i class="fa fa-sort-asc"></i>34% </i> From last Week</span>
</div>
<div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
<div class="col-md-2 col-sm-4 tile_stats_count">
<span class="count_top"><i class="fa fa-user"></i> Total Connections</span>
<div class="count">7,325</div>
<span class="count_bottom"><i class="green"><i class="fa fa-sort-asc"></i>34% </i> From last Week</span>
</div>
</div>
</div>
<!-- /top tiles -->
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="col-md-12 col-sm-12 ">
<div class="dashboard_graph">
<div class="row x_title">
@ -324,16 +326,16 @@
</div>
</div>
<div class="col-md-9 col-sm-9 col-xs-12">
<div class="col-md-9 col-sm-9 ">
<div id="chart_plot_01" class="demo-placeholder"></div>
</div>
<div class="col-md-3 col-sm-3 col-xs-12 bg-white">
<div class="col-md-3 col-sm-3 bg-white">
<div class="x_title">
<h2>Top Campaign Performance</h2>
<div class="clearfix"></div>
</div>
<div class="col-md-12 col-sm-12 col-xs-6">
<div class="col-md-12 col-sm-12 ">
<div>
<p>Facebook Campaign</p>
<div class="">
@ -351,7 +353,7 @@
</div>
</div>
</div>
<div class="col-md-12 col-sm-12 col-xs-6">
<div class="col-md-12 col-sm-12 ">
<div>
<p>Conventional Media</p>
<div class="">
@ -382,7 +384,7 @@
<div class="row">
<div class="col-md-4 col-sm-4 col-xs-12">
<div class="col-md-4 col-sm-4 ">
<div class="x_panel tile fixed_height_320">
<div class="x_title">
<h2>App Versions</h2>
@ -489,7 +491,7 @@
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-12">
<div class="col-md-4 col-sm-4 ">
<div class="x_panel tile fixed_height_320 overflow_hidden">
<div class="x_title">
<h2>Device Usage</h2>
@ -515,10 +517,10 @@
<p>Top 5</p>
</th>
<th>
<div class="col-lg-7 col-md-7 col-sm-7 col-xs-7">
<div class="col-lg-7 col-md-7 col-sm-7 ">
<p class="">Device</p>
</div>
<div class="col-lg-5 col-md-5 col-sm-5 col-xs-5">
<div class="col-lg-5 col-md-5 col-sm-5 ">
<p class="">Progress</p>
</div>
</th>
@ -568,7 +570,7 @@
</div>
<div class="col-md-4 col-sm-4 col-xs-12">
<div class="col-md-4 col-sm-4 ">
<div class="x_panel tile fixed_height_320">
<div class="x_title">
<h2>Quick Settings</h2>
@ -622,7 +624,7 @@
<div class="row">
<div class="col-md-4 col-sm-4 col-xs-12">
<div class="col-md-4 col-sm-4 ">
<div class="x_panel">
<div class="x_title">
<h2>Recent Activities <small>Sessions</small></h2>
@ -708,13 +710,13 @@
</div>
<div class="col-md-8 col-sm-8 col-xs-12">
<div class="col-md-8 col-sm-8 ">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="col-md-12 col-sm-12 ">
<div class="x_panel">
<div class="x_title">
<h2>Visitors location <small>geo-presentation</small></h2>
@ -763,7 +765,7 @@
</tbody>
</table>
</div>
<div id="world-map-gdp" class="col-md-8 col-sm-12 col-xs-12" style="height:230px;"></div>
<div id="world-map-gdp" class="col-md-8 col-sm-12 " style="height:230px;"></div>
</div>
</div>
</div>
@ -774,7 +776,7 @@
<!-- Start to do list -->
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="col-md-6 col-sm-6 ">
<div class="x_panel">
<div class="x_title">
<h2>To Do List <small>Sample tasks</small></h2>
@ -841,7 +843,7 @@
<!-- End to do list -->
<!-- start of weather widget -->
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="col-md-6 col-sm-6 ">
<div class="x_panel">
<div class="x_title">
<h2>Daily active users <small>Sessions</small></h2>

4
production/index2.html
View File

@ -266,7 +266,8 @@
<!-- page content -->
<div class="right_col" role="main">
<div class="">
<div class="row top_tiles">
<div class="row" style="display: inline-block;">
<div class="top_tiles">
<div class="animated flipInY col-lg-3 col-md-3 col-sm-6 ">
<div class="tile-stats">
<div class="icon"><i class="fa fa-caret-square-o-right"></i></div>
@ -300,6 +301,7 @@
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">

42
production/index3.html
View File

@ -268,30 +268,30 @@
<!-- page content -->
<div class="right_col" role="main">
<div class="row">
<div class="row" style="display: inline-block;">
<div class=" top_tiles" style="margin: 10px 0;">
<div class="col-md-3 col-sm-3 col-xs-6 tile">
<div class="col-md-3 col-sm-3 tile">
<span>Total Sessions</span>
<h2>231,809</h2>
<span class="sparkline_one" style="height: 160px;">
<canvas width="200" height="60" style="display: inline-block; vertical-align: top; width: 94px; height: 30px;"></canvas>
</span>
</div>
<div class="col-md-3 col-sm-3 col-xs-6 tile">
<div class="col-md-3 col-sm-3 tile">
<span>Total Revenue</span>
<h2>$ 231,809</h2>
<span class="sparkline_one" style="height: 160px;">
<canvas width="200" height="60" style="display: inline-block; vertical-align: top; width: 94px; height: 30px;"></canvas>
</span>
</div>
<div class="col-md-3 col-sm-3 col-xs-6 tile">
<div class="col-md-3 col-sm-3 tile">
<span>Total Sessions</span>
<h2>231,809</h2>
<span class="sparkline_two" style="height: 160px;">
<canvas width="200" height="60" style="display: inline-block; vertical-align: top; width: 94px; height: 30px;"></canvas>
<span class="sparkline_one" style="height: 160px;">
<canvas width="200" height="60" style="display: inline-block; vertical-align: top; width: 94px; height: 125px;"></canvas>
</span>
</div>
<div class="col-md-3 col-sm-3 col-xs-6 tile">
<div class="col-md-3 col-sm-3 tile">
<span>Total Sessions</span>
<h2>231,809</h2>
<span class="sparkline_one" style="height: 160px;">
@ -461,18 +461,18 @@
<p>Top 5</p>
</th>
<th>
<div class="col-lg-7 col-md-7 col-sm-7 col-xs-7">
<div class="col-lg-7 col-md-7 col-sm-7 ">
<p class="">Device</p>
</div>
<div class="col-lg-5 col-md-5 col-sm-5 col-xs-5">
<div class="col-lg-5 col-md-5 col-sm-5 ">
<p class="">Progress</p>
</div>
</th>
</tr>
<tr>
<td>
<canvas id="canvas1" height="140" width="140" style="margin: 15px 10px 10px 0"></canvas>
</td>
<td>
<canvas class="canvasDoughnut" height="140" width="140" style="margin: 15px 10px 10px 0"></canvas>
</td>
<td>
<table class="tile_info">
<tr>
@ -588,15 +588,15 @@
<div class="clearfix"></div>
</div>
<div class="col-xs-2">
<div class="">
<span>SSD</span>
</div>
<div class="col-xs-8">
<div class="">
<div class="progress progress_sm">
<div class="progress-bar bg-green" role="progressbar" data-transitiongoal="89"></div>
</div>
</div>
<div class="col-xs-2 more_info">
<div class=" more_info">
<span>89%</span>
</div>
</div>
@ -607,15 +607,15 @@
<div class="clearfix"></div>
</div>
<div class="col-xs-2">
<div class="">
<span>App</span>
</div>
<div class="col-xs-8">
<div class="">
<div class="progress progress_sm">
<div class="progress-bar bg-green" role="progressbar" data-transitiongoal="79"></div>
</div>
</div>
<div class="col-xs-2 more_info">
<div class=" more_info">
<span>79%</span>
</div>
</div>
@ -626,15 +626,15 @@
<div class="clearfix"></div>
</div>
<div class="col-xs-2">
<div class="">
<span>Usr</span>
</div>
<div class="col-xs-8">
<div class="">
<div class="progress progress_sm">
<div class="progress-bar bg-green" role="progressbar" data-transitiongoal="69"></div>
</div>
</div>
<div class="col-xs-2 more_info">
<div class=" more_info">
<span>69%</span>
</div>
</div>

8
production/invoice.html
View File

@ -270,7 +270,7 @@
</div>
<div class="title_right">
<div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
<div class="col-md-5 col-sm-5 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">
@ -308,7 +308,7 @@
<section class="content invoice">
<!-- title row -->
<div class="row">
<div class="col-xs-12 invoice-header">
<div class=" invoice-header">
<h1>
<i class="fa fa-globe"></i> Invoice.
<small class="pull-right">Date: 16/08/2016</small>
@ -356,7 +356,7 @@
<!-- Table row -->
<div class="row">
<div class="col-xs-12 table">
<div class=" table">
<table class="table table-striped">
<thead>
<tr>
@ -448,7 +448,7 @@
<!-- this row will not appear when printing -->
<div class="row no-print">
<div class="col-xs-12">
<div class=" ">
<button class="btn btn-default" onclick="window.print();"><i class="fa fa-print"></i> Print</button>
<button class="btn btn-success pull-right"><i class="fa fa-credit-card"></i> Submit Payment</button>
<button class="btn btn-primary pull-right" style="margin-right: 5px;"><i class="fa fa-download"></i> Generate PDF</button>

2
production/media_gallery.html
View File

@ -271,7 +271,7 @@
</div>
<div class="title_right">
<div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
<div class="col-md-5 col-sm-5 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">

14
production/morisjs.html
View File

@ -272,7 +272,7 @@
</div>
<div class="title_right">
<div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
<div class="col-md-5 col-sm-5 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">
@ -287,7 +287,7 @@
<div class="row">
<!-- bar chart -->
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="col-md-6 col-sm-6 ">
<div class="x_panel">
<div class="x_title">
<h2>Bar Charts <small>Sessions</small></h2>
@ -314,7 +314,7 @@
<!-- /bar charts -->
<!-- bar charts group -->
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="col-md-6 col-sm-6 ">
<div class="x_panel">
<div class="x_title">
<h2>Bar Chart Group <small>Sessions</small></h2>
@ -342,7 +342,7 @@
<!-- /bar charts group -->
<!-- bar charts group -->
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="col-md-6 col-sm-6 ">
<div class="x_panel">
<div class="x_title">
<h2>Bar Chart Group <small>Sessions</small></h2>
@ -369,7 +369,7 @@
<!-- /bar charts group -->
<!-- pie chart -->
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="col-md-6 col-sm-6 ">
<div class="x_panel">
<div class="x_title">
<h2>Pie Chart <small>Sessions</small></h2>
@ -396,7 +396,7 @@
<!-- /Pie chart -->
<!-- graph area -->
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="col-md-6 col-sm-6 ">
<div class="x_panel">
<div class="x_title">
<h2>Graph area <small>Sessions</small></h2>
@ -423,7 +423,7 @@
<!-- /graph area -->
<!-- line graph -->
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="col-md-6 col-sm-6 ">
<div class="x_panel">
<div class="x_title">
<h2>Line Graph <small>Sessions</small></h2>

2
production/other_charts.html
View File

@ -274,7 +274,7 @@
</div>
<div class="title_right">
<div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
<div class="col-md-5 col-sm-5 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">

2
production/page_403.html
View File

@ -34,7 +34,7 @@
<div class="mid_center">
<h3>Search</h3>
<form>
<div class="col-xs-12 form-group pull-right top_search">
<div class=" form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">

2
production/page_404.html
View File

@ -34,7 +34,7 @@
<div class="mid_center">
<h3>Search</h3>
<form>
<div class="col-xs-12 form-group pull-right top_search">
<div class=" form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">

2
production/page_500.html
View File

@ -34,7 +34,7 @@
<div class="mid_center">
<h3>Search</h3>
<form>
<div class="col-xs-12 form-group pull-right top_search">
<div class=" form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">

4
production/plain_page.html
View File

@ -272,7 +272,7 @@
</div>
<div class="title_right">
<div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
<div class="col-md-5 col-sm-5 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">
@ -286,7 +286,7 @@
<div class="clearfix"></div>
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="col-md-12 col-sm-12 ">
<div class="x_panel">
<div class="x_title">
<h2>Plain Page</h2>

12
production/pricing_tables.html
View File

@ -270,7 +270,7 @@
</div>
<div class="title_right">
<div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
<div class="col-md-5 col-sm-5 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">
@ -284,7 +284,7 @@
<div class="clearfix"></div>
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="col-md-12 col-sm-12 ">
<div class="x_panel" style="height:600px;">
<div class="x_title">
<h2>Pricing Tables Design</h2>
@ -310,7 +310,7 @@
<div class="col-md-12">
<!-- price element -->
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="col-md-3 col-sm-6 ">
<div class="pricing">
<div class="title">
<h2>Tally Box Design</h2>
@ -342,7 +342,7 @@
<!-- price element -->
<!-- price element -->
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="col-md-3 col-sm-6 ">
<div class="pricing ui-ribbon-container">
<div class="ui-ribbon-wrapper">
<div class="ui-ribbon">
@ -380,7 +380,7 @@
<!-- price element -->
<!-- price element -->
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="col-md-3 col-sm-6 ">
<div class="pricing">
<div class="title">
<h2>Tally Box Design</h2>
@ -413,7 +413,7 @@
<!-- price element -->
<!-- price element -->
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="col-md-3 col-sm-6 ">
<div class="pricing">
<div class="title">
<h2>Tally Box Design</h2>

6
production/project_detail.html
View File

@ -272,7 +272,7 @@
</div>
<div class="title_right">
<div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
<div class="col-md-5 col-sm-5 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">
@ -308,7 +308,7 @@
<div class="x_content">
<div class="col-md-9 col-sm-9 col-xs-12">
<div class="col-md-9 col-sm-9 ">
<ul class="stats-overview">
<li>
@ -392,7 +392,7 @@
</div>
<!-- start project-detail sidebar -->
<div class="col-md-3 col-sm-3 col-xs-12">
<div class="col-md-3 col-sm-3 ">
<section class="panel">

2
production/projects.html
View File

@ -272,7 +272,7 @@
</div>
<div class="title_right">
<div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
<div class="col-md-5 col-sm-5 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">

12
production/tables.html
View File

@ -272,7 +272,7 @@
</div>
<div class="title_right">
<div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
<div class="col-md-5 col-sm-5 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">
@ -286,7 +286,7 @@
<div class="clearfix"></div>
<div class="row" style="display: block;">
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="col-md-6 col-sm-6 ">
<div class="x_panel">
<div class="x_title">
<h2>Basic Tables <small>basic table subtitle</small></h2>
@ -343,7 +343,7 @@
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="col-md-6 col-sm-6 ">
<div class="x_panel">
<div class="x_title">
<h2>Stripped table <small>Stripped table subtitle</small></h2>
@ -401,7 +401,7 @@
<div class="clearfix"></div>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="col-md-6 col-sm-6 ">
<div class="x_panel">
<div class="x_title">
<h2>Hover rows <small>Try hovering over the rows</small></h2>
@ -457,7 +457,7 @@
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="col-md-6 col-sm-6 ">
<div class="x_panel">
<div class="x_title">
<h2>Bordered table <small>Bordered table subtitle</small></h2>
@ -515,7 +515,7 @@
<div class="clearfix"></div>
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="col-md-12 col-sm-12 ">
<div class="x_panel">
<div class="x_title">
<h2>Table design <small>Custom design</small></h2>

8
production/tables_dynamic.html
View File

@ -814,7 +814,7 @@
<p class="text-muted font-13 m-b-30">
DataTables has most features enabled by default, so all you need to do to use it with your own tables is to call the construction function: <code>$().DataTable();</code>
</p>
<table id="datatable-checkbox" class="table table-striped table-bordered bulk_action">
<table id="datatable-checkbox" class="table table-striped table-bordered bulk_action" style="width:100%">
<thead>
<tr>
<th>
@ -1487,7 +1487,7 @@
<p class="text-muted font-13 m-b-30">
The Buttons extension for DataTables provides a common set of options, API methods and styling to display buttons on a page that will interact with a DataTable. The core library provides the based framework upon which plug-ins can built.
</p>
<table id="datatable-buttons" class="table table-striped table-bordered">
<table id="datatable-buttons" class="table table-striped table-bordered" style="width:100%">
<thead>
<tr>
<th>Name</th>
@ -1986,7 +1986,7 @@
<p class="text-muted font-13 m-b-30">
This example shows FixedHeader being styling by the Bootstrap CSS framework.
</p>
<table id="datatable-fixed-header" class="table table-striped table-bordered">
<table id="datatable-fixed-header" class="table table-striped table-bordered" style="width:100%">
<thead>
<tr>
<th>Name</th>
@ -2489,7 +2489,7 @@
KeyTable provides Excel like cell navigation on any table. Events (focus, blur, action etc) can be assigned to individual cells, columns, rows or all cells.
</p>
<table id="datatable-keytable" class="table table-striped table-bordered">
<table id="datatable-keytable" class="table table-striped table-bordered" style="width:100%">
<thead>
<tr>
<th>Name</th>

2
production/typography.html
View File

@ -270,7 +270,7 @@
</div>
<div class="title_right">
<div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
<div class="col-md-5 col-sm-5 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">

26
production/widgets.html
View File

@ -272,7 +272,7 @@
</div>
<div class="title_right">
<div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
<div class="col-md-5 col-sm-5 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">
@ -290,7 +290,7 @@
<div class="">
<div class="x_content">
<div class="row">
<div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="animated flipInY col-lg-3 col-md-3 col-sm-6 ">
<div class="tile-stats">
<div class="icon"><i class="fa fa-caret-square-o-right"></i>
</div>
@ -300,7 +300,7 @@
<p>Lorem ipsum psdea itgum rixt.</p>
</div>
</div>
<div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="animated flipInY col-lg-3 col-md-3 col-sm-6 ">
<div class="tile-stats">
<div class="icon"><i class="fa fa-comments-o"></i>
</div>
@ -310,7 +310,7 @@
<p>Lorem ipsum psdea itgum rixt.</p>
</div>
</div>
<div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="animated flipInY col-lg-3 col-md-3 col-sm-6 ">
<div class="tile-stats">
<div class="icon"><i class="fa fa-sort-amount-desc"></i>
</div>
@ -320,7 +320,7 @@
<p>Lorem ipsum psdea itgum rixt.</p>
</div>
</div>
<div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="animated flipInY col-lg-3 col-md-3 col-sm-6 ">
<div class="tile-stats">
<div class="icon"><i class="fa fa-check-square-o"></i>
</div>
@ -368,7 +368,7 @@
<br />
<div class="row">
<div class="col-md-3 col-xs-12 widget widget_tally_box">
<div class="col-md-3 widget widget_tally_box">
<div class="x_panel fixed_height_390">
<div class="x_title">
<h2>Tally Design</h2>
@ -428,7 +428,7 @@
</div>
<div class="col-md-3 col-xs-12 widget widget_tally_box">
<div class="col-md-3 widget widget_tally_box">
<div class="x_panel fixed_height_390">
<div class="x_title">
<h2>Sales Close</h2>
@ -503,7 +503,7 @@
</div>
<div class="col-md-3 col-xs-12 widget widget_tally_box">
<div class="col-md-3 widget widget_tally_box">
<div class="x_panel ui-ribbon-container fixed_height_390">
<div class="ui-ribbon-wrapper">
<div class="ui-ribbon">
@ -534,7 +534,7 @@
</div>
<div class="col-md-3 col-xs-12 widget widget_tally_box">
<div class="col-md-3 widget widget_tally_box">
<div class="x_panel fixed_height_390">
<div class="x_content">
@ -581,7 +581,7 @@
</div>
</div>
<div class="col-md-3 col-xs-12 widget widget_tally_box">
<div class="col-md-3 widget widget_tally_box">
<div class="x_panel">
<div class="x_title">
<h2>Tally Design1</h2>
@ -651,7 +651,7 @@
<div class="col-md-3 col-xs-12 widget widget_tally_box">
<div class="col-md-3 widget widget_tally_box">
<div class="x_panel">
<div class="x_title">
<h2>Tally Design2</h2>
@ -720,7 +720,7 @@
</div>
<div class="col-md-3 col-xs-12 widget widget_tally_box">
<div class="col-md-3 widget widget_tally_box">
<div class="x_panel">
<div class="x_title">
<h2>Tally Design3</h2>
@ -788,7 +788,7 @@
</div>
</div>
<div class="col-md-3 col-xs-12 widget widget_tally_box">
<div class="col-md-3 widget widget_tally_box">
<div class="x_panel">
<div class="x_title">
<h2>Tally Design4</h2>

72
src/scss/custom.scss
View File

@ -471,7 +471,10 @@
right: -2px;
top: -8px;
}
@media (min-width: 480px) {
.nav_menu {
position: static;
}
@ -506,18 +509,10 @@ body .container.body .right_col {
height: 57px;
padding: 0px;
}
@media (max-width: 991px) {
.info-number .badge {
font-size: 10px;
font-weight: normal;
line-height: 13px;
padding: 2px 6px;
position: absolute;
right: 135px;
top: 6px;
}
.nav-md .container.body .right_col, .nav-md .container.body .top_nav {
width: 100%;
margin: 0;
@ -717,6 +712,7 @@ table.no-margin .progress {
.col-md-55 {
width: 20%;
}
}
@media (min-width: 992px) {
.col-md-55 {
@ -738,7 +734,7 @@ table.no-margin .progress {
margin: 0 auto;
float: none!important;
}
.col-md-55, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
.col-md-55, .col-xs-12, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
float: left;
@ -1462,11 +1458,11 @@ table.jambo_table tbody tr.selected td {
background: #ff0000;
}
.dataTables_wrapper {
position: relative;
clear: both;
zoom: 1;
}
// .dataTables_wrapper {
// position: relative;
// clear: both;
// zoom: 1;
// }
.dataTables_processing {
position: absolute;
@ -1484,17 +1480,17 @@ table.jambo_table tbody tr.selected td {
background-color: white;
}
.dataTables_length {
width: auto;
float: left;
margin-right: 20px;
}
// .dataTables_length {
// width: auto;
// float: left;
// margin-right: 20px;
// }
.dataTables_filter {
width: 59%;
float: right;
text-align: right;
}
// .dataTables_filter {
// width: 59%;
// float: right;
// text-align: right;
// }
.dataTables_info {
width: 60%;
@ -4702,8 +4698,28 @@ ul.notifications {
padding: 9px 0;
border-top: 1px solid #E6E9ED;
}
.form-inline{
display: block;
@media (min-width: 360px) and (max-width: 812px){
.info-number .badge {
font-size: 10px;
font-weight: normal;
line-height: 13px;
padding: 2px 6px;
position: absolute;
right: 135px;
top: 7px;
}
}
@media (min-width: 768px) and (max-width: 1024px){
.info-number .badge {
font-size: 10px;
font-weight: normal;
line-height: 13px;
padding: 2px 6px;
position: absolute;
right: -2px;
top: -6px;
}
}
/** /PNotify **/

2
vendors/datatables.net-bs/js/dataTables.bootstrap.js vendored
View File

@ -55,7 +55,7 @@ $.extend( true, DataTable.defaults, {
/* Default class modification */
$.extend( DataTable.ext.classes, {
sWrapper: "dataTables_wrapper form-inline dt-bootstrap",
sWrapper: "dataTables_wrapper container-fluid dt-bootstrap",
sFilterInput: "form-control input-sm",
sLengthSelect: "form-control input-sm",
sProcessing: "dataTables_processing panel panel-default"

2
vendors/datatables.net-bs/js/dataTables.bootstrap.min.js vendored
View File

@ -3,6 +3,6 @@
©2011-2015 SpryMedia Ltd - datatables.net/license
*/
(function(b){"function"===typeof define&&define.amd?define(["jquery","datatables.net"],function(a){return b(a,window,document)}):"object"===typeof exports?module.exports=function(a,d){a||(a=window);if(!d||!d.fn.dataTable)d=require("datatables.net")(a,d).$;return b(d,a,a.document)}:b(jQuery,window,document)})(function(b,a,d){var f=b.fn.dataTable;b.extend(!0,f.defaults,{dom:"<'row'<'col-sm-6'l><'col-sm-6'f>><'row'<'col-sm-12'tr>><'row'<'col-sm-5'i><'col-sm-7'p>>",renderer:"bootstrap"});b.extend(f.ext.classes,
{sWrapper:"dataTables_wrapper form-inline dt-bootstrap",sFilterInput:"form-control input-sm",sLengthSelect:"form-control input-sm",sProcessing:"dataTables_processing panel panel-default"});f.ext.renderer.pageButton.bootstrap=function(a,h,r,m,j,n){var o=new f.Api(a),s=a.oClasses,k=a.oLanguage.oPaginate,t=a.oLanguage.oAria.paginate||{},e,g,p=0,q=function(d,f){var l,h,i,c,m=function(a){a.preventDefault();!b(a.currentTarget).hasClass("disabled")&&o.page()!=a.data.action&&o.page(a.data.action).draw("page")};
{sWrapper:"dataTables_wrapper container-fluid dt-bootstrap",sFilterInput:"form-control input-sm",sLengthSelect:"form-control input-sm",sProcessing:"dataTables_processing panel panel-default"});f.ext.renderer.pageButton.bootstrap=function(a,h,r,m,j,n){var o=new f.Api(a),s=a.oClasses,k=a.oLanguage.oPaginate,t=a.oLanguage.oAria.paginate||{},e,g,p=0,q=function(d,f){var l,h,i,c,m=function(a){a.preventDefault();!b(a.currentTarget).hasClass("disabled")&&o.page()!=a.data.action&&o.page(a.data.action).draw("page")};
l=0;for(h=f.length;l<h;l++)if(c=f[l],b.isArray(c))q(d,c);else{g=e="";switch(c){case "ellipsis":e="&#x2026;";g="disabled";break;case "first":e=k.sFirst;g=c+(0<j?"":" disabled");break;case "previous":e=k.sPrevious;g=c+(0<j?"":" disabled");break;case "next":e=k.sNext;g=c+(j<n-1?"":" disabled");break;case "last":e=k.sLast;g=c+(j<n-1?"":" disabled");break;default:e=c+1,g=j===c?"active":""}e&&(i=b("<li>",{"class":s.sPageButton+" "+g,id:0===r&&"string"===typeof c?a.sTableId+"_"+c:null}).append(b("<a>",{href:"#",
"aria-controls":a.sTableId,"aria-label":t[c],"data-dt-idx":p,tabindex:a.iTabIndex}).html(e)).appendTo(d),a.oApi._fnBindAction(i,{action:c},m),p++)}},i;try{i=b(h).find(d.activeElement).data("dt-idx")}catch(u){}q(b(h).empty().html('<ul class="pagination"/>').children("ul"),m);i&&b(h).find("[data-dt-idx="+i+"]").focus()};return f});