github
/
AdminLTE
mirror of https://github.com/ColorlibHQ/AdminLTE
1
0
Fork 0
Code Issues Releases Wiki Activity

Formatting Documentation Build files

pull/620/head
Dennis Neufeld 2015-08-04 18:19:39 +02:00
parent 30e6e1f034
commit a981cb8e54
15 changed files with 248 additions and 248 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
documentation/build/include/adminlte-options.html
View File

@ -1,5 +1,5 @@
<section id='adminlte-options'> <section id="adminlte-options">
<h2 class='page-header'><a href="#adminlte-options">AdminLTE Javascript Options</a></h2> <h2 class="page-header"><a href="#adminlte-options">AdminLTE Javascript Options</a></h2>
<p class="lead">Modifying the options of AdminLTE's app.js can be done using one of the following ways.</p> <p class="lead">Modifying the options of AdminLTE's app.js can be done using one of the following ways.</p>
<h3>Editing app.js</h3> <h3>Editing app.js</h3>
@ -8,7 +8,7 @@
<h3>Defining AdminLTEOptions</h3> <h3>Defining AdminLTEOptions</h3>
<p>Alternatively, you can define a global options variable named <code>AdminLTEOptions</code> and initialize it before loading app.js.</p> <p>Alternatively, you can define a global options variable named <code>AdminLTEOptions</code> and initialize it before loading app.js.</p>
<p>Example</p> <p>Example</p>
<pre class='prettyprint'><code class='html'>&LT;script> <pre class="prettyprint"><code class="html">&LT;script>
var AdminLTEOptions = { var AdminLTEOptions = {
//Enable sidebar expand on hover effect for sidebar mini //Enable sidebar expand on hover effect for sidebar mini
//This option is forced to true if both the fixed layout and sidebar mini //This option is forced to true if both the fixed layout and sidebar mini
@ -20,17 +20,17 @@
enableBSToppltip: true enableBSToppltip: true
}; };
&LT;/script> &LT;/script>
&LT;script src='dist/js/app.js' type='text/javascript'>&LT;/script></code></pre> &LT;script src="dist/js/app.js" type="text/javascript">&LT;/script></code></pre>
<h3>Available AdminLTE Options</h3> <h3>Available AdminLTE Options</h3>
<pre class='prettyprint'><code class='javascript'>{ <pre class="prettyprint"><code class="javascript">{
//Add slimscroll to navbar menus //Add slimscroll to navbar menus
//This requires you to load the slimscroll plugin //This requires you to load the slimscroll plugin
//in every page before app.js //in every page before app.js
navbarMenuSlimscroll: true, navbarMenuSlimscroll: true,
navbarMenuSlimscrollWidth: "3px", //The width of the scroll bar navbarMenuSlimscrollWidth: "3px", //The width of the scroll bar
navbarMenuHeight: "200px", //The height of the inner menu navbarMenuHeight: "200px", //The height of the inner menu
//General animation speed for JS animated elements such as box collapse/expand and //General animation speed for JS animated elements such as box collapse/expand and
//sidebar treeview slide up/down. This options accepts an integer as milliseconds, //sidebar treeview slide up/down. This options accepts an integer as milliseconds,
//'fast', 'normal', or 'slow' //'fast', 'normal', or 'slow'
animationSpeed: 500, animationSpeed: 500,
@ -120,4 +120,4 @@
lg: 1200 lg: 1200
} }
}</code></pre> }</code></pre>
</section> </section>

8
documentation/build/include/advice.html
View File

@ -1,6 +1,6 @@
<section id='advice'> <section id="advice">
<h2 class='page-header'><a href="#advice">A Word of Advice</a></h2> <h2 class="page-header"><a href="#advice">A Word of Advice</a></h2>
<p class='lead'> <p class="lead">
Before you go to see your new awesome theme, here are few tips on how to familiarize yourself with it: Before you go to see your new awesome theme, here are few tips on how to familiarize yourself with it:
</p> </p>
@ -14,4 +14,4 @@
<p> <p>
<b>Note:</b> LESS files are better commented than the compiled CSS file. <b>Note:</b> LESS files are better commented than the compiled CSS file.
</p> </p>
</section> </section>

8
documentation/build/include/browsers.html
View File

@ -1,12 +1,12 @@
<section id='browsers'> <section id="browsers">
<h2 class='page-header'><a href="#browsers">Browser Support</a></h2> <h2 class="page-header"><a href="#browsers">Browser Support</a></h2>
<p class="lead">AdminLTE supports the following browsers:</p> <p class="lead">AdminLTE supports the following browsers:</p>
<ul> <ul>
<li>IE9+</li> <li>IE9+</li>
<li>FireFox (latest)</li> <li>Firefox (latest)</li>
<li>Safari (latest)</li> <li>Safari (latest)</li>
<li>Chrome (latest)</li> <li>Chrome (latest)</li>
<li>Opera (latest)</li> <li>Opera (latest)</li>
</ul> </ul>
<p><b>Note:</b> IE9 does not support transitions or animations. The template will function properly but it won't use animations/transitions on IE9.</p> <p><b>Note:</b> IE9 does not support transitions or animations. The template will function properly but it won't use animations/transitions on IE9.</p>
</section> </section>

254
documentation/build/include/components.html
View File

