Added new skin and plugin

New skin (skin-black). Added pace plugin to show page loading like
youtube.
This commit is contained in:
Abdullah Almsaeed 2014-03-05 20:31:29 -05:00
parent ec3856d238
commit 90f829f420
44 changed files with 484 additions and 85 deletions

View file

@ -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;
}

View file

@ -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 -->

View file

@ -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 -->

File diff suppressed because one or more lines are too long

View file

@ -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";

View file

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

View file

@ -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;

View file

@ -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;
}
}

17
less/pace.less Normal file
View file

@ -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;
}

View file

@ -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;
}
}
}

View file

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

View file

@ -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/

View file

@ -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>

View file

@ -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=.

9
nbproject/project.xml Normal file
View file

@ -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>

View file

@ -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 -->

View file

@ -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 -->

View file

@ -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 -->

View file

@ -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 -->

View file

@ -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>

View file

@ -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 -->

View file

@ -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 -->

View file

@ -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 -->

View file

@ -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 -->

View file

@ -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 -->

View file

@ -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 -->

View file

@ -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>

View file

@ -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 -->

View file

@ -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 -->

View file

@ -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 -->

View file

@ -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 -->

View file

@ -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 -->

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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 -->

View file

@ -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 -->

View file

@ -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 -->

View file

@ -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 -->

View file

@ -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 -->

View file

@ -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 -->

View file

@ -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 -->

View file

@ -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 -->

View file

@ -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 -->