Added new skin and plugin

New skin (skin-black). Added pace plugin to show page loading like
youtube.

css/AdminLTE.css

@@ -4,8 +4,8 @@
 /*! 
  *   AdminLTE v1.0
  *   Author: AlmsaeedStudio.com
- *   License: Please visit http://wrapbootstrap.com for information about 
- *            this theme's license
+ *   License: Open source - MIT
+ *           Please visit http://opensource.org/licenses/MIT for more information
 !*/
 /*
     Core: General style
@@ -305,8 +305,7 @@ img {
   }
 }
 /* Remove border radius */
-.flat,
-.flat > * {
+.flat {
   -webkit-border-radius: 0 !important;
   -moz-border-radius: 0 !important;
   border-radius: 0 !important;
@@ -413,8 +412,6 @@ body > .header .logo .icon {
 .right-side > .content-header {
   position: relative;
   padding: 15px 15px 10px 20px;
-  background: #fbfbfb;
-  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
 }
 .right-side > .content-header > h1 {
   margin: 0;
@@ -2427,7 +2424,7 @@ Component: timeline
     -----
 */
 /* 
-    skin-blue 
+    Skin Blue 
     ---------
 */
 /* skin-blue navbar */
@@ -2435,7 +2432,7 @@ Component: timeline
   background-color: #3c8dbc;
 }
 .skin-blue .navbar .nav a {
-  color: #acd0e5;
+  color: rgba(255, 255, 255, 0.8);
 }
 .skin-blue .navbar .nav > li > a:hover,
 .skin-blue .navbar .nav > li > a:active,
@@ -2443,14 +2440,17 @@ Component: timeline
 .skin-blue .navbar .nav .open > a,
 .skin-blue .navbar .nav .open > a:hover,
 .skin-blue .navbar .nav .open > a:focus {
-  background: #307095;
+  background: rgba(0, 0, 0, 0.1);
   color: #f6f6f6;
 }
 .skin-blue .navbar .navbar-right > .nav {
   margin-right: 10px;
 }
 .skin-blue .navbar .sidebar-toggle .icon-bar {
-  background: #acd0e5;
+  background: rgba(255, 255, 255, 0.8);
+}
+.skin-blue .navbar .sidebar-toggle:hover .icon-bar {
+  background: #f6f6f6 !important;
 }
 /* skin-blue logo */
 .skin-blue .logo {
@@ -2463,6 +2463,11 @@ Component: timeline
 .skin-blue .logo:hover {
   background: #357ca5;
 }
+/* skin-blue content header */
+.skin-blue .right-side > .content-header {
+  background: #fbfbfb;
+  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
+}
 /* Skin-blue user panel */
 .skin-blue .user-panel > .image > img {
   border: 1px solid #dfdfdf;
@@ -2568,6 +2573,156 @@ Component: timeline
   border-bottom-right-radius: 2px !important;
   border-bottom-left-radius: 0 !important;
 }
+/*
+    Skin Black
+    --------
+*/
+/* skin-black navbar */
+.skin-black .navbar {
+  background-color: #ffffff;
+  border-bottom: 1px solid #eee;
+}
+.skin-black .navbar .nav a {
+  color: #333333;
+}
+.skin-black .navbar .nav > li > a:hover,
+.skin-black .navbar .nav > li > a:active,
+.skin-black .navbar .nav > li > a:focus,
+.skin-black .navbar .nav .open > a,
+.skin-black .navbar .nav .open > a:hover,
+.skin-black .navbar .nav .open > a:focus {
+  background: #ffffff;
+  color: #999999;
+}
+.skin-black .navbar .navbar-right > .nav {
+  margin-right: 10px;
+}
+.skin-black .navbar .sidebar-toggle .icon-bar {
+  background: #333333;
+}
+.skin-black .navbar .sidebar-toggle:hover .icon-bar {
+  background: #999999 !important;
+}
+/* skin-black logo */
+.skin-black .logo {
+  background-color: #333333;
+  color: #f9f9f9;
+}
+.skin-black .logo > a {
+  color: #f9f9f9;
+}
+.skin-black .logo:hover {
+  background: #303030;
+}
+/* skin-black content header */
+.skin-black .right-side > .content-header {
+  background: transparent;
+  box-shadow: none;
+}
+/* Skin-red user panel */
+.skin-black .user-panel > .image > img {
+  border: 1px solid #444;
+}
+.skin-black .user-panel > .info,
+.skin-black .user-panel > .info > a {
+  color: #eee;
+}
+/* skin-black sidebar */
+.skin-black .sidebar {
+  border-bottom: 1px solid #333;
+}
+.skin-black .sidebar > .sidebar-menu > li {
+  border-top: 1px solid #333;
+  border-bottom: 0px solid #444;
+}
+.skin-black .sidebar > .sidebar-menu > li:first-of-type {
+  border-top: 1px solid #444;
+}
+.skin-black .sidebar > .sidebar-menu > li:first-of-type > a {
+  border-top: 0px solid #333;
+}
+.skin-black .sidebar > .sidebar-menu > li > a {
+  margin-right: 1px;
+}
+.skin-black .sidebar > .sidebar-menu > li > a:hover,
+.skin-black .sidebar > .sidebar-menu > li.active > a {
+  color: #f6f6f6;
+  background: #444;
+}
+.skin-black .sidebar > .sidebar-menu > li > .treeview-menu {
+  margin: 0 1px;
+  background: #444;
+}
+.skin-black .left-side {
+  background: #333;
+}
+.skin-black .sidebar a {
+  color: #eee;
+}
+.skin-black .sidebar a:hover {
+  text-decoration: none;
+}
+.skin-black .treeview-menu > li > a {
+  color: #ccc;
+}
+.skin-black .treeview-menu > li.active > a,
+.skin-black .treeview-menu > li > a:hover {
+  color: #fff;
+}
+.skin-black .sidebar-form {
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+  border: 0px solid #555;
+  margin: 10px 10px;
+}
+.skin-black .sidebar-form input[type="text"],
+.skin-black .sidebar-form .btn {
+  box-shadow: none;
+  background-color: rgba(255, 255, 255, 0.1);
+  border: 0 solid rgba(255, 255, 255, 0.1);
+  height: 35px;
+  outline: none;
+}
+.skin-black .sidebar-form input[type="text"] {
+  color: #666;
+  -webkit-border-top-left-radius: 2px !important;
+  -webkit-border-top-right-radius: 0 !important;
+  -webkit-border-bottom-right-radius: 0 !important;
+  -webkit-border-bottom-left-radius: 2px !important;
+  -moz-border-radius-topleft: 2px !important;
+  -moz-border-radius-topright: 0 !important;
+  -moz-border-radius-bottomright: 0 !important;
+  -moz-border-radius-bottomleft: 2px !important;
+  border-top-left-radius: 2px !important;
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+  border-bottom-left-radius: 2px !important;
+}
+.skin-black .sidebar-form input[type="text"]:focus,
+.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #444;
+  border: 0;
+}
+.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left: 0;
+}
+.skin-black .sidebar-form .btn {
+  color: #999;
+  -webkit-border-top-left-radius: 0 !important;
+  -webkit-border-top-right-radius: 2px !important;
+  -webkit-border-bottom-right-radius: 2px !important;
+  -webkit-border-bottom-left-radius: 0 !important;
+  -moz-border-radius-topleft: 0 !important;
+  -moz-border-radius-topright: 2px !important;
+  -moz-border-radius-bottomright: 2px !important;
+  -moz-border-radius-bottomleft: 0 !important;
+  border-top-left-radius: 0 !important;
+  border-top-right-radius: 2px !important;
+  border-bottom-right-radius: 2px !important;
+  border-bottom-left-radius: 0 !important;
+  border-left: 0;
+}
 /*!
  * iCheck v1.0.1, http://git.io/arlzeA
  * =================================
@@ -2632,3 +2787,18 @@ Component: timeline
     background-size: 200px 20px;
   }
 }
+.pace .pace-progress {
+  background: #00c0ef;
+  position: fixed;
+  z-index: 2000;
+  top: 0;
+  left: 0;
+  height: 2px;
+  -webkit-transition: width 1s;
+  -moz-transition: width 1s;
+  -o-transition: width 1s;
+  transition: width 1s;
+}
+.pace-inactive {
+  display: none;
+}

empty.html

@@ -20,7 +20,7 @@
           <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
         <![endif]-->
     </head>
-    <body class="skin-blue">
+    <body class="skin-black">
         <!-- header logo: style can be found in header.less -->
         <header class="header">
             <a href="index.html" class="logo">
@@ -409,7 +409,7 @@
 
 
         <!-- jQuery 2.0.2 -->
-        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
+        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
         <script src="js/plugins/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->

index.html

@@ -30,7 +30,7 @@
           <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
         <![endif]-->
     </head>
-    <body class="skin-blue">
+    <body class="skin-black">
         <!-- header logo: style can be found in header.less -->
         <header class="header">
             <a href="index.html" class="logo">
@@ -915,7 +915,7 @@
 
 
         <!-- jQuery 2.0.2 -->
-        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
+        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- jQuery UI 1.10.3 -->
         <script src="js/jquery-ui-1.10.3.min.js" type="text/javascript"></script>
         <!-- Bootstrap -->

less/AdminLTE.less

@@ -1,8 +1,8 @@
 /*! 
  *   AdminLTE v1.0
  *   Author: AlmsaeedStudio.com
- *   License: Please visit http://wrapbootstrap.com for information about 
- *            this theme's license
+ *   License: Open source - MIT
+ *           Please visit http://opensource.org/licenses/MIT for more information
 !*/
 
 //google fonts
@@ -44,4 +44,5 @@
 
 //Plugins
 //--------
-@import "iCheck.less";
+@import "iCheck.less";
+@import "pace.less";

less/core.less

@@ -314,7 +314,7 @@ img {
 }
 
 /* Remove border radius */
-.flat, .flat > * {
+.flat {
     .border-radius(0)!important;
 }
 

less/header.less

@@ -95,9 +95,7 @@ body > .header {
 // Content Header 
 .right-side > .content-header {
     position: relative;
-    padding: 15px 15px 10px 20px;
-    background: #fbfbfb;
-    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
+    padding: 15px 15px 10px 20px;    
     // Header Text 
     > h1 {
         margin: 0;

less/mixins.less

@@ -3,11 +3,11 @@
 
 
 //Changes the color and the hovering properties of the navbar
-.navbar-variant(@color) {
+.navbar-variant(@color; @font-color: rgba(255, 255, 255, 0.8); @hover-color: #f6f6f6; @hover-bg: rgba(0, 0, 0, 0.1)) {
     background-color: @color;
     //Navbar links
     .nav a {
-        color: #acd0e5;
+        color: @font-color;
     }
 
     .nav > li > a:hover,
@@ -16,8 +16,8 @@
         .nav .open > a,
         .nav .open > a:hover,
         .nav .open > a:focus {
-        background: darken(@color, 10%);
-        color: #f6f6f6;
+        background: @hover-bg;
+        color: @hover-color;
     }
 
     .navbar-right > .nav {
@@ -25,7 +25,11 @@
     }
     //Add color to the sidebar toggle button
     .sidebar-toggle .icon-bar {
-        background: #acd0e5;
+        background: @font-color;
+       
+    }
+    .sidebar-toggle:hover .icon-bar {
+        background: @hover-color!important;
     }
 }
 

less/pace.less

@@ -0,0 +1,17 @@
+.pace .pace-progress {
+  background: #00c0ef;
+  position: fixed;
+  z-index: 2000;
+  top: 0;
+  left: 0;
+  height: 2px;
+
+  -webkit-transition: width 1s;
+  -moz-transition: width 1s;
+  -o-transition: width 1s;
+  transition: width 1s;
+}
+
+.pace-inactive {
+  display: none;
+}

less/skins.less

@@ -5,7 +5,7 @@
 */
 
 /* 
-    skin-blue 
+    Skin Blue 
     ---------
 */
 
@@ -17,7 +17,11 @@
 .skin-blue .logo {
     .logo-variant(darken(@light-blue, 5%));
 }
-
+/* skin-blue content header */
+.skin-blue .right-side > .content-header {
+    background: #fbfbfb;
+    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
+}
 /* Skin-blue user panel */
 .skin-blue .user-panel {
 
@@ -112,4 +116,117 @@
             .border-radius(0, 2px, 0, 2px)!important;
         }
     }
+}
+
+/*
+    Skin Black
+    --------
+*/
+
+/* skin-black navbar */
+.skin-black .navbar {
+    .navbar-variant(#fff; #333; #999; #fff);
+    border-bottom: 1px solid #eee;
+}
+/* skin-black logo */
+.skin-black .logo {
+    .logo-variant(#333);
+}
+/* skin-black content header */
+.skin-black .right-side > .content-header {
+    background: transparent;
+    box-shadow: none;
+}
+/* Skin-red user panel */
+.skin-black .user-panel {
+
+    > .image > img {
+        border: 1px solid #444;
+    }
+
+    > .info, > .info > a {
+        color: #eee;
+    }
+}
+
+/* skin-black sidebar */
+.skin-black {
+    .sidebar {
+        border-bottom: 1px solid #333;
+    }
+    // the menu 
+    .sidebar > .sidebar-menu > li {
+        border-top: 1px solid #333;
+        border-bottom: 0px solid #444;
+
+        &:first-of-type {
+            border-top: 1px solid #444;
+            > a {
+                border-top: 0px solid #333;
+            }
+        }
+        > a {
+            margin-right: 1px;
+        }
+        //Hover and active states
+        > a:hover, &.active > a {
+            color: #f6f6f6;
+            background: #444;            
+        }
+
+        > .treeview-menu {
+            margin: 0 1px;
+            background: #444;
+        }
+    }
+
+    // Sidebar color
+    .left-side {
+        background: #333;
+    }
+
+    .sidebar a {
+        color: #eee;
+        &:hover {
+            text-decoration: none;
+        }
+    }
+    // skin blue treeview-menu
+    .treeview-menu {
+        > li {
+            > a {color: #ccc;}
+            &.active > a, > a:hover {
+                color: #fff;
+            }
+        }
+    }
+
+    .sidebar-form {
+        .border-radius(2px);
+        border: 0px solid #555;
+        margin: 10px 10px;
+        input[type="text"], .btn {
+            box-shadow: none;
+            background-color: rgba(255,255,255, 0.1);   
+            border: 0 solid rgba(255,255,255, 0.1);
+            height: 35px;
+            outline: none;
+        }
+        input[type="text"]{
+            color: #666;            
+            .border-radius(2px, 0, 2px, 0)!important;
+            &:focus, &:focus + .input-group-btn .btn {
+                background-color: #444;                
+                border: 0;
+            }
+            &:focus + .input-group-btn .btn {
+                border-left: 0;
+            }
+        }
+        .btn {
+            color: #999;
+            .border-radius(0, 2px, 0, 2px)!important;
+            border-left: 0;
+        }
+    }
 }

less/vars.less

@@ -2,6 +2,7 @@
 //-----------------------
 
 //Layout
+//Side bar and logo width
 @left-side-width: 220px;
 
 //Colors

nbproject/private/private.properties

@@ -0,0 +1,6 @@
+copy.src.files=false
+copy.src.on.open=false
+copy.src.target=/Applications/MAMP/htdocs/PhpProject2
+index.file=index.php
+run.as=LOCAL
+url=http://localhost:8888/AdminLTE/

nbproject/private/private.xml

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project-private xmlns="http://www.netbeans.org/ns/project-private/1">
+    <editor-bookmarks xmlns="http://www.netbeans.org/ns/editor-bookmarks/2" lastBookmarkId="0"/>
+    <open-files xmlns="http://www.netbeans.org/ns/projectui-open-files/2">
+        <group/>
+    </open-files>
+</project-private>

nbproject/project.properties

@@ -0,0 +1,11 @@
+auxiliary.org-netbeans-modules-css-prep.less_2e_compiler_2e_options=
+auxiliary.org-netbeans-modules-css-prep.less_2e_configured=true
+auxiliary.org-netbeans-modules-css-prep.less_2e_enabled=true
+auxiliary.org-netbeans-modules-css-prep.less_2e_mappings=/less:/css
+include.path=${php.global.include.path}
+php.version=PHP_54
+source.encoding=UTF-8
+src.dir=.
+tags.asp=false
+tags.short=false
+web.root=.

nbproject/project.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://www.netbeans.org/ns/project/1">
+    <type>org.netbeans.modules.php.project</type>
+    <configuration>
+        <data xmlns="http://www.netbeans.org/ns/php-project/1">
+            <name>AdminLTE</name>
+        </data>
+    </configuration>
+</project>

pages/UI/buttons.html

@@ -20,7 +20,7 @@
           <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
         <![endif]-->
     </head>
-    <body class="skin-blue">
+    <body class="skin-black">
         <!-- header logo: style can be found in header.less -->
         <header class="header">
             <a href="../../index.html" class="logo">
@@ -1230,7 +1230,7 @@
 
 
         <!-- jQuery 2.0.2 -->
-        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
+        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
         <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->

pages/UI/empty.html

@@ -20,7 +20,7 @@
           <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
         <![endif]-->
     </head>
-    <body class="skin-blue">
+    <body class="skin-black">
         <!-- header logo: style can be found in header.less -->
         <header class="header">
             <a href="../../index.html" class="logo">
@@ -409,7 +409,7 @@
 
 
         <!-- jQuery 2.0.2 -->
-        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
+        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
         <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->

pages/UI/general.html

@@ -20,7 +20,7 @@
           <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
         <![endif]-->
     </head>
-    <body class="skin-blue">
+    <body class="skin-black">
         <!-- header logo: style can be found in header.less -->
         <header class="header">
             <a href="../../index.html" class="logo">
@@ -979,7 +979,7 @@
 
 
         <!-- jQuery 2.0.2 -->
-        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
+        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
         <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->

pages/UI/icons.html

@@ -66,7 +66,7 @@
           <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
         <![endif]-->
     </head>
-    <body class="skin-blue">
+    <body class="skin-black">
         <!-- header logo: style can be found in header.less -->
         <header class="header">
             <a href="../../index.html" class="logo">
@@ -2170,7 +2170,7 @@
 
 
         <!-- jQuery 2.0.2 -->
-        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
+        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
         <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->

pages/UI/jquery-ui.html

@@ -22,7 +22,7 @@
           <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
         <![endif]-->
     </head>
-    <body class="skin-blue">
+    <body class="skin-black">
         <!-- header logo: style can be found in header.less -->
         <header class="header">
             <a href="../../index.html" class="logo">
@@ -492,7 +492,7 @@
 
 
         <!-- jQuery 2.0.2 -->
-        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
+        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- jquery ui 1.10.3 -->        
         <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
 

pages/UI/sliders.html

@@ -26,7 +26,7 @@
           <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
         <![endif]-->
     </head>
-    <body class="skin-blue">
+    <body class="skin-black">
         <!-- header logo: style can be found in header.less -->
         <header class="header">
             <a href="../../index.html" class="logo">
@@ -483,7 +483,7 @@
 
 
         <!-- jQuery 2.0.2 -->
-        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
+        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
         <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->

pages/UI/timeline.html

@@ -20,7 +20,7 @@
           <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
         <![endif]-->
     </head>
-    <body class="skin-blue">
+    <body class="skin-black">
         <!-- header logo: style can be found in header.less -->
         <header class="header">
             <a href="../../index.html" class="logo">
@@ -557,7 +557,7 @@
         </div><!-- ./wrapper -->
 
         <!-- jQuery 2.0.2 -->
-        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
+        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
         <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->

pages/calendar.html

@@ -23,7 +23,7 @@
           <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
         <![endif]-->
     </head>
-    <body class="skin-blue">
+    <body class="skin-black">
         <!-- header logo: style can be found in header.less -->
         <header class="header">
             <a href="../index.html" class="logo">
@@ -471,7 +471,7 @@
 
 
         <!-- jQuery 2.0.2 -->
-        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
+        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- jQuery UI 1.10.3 -->
         <script src="../js/jquery-ui-1.10.3.min.js" type="text/javascript"></script>
         <!-- Bootstrap -->

pages/charts/empty.html

@@ -20,7 +20,7 @@
           <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
         <![endif]-->
     </head>
-    <body class="skin-blue">
+    <body class="skin-black">
         <!-- header logo: style can be found in header.less -->
         <header class="header">
             <a href="../../index.html" class="logo">
@@ -409,7 +409,7 @@
 
 
         <!-- jQuery 2.0.2 -->
-        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
+        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
         <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->

pages/charts/flot.html

@@ -20,7 +20,7 @@
           <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
         <![endif]-->
     </head>
-    <body class="skin-blue">
+    <body class="skin-black">
         <!-- header logo: style can be found in header.less -->
         <header class="header">
             <a href="../../index.html" class="logo">
@@ -481,7 +481,7 @@
 
 
         <!-- jQuery 2.0.2 -->
-        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
+        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
         <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->

pages/charts/inline.html

@@ -20,7 +20,7 @@
           <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
         <![endif]-->
     </head>
-    <body class="skin-blue">
+    <body class="skin-black">
         <!-- header logo: style can be found in header.less -->
         <header class="header">
             <a href="../../index.html" class="logo">
@@ -668,7 +668,7 @@
 
 
         <!-- jQuery 2.0.2 -->
-        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
+        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
         <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->

pages/charts/morris.html

@@ -22,7 +22,7 @@
           <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
         <![endif]-->
     </head>
-    <body class="skin-blue">
+    <body class="skin-black">
         <!-- header logo: style can be found in header.less -->
         <header class="header">
             <a href="../../index.html" class="logo">
@@ -458,7 +458,7 @@
 
 
         <!-- jQuery 2.0.2 -->
-        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
+        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
         <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
 

pages/empty.html

@@ -12,7 +12,7 @@
         <link href="../css/ionicons.min.css" rel="stylesheet" type="text/css" />
         <!-- Theme style -->
         <link href="../css/AdminLTE.css" rel="stylesheet" type="text/css" />
-        
+
         <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
         <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
         <!--[if lt IE 9]>
@@ -20,7 +20,7 @@
           <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
         <![endif]-->
     </head>
-    <body class="skin-blue">
+    <body class="skin-black">
         <!-- header logo: style can be found in header.less -->
         <header class="header">
             <a href="../index.html" class="logo">
@@ -380,6 +380,36 @@
                                 <li><a href="examples/blank.html"><i class="fa fa-angle-double-right"></i> Blank Page</a></li>
                             </ul>
                         </li>
+                        <li class="treeview">
+                            <a href="#">
+                                <i class="fa fa-folder"></i>  Multilevel Menu
+                                <i class="fa fa-angle-left pull-right"></i>
+                            </a>                            
+
+                            <ul class="treeview-menu">
+                                <li class="treeview">
+                                    <a href="#">
+                                        First level
+                                        <i class="fa fa-angle-left pull-right"></i>
+                                    </a>
+
+                                    <ul class="treeview-menu">
+                                        <li class="treeview">
+                                            <a href="#">
+                                                Second level
+                                                <i class="fa fa-angle-left pull-right"></i>
+                                            </a>
+
+                                            <ul class="treeview-menu">
+                                                <li>
+                                                    <a href="#">Third level</a>
+                                                </li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                </li>
+                            </ul>
+                        </li>
                     </ul>
                 </section>
                 <!-- /.sidebar -->
@@ -401,7 +431,7 @@
 
                 <!-- Main content -->
                 <section class="content">
-                 
+
 
                 </section><!-- /.content -->
             </aside><!-- /.right-side -->
@@ -409,7 +439,7 @@
 
 
         <!-- jQuery 2.0.2 -->
-        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
+        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
         <script src="../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->

pages/examples/404.html

@@ -20,7 +20,7 @@
           <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
         <![endif]-->
     </head>
-    <body class="skin-blue">
+    <body class="skin-black">
         <!-- header logo: style can be found in header.less -->
         <header class="header">
             <a href="../../index.html" class="logo">
@@ -427,7 +427,7 @@
 
 
         <!-- jQuery 2.0.2 -->
-        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
+        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
         <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->

pages/examples/500.html

@@ -20,7 +20,7 @@
           <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
         <![endif]-->
     </head>
-    <body class="skin-blue">
+    <body class="skin-black">
         <!-- header logo: style can be found in header.less -->
         <header class="header">
             <a href="../../index.html" class="logo">
@@ -427,7 +427,7 @@
 
 
         <!-- jQuery 2.0.2 -->
-        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
+        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
         <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->

pages/examples/blank.html

@@ -20,7 +20,7 @@
           <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
         <![endif]-->
     </head>
-    <body class="skin-blue">
+    <body class="skin-black">
         <!-- header logo: style can be found in header.less -->
         <header class="header">
             <a href="../../index.html" class="logo">
@@ -410,7 +410,7 @@
 
 
         <!-- jQuery 2.0.2 -->
-        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
+        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
         <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->

pages/examples/invoice.html

@@ -20,7 +20,7 @@
           <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
         <![endif]-->
     </head>
-    <body class="skin-blue">
+    <body class="skin-black">
         <!-- header logo: style can be found in header.less -->
         <header class="header">
             <a href="index.html" class="logo">
@@ -547,7 +547,7 @@
 
 
         <!-- jQuery 2.0.2 -->
-        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
+        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
         <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->

pages/examples/lockscreen.html

@@ -55,7 +55,7 @@
         </div><!-- /.center -->
 
         <!-- jQuery 2.0.2 -->
-        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
+        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
         <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
 

pages/examples/login.html

@@ -55,7 +55,7 @@
 
 
         <!-- jQuery 2.0.2 -->
-        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
+        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
         <script src="../../js/bootstrap.min.js" type="text/javascript"></script>        
 

pages/examples/register.html

@@ -57,7 +57,7 @@
 
 
         <!-- jQuery 2.0.2 -->
-        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
+        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
         <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
 

pages/forms/advanced.html

@@ -28,7 +28,7 @@
           <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
         <![endif]-->
     </head>
-    <body class="skin-blue">
+    <body class="skin-black">
         <!-- header logo: style can be found in header.less -->
         <header class="header">
             <a href="../../index.html" class="logo">
@@ -664,7 +664,7 @@
 
 
         <!-- jQuery 2.0.2 -->
-        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
+        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
         <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- InputMask -->

pages/forms/editors.html

@@ -22,7 +22,7 @@
           <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
         <![endif]-->
     </head>
-    <body class="skin-blue">
+    <body class="skin-black">
         <!-- header logo: style can be found in header.less -->
         <header class="header">
             <a href="../../index.html" class="logo">
@@ -451,7 +451,7 @@
 
 
         <!-- jQuery 2.0.2 -->
-        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
+        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
         <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->

pages/forms/empty.html

@@ -20,7 +20,7 @@
           <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
         <![endif]-->
     </head>
-    <body class="skin-blue">
+    <body class="skin-black">
         <!-- header logo: style can be found in header.less -->
         <header class="header">
             <a href="../../index.html" class="logo">
@@ -409,7 +409,7 @@
 
 
         <!-- jQuery 2.0.2 -->
-        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
+        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
         <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->

pages/forms/general.html

@@ -20,7 +20,7 @@
           <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
         <![endif]-->
     </head>
-    <body class="skin-blue">
+    <body class="skin-black">
         <!-- header logo: style can be found in header.less -->
         <header class="header">
             <a href="../../index.html" class="logo">
@@ -706,7 +706,7 @@
             </aside><!-- /.right-side -->
         </div><!-- ./wrapper -->
         <!-- jQuery 2.0.2 -->
-        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
+        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
         <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->

pages/mailbox.html

@@ -24,7 +24,7 @@
           <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
         <![endif]-->
     </head>
-    <body class="skin-blue">
+    <body class="skin-black">
         <!-- header logo: style can be found in header.less -->
         <header class="header">
             <a href="../index.html" class="logo">
@@ -614,7 +614,7 @@
         </div><!-- /.modal -->
 
         <!-- jQuery 2.0.2 -->
-        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
+        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
         <script src="../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->

pages/tables/data.html

@@ -22,7 +22,7 @@
           <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
         <![endif]-->
     </head>
-    <body class="skin-blue">
+    <body class="skin-black">
         <!-- header logo: style can be found in header.less -->
         <header class="header">
             <a href="../../index.html" class="logo">
@@ -1280,7 +1280,7 @@
 
 
         <!-- jQuery 2.0.2 -->
-        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
+        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
         <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- DATA TABES SCRIPT -->

pages/tables/empty.html

@@ -20,7 +20,7 @@
           <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
         <![endif]-->
     </head>
-    <body class="skin-blue">
+    <body class="skin-black">
         <!-- header logo: style can be found in header.less -->
         <header class="header">
             <a href="../../index.html" class="logo">
@@ -409,7 +409,7 @@
 
 
         <!-- jQuery 2.0.2 -->
-        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
+        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
         <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->

pages/tables/simple.html

@@ -20,7 +20,7 @@
           <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
         <![endif]-->
     </head>
-    <body class="skin-blue">
+    <body class="skin-black">
         <!-- header logo: style can be found in header.less -->
         <header class="header">
             <a href="../../index.html" class="logo">
@@ -710,7 +710,7 @@
 
 
         <!-- jQuery 2.0.2 -->
-        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
+        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
         <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->

pages/widgets.html

@@ -20,7 +20,7 @@
           <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
         <![endif]-->
     </head>
-    <body class="skin-blue">
+    <body class="skin-black">
         <!-- header logo: style can be found in header.less -->
         <header class="header">
             <a href="../index.html" class="logo">
@@ -1022,7 +1022,7 @@
 
 
         <!-- jQuery 2.0.2 -->
-        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
+        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
         <script src="../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->