@ -1,6 +1,6 @@
<section id='components' data-spy="scroll" data-target="#scrollspy-components"> <section id="components" data-spy="scroll" data-target="#scrollspy-components">
<h2 class='page-header'><a href="#components">Components</a></h2> <h2 class="page-header"><a href="#components">Components</a></h2>
<div class='callout callout-info lead'> <div class="callout callout-info lead">
<h4>Reminder!</h4> <h4>Reminder!</h4>
<p> <p>
AdminLTE uses all of Bootstrap 3 components. It's a good start to review AdminLTE uses all of Bootstrap 3 components. It's a good start to review
@ -8,7 +8,7 @@
that this documentation <b>does not</b> cover. that this documentation <b>does not</b> cover.
</p> </p>
</div> </div>
<div class='callout callout-danger lead'> <div class="callout callout-danger lead">
<h4>Tip!</h4> <h4>Tip!</h4>
<p> <p>
If you go through the example pages and would like to copy a component, right-click on If you go through the example pages and would like to copy a component, right-click on
@ -16,8 +16,8 @@
the HTML page. the HTML page.
</p> </p>
</div> </div>
<h3 id='component-main-header'>Main Header</h3> <h3 id="component-main-header">Main Header</h3>
<p class='lead'>The main header contains the logo and navbar. Construction of the <p class="lead">The main header contains the logo and navbar. Construction of the
navbar differs slightly from Bootstrap because it has components that Bootstrap doesn't provide. navbar differs slightly from Bootstrap because it has components that Bootstrap doesn't provide.
The navbar can be constructed in two way. This an example for the normal navbar and next we will provide an example for The navbar can be constructed in two way. This an example for the normal navbar and next we will provide an example for
the top nav layout.</p> the top nav layout.</p>
@ -26,7 +26,7 @@
<span class="eg">Main Header Example</span> <span class="eg">Main Header Example</span>
<header class="main-header" style="position: relative;"> <header class="main-header" style="position: relative;">
<!-- Logo --> <!-- Logo -->
<a href="index2.html" class="logo" style='position: relative;'><b>Admin</b>LTE</a> <a href="index2.html" class="logo" style="position: relative;"><b>Admin</b>LTE</a>
<!-- Header Navbar: style can be found in header.less --> <!-- Header Navbar: style can be found in header.less -->
<nav class="navbar" role="navigation" style="border: 0;max-height: 50px;"> <nav class="navbar" role="navigation" style="border: 0;max-height: 50px;">
<!-- Sidebar toggle button--> <!-- Sidebar toggle button-->
@ -50,7 +50,7 @@
<li><!-- start message --> <li><!-- start message -->
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image"/> <img src="../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" />
</div> </div>
<h4> <h4>
Support Team Support Team
@ -119,7 +119,7 @@
<!-- User Account: style can be found in dropdown.less --> <!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu"> <li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="../dist/img/user2-160x160.jpg" class="user-image" alt="User Image"/> <img src="../dist/img/user2-160x160.jpg" class="user-image" alt="User Image" />
<span class="hidden-xs">Alexander Pierce</span> <span class="hidden-xs">Alexander Pierce</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
@ -160,7 +160,7 @@
</header> </header>
</div> </div>
</div> </div>
<pre class='prettyprint'>&LT;header class="main-header"> <pre class="prettyprint">&LT;header class="main-header">
&LT;a href="../../index2.html" class="logo"> &LT;a href="../../index2.html" class="logo">
&LT;!-- LOGO --> &LT;!-- LOGO -->
AdminLTE AdminLTE
@ -184,7 +184,7 @@
&LT;li>&LT;!-- start message --> &LT;li>&LT;!-- start message -->
&LT;a href="#"> &LT;a href="#">
&LT;div class="pull-left"> &LT;div class="pull-left">
&LT;img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image"/> &LT;img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" />
&LT;/div> &LT;/div>
&LT;h4> &LT;h4>
Sender Name Sender Name
@ -256,7 +256,7 @@
&LT;!-- User Account: style can be found in dropdown.less --> &LT;!-- User Account: style can be found in dropdown.less -->
&LT;li class="dropdown user user-menu"> &LT;li class="dropdown user user-menu">
&LT;a href="#" class="dropdown-toggle" data-toggle="dropdown"> &LT;a href="#" class="dropdown-toggle" data-toggle="dropdown">
&LT;img src="dist/img/user2-160x160.jpg" class="user-image" alt="User Image"/> &LT;img src="dist/img/user2-160x160.jpg" class="user-image" alt="User Image" />
&LT;span class="hidden-xs">Alexander Pierce&LT;/span> &LT;span class="hidden-xs">Alexander Pierce&LT;/span>
&LT;/a> &LT;/a>
&LT;ul class="dropdown-menu"> &LT;ul class="dropdown-menu">
@ -355,7 +355,7 @@
</header> </header>
</div> </div>
</div> </div>
<pre class='prettyprint'> <pre class="prettyprint">
&LT;header class="main-header"> &LT;header class="main-header">
&LT;nav class="navbar navbar-static-top"> &LT;nav class="navbar navbar-static-top">
&LT;div class="container-fluid"> &LT;div class="container-fluid">
@ -409,7 +409,7 @@
<!-- ===================================================================== --> <!-- ===================================================================== -->
<h3 id='component-sidebar'>Sidebar</h3> <h3 id="component-sidebar">Sidebar</h3>
<p class="lead"> <p class="lead">
The sidebar used in this page to the left provides an example of what your sidebar should like. The sidebar used in this page to the left provides an example of what your sidebar should like.
Construction of a sidebar: Construction of a sidebar:
@ -433,9 +433,9 @@
&LT;!-- Search Form (Optional) --> &LT;!-- Search Form (Optional) -->
&LT;form action="#" method="get" class="sidebar-form"> &LT;form action="#" method="get" class="sidebar-form">
&LT;div class="input-group"> &LT;div class="input-group">
&LT;input type="text" name="q" class="form-control" placeholder="Search..."/> &LT;input type="text" name="q" class="form-control" placeholder="Search..." />
&LT;span class="input-group-btn"> &LT;span class="input-group-btn">
&LT;button type='submit' name='search' id='search-btn' class="btn btn-flat">&LT;i class="fa fa-search">&LT;/i>&LT;/button> &LT;button type="submit" name="search" id="search-btn" class="btn btn-flat">&LT;i class="fa fa-search">&LT;/i>&LT;/button>
&LT;/span> &LT;/span>
&LT;/div> &LT;/div>
&LT;/form>&LT;!-- /.sidebar-form --> &LT;/form>&LT;!-- /.sidebar-form -->
@ -483,7 +483,7 @@
&LT;!-- This div must placed right after the sidebar for it to work--> &LT;!-- This div must placed right after the sidebar for it to work-->
&LT;div class="control-sidebar-bg">&LT;/div></code></pre> &LT;div class="control-sidebar-bg">&LT;/div></code></pre>
<p class='lead'>Once you create the sidebar, you will need a toggle button to open/close it. <p class="lead">Once you create the sidebar, you will need a toggle button to open/close it.
By adding the attribute <code>data-toggle="control-sidebar"</code> to any button, it will By adding the attribute <code>data-toggle="control-sidebar"</code> to any button, it will
automatically act as the toggle button.</p> automatically act as the toggle button.</p>
@ -629,7 +629,7 @@
first style apply any bg-* class to the icon itself. For the other style, apply the bg-* class to the info-box div.</p> first style apply any bg-* class to the icon itself. For the other style, apply the bg-* class to the info-box div.</p>
<!-- ===================================================================== --> <!-- ===================================================================== -->
<h3 id='component-box'>Box</h3> <h3 id="component-box">Box</h3>
<p class="lead">The box component is the most widely used component through out this template. You can <p class="lead">The box component is the most widely used component through out this template. You can
use it for anything from displaying charts to just blocks of text. It comes in many different use it for anything from displaying charts to just blocks of text. It comes in many different
styles that we will explore below.</p> styles that we will explore below.</p>
@ -932,7 +932,7 @@
<h3 class="box-title">Input</h3> <h3 class="box-title">Input</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<div class="has-feedback"> <div class="has-feedback">
<input type="text" class="form-control input-sm" placeholder="Search..."/> <input type="text" class="form-control input-sm" placeholder="Search..." />
<span class="glyphicon glyphicon-search form-control-feedback text-muted"></span> <span class="glyphicon glyphicon-search form-control-feedback text-muted"></span>
</div> </div>
</div><!-- /.box-tools --> </div><!-- /.box-tools -->
@ -947,7 +947,7 @@
&LT;h3 class="box-title">Input&LT;/h3> &LT;h3 class="box-title">Input&LT;/h3>
&LT;div class="box-tools pull-right"> &LT;div class="box-tools pull-right">
&LT;div class="has-feedback"> &LT;div class="has-feedback">
&LT;input type="text" class="form-control input-sm" placeholder="Search..."/> &LT;input type="text" class="form-control input-sm" placeholder="Search..." />
&LT;span class="glyphicon glyphicon-search form-control-feedback">&LT;/span> &LT;span class="glyphicon glyphicon-search form-control-feedback">&LT;/span>
&LT;/div> &LT;/div>
&LT;/div>&LT;!-- /.box-tools --> &LT;/div>&LT;!-- /.box-tools -->
@ -989,7 +989,7 @@
If you inserted a box into the document after <code>app.js</code> was loaded, you have to activate If you inserted a box into the document after <code>app.js</code> was loaded, you have to activate
the collapse/remove buttons explicitly by calling <code>.activateBox()</code>: the collapse/remove buttons explicitly by calling <code>.activateBox()</code>:
</p> </p>
<pre class='prettyprint'><code class='html'>&LT;script> <pre class="prettyprint"><code class="html">&LT;script>
$("#box-widget").activateBox(); $("#box-widget").activateBox();
&LT;/script></code></pre> &LT;/script></code></pre>
@ -1045,7 +1045,7 @@
<div class="box-header with-border"> <div class="box-header with-border">
<h3 class="box-title">Direct Chat</h3> <h3 class="box-title">Direct Chat</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<span data-toggle="tooltip" title="3 New Messages" class='badge bg-light-blue'>3</span> <span data-toggle="tooltip" title="3 New Messages" class="badge bg-light-blue">3</span>
<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button> <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button> <button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button>
<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button> <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
@ -1056,9 +1056,9 @@
<div class="direct-chat-messages"> <div class="direct-chat-messages">
<!-- Message. Default to the left --> <!-- Message. Default to the left -->
<div class="direct-chat-msg"> <div class="direct-chat-msg">
<div class='direct-chat-info clearfix'> <div class="direct-chat-info clearfix">
<span class='direct-chat-name pull-left'>Alexander Pierce</span> <span class="direct-chat-name pull-left">Alexander Pierce</span>
<span class='direct-chat-timestamp pull-right'>23 Jan 2:00 pm</span> <span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
@ -1068,9 +1068,9 @@
<!-- Message to the right --> <!-- Message to the right -->
<div class="direct-chat-msg right"> <div class="direct-chat-msg right">
<div class='direct-chat-info clearfix'> <div class="direct-chat-info clearfix">
<span class='direct-chat-name pull-right'>Sarah Bullock</span> <span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class='direct-chat-timestamp pull-left'>23 Jan 2:05 pm</span> <span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
@ -1081,16 +1081,16 @@
<!-- Contacts are loaded here --> <!-- Contacts are loaded here -->
<div class="direct-chat-contacts"> <div class="direct-chat-contacts">
<ul class='contacts-list'> <ul class="contacts-list">
<li> <li>
<a href='#'> <a href="#">
<img class='contacts-list-img' src='../dist/img/user1-128x128.jpg' alt="Contact Avatar"/> <img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" alt="Contact Avatar" />
<div class='contacts-list-info'> <div class="contacts-list-info">
<span class='contacts-list-name'> <span class="contacts-list-name">
Count Dracula Count Dracula
<small class='contacts-list-date pull-right'>2/28/2015</small> <small class="contacts-list-date pull-right">2/28/2015</small>
</span> </span>
<span class='contacts-list-msg'>How have you been? I was...</span> <span class="contacts-list-msg">How have you been? I was...</span>
</div><!-- /.contacts-list-info --> </div><!-- /.contacts-list-info -->
</a> </a>
</li><!-- End Contact Item --> </li><!-- End Contact Item -->
@ -1100,7 +1100,7 @@
<div class="box-footer"> <div class="box-footer">
<form action="#" method="post"> <form action="#" method="post">
<div class="input-group"> <div class="input-group">
<input type="text" name="message" placeholder="Type Message ..." class="form-control"/> <input type="text" name="message" placeholder="Type Message ..." class="form-control" />
<span class="input-group-btn"> <span class="input-group-btn">
<button type="button" class="btn btn-primary btn-flat">Send</button> <button type="button" class="btn btn-primary btn-flat">Send</button>
</span> </span>
@ -1116,7 +1116,7 @@
<div class="box-header with-border"> <div class="box-header with-border">
<h3 class="box-title">Direct Chat</h3> <h3 class="box-title">Direct Chat</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<span data-toggle="tooltip" title="3 New Messages" class='badge bg-green'>3</span> <span data-toggle="tooltip" title="3 New Messages" class="badge bg-green">3</span>
<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button> <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button> <button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button>
<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button> <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
@ -1127,9 +1127,9 @@
<div class="direct-chat-messages"> <div class="direct-chat-messages">
<!-- Message. Default to the left --> <!-- Message. Default to the left -->
<div class="direct-chat-msg"> <div class="direct-chat-msg">
<div class='direct-chat-info clearfix'> <div class="direct-chat-info clearfix">
<span class='direct-chat-name pull-left'>Alexander Pierce</span> <span class="direct-chat-name pull-left">Alexander Pierce</span>
<span class='direct-chat-timestamp pull-right'>23 Jan 2:00 pm</span> <span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
@ -1139,9 +1139,9 @@
<!-- Message to the right --> <!-- Message to the right -->
<div class="direct-chat-msg right"> <div class="direct-chat-msg right">
<div class='direct-chat-info clearfix'> <div class="direct-chat-info clearfix">
<span class='direct-chat-name pull-right'>Sarah Bullock</span> <span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class='direct-chat-timestamp pull-left'>23 Jan 2:05 pm</span> <span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
@ -1152,16 +1152,16 @@
<!-- Contacts are loaded here --> <!-- Contacts are loaded here -->
<div class="direct-chat-contacts"> <div class="direct-chat-contacts">
<ul class='contacts-list'> <ul class="contacts-list">
<li> <li>
<a href='#'> <a href="#">
<img class='contacts-list-img' src='../dist/img/user1-128x128.jpg' alt="Contact Avatar"/> <img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" alt="Contact Avatar" />
<div class='contacts-list-info'> <div class="contacts-list-info">
<span class='contacts-list-name'> <span class="contacts-list-name">
Count Dracula Count Dracula
<small class='contacts-list-date pull-right'>2/28/2015</small> <small class="contacts-list-date pull-right">2/28/2015</small>
</span> </span>
<span class='contacts-list-msg'>How have you been? I was...</span> <span class="contacts-list-msg">How have you been? I was...</span>
</div><!-- /.contacts-list-info --> </div><!-- /.contacts-list-info -->
</a> </a>
</li><!-- End Contact Item --> </li><!-- End Contact Item -->
@ -1171,7 +1171,7 @@
<div class="box-footer"> <div class="box-footer">
<form action="#" method="post"> <form action="#" method="post">
<div class="input-group"> <div class="input-group">
<input type="text" name="message" placeholder="Type Message ..." class="form-control"/> <input type="text" name="message" placeholder="Type Message ..." class="form-control" />
<span class="input-group-btn"> <span class="input-group-btn">
<button type="button" class="btn btn-success btn-flat">Send</button> <button type="button" class="btn btn-success btn-flat">Send</button>
</span> </span>
@ -1187,7 +1187,7 @@
<div class="box-header with-border"> <div class="box-header with-border">
<h3 class="box-title">Direct Chat</h3> <h3 class="box-title">Direct Chat</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<span data-toggle="tooltip" title="3 New Messages" class='badge bg-yellow'>3</span> <span data-toggle="tooltip" title="3 New Messages" class="badge bg-yellow">3</span>
<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button> <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button> <button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button>
<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button> <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
@ -1198,9 +1198,9 @@
<div class="direct-chat-messages"> <div class="direct-chat-messages">
<!-- Message. Default to the left --> <!-- Message. Default to the left -->
<div class="direct-chat-msg"> <div class="direct-chat-msg">
<div class='direct-chat-info clearfix'> <div class="direct-chat-info clearfix">
<span class='direct-chat-name pull-left'>Alexander Pierce</span> <span class="direct-chat-name pull-left">Alexander Pierce</span>
<span class='direct-chat-timestamp pull-right'>23 Jan 2:00 pm</span> <span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
@ -1210,9 +1210,9 @@
<!-- Message to the right --> <!-- Message to the right -->
<div class="direct-chat-msg right"> <div class="direct-chat-msg right">
<div class='direct-chat-info clearfix'> <div class="direct-chat-info clearfix">
<span class='direct-chat-name pull-right'>Sarah Bullock</span> <span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class='direct-chat-timestamp pull-left'>23 Jan 2:05 pm</span> <span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
@ -1223,16 +1223,16 @@
<!-- Contacts are loaded here --> <!-- Contacts are loaded here -->
<div class="direct-chat-contacts"> <div class="direct-chat-contacts">
<ul class='contacts-list'> <ul class="contacts-list">
<li> <li>
<a href='#'> <a href="#">
<img class='contacts-list-img' src='../dist/img/user1-128x128.jpg' alt="Contact Avatar"/> <img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" alt="Contact Avatar" />
<div class='contacts-list-info'> <div class="contacts-list-info">
<span class='contacts-list-name'> <span class="contacts-list-name">
Count Dracula Count Dracula
<small class='contacts-list-date pull-right'>2/28/2015</small> <small class="contacts-list-date pull-right">2/28/2015</small>
</span> </span>
<span class='contacts-list-msg'>How have you been? I was...</span> <span class="contacts-list-msg">How have you been? I was...</span>
</div><!-- /.contacts-list-info --> </div><!-- /.contacts-list-info -->
</a> </a>
</li><!-- End Contact Item --> </li><!-- End Contact Item -->
@ -1242,7 +1242,7 @@
<div class="box-footer"> <div class="box-footer">
<form action="#" method="post"> <form action="#" method="post">
<div class="input-group"> <div class="input-group">
<input type="text" name="message" placeholder="Type Message ..." class="form-control"/> <input type="text" name="message" placeholder="Type Message ..." class="form-control" />
<span class="input-group-btn"> <span class="input-group-btn">
<button type="button" class="btn btn-warning btn-flat">Send</button> <button type="button" class="btn btn-warning btn-flat">Send</button>
</span> </span>
@ -1258,7 +1258,7 @@
<div class="box-header with-border"> <div class="box-header with-border">
<h3 class="box-title">Direct Chat</h3> <h3 class="box-title">Direct Chat</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<span data-toggle="tooltip" title="3 New Messages" class='badge bg-red'>3</span> <span data-toggle="tooltip" title="3 New Messages" class="badge bg-red">3</span>
<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button> <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button> <button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button>
<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button> <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
@ -1269,9 +1269,9 @@
<div class="direct-chat-messages"> <div class="direct-chat-messages">
<!-- Message. Default to the left --> <!-- Message. Default to the left -->
<div class="direct-chat-msg"> <div class="direct-chat-msg">
<div class='direct-chat-info clearfix'> <div class="direct-chat-info clearfix">
<span class='direct-chat-name pull-left'>Alexander Pierce</span> <span class="direct-chat-name pull-left">Alexander Pierce</span>
<span class='direct-chat-timestamp pull-right'>23 Jan 2:00 pm</span> <span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
@ -1281,9 +1281,9 @@
<!-- Message to the right --> <!-- Message to the right -->
<div class="direct-chat-msg right"> <div class="direct-chat-msg right">
<div class='direct-chat-info clearfix'> <div class="direct-chat-info clearfix">
<span class='direct-chat-name pull-right'>Sarah Bullock</span> <span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class='direct-chat-timestamp pull-left'>23 Jan 2:05 pm</span> <span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
@ -1294,16 +1294,16 @@
<!-- Contacts are loaded here --> <!-- Contacts are loaded here -->
<div class="direct-chat-contacts"> <div class="direct-chat-contacts">
<ul class='contacts-list'> <ul class="contacts-list">
<li> <li>
<a href='#'> <a href="#">
<img class='contacts-list-img' src='../dist/img/user1-128x128.jpg' alt="Contact Avatar"/> <img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" alt="Contact Avatar" />
<div class='contacts-list-info'> <div class="contacts-list-info">
<span class='contacts-list-name'> <span class="contacts-list-name">
Count Dracula Count Dracula
<small class='contacts-list-date pull-right'>2/28/2015</small> <small class="contacts-list-date pull-right">2/28/2015</small>
</span> </span>
<span class='contacts-list-msg'>How have you been? I was...</span> <span class="contacts-list-msg">How have you been? I was...</span>
</div><!-- /.contacts-list-info --> </div><!-- /.contacts-list-info -->
</a> </a>
</li><!-- End Contact Item --> </li><!-- End Contact Item -->
@ -1313,7 +1313,7 @@
<div class="box-footer"> <div class="box-footer">
<form action="#" method="post"> <form action="#" method="post">
<div class="input-group"> <div class="input-group">
<input type="text" name="message" placeholder="Type Message ..." class="form-control"/> <input type="text" name="message" placeholder="Type Message ..." class="form-control" />
<span class="input-group-btn"> <span class="input-group-btn">
<button type="button" class="btn btn-danger btn-flat">Send</button> <button type="button" class="btn btn-danger btn-flat">Send</button>
</span> </span>
@ -1332,7 +1332,7 @@
&LT;div class="box-header with-border"> &LT;div class="box-header with-border">
&LT;h3 class="box-title">Direct Chat&LT;/h3> &LT;h3 class="box-title">Direct Chat&LT;/h3>
&LT;div class="box-tools pull-right"> &LT;div class="box-tools pull-right">
&LT;span data-toggle="tooltip" title="3 New Messages" class='badge bg-red'>3&LT;/span> &LT;span data-toggle="tooltip" title="3 New Messages" class="badge bg-red">3&LT;/span>
&LT;button class="btn btn-box-tool" data-widget="collapse">&LT;i class="fa fa-minus">&LT;/i>&LT;/button> &LT;button class="btn btn-box-tool" data-widget="collapse">&LT;i class="fa fa-minus">&LT;/i>&LT;/button>
&LT;-- In box-tools add this button if you intend to use the contacts pane --> &LT;-- In box-tools add this button if you intend to use the contacts pane -->
&LT;button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle">&LT;i class="fa fa-comments">&LT;/i>&LT;/button> &LT;button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle">&LT;i class="fa fa-comments">&LT;/i>&LT;/button>
@ -1344,9 +1344,9 @@
&LT;div class="direct-chat-messages"> &LT;div class="direct-chat-messages">
&LT;!-- Message. Default to the left --> &LT;!-- Message. Default to the left -->
&LT;div class="direct-chat-msg"> &LT;div class="direct-chat-msg">
&LT;div class='direct-chat-info clearfix'> &LT;div class="direct-chat-info clearfix">
&LT;span class='direct-chat-name pull-left'>Alexander Pierce&LT;/span> &LT;span class="direct-chat-name pull-left">Alexander Pierce&LT;/span>
&LT;span class='direct-chat-timestamp pull-right'>23 Jan 2:00 pm&LT;/span> &LT;span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm&LT;/span>
&LT;/div>&LT;!-- /.direct-chat-info --> &LT;/div>&LT;!-- /.direct-chat-info -->
&LT;img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" />&LT;!-- /.direct-chat-img --> &LT;img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" />&LT;!-- /.direct-chat-img -->
&LT;div class="direct-chat-text"> &LT;div class="direct-chat-text">
@ -1356,9 +1356,9 @@
&LT;!-- Message to the right --> &LT;!-- Message to the right -->
&LT;div class="direct-chat-msg right"> &LT;div class="direct-chat-msg right">
&LT;div class='direct-chat-info clearfix'> &LT;div class="direct-chat-info clearfix">
&LT;span class='direct-chat-name pull-right'>Sarah Bullock&LT;/span> &LT;span class="direct-chat-name pull-right">Sarah Bullock&LT;/span>
&LT;span class='direct-chat-timestamp pull-left'>23 Jan 2:05 pm&LT;/span> &LT;span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm&LT;/span>
&LT;/div>&LT;!-- /.direct-chat-info --> &LT;/div>&LT;!-- /.direct-chat-info -->
&LT;img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" />&LT;!-- /.direct-chat-img --> &LT;img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" />&LT;!-- /.direct-chat-img -->
&LT;div class="direct-chat-text"> &LT;div class="direct-chat-text">
@ -1369,16 +1369,16 @@
&LT;!-- Contacts are loaded here --> &LT;!-- Contacts are loaded here -->
&LT;div class="direct-chat-contacts"> &LT;div class="direct-chat-contacts">
&LT;ul class='contacts-list'> &LT;ul class="contacts-list">
&LT;li> &LT;li>
&LT;a href='#'> &LT;a href="#">
&LT;img class='contacts-list-img' src='../dist/img/user1-128x128.jpg' alt="Contact Avatar"/> &LT;img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" alt="Contact Avatar" />
&LT;div class='contacts-list-info'> &LT;div class="contacts-list-info">
&LT;span class='contacts-list-name'> &LT;span class="contacts-list-name">
Count Dracula Count Dracula
&LT;small class='contacts-list-date pull-right'>2/28/2015&LT;/small> &LT;small class="contacts-list-date pull-right">2/28/2015&LT;/small>
&LT;/span> &LT;/span>
&LT;span class='contacts-list-msg'>How have you been? I was...&LT;/span> &LT;span class="contacts-list-msg">How have you been? I was...&LT;/span>
&LT;/div>&LT;!-- /.contacts-list-info --> &LT;/div>&LT;!-- /.contacts-list-info -->
&LT;/a> &LT;/a>
&LT;/li>&LT;!-- End Contact Item --> &LT;/li>&LT;!-- End Contact Item -->
@ -1387,7 +1387,7 @@
&LT;/div>&LT;!-- /.box-body --> &LT;/div>&LT;!-- /.box-body -->
&LT;div class="box-footer"> &LT;div class="box-footer">
&LT;div class="input-group"> &LT;div class="input-group">
&LT;input type="text" name="message" placeholder="Type Message ..." class="form-control"/> &LT;input type="text" name="message" placeholder="Type Message ..." class="form-control" />
&LT;span class="input-group-btn"> &LT;span class="input-group-btn">
&LT;button type="button" class="btn btn-danger btn-flat">Send&LT;/button> &LT;button type="button" class="btn btn-danger btn-flat">Send&LT;/button>
&LT;/span> &LT;/span>
@ -1406,7 +1406,7 @@
<div class="box-header"> <div class="box-header">
<h3 class="box-title">Direct Chat in a Solid Box</h3> <h3 class="box-title">Direct Chat in a Solid Box</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<span data-toggle="tooltip" title="3 New Messages" class='badge bg-light-blue'>3</span> <span data-toggle="tooltip" title="3 New Messages" class="badge bg-light-blue">3</span>
<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button> <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button> <button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button>
<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button> <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
@ -1417,9 +1417,9 @@
<div class="direct-chat-messages"> <div class="direct-chat-messages">
<!-- Message. Default to the left --> <!-- Message. Default to the left -->
<div class="direct-chat-msg"> <div class="direct-chat-msg">
<div class='direct-chat-info clearfix'> <div class="direct-chat-info clearfix">
<span class='direct-chat-name pull-left'>Alexander Pierce</span> <span class="direct-chat-name pull-left">Alexander Pierce</span>
<span class='direct-chat-timestamp pull-right'>23 Jan 2:00 pm</span> <span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
@ -1429,9 +1429,9 @@
<!-- Message to the right --> <!-- Message to the right -->
<div class="direct-chat-msg right"> <div class="direct-chat-msg right">
<div class='direct-chat-info clearfix'> <div class="direct-chat-info clearfix">
<span class='direct-chat-name pull-right'>Sarah Bullock</span> <span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class='direct-chat-timestamp pull-left'>23 Jan 2:05 pm</span> <span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
@ -1442,16 +1442,16 @@
<!-- Contacts are loaded here --> <!-- Contacts are loaded here -->
<div class="direct-chat-contacts"> <div class="direct-chat-contacts">
<ul class='contacts-list'> <ul class="contacts-list">
<li> <li>
<a href='#'> <a href="#">
<img class='contacts-list-img' src='../dist/img/user1-128x128.jpg' alt="Contact Avatar"/> <img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" alt="Contact Avatar" />
<div class='contacts-list-info'> <div class="contacts-list-info">
<span class='contacts-list-name'> <span class="contacts-list-name">
Count Dracula Count Dracula
<small class='contacts-list-date pull-right'>2/28/2015</small> <small class="contacts-list-date pull-right">2/28/2015</small>
</span> </span>
<span class='contacts-list-msg'>How have you been? I was...</span> <span class="contacts-list-msg">How have you been? I was...</span>
</div><!-- /.contacts-list-info --> </div><!-- /.contacts-list-info -->
</a> </a>
</li><!-- End Contact Item --> </li><!-- End Contact Item -->
@ -1461,7 +1461,7 @@
<div class="box-footer"> <div class="box-footer">
<form action="#" method="post"> <form action="#" method="post">
<div class="input-group"> <div class="input-group">
<input type="text" name="message" placeholder="Type Message ..." class="form-control"/> <input type="text" name="message" placeholder="Type Message ..." class="form-control" />
<span class="input-group-btn"> <span class="input-group-btn">
<button type="button" class="btn btn-primary btn-flat">Send</button> <button type="button" class="btn btn-primary btn-flat">Send</button>
</span> </span>
@ -1477,7 +1477,7 @@
<div class="box-header"> <div class="box-header">
<h3 class="box-title">Direct Chat in a Solid Box</h3> <h3 class="box-title">Direct Chat in a Solid Box</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<span data-toggle="tooltip" title="3 New Messages" class='badge bg-aqua'>3</span> <span data-toggle="tooltip" title="3 New Messages" class="badge bg-aqua">3</span>
<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button> <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button> <button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button>
<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button> <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
@ -1488,9 +1488,9 @@
<div class="direct-chat-messages"> <div class="direct-chat-messages">
<!-- Message. Default to the left --> <!-- Message. Default to the left -->
<div class="direct-chat-msg"> <div class="direct-chat-msg">
<div class='direct-chat-info clearfix'> <div class="direct-chat-info clearfix">
<span class='direct-chat-name pull-left'>Alexander Pierce</span> <span class="direct-chat-name pull-left">Alexander Pierce</span>
<span class='direct-chat-timestamp pull-right'>23 Jan 2:00 pm</span> <span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
@ -1500,9 +1500,9 @@
<!-- Message to the right --> <!-- Message to the right -->
<div class="direct-chat-msg right"> <div class="direct-chat-msg right">
<div class='direct-chat-info clearfix'> <div class="direct-chat-info clearfix">
<span class='direct-chat-name pull-right'>Sarah Bullock</span> <span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class='direct-chat-timestamp pull-left'>23 Jan 2:05 pm</span> <span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
@ -1513,16 +1513,16 @@
<!-- Contacts are loaded here --> <!-- Contacts are loaded here -->
<div class="direct-chat-contacts"> <div class="direct-chat-contacts">
<ul class='contacts-list'> <ul class="contacts-list">
<li> <li>
<a href='#'> <a href="#">
<img class='contacts-list-img' src='../dist/img/user1-128x128.jpg' alt="Contact Avatar"/> <img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" alt="Contact Avatar" />
<div class='contacts-list-info'> <div class="contacts-list-info">
<span class='contacts-list-name'> <span class="contacts-list-name">
Count Dracula Count Dracula
<small class='contacts-list-date pull-right'>2/28/2015</small> <small class="contacts-list-date pull-right">2/28/2015</small>
</span> </span>
<span class='contacts-list-msg'>How have you been? I was...</span> <span class="contacts-list-msg">How have you been? I was...</span>
</div><!-- /.contacts-list-info --> </div><!-- /.contacts-list-info -->
</a> </a>
</li><!-- End Contact Item --> </li><!-- End Contact Item -->
@ -1532,7 +1532,7 @@
<div class="box-footer"> <div class="box-footer">
<form action="#" method="post"> <form action="#" method="post">
<div class="input-group"> <div class="input-group">
<input type="text" name="message" placeholder="Type Message ..." class="form-control"/> <input type="text" name="message" placeholder="Type Message ..." class="form-control" />
<span class="input-group-btn"> <span class="input-group-btn">
<button type="button" class="btn btn-info btn-flat">Send</button> <button type="button" class="btn btn-info btn-flat">Send</button>
</span> </span>
@ -1542,4 +1542,4 @@
</div><!--/.direct-chat --> </div><!--/.direct-chat -->
</div><!-- /.col --> </div><!-- /.col -->
</div><!-- /.row --> </div><!-- /.row -->
</section> </section>

40
documentation/build/include/download.html
View File

@ -1,38 +1,38 @@
<section id='download'> <section id="download">
<h2 class='page-header'><a href="#download">Download</a></h2> <h2 class="page-header"><a href="#download">Download</a></h2>
<p class='lead'> <p class="lead">
AdminLTE can be downloaded in two different versions, each appealing to different AdminLTE can be downloaded in two different versions, each appealing to different
skill levels and use case. skill levels and use case.
</p> </p>
<div class='row'> <div class="row">
<div class='col-sm-6'> <div class="col-sm-6">
<div class='box box-primary'> <div class="box box-primary">
<div class='box-header with-border'> <div class="box-header with-border">
<h3 class='box-title'>Ready</h3> <h3 class="box-title">Ready</h3>
<span class='label label-primary pull-right'><i class='fa fa-html5'></i></span> <span class="label label-primary pull-right"><i class="fa fa-html5"></i></span>
</div><!-- /.box-header --> </div><!-- /.box-header -->
<div class='box-body'> <div class="box-body">
<p>Compiled and ready to use in production. Download this version <p>Compiled and ready to use in production. Download this version
if you don't want to customize AdminLTE's LESS files.</p> if you don't want to customize AdminLTE's LESS files.</p>
<a href='http://almsaeedstudio.com/download/AdminLTE-dist' class='btn btn-primary'><i class='fa fa-download'></i> Download</a> <a href="http://almsaeedstudio.com/download/AdminLTE-dist" class="btn btn-primary"><i class="fa fa-download"></i> Download</a>
</div><!-- /.box-body --> </div><!-- /.box-body -->
</div><!-- /.box --> </div><!-- /.box -->
</div><!-- /.col --> </div><!-- /.col -->
<div class='col-sm-6'> <div class="col-sm-6">
<div class='box box-danger'> <div class="box box-danger">
<div class='box-header with-border'> <div class="box-header with-border">
<h3 class='box-title'>Source Code</h3> <h3 class="box-title">Source Code</h3>
<span class='label label-danger pull-right'><i class='fa fa-database'></i></span> <span class="label label-danger pull-right"><i class="fa fa-database"></i></span>
</div><!-- /.box-header --> </div><!-- /.box-header -->
<div class='box-body'> <div class="box-body">
<p>All files including the compiled CSS. Download this version <p>All files including the compiled CSS. Download this version
if you plan on customizing the template. <b>Requires a LESS compiler.</b></p> if you plan on customizing the template. <b>Requires a LESS compiler.</b></p>
<a href='http://almsaeedstudio.com/download/AdminLTE' class='btn btn-danger'><i class='fa fa-download'></i> Download</a> <a href="http://almsaeedstudio.com/download/AdminLTE" class="btn btn-danger"><i class="fa fa-download"></i> Download</a>
</div><!-- /.box-body --> </div><!-- /.box-body -->
</div><!-- /.box --> </div><!-- /.box -->
</div><!-- /.col --> </div><!-- /.col -->
</div><!-- /.row --> </div><!-- /.row -->
<pre class='hierarchy bring-up'><code class="language-bash" data-lang="bash">File Hierarchy of the Source Code Package <pre class="hierarchy bring-up"><code class="language-bash" data-lang="bash">File Hierarchy of the Source Code Package
AdminLTE/ AdminLTE/
├── dist/ ├── dist/
@ -48,4 +48,4 @@ AdminLTE/
│ ├── mixins.less │ ├── mixins.less
└── plugins/ └── plugins/
├── All the customized plugins CSS and JS files</code></pre> ├── All the customized plugins CSS and JS files</code></pre>
</section> </section>

8
documentation/build/include/faq.html
View File

@ -1,16 +1,16 @@
<section id='faq'> <section id="faq">
<h2 class='page-header'><a href="#faq">FAQ</a></h2> <h2 class="page-header"><a href="#faq">FAQ</a></h2>
<h3>Can AdminLTE be used with Wordpress?</h3> <h3>Can AdminLTE be used with Wordpress?</h3>
<p class="lead">AdminLTE is an HTML template that can be used for any purpose. However, it is not made to be easily installed on Wordpress. It will require some effort and enough knowledge of the Wordpress script to do so.</p> <p class="lead">AdminLTE is an HTML template that can be used for any purpose. However, it is not made to be easily installed on Wordpress. It will require some effort and enough knowledge of the Wordpress script to do so.</p>
<h3>Is there an integration guide for PHP frameworks such as Yii or Symfony?</h3> <h3>Is there an integration guide for PHP frameworks such as Yii or Symfony?</h3>
<p class='lead'>Short answer, no. However, there are forks and tutorials around the web that <p class="lead">Short answer, no. However, there are forks and tutorials around the web that
provide info on how to integrate with many different frameworks. There are even versions of provide info on how to integrate with many different frameworks. There are even versions of
AdminLTE that are integrated with jQuery ajax, AngularJS and/or MVC5 ASP .NET. AdminLTE that are integrated with jQuery ajax, AngularJS and/or MVC5 ASP .NET.
</p> </p>
<h3>How do I get notified of new AdminLTE versions?</h3> <h3>How do I get notified of new AdminLTE versions?</h3>
<p class='lead'>The best option is to subscribe to our mailing list using the <p class="lead">The best option is to subscribe to our mailing list using the
<a href="http://almsaeedstudio.com/#subscribe">subscription form on Almsaeed Studio</a>. <a href="http://almsaeedstudio.com/#subscribe">subscription form on Almsaeed Studio</a>.
If that's not appealing to you, you may watch the <a href="https://github.com/almasaeed2010/AdminLTE">repository on Github</a> If that's not appealing to you, you may watch the <a href="https://github.com/almasaeed2010/AdminLTE">repository on Github</a>
or visit <a href="http://almsaeedstudio.com">Almsaeed Studio</a> every now and then for updates and announcements.</p> or visit <a href="http://almsaeedstudio.com">Almsaeed Studio</a> every now and then for updates and announcements.</p>

2
documentation/build/include/implementations.html
View File

@ -13,4 +13,4 @@
<p><b class="text-red">Note:</b> these implementations are not supported by Almsaeed Studio. However, <p><b class="text-red">Note:</b> these implementations are not supported by Almsaeed Studio. However,
they do provide a good example of how to integrate AdminLTE into different frameworks. For the latest release they do provide a good example of how to integrate AdminLTE into different frameworks. For the latest release
of AdminLTE, please visit our <a href="https://github.com/almasaeed2010/AdminLTE">repository</a> or <a href="https://almsaeedstudio.com">website</a></p> of AdminLTE, please visit our <a href="https://github.com/almasaeed2010/AdminLTE">repository</a> or <a href="https://almsaeedstudio.com">website</a></p>
</section> </section>

8
documentation/build/include/introduction.html
View File

@ -1,6 +1,6 @@
<section id='introduction'> <section id="introduction">
<h2 class='page-header'><a href="#introduction">Introduction</a></h2> <h2 class="page-header"><a href="#introduction">Introduction</a></h2>
<p class='lead'> <p class="lead">
<b>AdminLTE</b> is a popular open source WebApp template for admin dashboards and control panels. <b>AdminLTE</b> is a popular open source WebApp template for admin dashboards and control panels.
It is a responsive HTML template that is based on the CSS framework Bootstrap 3. It is a responsive HTML template that is based on the CSS framework Bootstrap 3.
It utilizes all of the Bootstrap components in its design and re-styles many It utilizes all of the Bootstrap components in its design and re-styles many
@ -9,4 +9,4 @@
allows it to be easily customized and built upon. This documentation will guide you through allows it to be easily customized and built upon. This documentation will guide you through
installing the template and exploring the various components that are bundled with the template. installing the template and exploring the various components that are bundled with the template.
</p> </p>
</section><!-- /#introduction --> </section><!-- /#introduction -->

8
documentation/build/include/layout.html
View File

@ -1,6 +1,6 @@
<section id='layout'> <section id="layout">
<h2 class='page-header'><a href="#layout">Layout</a></h2> <h2 class="page-header"><a href="#layout">Layout</a></h2>
<p class='lead'>The layout consists of four major parts:</p> <p class="lead">The layout consists of four major parts:</p>
<ul> <ul>
<li>Wrapper <code>.wrapper</code>. A div that wraps the whole site.</li> <li>Wrapper <code>.wrapper</code>. A div that wraps the whole site.</li>
<li>Main Header <code>.main-header</code>. Contains the logo and navbar.</li> <li>Main Header <code>.main-header</code>. Contains the logo and navbar.</li>
@ -89,4 +89,4 @@
</table> </table>
</div><!-- /.box-body --> </div><!-- /.box-body -->
</div><!-- /.box --> </div><!-- /.box -->
</section> </section>

4
documentation/build/include/license.html
View File

@ -3,8 +3,8 @@
<h3>AdminLTE</h3> <h3>AdminLTE</h3>
<p class="lead"> <p class="lead">
AdminLTE is an open source project that is licensed under the <a href="http://opensource.org/licenses/MIT">MIT license</a>. AdminLTE is an open source project that is licensed under the <a href="http://opensource.org/licenses/MIT">MIT license</a>.
This allows you to do pretty much anything you want as long as you include This allows you to do pretty much anything you want as long as you include
the copyright in "all copies or substantial portions of the Software." the copyright in "all copies or substantial portions of the Software."
Attribution is not required (though very much appreciated). Attribution is not required (though very much appreciated).
</p> </p>
</section> </section>

58
documentation/build/include/plugins.html
View File

@ -1,47 +1,47 @@
<section id='plugins'> <section id="plugins">
<h2 class='page-header'><a href="#plugins">Plugins</a></h2> <h2 class="page-header"><a href="#plugins">Plugins</a></h2>
<p class="lead">AdminLTE makes use of the following plugins. For documentation, updates or license information, please visit the provided links.</p> <p class="lead">AdminLTE makes use of the following plugins. For documentation, updates or license information, please visit the provided links.</p>
<div class='row bring-up'> <div class="row bring-up">
<div class='col-sm-3'> <div class="col-sm-3">
<ul class="list-unstyled"> <ul class="list-unstyled">
<li><h4>Charts</h4></li> <li><h4>Charts</h4></li>
<li><a href='http://chartjs.org/' target="_blank">ChartJS</a></li> <li><a href="http://www.chartjs.org/" target="_blank">ChartJS</a></li>
<li><a href='http://www.flotcharts.org/' target="_blank">Flot</a></li> <li><a href="http://www.flotcharts.org/" target="_blank">Flot</a></li>
<li><a href='http://morrisjs.github.io/morris.js/' target="_blank">Morris.js</a></li> <li><a href="http://morrisjs.github.io/morris.js/" target="_blank">Morris.js</a></li>
<li><a href='http://omnipotent.net/jquery.sparkline/' target="_blank">Sparkline</a></li> <li><a href="http://omnipotent.net/jquery.sparkline/" target="_blank">Sparkline</a></li>
</ul> </ul>
</div><!-- /.col --> </div><!-- /.col -->
<div class='col-sm-3'> <div class="col-sm-3">
<ul class="list-unstyled"> <ul class="list-unstyled">
<li><h4>Form Elements</h4></li> <li><h4>Form Elements</h4></li>
<li><a href='https://github.com/seiyria/bootstrap-slider'>Bootstrap Slider</a></li> <li><a href="https://github.com/seiyria/bootstrap-slider/">Bootstrap Slider</a></li>
<li><a href='http://ionden.com/a/plugins/ion.rangeSlider/en.html' target="_blank">Ion Slider</a></li> <li><a href="http://ionden.com/a/plugins/ion.rangeSlider/en.html" target="_blank">Ion Slider</a></li>
<li><a href='http://bootstrap-datepicker.readthedocs.org/' target="_blank">Date Picker</a></li> <li><a href="http://bootstrap-datepicker.readthedocs.org/" target="_blank">Date Picker</a></li>
<li><a href='http://www.daterangepicker.com/' target="_blank">Date Range Picker</a></li> <li><a href="http://www.daterangepicker.com/" target="_blank">Date Range Picker</a></li>
<li><a href='http://mjolnic.github.io/bootstrap-colorpicker/' target="_blank">Color Picker</a></li> <li><a href="http://mjolnic.com/bootstrap-colorpicker/" target="_blank">Color Picker</a></li>
<li><a href='https://github.com/jdewit/bootstrap-timepicker' target="_blank">Time Picker</a></li> <li><a href="https://github.com/jdewit/bootstrap-timepicker/" target="_blank">Time Picker</a></li>
<li><a href='http://fronteed.com/iCheck/' target="_blank">iCheck</a></li> <li><a href="http://fronteed.com/iCheck/" target="_blank">iCheck</a></li>
<li><a href='http://github.com/RobinHerbots/jquery.inputmask' target="_blank">Input Mask</a></li> <li><a href="https://github.com/RobinHerbots/jquery.inputmask/" target="_blank">Input Mask</a></li>
</ul> </ul>
</div><!-- /.col --> </div><!-- /.col -->
<div class='col-sm-3'> <div class="col-sm-3">
<ul class="list-unstyled"> <ul class="list-unstyled">
<li><h4>Editors</h4></li> <li><h4>Editors</h4></li>
<li><a href='https://github.com/bootstrap-wysiwyg/bootstrap3-wysiwyg' target="_blank">Bootstrap WYSIHTML5</a></li> <li><a href="https://github.com/bootstrap-wysiwyg/bootstrap3-wysiwyg/" target="_blank">Bootstrap WYSIHTML5</a></li>
<li><a href='http://ckeditor.com' target="_blank">CK Editor</a></li> <li><a href="http://ckeditor.com/" target="_blank">CK Editor</a></li>
</ul> </ul>
</div><!-- /. col --> </div><!-- /. col -->
<div class='col-sm-3'> <div class="col-sm-3">
<ul class="list-unstyled"> <ul class="list-unstyled">
<li><h4>Other</h4></li> <li><h4>Other</h4></li>
<li><a href='https://datatables.net/examples/styling/bootstrap.html' target="_blank">Data Tables</a></li> <li><a href="https://datatables.net/examples/styling/bootstrap.html" target="_blank">DataTables</a></li>
<li><a href='http://fullcalendar.io/' target="_blank">Full Calendar</a></li> <li><a href="http://fullcalendar.io/" target="_blank">Full Calendar</a></li>
<li><a href='http://jqueryui.com' target="_blank">jQuery UI</a></li> <li><a href="http://jqueryui.com/" target="_blank">jQuery UI</a></li>
<li><a href='http://anthonyterrien.com/knob/' target="_blank">jQuery Knob</a></li> <li><a href="http://anthonyterrien.com/knob/" target="_blank">jQuery Knob</a></li>
<li><a href='http://jvectormap.com/' target="_blank">jVector Map</a></li> <li><a href="http://jvectormap.com/" target="_blank">jVector Map</a></li>
<li><a href='http://rocha.la/jQuery-slimScroll' target="_blank">Slim Scroll</a></li> <li><a href="http://rocha.la/jQuery-slimScroll/" target="_blank">Slim Scroll</a></li>
<li><a href='http://github.hubspot.com/pace/docs/welcome/' target="_blank">Pace</a></li> <li><a href="http://github.hubspot.com/pace/docs/welcome/" target="_blank">Pace</a></li>
</ul> </ul>
</div><!-- /.col --> </div><!-- /.col -->
</div><!-- /.row --> </div><!-- /.row -->
</section> </section>

6
documentation/build/include/upgrade.html
View File

@ -1,5 +1,5 @@
<section id='upgrade'> <section id="upgrade">
<h2 class='page-header'><a href="#upgrade">Upgrade Guide</a></h2> <h2 class="page-header"><a href="#upgrade">Upgrade Guide</a></h2>
<p class="lead">To upgrade from version 1.x to the lateset version, follow this guide.</p> <p class="lead">To upgrade from version 1.x to the lateset version, follow this guide.</p>
<h3>New Files</h3> <h3>New Files</h3>
<p>Make sure you update all CSS and JS files that are related to AdminLTE. Otherwise, the layout will not <p>Make sure you update all CSS and JS files that are related to AdminLTE. Otherwise, the layout will not
@ -23,4 +23,4 @@
<p>Mailbox got an upgrade to include three different views. The views are inbox, read mail, and compose new email. To use these views, <p>Mailbox got an upgrade to include three different views. The views are inbox, read mail, and compose new email. To use these views,
you should use the provided HTML files in the pages/mailbox folder.</p> you should use the provided HTML files in the pages/mailbox folder.</p>
<p><b class="text-red">Note:</b> the old mailbox layout has been deprecated in favor of the new one and will be removed by the next release.</p> <p><b class="text-red">Note:</b> the old mailbox layout has been deprecated in favor of the new one and will be removed by the next release.</p>
</section> </section>

54
documentation/build/index.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>AdminLTE 2 | Documentation</title> <title>AdminLTE 2 | Documentation</title>
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
@ -58,29 +58,29 @@
<!-- sidebar menu: : style can be found in sidebar.less --> <!-- sidebar menu: : style can be found in sidebar.less -->
<ul class="nav sidebar-menu"> <ul class="nav sidebar-menu">
<li class="header">TABLE OF CONTENTS</li> <li class="header">TABLE OF CONTENTS</li>
<li class="active"><a href="#introduction"><i class='fa fa-circle-o'></i> Introduction</a></li> <li class="active"><a href="#introduction"><i class="fa fa-circle-o"></i> Introduction</a></li>
<li><a href="#download"><i class='fa fa-circle-o'></i> Download</a></li> <li><a href="#download"><i class="fa fa-circle-o"></i> Download</a></li>
<li><a href="#dependencies"><i class='fa fa-circle-o'></i> Dependencies</a></li> <li><a href="#dependencies"><i class="fa fa-circle-o"></i> Dependencies</a></li>
<li><a href="#advice"><i class='fa fa-circle-o'></i> Advice</a></li> <li><a href="#advice"><i class="fa fa-circle-o"></i> Advice</a></li>
<li><a href="#layout"><i class='fa fa-circle-o'></i> Layout</a></li> <li><a href="#layout"><i class="fa fa-circle-o"></i> Layout</a></li>
<li><a href="#adminlte-options"><i class='fa fa-circle-o'></i> Javascript Options</a></li> <li><a href="#adminlte-options"><i class="fa fa-circle-o"></i> Javascript Options</a></li>
<li class='treeview' id='scrollspy-components'> <li class="treeview" id="scrollspy-components">
<a href="javascript::;"><i class='fa fa-circle-o'></i> Components</a> <a href="javascript::;"><i class="fa fa-circle-o"></i> Components</a>
<ul class='nav treeview-menu'> <ul class="nav treeview-menu">
<li><a href='#component-main-header'>Main Header</a></li> <li><a href="#component-main-header">Main Header</a></li>
<li><a href='#component-sidebar'>Sidebar</a></li> <li><a href="#component-sidebar">Sidebar</a></li>
<li><a href='#component-control-sidebar'>Control Sidebar</a></li> <li><a href="#component-control-sidebar">Control Sidebar</a></li>
<li><a href='#component-info-box'>Info Box</a></li> <li><a href="#component-info-box">Info Box</a></li>
<li><a href='#component-box'>Boxes</a></li> <li><a href="#component-box">Boxes</a></li>
<li><a href='#component-direct-chat'>Direct Chat</a></li> <li><a href="#component-direct-chat">Direct Chat</a></li>
</ul> </ul>
</li> </li>
<li><a href="#plugins"><i class='fa fa-circle-o'></i> Plugins</a></li> <li><a href="#plugins"><i class="fa fa-circle-o"></i> Plugins</a></li>
<li><a href="#browsers"><i class='fa fa-circle-o'></i> Browser Support</a></li> <li><a href="#browsers"><i class="fa fa-circle-o"></i> Browser Support</a></li>
<li><a href="#upgrade"><i class='fa fa-circle-o'></i> Upgrade Guide</a></li> <li><a href="#upgrade"><i class="fa fa-circle-o"></i> Upgrade Guide</a></li>
<li><a href="#implementations"><i class='fa fa-circle-o'></i> Implementations</a></li> <li><a href="#implementations"><i class="fa fa-circle-o"></i> Implementations</a></li>
<li><a href="#faq"><i class='fa fa-circle-o'></i> FAQ</a></li> <li><a href="#faq"><i class="fa fa-circle-o"></i> FAQ</a></li>
<li><a href="#license"><i class='fa fa-circle-o'></i> License</a></li> <li><a href="#license"><i class="fa fa-circle-o"></i> License</a></li>
</ul> </ul>
</div> </div>
<!-- /.sidebar --> <!-- /.sidebar -->
@ -172,21 +172,21 @@ include "license.html"
</aside><!-- /.control-sidebar --> </aside><!-- /.control-sidebar -->
<!-- Add the sidebar's background. This div must be placed <!-- Add the sidebar's background. This div must be placed
immediately after the control sidebar --> immediately after the control sidebar -->
<div class='control-sidebar-bg'></div> <div class="control-sidebar-bg"></div>
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="../plugins/jQuery/jQuery-2.1.4.min.js"></script> <script src="../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.2 JS -->
<script src="../bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<!-- FastClick --> <!-- FastClick -->
<script src='../plugins/fastclick/fastclick.min.js'></script> <script src="../plugins/fastclick/fastclick.min.js" type="text/javascript"></script>
<!-- AdminLTE App --> <!-- AdminLTE App -->
<script src="../dist/js/app.min.js" type="text/javascript"></script> <script src="../dist/js/app.min.js" type="text/javascript"></script>
<!-- SlimScroll 1.3.0 --> <!-- SlimScroll 1.3.0 -->
<script src="../plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script> <script src="../plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script>
<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script> <script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js" type="text/javascript"></script>
<script src="docs.js"></script> <script src="docs.js" type="text/javascript"></script>
</body> </body>
</html> </html>

6
documentation/docs.js
View File

@ -1,4 +1,4 @@
/* /*
* Documentation JS script * Documentation JS script
*/ */
$(function () { $(function () {
@ -44,7 +44,7 @@ $(function () {
}); });
$(".sidebar-menu li:not(.treeview) a").click(function () { $(".sidebar-menu li:not(.treeview) a").click(function () {
var $this = $(this); var $this = $(this);
var target = $this.attr("href"); var target = $this.attr("href");
if (typeof target === 'string') { if (typeof target === 'string') {
$("body").animate({ $("body").animate({
scrollTop: ($(target).offset().top) + "px" scrollTop: ($(target).offset().top) + "px"
@ -60,4 +60,4 @@ $(function () {
$('body').addClass(skinName); $('body').addClass(skinName);
current_skin = skinName; current_skin = skinName;
}); });
}); });

18
documentation/style.css
View File

@ -14,13 +14,13 @@
.nth-2-center > tbody > tr > td:last-of-type { .nth-2-center > tbody > tr > td:last-of-type {
text-align: center!important; text-align: center!important;
} }
.content { .content {
font-size: 16px; font-size: 16px;
z-index: 500; z-index: 500;
} }
#components > h3 { #components > h3 {
font-size: 25px; font-size: 25px;
color: #000; color: #000;
} }
@ -37,7 +37,7 @@ ul {
position: relative; position: relative;
z-index: 1; z-index: 1;
font-size: 30px; font-size: 30px;
} }
.page-header span, .page-header span,
.page-header a { .page-header a {
z-index: 5; z-index: 5;
@ -54,11 +54,11 @@ ul {
} }
.page-header:before, .page-header:before,
#components > h3:before { #components > h3:before {
display: block; display: block;
content: " "; content: " ";
margin-top: -60px; margin-top: -60px;
height: 60px; height: 60px;
visibility: hidden; visibility: hidden;
z-index: -10; z-index: -10;
} }
@ -258,4 +258,4 @@ li.L5,
li.L7, li.L7,
li.L9 { li.L9 {
/* */ /* */
} }