github
/
AdminLTE
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Reformat code

pull/697/head
Abdullah Almsaeed 2015-09-19 14:05:54 -04:00
parent 2f72188c28
commit ee1782c007
123 changed files with 43974 additions and 29854 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@ -5,5 +5,6 @@
/nbproject/ /nbproject/
/nbproject/private/ /nbproject/private/
/node_modules/ /node_modules/
ad.js
TODO TODO
test.html test.html

4
build/bootstrap-less/mixins.less
View File

@ -1,6 +1,5 @@
// Mixins // Mixins
// -------------------------------------------------- // --------------------------------------------------
// Utilities // Utilities
@import "mixins/hide-text.less"; @import "mixins/hide-text.less";
@import "mixins/opacity.less"; @import "mixins/opacity.less";
@ -14,7 +13,6 @@
@import "mixins/text-emphasis.less"; @import "mixins/text-emphasis.less";
@import "mixins/text-overflow.less"; @import "mixins/text-overflow.less";
@import "mixins/vendor-prefixes.less"; @import "mixins/vendor-prefixes.less";
// Components // Components
@import "mixins/alerts.less"; @import "mixins/alerts.less";
@import "mixins/buttons.less"; @import "mixins/buttons.less";
@ -25,12 +23,10 @@
@import "mixins/forms.less"; @import "mixins/forms.less";
@import "mixins/progress-bar.less"; @import "mixins/progress-bar.less";
@import "mixins/table-row.less"; @import "mixins/table-row.less";
// Skins // Skins
@import "mixins/background-variant.less"; @import "mixins/background-variant.less";
@import "mixins/border-radius.less"; @import "mixins/border-radius.less";
@import "mixins/gradients.less"; @import "mixins/gradients.less";
// Layout // Layout
@import "mixins/clearfix.less"; @import "mixins/clearfix.less";
@import "mixins/center-block.less"; @import "mixins/center-block.less";

3
build/bootstrap-less/mixins/border-radius.less
View File

@ -4,14 +4,17 @@
border-top-right-radius: @radius; border-top-right-radius: @radius;
border-top-left-radius: @radius; border-top-left-radius: @radius;
} }
.border-right-radius(@radius) { .border-right-radius(@radius) {
border-bottom-right-radius: @radius; border-bottom-right-radius: @radius;
border-top-right-radius: @radius; border-top-right-radius: @radius;
} }
.border-bottom-radius(@radius) { .border-bottom-radius(@radius) {
border-bottom-right-radius: @radius; border-bottom-right-radius: @radius;
border-bottom-left-radius: @radius; border-bottom-left-radius: @radius;
} }
.border-left-radius(@radius) { .border-left-radius(@radius) {
border-bottom-left-radius: @radius; border-bottom-left-radius: @radius;
border-top-left-radius: @radius; border-top-left-radius: @radius;

7
build/bootstrap-less/mixins/forms.less
View File

@ -20,10 +20,10 @@
// Set the border and box shadow on specific inputs to match // Set the border and box shadow on specific inputs to match
.form-control { .form-control {
border-color: @border-color; border-color: @border-color;
.box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work .box-shadow(inset 0 1px 1px rgba(0, 0, 0, .075)); // Redeclare so transitions work
&:focus { &:focus {
border-color: darken(@border-color, 10%); border-color: darken(@border-color, 10%);
@shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@border-color, 20%); @shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px lighten(@border-color, 20%);
.box-shadow(@shadow); .box-shadow(@shadow);
} }
} }
@ -39,7 +39,6 @@
} }
} }
// Form control focus state // Form control focus state
// //
// Generate a customized focus state and for any input with the specified color, // Generate a customized focus state and for any input with the specified color,
@ -79,7 +78,7 @@
} }
textarea&, textarea&,
select[multiple]& { select[multiple] & {
height: auto; height: auto;
} }
} }

8
build/bootstrap-less/mixins/gradients.less
View File

@ -11,7 +11,7 @@
background-image: -o-linear-gradient(left, @start-color @start-percent, @end-color @end-percent); // Opera 12 background-image: -o-linear-gradient(left, @start-color @start-percent, @end-color @end-percent); // Opera 12
background-image: linear-gradient(to right, @start-color @start-percent, @end-color @end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ background-image: linear-gradient(to right, @start-color @start-percent, @end-color @end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
background-repeat: repeat-x; background-repeat: repeat-x;
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@start-color),argb(@end-color))); // IE9 and down filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)", argb(@start-color), argb(@end-color))); // IE9 and down
} }
// Vertical gradient, from top to bottom // Vertical gradient, from top to bottom
@ -23,7 +23,7 @@
background-image: -o-linear-gradient(top, @start-color @start-percent, @end-color @end-percent); // Opera 12 background-image: -o-linear-gradient(top, @start-color @start-percent, @end-color @end-percent); // Opera 12
background-image: linear-gradient(to bottom, @start-color @start-percent, @end-color @end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ background-image: linear-gradient(to bottom, @start-color @start-percent, @end-color @end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
background-repeat: repeat-x; background-repeat: repeat-x;
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color))); // IE9 and down filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)", argb(@start-color), argb(@end-color))); // IE9 and down
} }
.directional(@start-color: #555; @end-color: #333; @deg: 45deg) { .directional(@start-color: #555; @end-color: #333; @deg: 45deg) {
@ -37,14 +37,14 @@
background-image: -o-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color); background-image: -o-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color);
background-image: linear-gradient(to right, @start-color, @mid-color @color-stop, @end-color); background-image: linear-gradient(to right, @start-color, @mid-color @color-stop, @end-color);
background-repeat: no-repeat; background-repeat: no-repeat;
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)", argb(@start-color), argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback
} }
.vertical-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) { .vertical-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) {
background-image: -webkit-linear-gradient(@start-color, @mid-color @color-stop, @end-color); background-image: -webkit-linear-gradient(@start-color, @mid-color @color-stop, @end-color);
background-image: -o-linear-gradient(@start-color, @mid-color @color-stop, @end-color); background-image: -o-linear-gradient(@start-color, @mid-color @color-stop, @end-color);
background-image: linear-gradient(@start-color, @mid-color @color-stop, @end-color); background-image: linear-gradient(@start-color, @mid-color @color-stop, @end-color);
background-repeat: no-repeat; background-repeat: no-repeat;
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)", argb(@start-color), argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback
} }
.radial(@inner-color: #555; @outer-color: #333) { .radial(@inner-color: #555; @outer-color: #333) {
background-image: -webkit-radial-gradient(circle, @inner-color, @outer-color); background-image: -webkit-radial-gradient(circle, @inner-color, @outer-color);

23
build/bootstrap-less/mixins/grid-framework.less
View File

@ -5,15 +5,18 @@
.make-grid-columns() { .make-grid-columns() {
// Common styles for all sizes of grid columns, widths 1-12 // Common styles for all sizes of grid columns, widths 1-12
.col(@index) { // initial .col(@index) {
// initial
@item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}"; @item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}";
.col((@index + 1), @item); .col((@index + 1), @item);
} }
.col(@index, @list) when (@index =< @grid-columns) { // general; "=<" isn't a typo .col(@index, @list) when (@index =< @grid-columns) {
// general; "=<" isn't a typo
@item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}"; @item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}";
.col((@index + 1), ~"@{list}, @{item}"); .col((@index + 1), ~"@{list}, @{item}");
} }
.col(@index, @list) when (@index > @grid-columns) { // terminal .col(@index, @list) when (@index > @grid-columns) {
// terminal
@{list} { @{list} {
position: relative; position: relative;
// Prevent columns from collapsing when empty // Prevent columns from collapsing when empty
@ -27,15 +30,18 @@
} }
.float-grid-columns(@class) { .float-grid-columns(@class) {
.col(@index) { // initial .col(@index) {
// initial
@item: ~".col-@{class}-@{index}"; @item: ~".col-@{class}-@{index}";
.col((@index + 1), @item); .col((@index + 1), @item);
} }
.col(@index, @list) when (@index =< @grid-columns) { // general .col(@index, @list) when (@index =< @grid-columns) {
// general
@item: ~".col-@{class}-@{index}"; @item: ~".col-@{class}-@{index}";
.col((@index + 1), ~"@{list}, @{item}"); .col((@index + 1), ~"@{list}, @{item}");
} }
.col(@index, @list) when (@index > @grid-columns) { // terminal .col(@index, @list) when (@index > @grid-columns) {
// terminal
@{list} { @{list} {
float: left; float: left;
} }
@ -48,26 +54,31 @@
width: percentage((@index / @grid-columns)); width: percentage((@index / @grid-columns));
} }
} }
.calc-grid-column(@index, @class, @type) when (@type = push) and (@index > 0) { .calc-grid-column(@index, @class, @type) when (@type = push) and (@index > 0) {
.col-@{class}-push-@{index} { .col-@{class}-push-@{index} {
left: percentage((@index / @grid-columns)); left: percentage((@index / @grid-columns));
} }
} }
.calc-grid-column(@index, @class, @type) when (@type = push) and (@index = 0) { .calc-grid-column(@index, @class, @type) when (@type = push) and (@index = 0) {
.col-@{class}-push-0 { .col-@{class}-push-0 {
left: auto; left: auto;
} }
} }
.calc-grid-column(@index, @class, @type) when (@type = pull) and (@index > 0) { .calc-grid-column(@index, @class, @type) when (@type = pull) and (@index > 0) {
.col-@{class}-pull-@{index} { .col-@{class}-pull-@{index} {
right: percentage((@index / @grid-columns)); right: percentage((@index / @grid-columns));
} }
} }
.calc-grid-column(@index, @class, @type) when (@type = pull) and (@index = 0) { .calc-grid-column(@index, @class, @type) when (@type = pull) and (@index = 0) {
.col-@{class}-pull-0 { .col-@{class}-pull-0 {
right: auto; right: auto;
} }
} }
.calc-grid-column(@index, @class, @type) when (@type = offset) { .calc-grid-column(@index, @class, @type) when (@type = offset) {
.col-@{class}-offset-@{index} { .col-@{class}-offset-@{index} {
margin-left: percentage((@index / @grid-columns)); margin-left: percentage((@index / @grid-columns));

12
build/bootstrap-less/mixins/grid.less
View File

@ -27,12 +27,15 @@
padding-left: (@gutter / 2); padding-left: (@gutter / 2);
padding-right: (@gutter / 2); padding-right: (@gutter / 2);
} }
.make-xs-column-offset(@columns) { .make-xs-column-offset(@columns) {
margin-left: percentage((@columns / @grid-columns)); margin-left: percentage((@columns / @grid-columns));
} }
.make-xs-column-push(@columns) { .make-xs-column-push(@columns) {
left: percentage((@columns / @grid-columns)); left: percentage((@columns / @grid-columns));
} }
.make-xs-column-pull(@columns) { .make-xs-column-pull(@columns) {
right: percentage((@columns / @grid-columns)); right: percentage((@columns / @grid-columns));
} }
@ -49,16 +52,19 @@
width: percentage((@columns / @grid-columns)); width: percentage((@columns / @grid-columns));
} }
} }
.make-sm-column-offset(@columns) { .make-sm-column-offset(@columns) {
@media (min-width: @screen-sm-min) { @media (min-width: @screen-sm-min) {
margin-left: percentage((@columns / @grid-columns)); margin-left: percentage((@columns / @grid-columns));
} }
} }
.make-sm-column-push(@columns) { .make-sm-column-push(@columns) {
@media (min-width: @screen-sm-min) { @media (min-width: @screen-sm-min) {
left: percentage((@columns / @grid-columns)); left: percentage((@columns / @grid-columns));
} }
} }
.make-sm-column-pull(@columns) { .make-sm-column-pull(@columns) {
@media (min-width: @screen-sm-min) { @media (min-width: @screen-sm-min) {
right: percentage((@columns / @grid-columns)); right: percentage((@columns / @grid-columns));
@ -77,16 +83,19 @@
width: percentage((@columns / @grid-columns)); width: percentage((@columns / @grid-columns));
} }
} }
.make-md-column-offset(@columns) { .make-md-column-offset(@columns) {
@media (min-width: @screen-md-min) { @media (min-width: @screen-md-min) {
margin-left: percentage((@columns / @grid-columns)); margin-left: percentage((@columns / @grid-columns));
} }
} }
.make-md-column-push(@columns) { .make-md-column-push(@columns) {
@media (min-width: @screen-md-min) { @media (min-width: @screen-md-min) {
left: percentage((@columns / @grid-columns)); left: percentage((@columns / @grid-columns));
} }
} }
.make-md-column-pull(@columns) { .make-md-column-pull(@columns) {
@media (min-width: @screen-md-min) { @media (min-width: @screen-md-min) {
right: percentage((@columns / @grid-columns)); right: percentage((@columns / @grid-columns));
@ -105,16 +114,19 @@
width: percentage((@columns / @grid-columns)); width: percentage((@columns / @grid-columns));
} }
} }
.make-lg-column-offset(@columns) { .make-lg-column-offset(@columns) {
@media (min-width: @screen-lg-min) { @media (min-width: @screen-lg-min) {
margin-left: percentage((@columns / @grid-columns)); margin-left: percentage((@columns / @grid-columns));
} }
} }
.make-lg-column-push(@columns) { .make-lg-column-push(@columns) {
@media (min-width: @screen-lg-min) { @media (min-width: @screen-lg-min) {
left: percentage((@columns / @grid-columns)); left: percentage((@columns / @grid-columns));
} }
} }
.make-lg-column-pull(@columns) { .make-lg-column-pull(@columns) {
@media (min-width: @screen-lg-min) { @media (min-width: @screen-lg-min) {
right: percentage((@columns / @grid-columns)); right: percentage((@columns / @grid-columns));

10
build/bootstrap-less/mixins/image.less
View File

@ -2,7 +2,6 @@
// - Responsive image // - Responsive image
// - Retina image // - Retina image
// Responsive image // Responsive image
// //
// Keep images from scaling beyond the width of their parents. // Keep images from scaling beyond the width of their parents.
@ -12,7 +11,6 @@
height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
} }
// Retina image // Retina image
// //
// Short retina mixin for setting background-image and -size. Note that the // Short retina mixin for setting background-image and -size. Note that the
@ -20,13 +18,7 @@
.img-retina(@file-1x; @file-2x; @width-1x; @height-1x) { .img-retina(@file-1x; @file-2x; @width-1x; @height-1x) {
background-image: url("@{file-1x}"); background-image: url("@{file-1x}");
@media @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( -o-min-device-pixel-ratio: 2/1),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {
background-image: url("@{file-2x}"); background-image: url("@{file-2x}");
background-size: @width-1x @height-1x; background-size: @width-1x @height-1x;
} }

12
build/bootstrap-less/mixins/responsive-visibility.less
View File

@ -4,10 +4,16 @@
// More easily include all the states for responsive-utilities.less. // More easily include all the states for responsive-utilities.less.
.responsive-visibility() { .responsive-visibility() {
display: block !important; display: block !important;
table& { display: table; } table& {
tr& { display: table-row !important; } display: table;
}
tr& {
display: table-row !important;
}
th&, th&,
td& { display: table-cell !important; } td& {
display: table-cell !important;
}
} }
.responsive-invisibility() { .responsive-invisibility() {

39
build/bootstrap-less/mixins/vendor-prefixes.less
View File

@ -14,37 +14,43 @@
// - Transitions // - Transitions
// - User Select // - User Select
// Animations // Animations
.animation(@animation) { .animation(@animation) {
-webkit-animation: @animation; -webkit-animation: @animation;
-o-animation: @animation; -o-animation: @animation;
animation: @animation; animation: @animation;
} }
.animation-name(@name) { .animation-name(@name) {
-webkit-animation-name: @name; -webkit-animation-name: @name;
animation-name: @name; animation-name: @name;
} }
.animation-duration(@duration) { .animation-duration(@duration) {
-webkit-animation-duration: @duration; -webkit-animation-duration: @duration;
animation-duration: @duration; animation-duration: @duration;
} }
.animation-timing-function(@timing-function) { .animation-timing-function(@timing-function) {
-webkit-animation-timing-function: @timing-function; -webkit-animation-timing-function: @timing-function;
animation-timing-function: @timing-function; animation-timing-function: @timing-function;
} }
.animation-delay(@delay) { .animation-delay(@delay) {
-webkit-animation-delay: @delay; -webkit-animation-delay: @delay;
animation-delay: @delay; animation-delay: @delay;
} }
.animation-iteration-count(@iteration-count) { .animation-iteration-count(@iteration-count) {
-webkit-animation-iteration-count: @iteration-count; -webkit-animation-iteration-count: @iteration-count;
animation-iteration-count: @iteration-count; animation-iteration-count: @iteration-count;
} }
.animation-direction(@direction) { .animation-direction(@direction) {
-webkit-animation-direction: @direction; -webkit-animation-direction: @direction;
animation-direction: @direction; animation-direction: @direction;
} }
.animation-fill-mode(@fill-mode) { .animation-fill-mode(@fill-mode) {
-webkit-animation-fill-mode: @fill-mode; -webkit-animation-fill-mode: @fill-mode;
animation-fill-mode: @fill-mode; animation-fill-mode: @fill-mode;
@ -54,7 +60,7 @@
// Prevent browsers from flickering when using CSS 3D transforms. // Prevent browsers from flickering when using CSS 3D transforms.
// Default value is `visible`, but can be changed to `hidden` // Default value is `visible`, but can be changed to `hidden`
.backface-visibility(@visibility){ .backface-visibility(@visibility) {
-webkit-backface-visibility: @visibility; -webkit-backface-visibility: @visibility;
-moz-backface-visibility: @visibility; -moz-backface-visibility: @visibility;
backface-visibility: @visibility; backface-visibility: @visibility;
@ -104,8 +110,14 @@
color: @color; color: @color;
opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526 opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526
} }
&:-ms-input-placeholder { color: @color; } // Internet Explorer 10+ &:-ms-input-placeholder {
&::-webkit-input-placeholder { color: @color; } // Safari and Chrome color: @color;
}
// Internet Explorer 10+
&::-webkit-input-placeholder {
color: @color;
}
// Safari and Chrome
} }
// Transformations // Transformations
@ -115,68 +127,80 @@
-o-transform: scale(@ratio); -o-transform: scale(@ratio);
transform: scale(@ratio); transform: scale(@ratio);
} }
.scale(@ratioX; @ratioY) { .scale(@ratioX; @ratioY) {
-webkit-transform: scale(@ratioX, @ratioY); -webkit-transform: scale(@ratioX, @ratioY);
-ms-transform: scale(@ratioX, @ratioY); // IE9 only -ms-transform: scale(@ratioX, @ratioY); // IE9 only
-o-transform: scale(@ratioX, @ratioY); -o-transform: scale(@ratioX, @ratioY);
transform: scale(@ratioX, @ratioY); transform: scale(@ratioX, @ratioY);
} }
.scaleX(@ratio) { .scaleX(@ratio) {
-webkit-transform: scaleX(@ratio); -webkit-transform: scaleX(@ratio);
-ms-transform: scaleX(@ratio); // IE9 only -ms-transform: scaleX(@ratio); // IE9 only
-o-transform: scaleX(@ratio); -o-transform: scaleX(@ratio);
transform: scaleX(@ratio); transform: scaleX(@ratio);
} }
.scaleY(@ratio) { .scaleY(@ratio) {
-webkit-transform: scaleY(@ratio); -webkit-transform: scaleY(@ratio);
-ms-transform: scaleY(@ratio); // IE9 only -ms-transform: scaleY(@ratio); // IE9 only
-o-transform: scaleY(@ratio); -o-transform: scaleY(@ratio);
transform: scaleY(@ratio); transform: scaleY(@ratio);
} }
.skew(@x; @y) { .skew(@x; @y) {
-webkit-transform: skewX(@x) skewY(@y); -webkit-transform: skewX(@x) skewY(@y);
-ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+ -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+
-o-transform: skewX(@x) skewY(@y); -o-transform: skewX(@x) skewY(@y);
transform: skewX(@x) skewY(@y); transform: skewX(@x) skewY(@y);
} }
.translate(@x; @y) { .translate(@x; @y) {
-webkit-transform: translate(@x, @y); -webkit-transform: translate(@x, @y);
-ms-transform: translate(@x, @y); // IE9 only -ms-transform: translate(@x, @y); // IE9 only
-o-transform: translate(@x, @y); -o-transform: translate(@x, @y);
transform: translate(@x, @y); transform: translate(@x, @y);
} }
.translate3d(@x; @y; @z) { .translate3d(@x; @y; @z) {
-webkit-transform: translate3d(@x, @y, @z); -webkit-transform: translate3d(@x, @y, @z);
transform: translate3d(@x, @y, @z); transform: translate3d(@x, @y, @z);
} }
.rotate(@degrees) { .rotate(@degrees) {
-webkit-transform: rotate(@degrees); -webkit-transform: rotate(@degrees);
-ms-transform: rotate(@degrees); // IE9 only -ms-transform: rotate(@degrees); // IE9 only
-o-transform: rotate(@degrees); -o-transform: rotate(@degrees);
transform: rotate(@degrees); transform: rotate(@degrees);
} }
.rotateX(@degrees) { .rotateX(@degrees) {
-webkit-transform: rotateX(@degrees); -webkit-transform: rotateX(@degrees);
-ms-transform: rotateX(@degrees); // IE9 only -ms-transform: rotateX(@degrees); // IE9 only
-o-transform: rotateX(@degrees); -o-transform: rotateX(@degrees);
transform: rotateX(@degrees); transform: rotateX(@degrees);
} }
.rotateY(@degrees) { .rotateY(@degrees) {
-webkit-transform: rotateY(@degrees); -webkit-transform: rotateY(@degrees);
-ms-transform: rotateY(@degrees); // IE9 only -ms-transform: rotateY(@degrees); // IE9 only
-o-transform: rotateY(@degrees); -o-transform: rotateY(@degrees);
transform: rotateY(@degrees); transform: rotateY(@degrees);
} }
.perspective(@perspective) { .perspective(@perspective) {
-webkit-perspective: @perspective; -webkit-perspective: @perspective;
-moz-perspective: @perspective; -moz-perspective: @perspective;
perspective: @perspective; perspective: @perspective;
} }
.perspective-origin(@perspective) { .perspective-origin(@perspective) {
-webkit-perspective-origin: @perspective; -webkit-perspective-origin: @perspective;
-moz-perspective-origin: @perspective; -moz-perspective-origin: @perspective;
perspective-origin: @perspective; perspective-origin: @perspective;
} }
.transform-origin(@origin) { .transform-origin(@origin) {
-webkit-transform-origin: @origin; -webkit-transform-origin: @origin;
-moz-transform-origin: @origin; -moz-transform-origin: @origin;
@ -184,7 +208,6 @@
transform-origin: @origin; transform-origin: @origin;
} }
// Transitions // Transitions
.transition(@transition) { .transition(@transition) {
@ -192,22 +215,27 @@
-o-transition: @transition; -o-transition: @transition;
transition: @transition; transition: @transition;
} }
.transition-property(@transition-property) { .transition-property(@transition-property) {
-webkit-transition-property: @transition-property; -webkit-transition-property: @transition-property;
transition-property: @transition-property; transition-property: @transition-property;
} }
.transition-delay(@transition-delay) { .transition-delay(@transition-delay) {
-webkit-transition-delay: @transition-delay; -webkit-transition-delay: @transition-delay;
transition-delay: @transition-delay; transition-delay: @transition-delay;
} }
.transition-duration(@transition-duration) { .transition-duration(@transition-duration) {
-webkit-transition-duration: @transition-duration; -webkit-transition-duration: @transition-duration;
transition-duration: @transition-duration; transition-duration: @transition-duration;
} }
.transition-timing-function(@timing-function) { .transition-timing-function(@timing-function) {
-webkit-transition-timing-function: @timing-function; -webkit-transition-timing-function: @timing-function;
transition-timing-function: @timing-function; transition-timing-function: @timing-function;
} }
.transition-transform(@transition) { .transition-transform(@transition) {
-webkit-transition: -webkit-transform @transition; -webkit-transition: -webkit-transform @transition;
-moz-transition: -moz-transform @transition; -moz-transition: -moz-transform @transition;
@ -215,7 +243,6 @@
transition: transform @transition; transition: transform @transition;
} }
// User select // User select
// For selecting text on the page // For selecting text on the page

92
build/bootstrap-less/variables.less
View File

@ -2,25 +2,29 @@
// Variables // Variables
// -------------------------------------------------- // --------------------------------------------------
//== Colors //== Colors
// //
//## Gray and brand colors for use across Bootstrap. //## Gray and brand colors for use across Bootstrap.
@gray-base: #000; @gray-base: #000;
@gray-darker: lighten(@gray-base, 13.5%); // #222 @gray-darker: lighten(@gray-base, 13.5%);
@gray-dark: lighten(@gray-base, 20%); // #333 // #222
@gray: lighten(@gray-base, 33.5%); // #555 @gray-dark: lighten(@gray-base, 20%);
@gray-light: lighten(@gray-base, 46.7%); // #777 // #333
@gray-lighter: lighten(@gray-base, 93.5%); // #eee @gray: lighten(@gray-base, 33.5%);
// #555
@gray-light: lighten(@gray-base, 46.7%);
// #777
@gray-lighter: lighten(@gray-base, 93.5%);
// #eee
@brand-primary: darken(#428bca, 6.5%); // #337ab7 @brand-primary: darken(#428bca, 6.5%);
// #337ab7
@brand-success: #5cb85c; @brand-success: #5cb85c;
@brand-info: #5bc0de; @brand-info: #5bc0de;
@brand-warning: #f0ad4e; @brand-warning: #f0ad4e;
@brand-danger: #d9534f; @brand-danger: #d9534f;
//== Scaffolding //== Scaffolding
// //
//## Settings for some of the most global styles. //## Settings for some of the most global styles.
@ -37,7 +41,6 @@
//** Link hover decoration. //** Link hover decoration.
@link-hover-decoration: underline; @link-hover-decoration: underline;
//== Typography //== Typography
// //
//## Font, line-height, and color for body text, headings, and more. //## Font, line-height, and color for body text, headings, and more.
@ -49,20 +52,29 @@
@font-family-base: @font-family-sans-serif; @font-family-base: @font-family-sans-serif;
@font-size-base: 14px; @font-size-base: 14px;
@font-size-large: ceil((@font-size-base * 1.25)); // ~18px @font-size-large: ceil((@font-size-base * 1.25));
@font-size-small: ceil((@font-size-base * 0.85)); // ~12px // ~18px
@font-size-small: ceil((@font-size-base * 0.85));
// ~12px
@font-size-h1: floor((@font-size-base * 2.6)); // ~36px @font-size-h1: floor((@font-size-base * 2.6));
@font-size-h2: floor((@font-size-base * 2.15)); // ~30px // ~36px
@font-size-h3: ceil((@font-size-base * 1.7)); // ~24px @font-size-h2: floor((@font-size-base * 2.15));
@font-size-h4: ceil((@font-size-base * 1.25)); // ~18px // ~30px
@font-size-h3: ceil((@font-size-base * 1.7));
// ~24px
@font-size-h4: ceil((@font-size-base * 1.25));
// ~18px
@font-size-h5: @font-size-base; @font-size-h5: @font-size-base;
@font-size-h6: ceil((@font-size-base * 0.85)); // ~12px @font-size-h6: ceil((@font-size-base * 0.85));
// ~12px
//** Unit-less `line-height` for use in components like buttons. //** Unit-less `line-height` for use in components like buttons.
@line-height-base: 1.428571429; // 20/14 @line-height-base: 1.428571429;
// 20/14
//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc. //** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
@line-height-computed: floor((@font-size-base * @line-height-base)); // ~20px @line-height-computed: floor((@font-size-base * @line-height-base));
// ~20px
//** By default, this inherits from the `<body>`. //** By default, this inherits from the `<body>`.
@headings-font-family: inherit; @headings-font-family: inherit;
@ -70,7 +82,6 @@
@headings-line-height: 1.1; @headings-line-height: 1.1;
@headings-color: inherit; @headings-color: inherit;
//== Iconography //== Iconography
// //
//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower. //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
@ -82,7 +93,6 @@
//** Element ID within SVG icon file. //** Element ID within SVG icon file.
@icon-font-svg-id: "glyphicons_halflingsregular"; @icon-font-svg-id: "glyphicons_halflingsregular";
//== Components //== Components
// //
//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start). //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
@ -99,7 +109,8 @@
@padding-xs-vertical: 1px; @padding-xs-vertical: 1px;
@padding-xs-horizontal: 5px; @padding-xs-horizontal: 5px;
@line-height-large: 1.3333333; // extra decimals for Win 8.1 Chrome @line-height-large: 1.3333333;
// extra decimals for Win 8.1 Chrome
@line-height-small: 1.5; @line-height-small: 1.5;
@border-radius-base: 4px; @border-radius-base: 4px;
@ -116,7 +127,6 @@
//** Carets increase slightly in size for larger components. //** Carets increase slightly in size for larger components.
@caret-width-large: 5px; @caret-width-large: 5px;
//== Tables //== Tables
// //
//## Customizes the `.table` component with basic values, each used across all table variations. //## Customizes the `.table` component with basic values, each used across all table variations.
@ -137,7 +147,6 @@
//** Border color for table and cell borders. //** Border color for table and cell borders.
@table-border-color: #ddd; @table-border-color: #ddd;
//== Buttons //== Buttons
// //
//## For each of Bootstrap's buttons, define text, background and border color. //## For each of Bootstrap's buttons, define text, background and border color.
@ -170,7 +179,6 @@
@btn-link-disabled-color: @gray-light; @btn-link-disabled-color: @gray-light;
//== Forms //== Forms
// //
//## //##
@ -221,7 +229,6 @@
//** Disabled cursor for form controls and buttons. //** Disabled cursor for form controls and buttons.
@cursor-disabled: not-allowed; @cursor-disabled: not-allowed;
//== Dropdowns //== Dropdowns
// //
//## Dropdown menu container and contents. //## Dropdown menu container and contents.
@ -229,7 +236,7 @@
//** Background for the dropdown menu. //** Background for the dropdown menu.
@dropdown-bg: #fff; @dropdown-bg: #fff;
//** Dropdown menu `border-color`. //** Dropdown menu `border-color`.
@dropdown-border: rgba(0,0,0,.15); @dropdown-border: rgba(0, 0, 0, .15);
//** Dropdown menu `border-color` **for IE8**. //** Dropdown menu `border-color` **for IE8**.
@dropdown-fallback-border: #ccc; @dropdown-fallback-border: #ccc;
//** Divider color for between dropdown items. //** Divider color for between dropdown items.
@ -256,7 +263,6 @@
//** Deprecated `@dropdown-caret-color` as of v3.1.0 //** Deprecated `@dropdown-caret-color` as of v3.1.0
@dropdown-caret-color: #000; @dropdown-caret-color: #000;
//-- Z-index master list //-- Z-index master list
// //
// Warning: Avoid customizing these values. They're used for a bird's eye view // Warning: Avoid customizing these values. They're used for a bird's eye view
@ -272,7 +278,6 @@
@zindex-modal-background: 1040; @zindex-modal-background: 1040;
@zindex-modal: 1050; @zindex-modal: 1050;
//== Media queries breakpoints //== Media queries breakpoints
// //
//## Define the breakpoints at which your layout will change, adapting to different screen sizes. //## Define the breakpoints at which your layout will change, adapting to different screen sizes.
@ -311,7 +316,6 @@
@screen-sm-max: (@screen-md-min - 1); @screen-sm-max: (@screen-md-min - 1);
@screen-md-max: (@screen-lg-min - 1); @screen-md-max: (@screen-lg-min - 1);
//== Grid system //== Grid system
// //
//## Define your custom responsive grid. //## Define your custom responsive grid.
@ -326,7 +330,6 @@
//** Point at which the navbar begins collapsing. //** Point at which the navbar begins collapsing.
@grid-float-breakpoint-max: (@grid-float-breakpoint - 1); @grid-float-breakpoint-max: (@grid-float-breakpoint - 1);
//== Container sizes //== Container sizes
// //
//## Define the maximum width of `.container` for different screen sizes. //## Define the maximum width of `.container` for different screen sizes.
@ -346,7 +349,6 @@
//** For `@screen-lg-min` and up. //** For `@screen-lg-min` and up.
@container-lg: @container-large-desktop; @container-lg: @container-large-desktop;
//== Navbar //== Navbar
// //
//## //##
@ -382,7 +384,6 @@
@navbar-default-toggle-icon-bar-bg: #888; @navbar-default-toggle-icon-bar-bg: #888;
@navbar-default-toggle-border-color: #ddd; @navbar-default-toggle-border-color: #ddd;
// Inverted navbar // Inverted navbar
// Reset inverted navbar basics // Reset inverted navbar basics
@navbar-inverse-color: lighten(@gray-light, 15%); @navbar-inverse-color: lighten(@gray-light, 15%);
@ -408,7 +409,6 @@
@navbar-inverse-toggle-icon-bar-bg: #fff; @navbar-inverse-toggle-icon-bar-bg: #fff;
@navbar-inverse-toggle-border-color: #333; @navbar-inverse-toggle-border-color: #333;
//== Navs //== Navs
// //
//## //##
@ -437,7 +437,6 @@
@nav-pills-active-link-hover-bg: @component-active-bg; @nav-pills-active-link-hover-bg: @component-active-bg;
@nav-pills-active-link-hover-color: @component-active-color; @nav-pills-active-link-hover-color: @component-active-color;
//== Pagination //== Pagination
// //
//## //##
@ -458,7 +457,6 @@
@pagination-disabled-bg: #fff; @pagination-disabled-bg: #fff;
@pagination-disabled-border: #ddd; @pagination-disabled-border: #ddd;
//== Pager //== Pager
// //
//## //##
@ -474,7 +472,6 @@
@pager-disabled-color: @pagination-disabled-color; @pager-disabled-color: @pagination-disabled-color;
//== Jumbotron //== Jumbotron
// //
//## //##
@ -485,7 +482,6 @@
@jumbotron-heading-color: inherit; @jumbotron-heading-color: inherit;
@jumbotron-font-size: ceil((@font-size-base * 1.5)); @jumbotron-font-size: ceil((@font-size-base * 1.5));
//== Form states and alerts //== Form states and alerts
// //
//## Define colors for form feedback states and, by default, alerts. //## Define colors for form feedback states and, by default, alerts.
@ -506,7 +502,6 @@
@state-danger-bg: #f2dede; @state-danger-bg: #f2dede;
@state-danger-border: darken(spin(@state-danger-bg, -10), 5%); @state-danger-border: darken(spin(@state-danger-bg, -10), 5%);
//== Tooltips //== Tooltips
// //
//## //##
@ -524,7 +519,6 @@
//** Tooltip arrow color //** Tooltip arrow color
@tooltip-arrow-color: @tooltip-bg; @tooltip-arrow-color: @tooltip-bg;
//== Popovers //== Popovers
// //
//## //##
@ -534,7 +528,7 @@
//** Popover maximum width //** Popover maximum width
@popover-max-width: 276px; @popover-max-width: 276px;
//** Popover border color //** Popover border color
@popover-border-color: rgba(0,0,0,.2); @popover-border-color: rgba(0, 0, 0, .2);
//** Popover fallback border color //** Popover fallback border color
@popover-fallback-border-color: #ccc; @popover-fallback-border-color: #ccc;
@ -553,7 +547,6 @@
//** Popover outer arrow fallback color //** Popover outer arrow fallback color
@popover-arrow-outer-fallback-color: darken(@popover-fallback-border-color, 20%); @popover-arrow-outer-fallback-color: darken(@popover-fallback-border-color, 20%);
//== Labels //== Labels
// //
//## //##
@ -576,7 +569,6 @@
//** Default text color of a linked label //** Default text color of a linked label
@label-link-hover-color: #fff; @label-link-hover-color: #fff;
//== Modals //== Modals
// //
//## //##
@ -592,7 +584,7 @@
//** Background color of modal content area //** Background color of modal content area
@modal-content-bg: #fff; @modal-content-bg: #fff;
//** Modal content border color //** Modal content border color
@modal-content-border-color: rgba(0,0,0,.2); @modal-content-border-color: rgba(0, 0, 0, .2);
//** Modal content border color **for IE8** //** Modal content border color **for IE8**
@modal-content-fallback-border-color: #999; @modal-content-fallback-border-color: #999;
@ -609,7 +601,6 @@
@modal-md: 600px; @modal-md: 600px;
@modal-sm: 300px; @modal-sm: 300px;
//== Alerts //== Alerts
// //
//## Define alert colors, border radius, and padding. //## Define alert colors, border radius, and padding.
@ -634,7 +625,6 @@
@alert-danger-text: @state-danger-text; @alert-danger-text: @state-danger-text;
@alert-danger-border: @state-danger-border; @alert-danger-border: @state-danger-border;
//== Progress bars //== Progress bars
// //
//## //##
@ -657,7 +647,6 @@
//** Info progress bar color //** Info progress bar color
@progress-bar-info-bg: @brand-info; @progress-bar-info-bg: @brand-info;
//== List group //== List group
// //
//## //##
@ -691,7 +680,6 @@
@list-group-link-hover-color: @list-group-link-color; @list-group-link-hover-color: @list-group-link-color;
@list-group-link-heading-color: #333; @list-group-link-heading-color: #333;
//== Panels //== Panels
// //
//## //##
@ -730,7 +718,6 @@
@panel-danger-border: @state-danger-border; @panel-danger-border: @state-danger-border;
@panel-danger-heading-bg: @state-danger-bg; @panel-danger-heading-bg: @state-danger-bg;
//== Thumbnails //== Thumbnails
// //
//## //##
@ -749,7 +736,6 @@
//** Padding around the thumbnail caption //** Padding around the thumbnail caption
@thumbnail-caption-padding: 9px; @thumbnail-caption-padding: 9px;
//== Wells //== Wells
// //
//## //##
@ -757,7 +743,6 @@
@well-bg: #f5f5f5; @well-bg: #f5f5f5;
@well-border: darken(@well-bg, 7%); @well-border: darken(@well-bg, 7%);
//== Badges //== Badges
// //
//## //##
@ -776,7 +761,6 @@
@badge-line-height: 1; @badge-line-height: 1;
@badge-border-radius: 10px; @badge-border-radius: 10px;
//== Breadcrumbs //== Breadcrumbs
// //
//## //##
@ -792,12 +776,11 @@
//** Textual separator for between breadcrumb elements //** Textual separator for between breadcrumb elements
@breadcrumb-separator: "/"; @breadcrumb-separator: "/";
//== Carousel //== Carousel
// //
//## //##
@carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6); @carousel-text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
@carousel-control-color: #fff; @carousel-control-color: #fff;
@carousel-control-width: 15%; @carousel-control-width: 15%;
@ -809,7 +792,6 @@
@carousel-caption-color: #fff; @carousel-caption-color: #fff;
//== Close //== Close
// //
//## //##
@ -818,7 +800,6 @@
@close-color: #000; @close-color: #000;
@close-text-shadow: 0 1px 0 #fff; @close-text-shadow: 0 1px 0 #fff;
//== Code //== Code
// //
//## //##
@ -834,7 +815,6 @@
@pre-border-color: #ccc; @pre-border-color: #ccc;
@pre-scrollable-max-height: 340px; @pre-scrollable-max-height: 340px;
//== Type //== Type
// //
//## //##

2
build/less/404_500_errors.less
View File

@ -27,7 +27,7 @@
> h3 { > h3 {
font-weight: 300; font-weight: 300;
font-size: 25px; font-size: 25px;
@media(max-width: @screen-sm-max) { @media (max-width: @screen-sm-max) {
text-align: center; text-align: center;
} }
} }

7
build/less/AdminLTE.less
View File

@ -5,22 +5,18 @@
* License: Open source - MIT * License: Open source - MIT
* Please visit http://opensource.org/licenses/MIT for more information * Please visit http://opensource.org/licenses/MIT for more information
!*/ !*/
//google fonts //google fonts
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic); @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);
//Bootstrap Variables & Mixins //Bootstrap Variables & Mixins
//The core bootstrap code have not been modified. These files //The core bootstrap code have not been modified. These files
//are included only for reference. //are included only for reference.
@import (reference) "../bootstrap-less/mixins.less"; @import (reference) "../bootstrap-less/mixins.less";
@import (reference) "../bootstrap-less/variables.less"; @import (reference) "../bootstrap-less/variables.less";
//MISC //MISC
//---- //----
@import "core.less"; @import "core.less";
@import "variables.less"; @import "variables.less";
@import "mixins.less"; @import "mixins.less";
//COMPONENTS //COMPONENTS
//----------- //-----------
@import "header.less"; @import "header.less";
@ -46,7 +42,6 @@
@import "carousel.less"; @import "carousel.less";
@import "modal.less"; @import "modal.less";
@import "social-widgets.less"; @import "social-widgets.less";
//PAGES //PAGES
//------ //------
@import "mailbox.less"; @import "mailbox.less";
@ -55,13 +50,11 @@
@import "404_500_errors.less"; @import "404_500_errors.less";
@import "invoice.less"; @import "invoice.less";
@import "profile"; @import "profile";
//Plugins //Plugins
//-------- //--------
@import "bootstrap-social.less"; @import "bootstrap-social.less";
@import "fullcalendar.less"; @import "fullcalendar.less";
@import "select2.less"; @import "select2.less";
//Miscellaneous //Miscellaneous
//------------- //-------------
@import "miscellaneous.less"; @import "miscellaneous.less";

3
build/less/alerts.less
View File

@ -29,15 +29,18 @@
&:extend(.bg-green); &:extend(.bg-green);
border-color: darken(@green, 5%); border-color: darken(@green, 5%);
} }
.alert-danger, .alert-danger,
.alert-error { .alert-error {
&:extend(.bg-red); &:extend(.bg-red);
border-color: darken(@red, 5%); border-color: darken(@red, 5%);
} }
.alert-warning { .alert-warning {
&:extend(.bg-yellow); &:extend(.bg-yellow);
border-color: darken(@yellow, 5%); border-color: darken(@yellow, 5%);
} }
.alert-info { .alert-info {
&:extend(.bg-aqua); &:extend(.bg-aqua);
border-color: darken(@aqua, 5%); border-color: darken(@aqua, 5%);

100
build/less/bootstrap-social.less
View File

@ -88,27 +88,85 @@
.btn-social(@color-bg, @color: #fff) { .btn-social(@color-bg, @color: #fff) {
background-color: @color-bg; background-color: @color-bg;
.button-variant(@color, @color-bg, rgba(0,0,0,.2)); .button-variant(@color, @color-bg, rgba(0, 0, 0, .2));
} }
.btn-adn {
.btn-social(#d87a68);
}
.btn-adn { .btn-social(#d87a68); } .btn-bitbucket {
.btn-bitbucket { .btn-social(#205081); } .btn-social(#205081);
.btn-dropbox { .btn-social(#1087dd); } }
.btn-facebook { .btn-social(#3b5998); }
.btn-flickr { .btn-social(#ff0084); } .btn-dropbox {
.btn-foursquare { .btn-social(#f94877); } .btn-social(#1087dd);
.btn-github { .btn-social(#444444); } }
.btn-google { .btn-social(#dd4b39); }
.btn-instagram { .btn-social(#3f729b); } .btn-facebook {
.btn-linkedin { .btn-social(#007bb6); } .btn-social(#3b5998);
.btn-microsoft { .btn-social(#2672ec); } }
.btn-openid { .btn-social(#f7931e); }
.btn-pinterest { .btn-social(#cb2027); } .btn-flickr {
.btn-reddit { .btn-social(#eff7ff, #000); } .btn-social(#ff0084);
.btn-soundcloud { .btn-social(#ff5500); } }
.btn-tumblr { .btn-social(#2c4762); }
.btn-twitter { .btn-social(#55acee); } .btn-foursquare {
.btn-vimeo { .btn-social(#1ab7ea); } .btn-social(#f94877);
.btn-vk { .btn-social(#587ea3); } }
.btn-yahoo { .btn-social(#720e9e); }
.btn-github {
.btn-social(#444444);
}
.btn-google {
.btn-social(#dd4b39);
}
.btn-instagram {
.btn-social(#3f729b);
}
.btn-linkedin {
.btn-social(#007bb6);
}
.btn-microsoft {
.btn-social(#2672ec);
}
.btn-openid {
.btn-social(#f7931e);
}
.btn-pinterest {
.btn-social(#cb2027);
}
.btn-reddit {
.btn-social(#eff7ff, #000);
}
.btn-soundcloud {
.btn-social(#ff5500);
}
.btn-tumblr {
.btn-social(#2c4762);
}
.btn-twitter {
.btn-social(#55acee);
}
.btn-vimeo {
.btn-social(#1ab7ea);
}
.btn-vk {
.btn-social(#587ea3);
}
.btn-yahoo {
.btn-social(#720e9e);
}

8
build/less/boxes.less
View File

@ -77,7 +77,7 @@
.btn, .btn,
a { a {
&:hover { &:hover {
background: rgba(0,0,0,0.1); background: rgba(0, 0, 0, 0.1);
} }
} }
} }
@ -123,7 +123,6 @@
} }
} }
// jQuery Knob in a box // jQuery Knob in a box
.knob-label { .knob-label {
text-align: center; text-align: center;
@ -274,6 +273,7 @@
padding: @box-padding; padding: @box-padding;
background-color: @box-footer-bg; background-color: @box-footer-bg;
} }
.chart-legend { .chart-legend {
&:extend(.list-unstyled); &:extend(.list-unstyled);
margin: 10px 0; margin: 10px 0;
@ -380,7 +380,7 @@
} }
.label { .label {
background: @gray!important; background: @gray !important;
} }
} }
} }
@ -409,6 +409,7 @@
} }
} }
// END TODO WIDGET // END TODO WIDGET
/* Chat widget (DEPRECATED - this will be removed in the next major release. Use Direct Chat instead)*/ /* Chat widget (DEPRECATED - this will be removed in the next major release. Use Direct Chat instead)*/
@ -467,6 +468,7 @@
} }
} }
//END CHAT WIDGET //END CHAT WIDGET
//Input in box //Input in box

29
build/less/buttons.less
View File

@ -23,9 +23,9 @@
// Active state // Active state
&:active { &:active {
-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
-moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
} }
&:focus { &:focus {
@ -61,9 +61,10 @@
&:hover, &:hover,
&:active, &:active,
&.hover { &.hover {
background-color:darken(#f4f4f4, 5%); background-color: darken(#f4f4f4, 5%);
} }
} }
.btn-primary { .btn-primary {
background-color: @light-blue; background-color: @light-blue;
border-color: darken(@light-blue, 5%); border-color: darken(@light-blue, 5%);
@ -71,6 +72,7 @@
background-color: darken(@light-blue, 5%); background-color: darken(@light-blue, 5%);
} }
} }
.btn-success { .btn-success {
background-color: @green; background-color: @green;
border-color: darken(@green, 5%); border-color: darken(@green, 5%);
@ -78,6 +80,7 @@
background-color: darken(@green, 5%); background-color: darken(@green, 5%);
} }
} }
.btn-info { .btn-info {
background-color: @aqua; background-color: @aqua;
border-color: darken(@aqua, 5%); border-color: darken(@aqua, 5%);
@ -85,6 +88,7 @@
background-color: darken(@aqua, 5%); background-color: darken(@aqua, 5%);
} }
} }
.btn-danger { .btn-danger {
background-color: @red; background-color: @red;
border-color: darken(@red, 5%); border-color: darken(@red, 5%);
@ -92,6 +96,7 @@
background-color: darken(@red, 5%); background-color: darken(@red, 5%);
} }
} }
.btn-warning { .btn-warning {
background-color: @yellow; background-color: @yellow;
border-color: darken(@yellow, 5%); border-color: darken(@yellow, 5%);
@ -99,6 +104,7 @@
background-color: darken(@yellow, 5%); background-color: darken(@yellow, 5%);
} }
} }
.btn-outline { .btn-outline {
border: 1px solid #fff; border: 1px solid #fff;
background: transparent; background: transparent;
@ -106,17 +112,20 @@
&:hover, &:hover,
&:focus, &:focus,
&:active { &:active {
color: rgba(255,255,255,.7); color: rgba(255, 255, 255, .7);
border-color: rgba(255,255,255,.7); border-color: rgba(255, 255, 255, .7);
} }
} }
.btn-link { .btn-link {
.box-shadow(none); .box-shadow(none);
} }
//General .btn with bg class //General .btn with bg class
.btn[class*='bg-']:hover { .btn[class*='bg-']:hover {
.box-shadow(inset 0 0 100px rgba(0,0,0,0.2)); .box-shadow(inset 0 0 100px rgba(0, 0, 0, 0.2));
} }
// Application buttons // Application buttons
.btn-app { .btn-app {
.border-radius(3px); .border-radius(3px);
@ -143,9 +152,9 @@
} }
&:active, &:focus { &:active, &:focus {
-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
-moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
} }
//The badge //The badge

15
build/less/control-sidebar.less
View File

@ -8,6 +8,7 @@
z-index: 1000; z-index: 1000;
bottom: 0; bottom: 0;
} }
//Transitions //Transitions
.control-sidebar-bg, .control-sidebar-bg,
.control-sidebar { .control-sidebar {
@ -16,6 +17,7 @@
width: @control-sidebar-width; width: @control-sidebar-width;
.transition(right @transition-speed ease-in-out); .transition(right @transition-speed ease-in-out);
} }
//The sidebar //The sidebar
.control-sidebar { .control-sidebar {
position: absolute; position: absolute;
@ -37,13 +39,14 @@
} }
} }
} }
//Open without slide over content //Open without slide over content
.control-sidebar-open { .control-sidebar-open {
.control-sidebar-bg, .control-sidebar-bg,
.control-sidebar { .control-sidebar {
right: 0; right: 0;
} }
@media(min-width: @screen-sm) { @media (min-width: @screen-sm) {
.content-wrapper, .content-wrapper,
.right-side, .right-side,
.main-footer { .main-footer {
@ -51,6 +54,7 @@
} }
} }
} }
//Control sidebar tabs //Control sidebar tabs
.nav-tabs.control-sidebar-tabs { .nav-tabs.control-sidebar-tabs {
> li { > li {
@ -91,13 +95,14 @@
} }
} }
//Remove responsiveness on small screens //Remove responsiveness on small screens
@media(max-width: @screen-sm) { @media (max-width: @screen-sm) {
display: table; display: table;
>li { > li {
display: table-cell; display: table-cell;
} }
} }
} }
//Headings in the sidebar content //Headings in the sidebar content
.control-sidebar-heading { .control-sidebar-heading {
font-weight: 400; font-weight: 400;
@ -105,12 +110,14 @@
padding: 10px 0; padding: 10px 0;
margin-bottom: 10px; margin-bottom: 10px;
} }
//Subheadings //Subheadings
.control-sidebar-subheading { .control-sidebar-subheading {
display: block; display: block;
font-weight: 400; font-weight: 400;
font-size: 14px; font-size: 14px;
} }
//Control Sidebar Menu //Control Sidebar Menu
.control-sidebar-menu { .control-sidebar-menu {
list-style: none; list-style: none;
@ -147,6 +154,7 @@
margin: 0; margin: 0;
} }
} }
//Dark skin //Dark skin
.control-sidebar-dark { .control-sidebar-dark {
color: @sidebar-dark-color; color: @sidebar-dark-color;
@ -213,6 +221,7 @@
} }
} }
} }
//Light skin //Light skin
.control-sidebar-light { .control-sidebar-light {
color: lighten(@sidebar-light-color, 10%); color: lighten(@sidebar-light-color, 10%);

5
build/less/core.less
View File

@ -29,7 +29,7 @@ body {
max-width: 1250px; max-width: 1250px;
margin: 0 auto; margin: 0 auto;
min-height: 100%; min-height: 100%;
box-shadow: 0 0 8px rgba(0,0,0,0.5); box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
position: relative; position: relative;
} }
} }
@ -78,6 +78,7 @@ body {
background-color: @body-bg; background-color: @body-bg;
z-index: 800; z-index: 800;
} }
.main-footer { .main-footer {
background: #fff; background: #fff;
padding: 15px; padding: 15px;
@ -146,10 +147,12 @@ h6,
.h6 { .h6 {
font-family: 'Source Sans Pro', sans-serif; font-family: 'Source Sans Pro', sans-serif;
} }
/* General Links */ /* General Links */
a { a {
color: @link-color; color: @link-color;
} }
a:hover, a:hover,
a:active, a:active,
a:focus { a:focus {

24
build/less/direct-chat.less
View File

@ -15,24 +15,29 @@
} }
} }
} }
.direct-chat-messages { .direct-chat-messages {
.translate(0, 0); .translate(0, 0);
padding: 10px; padding: 10px;
height: 250px; height: 250px;
overflow: auto; overflow: auto;
} }
.direct-chat-msg, .direct-chat-msg,
.direct-chat-text { .direct-chat-text {
display: block; display: block;
} }
.direct-chat-msg { .direct-chat-msg {
.clearfix(); .clearfix();
margin-bottom: 10px; margin-bottom: 10px;
} }
.direct-chat-messages, .direct-chat-messages,
.direct-chat-contacts { .direct-chat-contacts {
.transition-transform(.5s ease-in-out); .transition-transform(.5s ease-in-out);
} }
.direct-chat-text { .direct-chat-text {
.border-radius(5px); .border-radius(5px);
position: relative; position: relative;
@ -76,6 +81,7 @@
} }
} }
} }
.direct-chat-img { .direct-chat-img {
.border-radius(50%); .border-radius(50%);
float: left; float: left;
@ -85,23 +91,28 @@
float: right; float: right;
} }
} }
.direct-chat-info { .direct-chat-info {
display: block; display: block;
margin-bottom: 2px; margin-bottom: 2px;
font-size: 12px; font-size: 12px;
} }
.direct-chat-name { .direct-chat-name {
font-weight: 600; font-weight: 600;
} }
.direct-chat-timestamp { .direct-chat-timestamp {
color: #999; color: #999;
} }
//Direct chat contacts pane //Direct chat contacts pane
.direct-chat-contacts-open { .direct-chat-contacts-open {
.direct-chat-contacts { .direct-chat-contacts {
.translate(0, 0); .translate(0, 0);
} }
} }
.direct-chat-contacts { .direct-chat-contacts {
.translate(101%, 0); .translate(101%, 0);
position: absolute; position: absolute;
@ -119,7 +130,7 @@
&:extend(.list-unstyled); &:extend(.list-unstyled);
> li { > li {
.clearfix(); .clearfix();
border-bottom: 1px solid rgba(0,0,0,0.2); border-bottom: 1px solid rgba(0, 0, 0, 0.2);
padding: 10px; padding: 10px;
margin: 0; margin: 0;
&:last-of-type { &:last-of-type {
@ -127,29 +138,36 @@
} }
} }
} }
.contacts-list-img { .contacts-list-img {
.border-radius(50%); .border-radius(50%);
width: 40px; width: 40px;
float: left; float: left;
} }
.contacts-list-info { .contacts-list-info {
margin-left: 45px; margin-left: 45px;
color: #fff; color: #fff;
} }
.contacts-list-name, .contacts-list-name,
.contacts-list-status { .contacts-list-status {
display: block; display: block;
} }
.contacts-list-name { .contacts-list-name {
font-weight: 600; font-weight: 600;
} }
.contacts-list-status { .contacts-list-status {
font-size: 12px; font-size: 12px;
} }
.contacts-list-date { .contacts-list-date {
color: #aaa; color: #aaa;
font-weight: normal; font-weight: normal;
} }
.contacts-list-msg { .contacts-list-msg {
color: #999; color: #999;
} }
@ -158,15 +176,19 @@
.direct-chat-danger { .direct-chat-danger {
.direct-chat-variant(@red); .direct-chat-variant(@red);
} }
.direct-chat-primary { .direct-chat-primary {
.direct-chat-variant(@light-blue); .direct-chat-variant(@light-blue);
} }
.direct-chat-warning { .direct-chat-warning {
.direct-chat-variant(@yellow); .direct-chat-variant(@yellow);
} }
.direct-chat-info { .direct-chat-info {
.direct-chat-variant(@aqua); .direct-chat-variant(@aqua);
} }
.direct-chat-success { .direct-chat-success {
.direct-chat-variant(@green); .direct-chat-variant(@green);
} }

14
build/less/dropdown.less
View File

@ -12,7 +12,7 @@
} }
> li > a > .glyphicon, > li > a > .glyphicon,
> li > a > .fa, > li > a > .fa,
> li > a > .ion{ > li > a > .ion {
margin-right: 10px; margin-right: 10px;
} }
> li > a:hover { > li > a:hover {
@ -49,7 +49,6 @@
font-size: 14px; font-size: 14px;
} }
//Define footer class //Define footer class
> .dropdown-menu > li.footer > a { > .dropdown-menu > li.footer > a {
.border-radius(0; 0; 4px; 4px); .border-radius(0; 0; 4px; 4px);
@ -57,10 +56,10 @@
background-color: #fff; background-color: #fff;
padding: 7px 10px; padding: 7px 10px;
border-bottom: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;
color: #444!important; color: #444 !important;
@media (max-width: @screen-sm-max) { @media (max-width: @screen-sm-max) {
background: #fff!important; background: #fff !important;
color: #444!important; color: #444 !important;
} }
text-align: center; text-align: center;
//Hover state //Hover state
@ -154,6 +153,7 @@
} }
} }
//Tasks menu //Tasks menu
.navbar-nav > .tasks-menu { .navbar-nav > .tasks-menu {
> .dropdown-menu > li .menu { > .dropdown-menu > li .menu {
@ -174,6 +174,7 @@
} }
} }
} }
//User menu //User menu
.navbar-nav > .user-menu { .navbar-nav > .user-menu {
> .dropdown-menu { > .dropdown-menu {
@ -267,6 +268,7 @@
.animation(flipInX .7s both); .animation(flipInX .7s both);
} }
@keyframes flipInX { @keyframes flipInX {
0% { 0% {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
@ -292,6 +294,7 @@
transform: perspective(400px); transform: perspective(400px);
} }
} }
@-webkit-keyframes flipInX { @-webkit-keyframes flipInX {
0% { 0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
@ -329,6 +332,7 @@
} }
} }
} }
@media (max-width: @screen-sm-max) { @media (max-width: @screen-sm-max) {
.navbar-custom-menu > .navbar-nav { .navbar-custom-menu > .navbar-nav {
float: right; float: right;

2
build/less/forms.less
View File

@ -64,6 +64,7 @@
background-color: #fff; background-color: #fff;
} }
} }
/* button groups */ /* button groups */
.btn-group-vertical { .btn-group-vertical {
.btn { .btn {
@ -87,6 +88,7 @@
.form-group-lg .form-control + .form-control-feedback.fa { .form-group-lg .form-control + .form-control-feedback.fa {
line-height: @input-height-large; line-height: @input-height-large;
} }
.input-sm + .form-control-feedback.fa, .input-sm + .form-control-feedback.fa,
.input-group-sm + .form-control-feedback.fa, .input-group-sm + .form-control-feedback.fa,
.form-group-sm .form-control + .form-control-feedback.fa { .form-group-sm .form-control + .form-control-feedback.fa {

14
build/less/fullcalendar.less
View File

@ -15,6 +15,7 @@
background-color: #e9e9e9; background-color: #e9e9e9;
} }
} }
// Calendar title // Calendar title
.fc-header-title h2 { .fc-header-title h2 {
font-size: 15px; font-size: 15px;
@ -22,38 +23,47 @@
color: #666; color: #666;
margin-left: 10px; margin-left: 10px;
} }
.fc-header-right { .fc-header-right {
padding-right: 10px; padding-right: 10px;
} }
.fc-header-left { .fc-header-left {
padding-left: 10px; padding-left: 10px;
} }
// Calendar table header cells // Calendar table header cells
.fc-widget-header { .fc-widget-header {
background: #fafafa; background: #fafafa;
} }
.fc-grid { .fc-grid {
width: 100%; width: 100%;
border: 0; border: 0;
} }
.fc-widget-header:first-of-type, .fc-widget-header:first-of-type,
.fc-widget-content:first-of-type { .fc-widget-content:first-of-type {
border-left: 0; border-left: 0;
border-right: 0; border-right: 0;
} }
.fc-widget-header:last-of-type, .fc-widget-header:last-of-type,
.fc-widget-content:last-of-type { .fc-widget-content:last-of-type {
border-right: 0; border-right: 0;
} }
.fc-toolbar { .fc-toolbar {
padding: @box-padding; padding: @box-padding;
margin: 0; margin: 0;
} }
.fc-day-number { .fc-day-number {
font-size: 20px; font-size: 20px;
font-weight: 300; font-weight: 300;
padding-right: 10px; padding-right: 10px;
} }
.fc-color-picker { .fc-color-picker {
list-style: none; list-style: none;
margin: 0; margin: 0;
@ -71,9 +81,11 @@
} }
} }
} }
#add-new-event { #add-new-event {
.transition(all linear .3s); .transition(all linear .3s);
} }
.external-event { .external-event {
padding: 5px 10px; padding: 5px 10px;
font-weight: bold; font-weight: bold;
@ -83,6 +95,6 @@
border-radius: @box-border-radius; border-radius: @box-border-radius;
cursor: move; cursor: move;
&:hover { &:hover {
box-shadow: inset 0 0 90px rgba(0,0,0,0.2); box-shadow: inset 0 0 90px rgba(0, 0, 0, 0.2);
} }
} }

14
build/less/header.less
View File

@ -21,12 +21,12 @@
} }
//Navbar search text input //Navbar search text input
#navbar-search-input.form-control { #navbar-search-input.form-control {
background: rgba(255,255,255,.2); background: rgba(255, 255, 255, .2);
border-color: transparent; border-color: transparent;
&:focus, &:focus,
&:active { &:active {
border-color: rgba(0,0,0,.1); border-color: rgba(0, 0, 0, .1);
background: rgba(255,255,255,.9); background: rgba(255, 255, 255, .9);
} }
&::-moz-placeholder { &::-moz-placeholder {
color: #ccc; color: #ccc;
@ -56,6 +56,7 @@
.navbar-collapse & { .navbar-collapse & {
margin: 7.5px -15px; margin: 7.5px -15px;
} }
> li { > li {
color: inherit; color: inherit;
border: 0; border: 0;
@ -189,17 +190,20 @@
} }
} }
} }
.navbar-toggle { .navbar-toggle {
color: #fff; color: #fff;
border: 0; border: 0;
margin: 0; margin: 0;
padding: @navbar-padding-vertical @navbar-padding-horizontal; padding: @navbar-padding-vertical @navbar-padding-horizontal;
} }
//Control navbar scaffolding on x-small screens //Control navbar scaffolding on x-small screens
@media (max-width: @screen-sm-max) { @media (max-width: @screen-sm-max) {
.navbar-custom-menu .navbar-nav > li { .navbar-custom-menu .navbar-nav > li {
float: left; float: left;
} }
//Dont't let links get full width //Dont't let links get full width
.navbar-custom-menu .navbar-nav { .navbar-custom-menu .navbar-nav {
margin: 0; margin: 0;
@ -232,8 +236,8 @@
} }
.navbar-collapse.pull-left { .navbar-collapse.pull-left {
@media(max-width: @screen-sm-max) { @media (max-width: @screen-sm-max) {
float: none!important; float: none !important;
+ .navbar-custom-menu { + .navbar-custom-menu {
display: block; display: block;
position: absolute; position: absolute;

10
build/less/info-box.less
View File

@ -14,7 +14,7 @@
font-size: 14px; font-size: 14px;
} }
.progress { .progress {
background: rgba(0,0,0,.2); background: rgba(0, 0, 0, .2);
margin: 5px -10px 5px -10px; margin: 5px -10px 5px -10px;
height: 2px; height: 2px;
&, &,
@ -26,6 +26,7 @@
} }
} }
} }
.info-box-icon { .info-box-icon {
.border-radius(2px; 0; 2px; 0); .border-radius(2px; 0; 2px; 0);
display: block; display: block;
@ -35,20 +36,23 @@
text-align: center; text-align: center;
font-size: 45px; font-size: 45px;
line-height: 90px; line-height: 90px;
background: rgba(0,0,0,0.2); background: rgba(0, 0, 0, 0.2);
> img { > img {
max-width: 100%; max-width: 100%;
} }
} }
.info-box-content { .info-box-content {
padding: 5px 10px; padding: 5px 10px;
margin-left: 90px; margin-left: 90px;
} }
.info-box-number { .info-box-number {
display: block; display: block;
font-weight: bold; font-weight: bold;
font-size: 18px; font-size: 18px;
} }
.progress-description, .progress-description,
.info-box-text { .info-box-text {
display: block; display: block;
@ -57,9 +61,11 @@
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.info-box-text { .info-box-text {
text-transform: uppercase; text-transform: uppercase;
} }
.info-box-more { .info-box-more {
display: block; display: block;
} }

5
build/less/labels.less
View File

@ -6,18 +6,23 @@
background-color: @gray; background-color: @gray;
color: #444; color: #444;
} }
.label-danger { .label-danger {
&:extend(.bg-red); &:extend(.bg-red);
} }
.label-info { .label-info {
&:extend(.bg-aqua); &:extend(.bg-aqua);
} }
.label-warning { .label-warning {
&:extend(.bg-yellow); &:extend(.bg-yellow);
} }
.label-primary { .label-primary {
&:extend(.bg-light-blue); &:extend(.bg-light-blue);
} }
.label-success { .label-success {
&:extend(.bg-green); &:extend(.bg-green);
} }

5
build/less/lockscreen.less
View File

@ -6,6 +6,7 @@
.lockscreen { .lockscreen {
background: @gray; background: @gray;
} }
.lockscreen-logo { .lockscreen-logo {
font-size: 35px; font-size: 35px;
text-align: center; text-align: center;
@ -15,16 +16,19 @@
color: #444; color: #444;
} }
} }
.lockscreen-wrapper { .lockscreen-wrapper {
max-width: 400px; max-width: 400px;
margin: 0 auto; margin: 0 auto;
margin-top: 10%; margin-top: 10%;
} }
/* User name [optional] */ /* User name [optional] */
.lockscreen .lockscreen-name { .lockscreen .lockscreen-name {
text-align: center; text-align: center;
font-weight: 600; font-weight: 600;
} }
/* Will contain the image and the sign in form */ /* Will contain the image and the sign in form */
.lockscreen-item { .lockscreen-item {
.border-radius(4px); .border-radius(4px);
@ -34,6 +38,7 @@
margin: 10px auto 30px auto; margin: 10px auto 30px auto;
width: 290px; width: 290px;
} }
/* User image */ /* User image */
.lockscreen-image { .lockscreen-image {
.border-radius(50%); .border-radius(50%);

2
build/less/login_and_register.less
View File

@ -39,12 +39,14 @@
color: #777; color: #777;
} }
} }
.login-box-msg, .login-box-msg,
.register-box-msg { .register-box-msg {
margin: 0; margin: 0;
text-align: center; text-align: center;
padding: 0 20px 20px 20px; padding: 0 20px 20px 20px;
} }
.social-auth-links { .social-auth-links {
margin: 10px 0; margin: 10px 0;
} }

11
build/less/mailbox.less
View File

@ -7,12 +7,14 @@
margin: 0; margin: 0;
} }
} }
.mailbox-controls { .mailbox-controls {
padding: 5px; padding: 5px;
&.with-border { &.with-border {
border-bottom: 1px solid @box-border-color; border-bottom: 1px solid @box-border-color;
} }
} }
.mailbox-read-info { .mailbox-read-info {
border-bottom: 1px solid @box-border-color; border-bottom: 1px solid @box-border-color;
padding: 10px; padding: 10px;
@ -25,13 +27,16 @@
padding: 5px 0 0 0; padding: 5px 0 0 0;
} }
} }
.mailbox-read-time { .mailbox-read-time {
color: #999; color: #999;
font-size: 13px; font-size: 13px;
} }
.mailbox-read-message { .mailbox-read-message {
padding: 10px; padding: 10px;
} }
.mailbox-attachments { .mailbox-attachments {
&:extend(.list-unstyled); &:extend(.list-unstyled);
li { li {
@ -42,23 +47,28 @@
margin-right: 10px; margin-right: 10px;
} }
} }
.mailbox-attachment-name { .mailbox-attachment-name {
font-weight: bold; font-weight: bold;
color: #666; color: #666;
} }
.mailbox-attachment-icon, .mailbox-attachment-icon,
.mailbox-attachment-info, .mailbox-attachment-info,
.mailbox-attachment-size { .mailbox-attachment-size {
display: block; display: block;
} }
.mailbox-attachment-info { .mailbox-attachment-info {
padding: 10px; padding: 10px;
background: #f4f4f4; background: #f4f4f4;
} }
.mailbox-attachment-size { .mailbox-attachment-size {
color: #999; color: #999;
font-size: 12px; font-size: 12px;
} }
.mailbox-attachment-icon { .mailbox-attachment-icon {
text-align: center; text-align: center;
font-size: 65px; font-size: 65px;
@ -72,6 +82,7 @@
} }
} }
} }
.mailbox-attachment-close { .mailbox-attachment-close {
&:extend(.close); &:extend(.close);
} }

159
build/less/miscellaneous.less
View File

@ -6,18 +6,23 @@
.pad { .pad {
padding: 10px; padding: 10px;
} }
.margin { .margin {
margin: 10px; margin: 10px;
} }
.margin-bottom { .margin-bottom {
margin-bottom: 20px; margin-bottom: 20px;
} }
.margin-bottom-none { .margin-bottom-none {
margin-bottom: 0; margin-bottom: 0;
} }
.margin-r-5 { .margin-r-5 {
margin-right: 5px; margin-right: 5px;
} }
// Display inline // Display inline
.inline { .inline {
display: inline; display: inline;
@ -53,7 +58,7 @@
.bg-teal, .bg-teal,
.bg-olive, .bg-olive,
.bg-lime, .bg-lime,
.bg-orange , .bg-orange,
.bg-fuchsia, .bg-fuchsia,
.bg-purple, .bg-purple,
.bg-maroon, .bg-maroon,
@ -75,55 +80,72 @@
.bg-black-active { .bg-black-active {
color: #fff !important; color: #fff !important;
} }
.bg-gray { .bg-gray {
color: #000; color: #000;
background-color: @gray!important; background-color: @gray !important;
} }
.bg-gray-light { .bg-gray-light {
background-color: #f7f7f7; background-color: #f7f7f7;
} }
.bg-black { .bg-black {
background-color: @black!important; background-color: @black !important;
} }
.bg-red { .bg-red {
background-color: @red !important; background-color: @red !important;
} }
.bg-yellow { .bg-yellow {
background-color: @yellow !important; background-color: @yellow !important;
} }
.bg-aqua { .bg-aqua {
background-color: @aqua !important; background-color: @aqua !important;
} }
.bg-blue { .bg-blue {
background-color: @blue !important; background-color: @blue !important;
} }
.bg-light-blue { .bg-light-blue {
background-color: @light-blue !important; background-color: @light-blue !important;
} }
.bg-green { .bg-green {
background-color: @green !important; background-color: @green !important;
} }
.bg-navy { .bg-navy {
background-color: @navy !important; background-color: @navy !important;
} }
.bg-teal { .bg-teal {
background-color: @teal !important; background-color: @teal !important;
} }
.bg-olive { .bg-olive {
background-color: @olive !important; background-color: @olive !important;
} }
.bg-lime { .bg-lime {
background-color: @lime !important; background-color: @lime !important;
} }
.bg-orange { .bg-orange {
background-color: @orange !important; background-color: @orange !important;
} }
.bg-fuchsia { .bg-fuchsia {
background-color: @fuchsia !important; background-color: @fuchsia !important;
} }
.bg-purple { .bg-purple {
background-color: @purple !important; background-color: @purple !important;
} }
.bg-maroon { .bg-maroon {
background-color: @maroon !important; background-color: @maroon !important;
} }
@ -131,52 +153,67 @@
//Set of Active Background Colors //Set of Active Background Colors
.bg-gray-active { .bg-gray-active {
color: #000; color: #000;
background-color: darken(@gray,10%)!important; background-color: darken(@gray, 10%) !important;
} }
.bg-black-active { .bg-black-active {
background-color: darken(@black, 10%)!important; background-color: darken(@black, 10%) !important;
} }
.bg-red-active { .bg-red-active {
background-color: darken(@red , 6%)!important; background-color: darken(@red , 6%) !important;
} }
.bg-yellow-active { .bg-yellow-active {
background-color: darken(@yellow , 6%)!important; background-color: darken(@yellow , 6%) !important;
} }
.bg-aqua-active { .bg-aqua-active {
background-color: darken(@aqua , 6%)!important; background-color: darken(@aqua , 6%) !important;
} }
.bg-blue-active { .bg-blue-active {
background-color: darken(@blue , 10%)!important; background-color: darken(@blue , 10%) !important;
} }
.bg-light-blue-active { .bg-light-blue-active {
background-color: darken(@light-blue , 6%)!important; background-color: darken(@light-blue , 6%) !important;
} }
.bg-green-active { .bg-green-active {
background-color: darken(@green , 5%)!important; background-color: darken(@green , 5%) !important;
} }
.bg-navy-active { .bg-navy-active {
background-color: darken(@navy , 2%)!important; background-color: darken(@navy , 2%) !important;
} }
.bg-teal-active { .bg-teal-active {
background-color: darken(@teal , 5%)!important; background-color: darken(@teal , 5%) !important;
} }
.bg-olive-active { .bg-olive-active {
background-color: darken(@olive , 5%)!important; background-color: darken(@olive , 5%) !important;
} }
.bg-lime-active { .bg-lime-active {
background-color: darken(@lime , 5%)!important; background-color: darken(@lime , 5%) !important;
} }
.bg-orange-active { .bg-orange-active {
background-color: darken(@orange , 5%)!important; background-color: darken(@orange , 5%) !important;
} }
.bg-fuchsia-active { .bg-fuchsia-active {
background-color: darken(@fuchsia , 5%)!important; background-color: darken(@fuchsia , 5%) !important;
} }
.bg-purple-active { .bg-purple-active {
background-color: darken(@purple , 5%)!important; background-color: darken(@purple , 5%) !important;
} }
.bg-maroon-active { .bg-maroon-active {
background-color: darken(@maroon , 3%)!important; background-color: darken(@maroon , 3%) !important;
} }
//Disabled! //Disabled!
@ -188,51 +225,67 @@
.text-red { .text-red {
color: @red !important; color: @red !important;
} }
.text-yellow { .text-yellow {
color: @yellow !important; color: @yellow !important;
} }
.text-aqua { .text-aqua {
color: @aqua !important; color: @aqua !important;
} }
.text-blue { .text-blue {
color: @blue !important; color: @blue !important;
} }
.text-black { .text-black {
color: @black!important; color: @black !important;
} }
.text-light-blue { .text-light-blue {
color: @light-blue !important; color: @light-blue !important;
} }
.text-green { .text-green {
color: @green !important; color: @green !important;
} }
.text-gray { .text-gray {
color: @gray !important; color: @gray !important;
} }
.text-navy { .text-navy {
color: @navy !important; color: @navy !important;
} }
.text-teal { .text-teal {
color: @teal !important; color: @teal !important;
} }
.text-olive { .text-olive {
color: @olive !important; color: @olive !important;
} }
.text-lime { .text-lime {
color: @lime !important; color: @lime !important;
} }
.text-orange { .text-orange {
color: @orange !important; color: @orange !important;
} }
.text-fuchsia { .text-fuchsia {
color: @fuchsia !important; color: @fuchsia !important;
} }
.text-purple { .text-purple {
color: @purple !important; color: @purple !important;
} }
.text-maroon { .text-maroon {
color: @maroon !important; color: @maroon !important;
} }
.link-muted { .link-muted {
color: darken(@gray, 30%); color: darken(@gray, 30%);
&:hover, &:hover,
@ -240,6 +293,7 @@
color: darken(@gray, 40%); color: darken(@gray, 40%);
} }
} }
.link-black { .link-black {
color: #666; color: #666;
&:hover, &:hover,
@ -257,10 +311,12 @@
.no-border { .no-border {
border: 0 !important; border: 0 !important;
} }
// Remove padding // Remove padding
.no-padding { .no-padding {
padding: 0 !important; padding: 0 !important;
} }
// Remove margins // Remove margins
.no-margin { .no-margin {
margin: 0 !important; margin: 0 !important;
@ -268,7 +324,7 @@
// Remove box shadow // Remove box shadow
.no-shadow { .no-shadow {
box-shadow: none!important; box-shadow: none !important;
} }
// Unstyled List // Unstyled List
@ -290,7 +346,7 @@
// Remove border radius // Remove border radius
.flat { .flat {
.border-radius(0)!important; .border-radius(0) !important;
} }
.text-bold { .text-bold {
@ -298,57 +354,66 @@
font-weight: 700; font-weight: 700;
} }
} }
.text-sm { .text-sm {
font-size: 12px; font-size: 12px;
} }
// _fix for sparkline tooltip // _fix for sparkline tooltip
.jqstooltip{ .jqstooltip {
padding: 5px!important; padding: 5px !important;
width:auto!important; width: auto !important;
height:auto!important; height: auto !important;
} }
// Gradient Background colors // Gradient Background colors
.bg-teal-gradient { .bg-teal-gradient {
.gradient(@teal; @teal; lighten(@teal, 16%))!important; .gradient(@teal; @teal; lighten(@teal, 16%)) !important;
color: #fff; color: #fff;
} }
.bg-light-blue-gradient { .bg-light-blue-gradient {
.gradient(@light-blue; @light-blue; lighten(@light-blue, 12%))!important; .gradient(@light-blue; @light-blue; lighten(@light-blue, 12%)) !important;
color: #fff; color: #fff;
} }
.bg-blue-gradient { .bg-blue-gradient {
.gradient(@blue; @blue; lighten(@blue, 7%))!important; .gradient(@blue; @blue; lighten(@blue, 7%)) !important;
color: #fff; color: #fff;
} }
.bg-aqua-gradient { .bg-aqua-gradient {
.gradient(@aqua; @aqua; lighten(@aqua, 7%))!important; .gradient(@aqua; @aqua; lighten(@aqua, 7%)) !important;
color: #fff; color: #fff;
} }
.bg-yellow-gradient { .bg-yellow-gradient {
.gradient(@yellow; @yellow; lighten(@yellow, 16%))!important; .gradient(@yellow; @yellow; lighten(@yellow, 16%)) !important;
color: #fff; color: #fff;
} }
.bg-purple-gradient { .bg-purple-gradient {
.gradient(@purple; @purple; lighten(@purple, 16%))!important; .gradient(@purple; @purple; lighten(@purple, 16%)) !important;
color: #fff; color: #fff;
} }
.bg-green-gradient { .bg-green-gradient {
.gradient(@green; @green; lighten(@green, 7%))!important; .gradient(@green; @green; lighten(@green, 7%)) !important;
color: #fff; color: #fff;
} }
.bg-red-gradient { .bg-red-gradient {
.gradient(@red; @red; lighten(@red, 10%))!important; .gradient(@red; @red; lighten(@red, 10%)) !important;
color: #fff; color: #fff;
} }
.bg-black-gradient { .bg-black-gradient {
.gradient(@black; @black; lighten(@black, 10%))!important; .gradient(@black; @black; lighten(@black, 10%)) !important;
color: #fff; color: #fff;
} }
.bg-maroon-gradient { .bg-maroon-gradient {
.gradient(@maroon; @maroon; lighten(@maroon, 10%))!important; .gradient(@maroon; @maroon; lighten(@maroon, 10%)) !important;
color: #fff; color: #fff;
} }
@ -366,7 +431,7 @@
//Make position static //Make position static
.position-static { .position-static {
position: static!important; position: static !important;
} }
//List utility classes //List utility classes
@ -376,11 +441,13 @@
font-weight: bold; font-weight: bold;
color: #666; color: #666;
} }
.list-seperator { .list-seperator {
height: 1px; height: 1px;
background: @box-border-color; background: @box-border-color;
margin: 15px 0 9px 0; margin: 15px 0 9px 0;
} }
.list-link { .list-link {
> a { > a {
padding: 4px; padding: 4px;
@ -439,13 +506,15 @@
.img-lg { .img-lg {
float: left; float: left;
} }
.img-sm { .img-sm {
width: 30px!important; width: 30px !important;
height: 30px!important; height: 30px !important;
+ .img-push { + .img-push {
margin-left: 40px; margin-left: 40px;
} }
} }
.img-md { .img-md {
width: 60px; width: 60px;
height: 60px; height: 60px;
@ -453,6 +522,7 @@
margin-left: 70px; margin-left: 70px;
} }
} }
.img-lg { .img-lg {
width: 100px; width: 100px;
height: 100px; height: 100px;
@ -460,15 +530,18 @@
margin-left: 110px; margin-left: 110px;
} }
} }
// Image bordered // Image bordered
.img-bordered { .img-bordered {
border: 3px solid @gray; border: 3px solid @gray;
padding: 3px; padding: 3px;
} }
.img-bordered-sm { .img-bordered-sm {
border: 2px solid @gray; border: 2px solid @gray;
padding: 2px; padding: 2px;
} }
//General attachemnt block //General attachemnt block
.attachment-block { .attachment-block {
border: 1px solid @box-border-color; border: 1px solid @box-border-color;
@ -496,6 +569,7 @@
.connectedSortable { .connectedSortable {
min-height: 100px; min-height: 100px;
} }
.ui-helper-hidden-accessible { .ui-helper-hidden-accessible {
border: 0; border: 0;
clip: rect(0 0 0 0); clip: rect(0 0 0 0);
@ -506,17 +580,20 @@
position: absolute; position: absolute;
width: 1px; width: 1px;
} }
.sort-highlight { .sort-highlight {
background: #f4f4f4; background: #f4f4f4;
border: 1px dashed #ddd; border: 1px dashed #ddd;
margin-bottom: 10px; margin-bottom: 10px;
} }
.full-opacity-hover { .full-opacity-hover {
.opacity(.65); .opacity(.65);
&:hover { &:hover {
.opacity(1); .opacity(1);
} }
} }
// Charts // Charts
.chart { .chart {
position: relative; position: relative;
@ -524,6 +601,6 @@
width: 100%; width: 100%;
svg, svg,
canvas { canvas {
width: 100%!important; width: 100% !important;
} }
} }

29
build/less/mixins.less
View File

@ -1,7 +1,6 @@
//AdminLTE mixins //AdminLTE mixins
//=============== //===============
//Changes the color and the hovering properties of the navbar //Changes the color and the hovering properties of the navbar
.navbar-variant(@color; @font-color: rgba(255, 255, 255, 0.8); @hover-color: #f6f6f6; @hover-bg: rgba(0, 0, 0, 0.1)) { .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; background-color: @color;
@ -73,12 +72,24 @@
.border-radius(@radius) { .border-radius(@radius) {
border-radius: @radius; border-radius: @radius;
} }
//Different radius each side //Different radius each side
.border-radius(@top-left; @top-right; @bottom-left; @bottom-right) { .border-radius(@top-left;
border-top-left-radius: @top-left; @top-right
border-top-right-radius: @top-right; ;
border-bottom-right-radius: @bottom-right; @bottom-left
border-bottom-left-radius: @bottom-left; ;
@bottom-right
)
{
border-top-left-radius: @top-left
;
border-top-right-radius: @top-right
;
border-bottom-right-radius: @bottom-right
;
border-bottom-left-radius: @bottom-left
;
} }
//Gradient background //Gradient background
@ -265,12 +276,12 @@
//The sidebar search form //The sidebar search form
.sidebar-form { .sidebar-form {
.border-radius(3px); .border-radius(3px);
border: 1px solid @gray;//darken(@sidebar-light-bg, 5%); border: 1px solid @gray; //darken(@sidebar-light-bg, 5%);
margin: 10px 10px; margin: 10px 10px;
input[type="text"], input[type="text"],
.btn { .btn {
box-shadow: none; box-shadow: none;
background-color: #fff;//darken(@sidebar-light-bg, 3%); background-color: #fff; //darken(@sidebar-light-bg, 3%);
border: 1px solid transparent; border: 1px solid transparent;
height: 35px; height: 35px;
.transition(all @transition-speed @transition-fn); .transition(all @transition-speed @transition-fn);
@ -292,7 +303,7 @@
.border-radius(0, 2px, 0, 2px); .border-radius(0, 2px, 0, 2px);
} }
} }
@media(min-width: @screen-sm-min) { @media (min-width: @screen-sm-min) {
&.sidebar-mini.sidebar-collapse { &.sidebar-mini.sidebar-collapse {
.sidebar-menu > li > .treeview-menu { .sidebar-menu > li > .treeview-menu {
border-left: 1px solid @gray; border-left: 1px solid @gray;

13
build/less/modal.less
View File

@ -3,19 +3,22 @@
* ---------------- * ----------------
*/ */
.modal { .modal {
background: rgba(0,0,0,.3); background: rgba(0, 0, 0, .3);
} }
.modal-content { .modal-content {
.border-radius(0); .border-radius(0);
.box-shadow(0 2px 3px rgba(0,0,0,.125)); .box-shadow(0 2px 3px rgba(0, 0, 0, .125));
border: 0; border: 0;
@media (min-width: @screen-sm-min) { @media (min-width: @screen-sm-min) {
.box-shadow(0 2px 3px rgba(0,0,0,.125)); .box-shadow(0 2px 3px rgba(0, 0, 0, .125));
} }
} }
.modal-header { .modal-header {
border-bottom-color: @box-border-color; border-bottom-color: @box-border-color;
} }
.modal-footer { .modal-footer {
border-top-color: @box-border-color; border-top-color: @box-border-color;
} }
@ -31,6 +34,7 @@
border-color: darken(@light-blue, 10%); border-color: darken(@light-blue, 10%);
} }
} }
.modal-warning { .modal-warning {
.modal-body { .modal-body {
&:extend(.bg-yellow); &:extend(.bg-yellow);
@ -41,6 +45,7 @@
border-color: darken(@yellow, 10%); border-color: darken(@yellow, 10%);
} }
} }
.modal-info { .modal-info {
.modal-body { .modal-body {
&:extend(.bg-aqua); &:extend(.bg-aqua);
@ -51,6 +56,7 @@
border-color: darken(@aqua, 10%); border-color: darken(@aqua, 10%);
} }
} }
.modal-success { .modal-success {
.modal-body { .modal-body {
&:extend(.bg-green); &:extend(.bg-green);
@ -61,6 +67,7 @@
border-color: darken(@green, 10%); border-color: darken(@green, 10%);
} }
} }
.modal-danger { .modal-danger {
.modal-body { .modal-body {
&:extend(.bg-red); &:extend(.bg-red);

5
build/less/navs.less
View File

@ -33,6 +33,7 @@
font-weight: 600; font-weight: 600;
} }
} }
/* NAV STACKED */ /* NAV STACKED */
.nav-stacked { .nav-stacked {
> li > a { > li > a {
@ -122,7 +123,7 @@
//Pulled to the right //Pulled to the right
&.pull-right { &.pull-right {
float: none!important; float: none !important;
> li { > li {
float: right; float: right;
} }
@ -219,7 +220,7 @@
} }
&.pagination-flat { &.pagination-flat {
> li > a { > li > a {
.border-radius(0)!important; .border-radius(0) !important;
} }
} }
} }

18
build/less/print.less
View File

@ -5,8 +5,9 @@
@media print { @media print {
//Add to elements that you do not want to show when printing //Add to elements that you do not want to show when printing
.no-print { .no-print {
display: none!important; display: none !important;
} }
//Elements that we want to hide when printing //Elements that we want to hide when printing
.main-sidebar, .main-sidebar,
.left-side, .left-side,
@ -14,18 +15,21 @@
.content-header { .content-header {
&:extend(.no-print); &:extend(.no-print);
} }
//This is the only element that should appear, so let's remove the margins //This is the only element that should appear, so let's remove the margins
.content-wrapper, .content-wrapper,
.right-side, .right-side,
.main-footer { .main-footer {
margin-left: 0!important; margin-left: 0 !important;
min-height: 0!important; min-height: 0 !important;
.translate(0,0)!important; .translate(0, 0) !important;
} }
.fixed .content-wrapper, .fixed .content-wrapper,
.fixed .right-side { .fixed .right-side {
padding-top: 0!important; padding-top: 0 !important;
} }
//Invoice printing //Invoice printing
.invoice { .invoice {
width: 100%; width: 100%;
@ -33,16 +37,18 @@
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
.invoice-col { .invoice-col {
float: left; float: left;
width: 33.3333333%; width: 33.3333333%;
} }
//Make sure table content displays properly //Make sure table content displays properly
.table-responsive { .table-responsive {
overflow: auto; overflow: auto;
> .table tr th, > .table tr th,
> .table tr td { > .table tr td {
white-space: normal!important; white-space: normal !important;
} }
} }
} }

1
build/less/products.less
View File

@ -34,6 +34,7 @@
text-overflow: ellipsis; text-overflow: ellipsis;
} }
} }
.product-list-in-box > .item { .product-list-in-box > .item {
.box-shadow(none); .box-shadow(none);
.border-radius(0); .border-radius(0);

2
build/less/profile.less
View File

@ -9,10 +9,12 @@
padding: 3px; padding: 3px;
border: 3px solid @gray; border: 3px solid @gray;
} }
.profile-username { .profile-username {
font-size: 21px; font-size: 21px;
margin-top: 5px; margin-top: 5px;
} }
.post { .post {
border-bottom: 1px solid @gray; border-bottom: 1px solid @gray;
margin-bottom: 15px; margin-bottom: 15px;

10
build/less/progress-bars.less
View File

@ -20,6 +20,7 @@
.border-radius(@progress-bar-sm-border-radius); .border-radius(@progress-bar-sm-border-radius);
} }
} }
.progress.xs, .progress.xs,
.progress-xs { .progress-xs {
height: 7px; height: 7px;
@ -27,6 +28,7 @@
.border-radius(@progress-bar-xs-border-radius); .border-radius(@progress-bar-xs-border-radius);
} }
} }
.progress.xxs, .progress.xxs,
.progress-xxs { .progress-xxs {
height: 3px; height: 3px;
@ -34,6 +36,7 @@
.border-radius(@progress-bar-xs-border-radius); .border-radius(@progress-bar-xs-border-radius);
} }
} }
/* Vertical bars */ /* Vertical bars */
.progress.vertical { .progress.vertical {
position: relative; position: relative;
@ -49,16 +52,16 @@
//Sizes //Sizes
&.sm, &.sm,
&.progress-sm{ &.progress-sm {
width: 20px; width: 20px;
} }
&.xs, &.xs,
&.progress-xs{ &.progress-xs {
width: 10px; width: 10px;
} }
&.xxs, &.xxs,
&.progress-xxs{ &.progress-xxs {
width: 3px; width: 3px;
} }
} }
@ -86,6 +89,7 @@
.progress-bar-primary { .progress-bar-primary {
.progress-bar-variant(@light-blue); .progress-bar-variant(@light-blue);
} }
.progress-bar-green, .progress-bar-green,
.progress-bar-success { .progress-bar-success {
.progress-bar-variant(@green); .progress-bar-variant(@green);

19
build/less/select2.less
View File

@ -18,38 +18,48 @@
height: 34px; height: 34px;
} }
} }
.select2-container--default.select2-container--open { .select2-container--default.select2-container--open {
border-color: @light-blue; border-color: @light-blue;
} }
.select2-dropdown { .select2-dropdown {
border: 1px solid @gray; border: 1px solid @gray;
border-radius: @input-radius; border-radius: @input-radius;
} }
.select2-container--default .select2-results__option--highlighted[aria-selected] { .select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: @light-blue; background-color: @light-blue;
color: white; color: white;
} }
.select2-results__option { .select2-results__option {
padding: 6px 12px; padding: 6px 12px;
user-select: none; user-select: none;
-webkit-user-select: none; } -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered { .select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;
height: auto; height: auto;
margin-top: -4px; margin-top: -4px;
} }
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding-right: 6px; padding-right: 6px;
padding-left: 20px; padding-left: 20px;
} }
.select2-container--default .select2-selection--single .select2-selection__arrow { .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 28px; height: 28px;
right: 3px; right: 3px;
} }
.select2-container--default .select2-selection--single .select2-selection__arrow b { .select2-container--default .select2-selection--single .select2-selection__arrow b {
margin-top: 0; margin-top: 0;
} }
.select2-dropdown, .select2-dropdown,
.select2-search--inline { .select2-search--inline {
.select2-search__field { .select2-search__field {
@ -60,9 +70,11 @@
} }
} }
} }
.select2-container--default .select2-results__option[aria-disabled=true] { .select2-container--default .select2-results__option[aria-disabled=true] {
color: #999; color: #999;
} }
.select2-container--default .select2-results__option[aria-selected=true] { .select2-container--default .select2-results__option[aria-selected=true] {
background-color: #ddd; background-color: #ddd;
&, &,
@ -84,19 +96,22 @@
border-color: @gray; border-color: @gray;
} }
} }
.select2-container--default .select2-selection--multiple .select2-selection__choice { .select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: @light-blue; background-color: @light-blue;
border-color: darken(@light-blue, 5%); border-color: darken(@light-blue, 5%);
padding: 1px 10px; padding: 1px 10px;
color: #fff; color: #fff;
} }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
margin-right: 5px; margin-right: 5px;
color: rgba(255,255,255,.7); color: rgba(255, 255, 255, .7);
&:hover { &:hover {
color: #fff; color: #fff;
} }
} }
.select2-container .select2-selection--single .select2-selection__rendered { .select2-container .select2-selection--single .select2-selection__rendered {
padding-right: 10px; padding-right: 10px;
} }

13
build/less/sidebar-mini.less
View File

@ -13,7 +13,7 @@
.content-wrapper, .content-wrapper,
.right-side, .right-side,
.main-footer { .main-footer {
margin-left: 50px!important; margin-left: 50px !important;
z-index: 840; z-index: 840;
} }
@ -21,7 +21,7 @@
.main-sidebar { .main-sidebar {
//Don't go away! Just shrink //Don't go away! Just shrink
.translate(0, 0); .translate(0, 0);
width: 50px!important; width: 50px !important;
z-index: 850; z-index: 850;
} }
@ -55,7 +55,7 @@
} }
> a > span:not(.pull-right), > a > span:not(.pull-right),
> .treeview-menu { > .treeview-menu {
display: block!important; display: block !important;
position: absolute; position: absolute;
width: @sidebar-width - 50; width: @sidebar-width - 50;
left: 50px; left: 50px;
@ -82,9 +82,9 @@
.sidebar-form, .sidebar-form,
.sidebar-menu > li > a > span, .sidebar-menu > li > a > span,
.sidebar-menu > li > .treeview-menu, .sidebar-menu > li > .treeview-menu,
.sidebar-menu >li > a > .pull-right, .sidebar-menu > li > a > .pull-right,
.sidebar-menu li.header { .sidebar-menu li.header {
display: none!important; display: none !important;
-webkit-transform: translateZ(0); -webkit-transform: translateZ(0);
} }
@ -119,14 +119,17 @@
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
} }
.sidebar-menu:hover { .sidebar-menu:hover {
overflow: visible; overflow: visible;
} }
.sidebar-form, .sidebar-form,
.sidebar-menu > li.header { .sidebar-menu > li.header {
overflow: hidden; overflow: hidden;
text-overflow: clip; text-overflow: clip;
} }
.sidebar-menu li > a { .sidebar-menu li > a {
position: relative; position: relative;
> .pull-right { > .pull-right {

5
build/less/sidebar.less
View File

@ -39,6 +39,7 @@
.sidebar { .sidebar {
padding-bottom: 10px; padding-bottom: 10px;
} }
// remove border from form // remove border from form
.sidebar-form { .sidebar-form {
input:focus { input:focus {
@ -130,8 +131,8 @@
.treeview-menu { .treeview-menu {
display: none; display: none;
list-style: none; list-style: none;
padding:0; padding: 0;
margin:0; margin: 0;
padding-left: 5px; padding-left: 5px;
.treeview-menu { .treeview-menu {
padding-left: 20px; padding-left: 20px;

5
build/less/skins/skin-green-light.less
View File

@ -2,7 +2,6 @@
* Skin: Green * Skin: Green
* ----------- * -----------
*/ */
@import "../../bootstrap-less/mixins.less"; @import "../../bootstrap-less/mixins.less";
@import "../../bootstrap-less/variables.less"; @import "../../bootstrap-less/variables.less";
@import "../variables.less"; @import "../variables.less";
@ -19,11 +18,11 @@
background-color: darken(@green, 5%); background-color: darken(@green, 5%);
} }
} }
@media(max-width: @screen-header-collapse) { @media (max-width: @screen-header-collapse) {
.dropdown-menu { .dropdown-menu {
li { li {
&.divider { &.divider {
background-color: rgba(255,255,255,0.1); background-color: rgba(255, 255, 255, 0.1);
} }
a { a {
color: #fff; color: #fff;

5
build/less/skins/skin-green.less
View File

@ -2,7 +2,6 @@
* Skin: Green * Skin: Green
* ----------- * -----------
*/ */
@import "../../bootstrap-less/mixins.less"; @import "../../bootstrap-less/mixins.less";
@import "../../bootstrap-less/variables.less"; @import "../../bootstrap-less/variables.less";
@import "../variables.less"; @import "../variables.less";
@ -19,11 +18,11 @@
background-color: darken(@green, 5%); background-color: darken(@green, 5%);
} }
} }
@media(max-width: @screen-header-collapse) { @media (max-width: @screen-header-collapse) {
.dropdown-menu { .dropdown-menu {
li { li {
&.divider { &.divider {
background-color: rgba(255,255,255,0.1); background-color: rgba(255, 255, 255, 0.1);
} }
a { a {
color: #fff; color: #fff;

5
build/less/skins/skin-purple-light.less
View File

@ -2,7 +2,6 @@
* Skin: Purple * Skin: Purple
* ------------ * ------------
*/ */
@import "../../bootstrap-less/mixins.less"; @import "../../bootstrap-less/mixins.less";
@import "../../bootstrap-less/variables.less"; @import "../../bootstrap-less/variables.less";
@import "../variables.less"; @import "../variables.less";
@ -19,11 +18,11 @@
background-color: darken(@purple, 5%); background-color: darken(@purple, 5%);
} }
} }
@media(max-width: @screen-header-collapse) { @media (max-width: @screen-header-collapse) {
.dropdown-menu { .dropdown-menu {
li { li {
&.divider { &.divider {
background-color: rgba(255,255,255,0.1); background-color: rgba(255, 255, 255, 0.1);
} }
a { a {
color: #fff; color: #fff;

5
build/less/skins/skin-purple.less
View File

@ -2,7 +2,6 @@
* Skin: Purple * Skin: Purple
* ------------ * ------------
*/ */
@import "../../bootstrap-less/mixins.less"; @import "../../bootstrap-less/mixins.less";
@import "../../bootstrap-less/variables.less"; @import "../../bootstrap-less/variables.less";
@import "../variables.less"; @import "../variables.less";
@ -19,11 +18,11 @@
background-color: darken(@purple, 5%); background-color: darken(@purple, 5%);
} }
} }
@media(max-width: @screen-header-collapse) { @media (max-width: @screen-header-collapse) {
.dropdown-menu { .dropdown-menu {
li { li {
&.divider { &.divider {
background-color: rgba(255,255,255,0.1); background-color: rgba(255, 255, 255, 0.1);
} }
a { a {
color: #fff; color: #fff;

5
build/less/skins/skin-red-light.less
View File

@ -2,7 +2,6 @@
* Skin: Red * Skin: Red
* --------- * ---------
*/ */
@import "../../bootstrap-less/mixins.less"; @import "../../bootstrap-less/mixins.less";
@import "../../bootstrap-less/variables.less"; @import "../../bootstrap-less/variables.less";
@import "../variables.less"; @import "../variables.less";
@ -19,11 +18,11 @@
background-color: darken(@red, 5%); background-color: darken(@red, 5%);
} }
} }
@media(max-width: @screen-header-collapse) { @media (max-width: @screen-header-collapse) {
.dropdown-menu { .dropdown-menu {
li { li {
&.divider { &.divider {
background-color: rgba(255,255,255,0.1); background-color: rgba(255, 255, 255, 0.1);
} }
a { a {
color: #fff; color: #fff;

5
build/less/skins/skin-red.less
View File

@ -2,7 +2,6 @@
* Skin: Red * Skin: Red
* --------- * ---------
*/ */
@import "../../bootstrap-less/mixins.less"; @import "../../bootstrap-less/mixins.less";
@import "../../bootstrap-less/variables.less"; @import "../../bootstrap-less/variables.less";
@import "../variables.less"; @import "../variables.less";
@ -19,11 +18,11 @@
background-color: darken(@red, 5%); background-color: darken(@red, 5%);
} }
} }
@media(max-width: @screen-header-collapse) { @media (max-width: @screen-header-collapse) {
.dropdown-menu { .dropdown-menu {
li { li {
&.divider { &.divider {
background-color: rgba(255,255,255,0.1); background-color: rgba(255, 255, 255, 0.1);
} }
a { a {
color: #fff; color: #fff;

5
build/less/skins/skin-yellow-light.less
View File

@ -2,7 +2,6 @@
* Skin: Yellow * Skin: Yellow
* ------------ * ------------
*/ */
@import "../../bootstrap-less/mixins.less"; @import "../../bootstrap-less/mixins.less";
@import "../../bootstrap-less/variables.less"; @import "../../bootstrap-less/variables.less";
@import "../variables.less"; @import "../variables.less";
@ -19,11 +18,11 @@
background-color: darken(@yellow, 5%); background-color: darken(@yellow, 5%);
} }
} }
@media(max-width: @screen-header-collapse) { @media (max-width: @screen-header-collapse) {
.dropdown-menu { .dropdown-menu {
li { li {
&.divider { &.divider {
background-color: rgba(255,255,255,0.1); background-color: rgba(255, 255, 255, 0.1);
} }
a { a {
color: #fff; color: #fff;

5
build/less/skins/skin-yellow.less
View File

@ -2,7 +2,6 @@
* Skin: Yellow * Skin: Yellow
* ------------ * ------------
*/ */
@import "../../bootstrap-less/mixins.less"; @import "../../bootstrap-less/mixins.less";
@import "../../bootstrap-less/variables.less"; @import "../../bootstrap-less/variables.less";
@import "../variables.less"; @import "../variables.less";
@ -19,11 +18,11 @@
background-color: darken(@yellow, 5%); background-color: darken(@yellow, 5%);
} }
} }
@media(max-width: @screen-header-collapse) { @media (max-width: @screen-header-collapse) {
.dropdown-menu { .dropdown-menu {
li { li {
&.divider { &.divider {
background-color: rgba(255,255,255,0.1); background-color: rgba(255, 255, 255, 0.1);
} }
a { a {
color: #fff; color: #fff;

4
build/less/small-box.less
View File

@ -22,11 +22,11 @@
color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
display: block; display: block;
z-index: 10; z-index: 10;
background: rgba(0,0,0,0.1); background: rgba(0, 0, 0, 0.1);
text-decoration: none; text-decoration: none;
&:hover { &:hover {
color: #fff; color: #fff;
background: rgba(0,0,0,0.15); background: rgba(0, 0, 0, 0.15);
} }
} }

2
build/less/social-widgets.less
View File

@ -22,7 +22,7 @@
margin-bottom: 5px; margin-bottom: 5px;
font-size: 25px; font-size: 25px;
font-weight: 300; font-weight: 300;
text-shadow: 0 1px 1px rgba(0,0,0,0.2); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
} }
//User single line description //User single line description
.widget-user-desc { .widget-user-desc {

3
build/less/timeline.less
View File

@ -3,7 +3,7 @@
* ------------------- * -------------------
*/ */
.timeline{ .timeline {
position: relative; position: relative;
margin: 0 0 30px 0; margin: 0 0 30px 0;
padding: 0; padding: 0;
@ -22,7 +22,6 @@
.border-radius(2px); .border-radius(2px);
} }
> li { > li {
position: relative; position: relative;
margin-right: 10px; margin-right: 10px;

3
build/less/users-list.less
View File

@ -22,10 +22,12 @@
} }
} }
} }
.users-list-name, .users-list-name,
.users-list-date { .users-list-date {
display: block; display: block;
} }
.users-list-name { .users-list-name {
font-weight: 600; font-weight: 600;
color: #444; color: #444;
@ -33,6 +35,7 @@
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.users-list-date { .users-list-date {
color: #999; color: #999;
font-size: 12px; font-size: 12px;

20
build/less/variables.less
View File

@ -9,11 +9,16 @@
//COLORS //COLORS
//-------------------------------------------------------- //--------------------------------------------------------
@light-blue: #3c8dbc; //Primary @light-blue: #3c8dbc;
@red: #dd4b39; //Danger //Primary
@green: #00a65a; //Success @red: #dd4b39;
@aqua: #00c0ef; //Info //Danger
@yellow: #f39c12; //Warning @green: #00a65a;
//Success
@aqua: #00c0ef;
//Info
@yellow: #f39c12;
//Warning
@blue: #0073b7; @blue: #0073b7;
@navy: #001F3F; @navy: #001F3F;
@teal: #39CCCC; @teal: #39CCCC;
@ -68,7 +73,6 @@
//-------------------------------------------------------- //--------------------------------------------------------
@control-sidebar-width: @sidebar-width; @control-sidebar-width: @sidebar-width;
//BOXES //BOXES
//-------------------------------------------------------- //--------------------------------------------------------
@box-border-color: #f4f4f4; @box-border-color: #f4f4f4;
@ -107,7 +111,6 @@
@direct-chat-default-font-color: #444; @direct-chat-default-font-color: #444;
@direct-chat-default-msg-border-color: @gray; @direct-chat-default-msg-border-color: @gray;
//CHAT WIDGET //CHAT WIDGET
//-------------------------------------------------------- //--------------------------------------------------------
@attachment-border-radius: 3px; @attachment-border-radius: 3px;
@ -117,4 +120,5 @@
//Transition global options //Transition global options
@transition-speed: .3s; @transition-speed: .3s;
@transition-fn: ease-in-out;//cubic-bezier(0.32,1.25,0.375,1.15); @transition-fn: ease-in-out;
//cubic-bezier(0.32,1.25,0.375,1.15);

960
dist/css/AdminLTE.css vendored
View File

File diff suppressed because it is too large Load Diff

4932
dist/css/AdminLTE.min.css vendored
View File

File diff suppressed because one or more lines are too long

406
dist/css/skins/_all-skins.css vendored
View File

File diff suppressed because it is too large Load Diff

1992
dist/css/skins/_all-skins.min.css vendored
View File

File diff suppressed because one or more lines are too long

38
dist/css/skins/skin-black-light.css vendored
View File

@ -7,19 +7,24 @@
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
} }
.skin-black-light .main-header .navbar-toggle { .skin-black-light .main-header .navbar-toggle {
color: #333; color: #333;
} }
.skin-black-light .main-header .navbar-brand { .skin-black-light .main-header .navbar-brand {
color: #333; color: #333;
border-right: 1px solid #eee; border-right: 1px solid #eee;
} }
.skin-black-light .main-header > .navbar { .skin-black-light .main-header > .navbar {
background-color: #ffffff; background-color: #ffffff;
} }
.skin-black-light .main-header > .navbar .nav > li > a { .skin-black-light .main-header > .navbar .nav > li > a {
color: #333333; color: #333333;
} }
.skin-black-light .main-header > .navbar .nav > li > a:hover, .skin-black-light .main-header > .navbar .nav > li > a:hover,
.skin-black-light .main-header > .navbar .nav > li > a:active, .skin-black-light .main-header > .navbar .nav > li > a:active,
.skin-black-light .main-header > .navbar .nav > li > a:focus, .skin-black-light .main-header > .navbar .nav > li > a:focus,
@ -30,34 +35,42 @@
background: #ffffff; background: #ffffff;
color: #999999; color: #999999;
} }
.skin-black-light .main-header > .navbar .sidebar-toggle { .skin-black-light .main-header > .navbar .sidebar-toggle {
color: #333333; color: #333333;
} }
.skin-black-light .main-header > .navbar .sidebar-toggle:hover { .skin-black-light .main-header > .navbar .sidebar-toggle:hover {
color: #999999; color: #999999;
background: #ffffff; background: #ffffff;
} }
.skin-black-light .main-header > .navbar > .sidebar-toggle { .skin-black-light .main-header > .navbar > .sidebar-toggle {
color: #333; color: #333;
border-right: 1px solid #eee; border-right: 1px solid #eee;
} }
.skin-black-light .main-header > .navbar .navbar-nav > li > a { .skin-black-light .main-header > .navbar .navbar-nav > li > a {
border-right: 1px solid #eee; border-right: 1px solid #eee;
} }
.skin-black-light .main-header > .navbar .navbar-custom-menu .navbar-nav > li > a, .skin-black-light .main-header > .navbar .navbar-custom-menu .navbar-nav > li > a,
.skin-black-light .main-header > .navbar .navbar-right > li > a { .skin-black-light .main-header > .navbar .navbar-right > li > a {
border-left: 1px solid #eee; border-left: 1px solid #eee;
border-right-width: 0; border-right-width: 0;
} }
.skin-black-light .main-header > .logo { .skin-black-light .main-header > .logo {
background-color: #ffffff; background-color: #ffffff;
color: #333333; color: #333333;
border-bottom: 0 solid transparent; border-bottom: 0 solid transparent;
border-right: 1px solid #eee; border-right: 1px solid #eee;
} }
.skin-black-light .main-header > .logo:hover { .skin-black-light .main-header > .logo:hover {
background-color: #fcfcfc; background-color: #fcfcfc;
} }
@media (max-width: 767px) { @media (max-width: 767px) {
.skin-black-light .main-header > .logo { .skin-black-light .main-header > .logo {
background-color: #222222; background-color: #222222;
@ -65,78 +78,98 @@
border-bottom: 0 solid transparent; border-bottom: 0 solid transparent;
border-right: none; border-right: none;
} }
.skin-black-light .main-header > .logo:hover { .skin-black-light .main-header > .logo:hover {
background-color: #1f1f1f; background-color: #1f1f1f;
} }
} }
.skin-black-light .main-header li.user-header { .skin-black-light .main-header li.user-header {
background-color: #222; background-color: #222;
} }
.skin-black-light .content-header { .skin-black-light .content-header {
background: transparent; background: transparent;
box-shadow: none; box-shadow: none;
} }
.skin-black-light .wrapper, .skin-black-light .wrapper,
.skin-black-light .main-sidebar, .skin-black-light .main-sidebar,
.skin-black-light .left-side { .skin-black-light .left-side {
background-color: #f9fafc; background-color: #f9fafc;
} }
.skin-black-light .content-wrapper, .skin-black-light .content-wrapper,
.skin-black-light .main-footer { .skin-black-light .main-footer {
border-left: 1px solid #d2d6de; border-left: 1px solid #d2d6de;
} }
.skin-black-light .user-panel > .info, .skin-black-light .user-panel > .info,
.skin-black-light .user-panel > .info > a { .skin-black-light .user-panel > .info > a {
color: #444444; color: #444444;
} }
.skin-black-light .sidebar-menu > li { .skin-black-light .sidebar-menu > li {
-webkit-transition: border-left-color 0.3s ease; -webkit-transition: border-left-color 0.3s ease;
-o-transition: border-left-color 0.3s ease; -o-transition: border-left-color 0.3s ease;
transition: border-left-color 0.3s ease; transition: border-left-color 0.3s ease;
} }
.skin-black-light .sidebar-menu > li.header { .skin-black-light .sidebar-menu > li.header {
color: #848484; color: #848484;
background: #f9fafc; background: #f9fafc;
} }
.skin-black-light .sidebar-menu > li > a { .skin-black-light .sidebar-menu > li > a {
border-left: 3px solid transparent; border-left: 3px solid transparent;
font-weight: 600; font-weight: 600;
} }
.skin-black-light .sidebar-menu > li:hover > a, .skin-black-light .sidebar-menu > li:hover > a,
.skin-black-light .sidebar-menu > li.active > a { .skin-black-light .sidebar-menu > li.active > a {
color: #000000; color: #000000;
background: #f4f4f5; background: #f4f4f5;
} }
.skin-black-light .sidebar-menu > li.active { .skin-black-light .sidebar-menu > li.active {
border-left-color: #ffffff; border-left-color: #ffffff;
} }
.skin-black-light .sidebar-menu > li.active > a { .skin-black-light .sidebar-menu > li.active > a {
font-weight: 600; font-weight: 600;
} }
.skin-black-light .sidebar-menu > li > .treeview-menu { .skin-black-light .sidebar-menu > li > .treeview-menu {
background: #f4f4f5; background: #f4f4f5;
} }
.skin-black-light .sidebar a { .skin-black-light .sidebar a {
color: #444444; color: #444444;
} }
.skin-black-light .sidebar a:hover { .skin-black-light .sidebar a:hover {
text-decoration: none; text-decoration: none;
} }
.skin-black-light .treeview-menu > li > a { .skin-black-light .treeview-menu > li > a {
color: #777777; color: #777777;
} }
.skin-black-light .treeview-menu > li.active > a, .skin-black-light .treeview-menu > li.active > a,
.skin-black-light .treeview-menu > li > a:hover { .skin-black-light .treeview-menu > li > a:hover {
color: #000000; color: #000000;
} }
.skin-black-light .treeview-menu > li.active > a { .skin-black-light .treeview-menu > li.active > a {
font-weight: 600; font-weight: 600;
} }
.skin-black-light .sidebar-form { .skin-black-light .sidebar-form {
border-radius: 3px; border-radius: 3px;
border: 1px solid #d2d6de; border: 1px solid #d2d6de;
margin: 10px 10px; margin: 10px 10px;
} }
.skin-black-light .sidebar-form input[type="text"], .skin-black-light .sidebar-form input[type="text"],
.skin-black-light .sidebar-form .btn { .skin-black-light .sidebar-form .btn {
box-shadow: none; box-shadow: none;
@ -147,6 +180,7 @@
-o-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
} }
.skin-black-light .sidebar-form input[type="text"] { .skin-black-light .sidebar-form input[type="text"] {
color: #666; color: #666;
border-top-left-radius: 2px; border-top-left-radius: 2px;
@ -154,14 +188,17 @@
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
border-bottom-left-radius: 2px; border-bottom-left-radius: 2px;
} }
.skin-black-light .sidebar-form input[type="text"]:focus, .skin-black-light .sidebar-form input[type="text"]:focus,
.skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn { .skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff; background-color: #fff;
color: #666; color: #666;
} }
.skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn { .skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff; border-left-color: #fff;
} }
.skin-black-light .sidebar-form .btn { .skin-black-light .sidebar-form .btn {
color: #999; color: #999;
border-top-left-radius: 0; border-top-left-radius: 0;
@ -169,6 +206,7 @@
border-bottom-right-radius: 2px; border-bottom-right-radius: 2px;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu { .skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
border-left: 1px solid #d2d6de; border-left: 1px solid #d2d6de;

195
dist/css/skins/skin-black-light.min.css vendored
View File

@ -1 +1,194 @@
.skin-black-light .main-header{-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}.skin-black-light .main-header .navbar-toggle{color:#333}.skin-black-light .main-header .navbar-brand{color:#333;border-right:1px solid #eee}.skin-black-light .main-header>.navbar{background-color:#fff}.skin-black-light .main-header>.navbar .nav>li>a{color:#333}.skin-black-light .main-header>.navbar .nav>li>a:hover,.skin-black-light .main-header>.navbar .nav>li>a:active,.skin-black-light .main-header>.navbar .nav>li>a:focus,.skin-black-light .main-header>.navbar .nav .open>a,.skin-black-light .main-header>.navbar .nav .open>a:hover,.skin-black-light .main-header>.navbar .nav .open>a:focus,.skin-black-light .main-header>.navbar .nav>.active>a{background:#fff;color:#999}.skin-black-light .main-header>.navbar .sidebar-toggle{color:#333}.skin-black-light .main-header>.navbar .sidebar-toggle:hover{color:#999;background:#fff}.skin-black-light .main-header>.navbar>.sidebar-toggle{color:#333;border-right:1px solid #eee}.skin-black-light .main-header>.navbar .navbar-nav>li>a{border-right:1px solid #eee}.skin-black-light .main-header>.navbar .navbar-custom-menu .navbar-nav>li>a,.skin-black-light .main-header>.navbar .navbar-right>li>a{border-left:1px solid #eee;border-right-width:0}.skin-black-light .main-header>.logo{background-color:#fff;color:#333;border-bottom:0 solid transparent;border-right:1px solid #eee}.skin-black-light .main-header>.logo:hover{background-color:#fcfcfc}@media (max-width:767px){.skin-black-light .main-header>.logo{background-color:#222;color:#fff;border-bottom:0 solid transparent;border-right:none}.skin-black-light .main-header>.logo:hover{background-color:#1f1f1f}}.skin-black-light .main-header li.user-header{background-color:#222}.skin-black-light .content-header{background:transparent;box-shadow:none}.skin-black-light .wrapper,.skin-black-light .main-sidebar,.skin-black-light .left-side{background-color:#f9fafc}.skin-black-light .content-wrapper,.skin-black-light .main-footer{border-left:1px solid #d2d6de}.skin-black-light .user-panel>.info,.skin-black-light .user-panel>.info>a{color:#444}.skin-black-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-black-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-black-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-black-light .sidebar-menu>li:hover>a,.skin-black-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-black-light .sidebar-menu>li.active{border-left-color:#fff}.skin-black-light .sidebar-menu>li.active>a{font-weight:600}.skin-black-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-black-light .sidebar a{color:#444}.skin-black-light .sidebar a:hover{text-decoration:none}.skin-black-light .treeview-menu>li>a{color:#777}.skin-black-light .treeview-menu>li.active>a,.skin-black-light .treeview-menu>li>a:hover{color:#000}.skin-black-light .treeview-menu>li.active>a{font-weight:600}.skin-black-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-black-light .sidebar-form input[type="text"],.skin-black-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-black-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-black-light .sidebar-form input[type="text"]:focus,.skin-black-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-black-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-black-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}} .skin-black-light .main-header {
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05)
}
.skin-black-light .main-header .navbar-toggle {
color: #333
}
.skin-black-light .main-header .navbar-brand {
color: #333;
border-right: 1px solid #eee
}
.skin-black-light .main-header > .navbar {
background-color: #fff
}
.skin-black-light .main-header > .navbar .nav > li > a {
color: #333
}
.skin-black-light .main-header > .navbar .nav > li > a:hover, .skin-black-light .main-header > .navbar .nav > li > a:active, .skin-black-light .main-header > .navbar .nav > li > a:focus, .skin-black-light .main-header > .navbar .nav .open > a, .skin-black-light .main-header > .navbar .nav .open > a:hover, .skin-black-light .main-header > .navbar .nav .open > a:focus, .skin-black-light .main-header > .navbar .nav > .active > a {
background: #fff;
color: #999
}
.skin-black-light .main-header > .navbar .sidebar-toggle {
color: #333
}
.skin-black-light .main-header > .navbar .sidebar-toggle:hover {
color: #999;
background: #fff
}
.skin-black-light .main-header > .navbar > .sidebar-toggle {
color: #333;
border-right: 1px solid #eee
}
.skin-black-light .main-header > .navbar .navbar-nav > li > a {
border-right: 1px solid #eee
}
.skin-black-light .main-header > .navbar .navbar-custom-menu .navbar-nav > li > a, .skin-black-light .main-header > .navbar .navbar-right > li > a {
border-left: 1px solid #eee;
border-right-width: 0
}
.skin-black-light .main-header > .logo {
background-color: #fff;
color: #333;
border-bottom: 0 solid transparent;
border-right: 1px solid #eee
}
.skin-black-light .main-header > .logo:hover {
background-color: #fcfcfc
}
@media (max-width: 767px) {
.skin-black-light .main-header > .logo {
background-color: #222;
color: #fff;
border-bottom: 0 solid transparent;
border-right: none
}
.skin-black-light .main-header > .logo:hover {
background-color: #1f1f1f
}
}
.skin-black-light .main-header li.user-header {
background-color: #222
}
.skin-black-light .content-header {
background: transparent;
box-shadow: none
}
.skin-black-light .wrapper, .skin-black-light .main-sidebar, .skin-black-light .left-side {
background-color: #f9fafc
}
.skin-black-light .content-wrapper, .skin-black-light .main-footer {
border-left: 1px solid #d2d6de
}
.skin-black-light .user-panel > .info, .skin-black-light .user-panel > .info > a {
color: #444
}
.skin-black-light .sidebar-menu > li {
-webkit-transition: border-left-color .3s ease;
-o-transition: border-left-color .3s ease;
transition: border-left-color .3s ease
}
.skin-black-light .sidebar-menu > li.header {
color: #848484;
background: #f9fafc
}
.skin-black-light .sidebar-menu > li > a {
border-left: 3px solid transparent;
font-weight: 600
}
.skin-black-light .sidebar-menu > li:hover > a, .skin-black-light .sidebar-menu > li.active > a {
color: #000;
background: #f4f4f5
}
.skin-black-light .sidebar-menu > li.active {
border-left-color: #fff
}
.skin-black-light .sidebar-menu > li.active > a {
font-weight: 600
}
.skin-black-light .sidebar-menu > li > .treeview-menu {
background: #f4f4f5
}
.skin-black-light .sidebar a {
color: #444
}
.skin-black-light .sidebar a:hover {
text-decoration: none
}
.skin-black-light .treeview-menu > li > a {
color: #777
}
.skin-black-light .treeview-menu > li.active > a, .skin-black-light .treeview-menu > li > a:hover {
color: #000
}
.skin-black-light .treeview-menu > li.active > a {
font-weight: 600
}
.skin-black-light .sidebar-form {
border-radius: 3px;
border: 1px solid #d2d6de;
margin: 10px 10px
}
.skin-black-light .sidebar-form input[type="text"], .skin-black-light .sidebar-form .btn {
box-shadow: none;
background-color: #fff;
border: 1px solid transparent;
height: 35px;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.skin-black-light .sidebar-form input[type="text"] {
color: #666;
border-top-left-radius: 2px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 2px
}
.skin-black-light .sidebar-form input[type="text"]:focus, .skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff;
color: #666
}
.skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff
}
.skin-black-light .sidebar-form .btn {
color: #999;
border-top-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0
}
@media (min-width: 768px) {
.skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
border-left: 1px solid #d2d6de
}
}

32
dist/css/skins/skin-black.css vendored
View File

@ -7,19 +7,24 @@
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
} }
.skin-black .main-header .navbar-toggle { .skin-black .main-header .navbar-toggle {
color: #333; color: #333;
} }
.skin-black .main-header .navbar-brand { .skin-black .main-header .navbar-brand {
color: #333; color: #333;
border-right: 1px solid #eee; border-right: 1px solid #eee;
} }
.skin-black .main-header > .navbar { .skin-black .main-header > .navbar {
background-color: #ffffff; background-color: #ffffff;
} }
.skin-black .main-header > .navbar .nav > li > a { .skin-black .main-header > .navbar .nav > li > a {
color: #333333; color: #333333;
} }
.skin-black .main-header > .navbar .nav > li > a:hover, .skin-black .main-header > .navbar .nav > li > a:hover,
.skin-black .main-header > .navbar .nav > li > a:active, .skin-black .main-header > .navbar .nav > li > a:active,
.skin-black .main-header > .navbar .nav > li > a:focus, .skin-black .main-header > .navbar .nav > li > a:focus,
@ -30,34 +35,42 @@
background: #ffffff; background: #ffffff;
color: #999999; color: #999999;
} }
.skin-black .main-header > .navbar .sidebar-toggle { .skin-black .main-header > .navbar .sidebar-toggle {
color: #333333; color: #333333;
} }
.skin-black .main-header > .navbar .sidebar-toggle:hover { .skin-black .main-header > .navbar .sidebar-toggle:hover {
color: #999999; color: #999999;
background: #ffffff; background: #ffffff;
} }
.skin-black .main-header > .navbar > .sidebar-toggle { .skin-black .main-header > .navbar > .sidebar-toggle {
color: #333; color: #333;
border-right: 1px solid #eee; border-right: 1px solid #eee;
} }
.skin-black .main-header > .navbar .navbar-nav > li > a { .skin-black .main-header > .navbar .navbar-nav > li > a {
border-right: 1px solid #eee; border-right: 1px solid #eee;
} }
.skin-black .main-header > .navbar .navbar-custom-menu .navbar-nav > li > a, .skin-black .main-header > .navbar .navbar-custom-menu .navbar-nav > li > a,
.skin-black .main-header > .navbar .navbar-right > li > a { .skin-black .main-header > .navbar .navbar-right > li > a {
border-left: 1px solid #eee; border-left: 1px solid #eee;
border-right-width: 0; border-right-width: 0;
} }
.skin-black .main-header > .logo { .skin-black .main-header > .logo {
background-color: #ffffff; background-color: #ffffff;
color: #333333; color: #333333;
border-bottom: 0 solid transparent; border-bottom: 0 solid transparent;
border-right: 1px solid #eee; border-right: 1px solid #eee;
} }
.skin-black .main-header > .logo:hover { .skin-black .main-header > .logo:hover {
background-color: #fcfcfc; background-color: #fcfcfc;
} }
@media (max-width: 767px) { @media (max-width: 767px) {
.skin-black .main-header > .logo { .skin-black .main-header > .logo {
background-color: #222222; background-color: #222222;
@ -65,61 +78,76 @@
border-bottom: 0 solid transparent; border-bottom: 0 solid transparent;
border-right: none; border-right: none;
} }
.skin-black .main-header > .logo:hover { .skin-black .main-header > .logo:hover {
background-color: #1f1f1f; background-color: #1f1f1f;
} }
} }
.skin-black .main-header li.user-header { .skin-black .main-header li.user-header {
background-color: #222; background-color: #222;
} }
.skin-black .content-header { .skin-black .content-header {
background: transparent; background: transparent;
box-shadow: none; box-shadow: none;
} }
.skin-black .wrapper, .skin-black .wrapper,
.skin-black .main-sidebar, .skin-black .main-sidebar,
.skin-black .left-side { .skin-black .left-side {
background-color: #222d32; background-color: #222d32;
} }
.skin-black .user-panel > .info, .skin-black .user-panel > .info,
.skin-black .user-panel > .info > a { .skin-black .user-panel > .info > a {
color: #fff; color: #fff;
} }
.skin-black .sidebar-menu > li.header { .skin-black .sidebar-menu > li.header {
color: #4b646f; color: #4b646f;
background: #1a2226; background: #1a2226;
} }
.skin-black .sidebar-menu > li > a { .skin-black .sidebar-menu > li > a {
border-left: 3px solid transparent; border-left: 3px solid transparent;
} }
.skin-black .sidebar-menu > li:hover > a, .skin-black .sidebar-menu > li:hover > a,
.skin-black .sidebar-menu > li.active > a { .skin-black .sidebar-menu > li.active > a {
color: #ffffff; color: #ffffff;
background: #1e282c; background: #1e282c;
border-left-color: #ffffff; border-left-color: #ffffff;
} }
.skin-black .sidebar-menu > li > .treeview-menu { .skin-black .sidebar-menu > li > .treeview-menu {
margin: 0 1px; margin: 0 1px;
background: #2c3b41; background: #2c3b41;
} }
.skin-black .sidebar a { .skin-black .sidebar a {
color: #b8c7ce; color: #b8c7ce;
} }
.skin-black .sidebar a:hover { .skin-black .sidebar a:hover {
text-decoration: none; text-decoration: none;
} }
.skin-black .treeview-menu > li > a { .skin-black .treeview-menu > li > a {
color: #8aa4af; color: #8aa4af;
} }
.skin-black .treeview-menu > li.active > a, .skin-black .treeview-menu > li.active > a,
.skin-black .treeview-menu > li > a:hover { .skin-black .treeview-menu > li > a:hover {
color: #ffffff; color: #ffffff;
} }
.skin-black .sidebar-form { .skin-black .sidebar-form {
border-radius: 3px; border-radius: 3px;
border: 1px solid #374850; border: 1px solid #374850;
margin: 10px 10px; margin: 10px 10px;
} }
.skin-black .sidebar-form input[type="text"], .skin-black .sidebar-form input[type="text"],
.skin-black .sidebar-form .btn { .skin-black .sidebar-form .btn {
box-shadow: none; box-shadow: none;
@ -130,6 +158,7 @@
-o-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
} }
.skin-black .sidebar-form input[type="text"] { .skin-black .sidebar-form input[type="text"] {
color: #666; color: #666;
border-top-left-radius: 2px; border-top-left-radius: 2px;
@ -137,14 +166,17 @@
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
border-bottom-left-radius: 2px; border-bottom-left-radius: 2px;
} }
.skin-black .sidebar-form input[type="text"]:focus, .skin-black .sidebar-form input[type="text"]:focus,
.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn { .skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff; background-color: #fff;
color: #666; color: #666;
} }
.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn { .skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff; border-left-color: #fff;
} }
.skin-black .sidebar-form .btn { .skin-black .sidebar-form .btn {
color: #999; color: #999;
border-top-left-radius: 0; border-top-left-radius: 0;

168
dist/css/skins/skin-black.min.css vendored
View File

@ -1 +1,167 @@
.skin-black .main-header{-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}.skin-black .main-header .navbar-toggle{color:#333}.skin-black .main-header .navbar-brand{color:#333;border-right:1px solid #eee}.skin-black .main-header>.navbar{background-color:#fff}.skin-black .main-header>.navbar .nav>li>a{color:#333}.skin-black .main-header>.navbar .nav>li>a:hover,.skin-black .main-header>.navbar .nav>li>a:active,.skin-black .main-header>.navbar .nav>li>a:focus,.skin-black .main-header>.navbar .nav .open>a,.skin-black .main-header>.navbar .nav .open>a:hover,.skin-black .main-header>.navbar .nav .open>a:focus,.skin-black .main-header>.navbar .nav>.active>a{background:#fff;color:#999}.skin-black .main-header>.navbar .sidebar-toggle{color:#333}.skin-black .main-header>.navbar .sidebar-toggle:hover{color:#999;background:#fff}.skin-black .main-header>.navbar>.sidebar-toggle{color:#333;border-right:1px solid #eee}.skin-black .main-header>.navbar .navbar-nav>li>a{border-right:1px solid #eee}.skin-black .main-header>.navbar .navbar-custom-menu .navbar-nav>li>a,.skin-black .main-header>.navbar .navbar-right>li>a{border-left:1px solid #eee;border-right-width:0}.skin-black .main-header>.logo{background-color:#fff;color:#333;border-bottom:0 solid transparent;border-right:1px solid #eee}.skin-black .main-header>.logo:hover{background-color:#fcfcfc}@media (max-width:767px){.skin-black .main-header>.logo{background-color:#222;color:#fff;border-bottom:0 solid transparent;border-right:none}.skin-black .main-header>.logo:hover{background-color:#1f1f1f}}.skin-black .main-header li.user-header{background-color:#222}.skin-black .content-header{background:transparent;box-shadow:none}.skin-black .wrapper,.skin-black .main-sidebar,.skin-black .left-side{background-color:#222d32}.skin-black .user-panel>.info,.skin-black .user-panel>.info>a{color:#fff}.skin-black .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-black .sidebar-menu>li>a{border-left:3px solid transparent}.skin-black .sidebar-menu>li:hover>a,.skin-black .sidebar-menu>li.active>a{color:#fff;background:#1e282c;border-left-color:#fff}.skin-black .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-black .sidebar a{color:#b8c7ce}.skin-black .sidebar a:hover{text-decoration:none}.skin-black .treeview-menu>li>a{color:#8aa4af}.skin-black .treeview-menu>li.active>a,.skin-black .treeview-menu>li>a:hover{color:#fff}.skin-black .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-black .sidebar-form input[type="text"],.skin-black .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-black .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-black .sidebar-form input[type="text"]:focus,.skin-black .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-black .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-black .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0} .skin-black .main-header {
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05)
}
.skin-black .main-header .navbar-toggle {
color: #333
}
.skin-black .main-header .navbar-brand {
color: #333;
border-right: 1px solid #eee
}
.skin-black .main-header > .navbar {
background-color: #fff
}
.skin-black .main-header > .navbar .nav > li > a {
color: #333
}
.skin-black .main-header > .navbar .nav > li > a:hover, .skin-black .main-header > .navbar .nav > li > a:active, .skin-black .main-header > .navbar .nav > li > a:focus, .skin-black .main-header > .navbar .nav .open > a, .skin-black .main-header > .navbar .nav .open > a:hover, .skin-black .main-header > .navbar .nav .open > a:focus, .skin-black .main-header > .navbar .nav > .active > a {
background: #fff;
color: #999
}
.skin-black .main-header > .navbar .sidebar-toggle {
color: #333
}
.skin-black .main-header > .navbar .sidebar-toggle:hover {
color: #999;
background: #fff
}
.skin-black .main-header > .navbar > .sidebar-toggle {
color: #333;
border-right: 1px solid #eee
}
.skin-black .main-header > .navbar .navbar-nav > li > a {
border-right: 1px solid #eee
}
.skin-black .main-header > .navbar .navbar-custom-menu .navbar-nav > li > a, .skin-black .main-header > .navbar .navbar-right > li > a {
border-left: 1px solid #eee;
border-right-width: 0
}
.skin-black .main-header > .logo {
background-color: #fff;
color: #333;
border-bottom: 0 solid transparent;
border-right: 1px solid #eee
}
.skin-black .main-header > .logo:hover {
background-color: #fcfcfc
}
@media (max-width: 767px) {
.skin-black .main-header > .logo {
background-color: #222;
color: #fff;
border-bottom: 0 solid transparent;
border-right: none
}
.skin-black .main-header > .logo:hover {
background-color: #1f1f1f
}
}
.skin-black .main-header li.user-header {
background-color: #222
}
.skin-black .content-header {
background: transparent;
box-shadow: none
}
.skin-black .wrapper, .skin-black .main-sidebar, .skin-black .left-side {
background-color: #222d32
}
.skin-black .user-panel > .info, .skin-black .user-panel > .info > a {
color: #fff
}
.skin-black .sidebar-menu > li.header {
color: #4b646f;
background: #1a2226
}
.skin-black .sidebar-menu > li > a {
border-left: 3px solid transparent
}
.skin-black .sidebar-menu > li:hover > a, .skin-black .sidebar-menu > li.active > a {
color: #fff;
background: #1e282c;
border-left-color: #fff
}
.skin-black .sidebar-menu > li > .treeview-menu {
margin: 0 1px;
background: #2c3b41
}
.skin-black .sidebar a {
color: #b8c7ce
}
.skin-black .sidebar a:hover {
text-decoration: none
}
.skin-black .treeview-menu > li > a {
color: #8aa4af
}
.skin-black .treeview-menu > li.active > a, .skin-black .treeview-menu > li > a:hover {
color: #fff
}
.skin-black .sidebar-form {
border-radius: 3px;
border: 1px solid #374850;
margin: 10px 10px
}
.skin-black .sidebar-form input[type="text"], .skin-black .sidebar-form .btn {
box-shadow: none;
background-color: #374850;
border: 1px solid transparent;
height: 35px;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.skin-black .sidebar-form input[type="text"] {
color: #666;
border-top-left-radius: 2px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 2px
}
.skin-black .sidebar-form input[type="text"]:focus, .skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff;
color: #666
}
.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff
}
.skin-black .sidebar-form .btn {
color: #999;
border-top-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0
}

38
dist/css/skins/skin-blue-light.css vendored
View File

@ -5,9 +5,11 @@
.skin-blue-light .main-header .navbar { .skin-blue-light .main-header .navbar {
background-color: #3c8dbc; background-color: #3c8dbc;
} }
.skin-blue-light .main-header .navbar .nav > li > a { .skin-blue-light .main-header .navbar .nav > li > a {
color: #ffffff; color: #ffffff;
} }
.skin-blue-light .main-header .navbar .nav > li > a:hover, .skin-blue-light .main-header .navbar .nav > li > a:hover,
.skin-blue-light .main-header .navbar .nav > li > a:active, .skin-blue-light .main-header .navbar .nav > li > a:active,
.skin-blue-light .main-header .navbar .nav > li > a:focus, .skin-blue-light .main-header .navbar .nav > li > a:focus,
@ -18,105 +20,133 @@
background: rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.1);
color: #f6f6f6; color: #f6f6f6;
} }
.skin-blue-light .main-header .navbar .sidebar-toggle { .skin-blue-light .main-header .navbar .sidebar-toggle {
color: #ffffff; color: #ffffff;
} }
.skin-blue-light .main-header .navbar .sidebar-toggle:hover { .skin-blue-light .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6; color: #f6f6f6;
background: rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.1);
} }
.skin-blue-light .main-header .navbar .sidebar-toggle { .skin-blue-light .main-header .navbar .sidebar-toggle {
color: #fff; color: #fff;
} }
.skin-blue-light .main-header .navbar .sidebar-toggle:hover { .skin-blue-light .main-header .navbar .sidebar-toggle:hover {
background-color: #367fa9; background-color: #367fa9;
} }
@media (max-width: 767px) { @media (max-width: 767px) {
.skin-blue-light .main-header .navbar .dropdown-menu li.divider { .skin-blue-light .main-header .navbar .dropdown-menu li.divider {
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.1);
} }
.skin-blue-light .main-header .navbar .dropdown-menu li a { .skin-blue-light .main-header .navbar .dropdown-menu li a {
color: #fff; color: #fff;
} }
.skin-blue-light .main-header .navbar .dropdown-menu li a:hover { .skin-blue-light .main-header .navbar .dropdown-menu li a:hover {
background: #367fa9; background: #367fa9;
} }
} }
.skin-blue-light .main-header .logo { .skin-blue-light .main-header .logo {
background-color: #3c8dbc; background-color: #3c8dbc;
color: #ffffff; color: #ffffff;
border-bottom: 0 solid transparent; border-bottom: 0 solid transparent;
} }
.skin-blue-light .main-header .logo:hover { .skin-blue-light .main-header .logo:hover {
background-color: #3b8ab8; background-color: #3b8ab8;
} }
.skin-blue-light .main-header li.user-header { .skin-blue-light .main-header li.user-header {
background-color: #3c8dbc; background-color: #3c8dbc;
} }
.skin-blue-light .content-header { .skin-blue-light .content-header {
background: transparent; background: transparent;
} }
.skin-blue-light .wrapper, .skin-blue-light .wrapper,
.skin-blue-light .main-sidebar, .skin-blue-light .main-sidebar,
.skin-blue-light .left-side { .skin-blue-light .left-side {
background-color: #f9fafc; background-color: #f9fafc;
} }
.skin-blue-light .content-wrapper, .skin-blue-light .content-wrapper,
.skin-blue-light .main-footer { .skin-blue-light .main-footer {
border-left: 1px solid #d2d6de; border-left: 1px solid #d2d6de;
} }
.skin-blue-light .user-panel > .info, .skin-blue-light .user-panel > .info,
.skin-blue-light .user-panel > .info > a { .skin-blue-light .user-panel > .info > a {
color: #444444; color: #444444;
} }
.skin-blue-light .sidebar-menu > li { .skin-blue-light .sidebar-menu > li {
-webkit-transition: border-left-color 0.3s ease; -webkit-transition: border-left-color 0.3s ease;
-o-transition: border-left-color 0.3s ease; -o-transition: border-left-color 0.3s ease;
transition: border-left-color 0.3s ease; transition: border-left-color 0.3s ease;
} }
.skin-blue-light .sidebar-menu > li.header { .skin-blue-light .sidebar-menu > li.header {
color: #848484; color: #848484;
background: #f9fafc; background: #f9fafc;
} }
.skin-blue-light .sidebar-menu > li > a { .skin-blue-light .sidebar-menu > li > a {
border-left: 3px solid transparent; border-left: 3px solid transparent;
font-weight: 600; font-weight: 600;
} }
.skin-blue-light .sidebar-menu > li:hover > a, .skin-blue-light .sidebar-menu > li:hover > a,
.skin-blue-light .sidebar-menu > li.active > a { .skin-blue-light .sidebar-menu > li.active > a {
color: #000000; color: #000000;
background: #f4f4f5; background: #f4f4f5;
} }
.skin-blue-light .sidebar-menu > li.active { .skin-blue-light .sidebar-menu > li.active {
border-left-color: #3c8dbc; border-left-color: #3c8dbc;
} }
.skin-blue-light .sidebar-menu > li.active > a { .skin-blue-light .sidebar-menu > li.active > a {
font-weight: 600; font-weight: 600;
} }
.skin-blue-light .sidebar-menu > li > .treeview-menu { .skin-blue-light .sidebar-menu > li > .treeview-menu {
background: #f4f4f5; background: #f4f4f5;
} }
.skin-blue-light .sidebar a { .skin-blue-light .sidebar a {
color: #444444; color: #444444;
} }
.skin-blue-light .sidebar a:hover { .skin-blue-light .sidebar a:hover {
text-decoration: none; text-decoration: none;
} }
.skin-blue-light .treeview-menu > li > a { .skin-blue-light .treeview-menu > li > a {
color: #777777; color: #777777;
} }
.skin-blue-light .treeview-menu > li.active > a, .skin-blue-light .treeview-menu > li.active > a,
.skin-blue-light .treeview-menu > li > a:hover { .skin-blue-light .treeview-menu > li > a:hover {
color: #000000; color: #000000;
} }
.skin-blue-light .treeview-menu > li.active > a { .skin-blue-light .treeview-menu > li.active > a {
font-weight: 600; font-weight: 600;
} }
.skin-blue-light .sidebar-form { .skin-blue-light .sidebar-form {
border-radius: 3px; border-radius: 3px;
border: 1px solid #d2d6de; border: 1px solid #d2d6de;
margin: 10px 10px; margin: 10px 10px;
} }
.skin-blue-light .sidebar-form input[type="text"], .skin-blue-light .sidebar-form input[type="text"],
.skin-blue-light .sidebar-form .btn { .skin-blue-light .sidebar-form .btn {
box-shadow: none; box-shadow: none;
@ -127,6 +157,7 @@
-o-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
} }
.skin-blue-light .sidebar-form input[type="text"] { .skin-blue-light .sidebar-form input[type="text"] {
color: #666; color: #666;
border-top-left-radius: 2px; border-top-left-radius: 2px;
@ -134,14 +165,17 @@
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
border-bottom-left-radius: 2px; border-bottom-left-radius: 2px;
} }
.skin-blue-light .sidebar-form input[type="text"]:focus, .skin-blue-light .sidebar-form input[type="text"]:focus,
.skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn { .skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff; background-color: #fff;
color: #666; color: #666;
} }
.skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn { .skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff; border-left-color: #fff;
} }
.skin-blue-light .sidebar-form .btn { .skin-blue-light .sidebar-form .btn {
color: #999; color: #999;
border-top-left-radius: 0; border-top-left-radius: 0;
@ -149,19 +183,23 @@
border-bottom-right-radius: 2px; border-bottom-right-radius: 2px;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu { .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
border-left: 1px solid #d2d6de; border-left: 1px solid #d2d6de;
} }
} }
.skin-blue-light .main-footer { .skin-blue-light .main-footer {
border-top-color: #d2d6de; border-top-color: #d2d6de;
} }
.skin-blue.layout-top-nav .main-header > .logo { .skin-blue.layout-top-nav .main-header > .logo {
background-color: #3c8dbc; background-color: #3c8dbc;
color: #ffffff; color: #ffffff;
border-bottom: 0 solid transparent; border-bottom: 0 solid transparent;
} }
.skin-blue.layout-top-nav .main-header > .logo:hover { .skin-blue.layout-top-nav .main-header > .logo:hover {
background-color: #3b8ab8; background-color: #3b8ab8;
} }

188
dist/css/skins/skin-blue-light.min.css vendored
View File

@ -1 +1,187 @@
.skin-blue-light .main-header .navbar{background-color:#3c8dbc}.skin-blue-light .main-header .navbar .nav>li>a{color:#fff}.skin-blue-light .main-header .navbar .nav>li>a:hover,.skin-blue-light .main-header .navbar .nav>li>a:active,.skin-blue-light .main-header .navbar .nav>li>a:focus,.skin-blue-light .main-header .navbar .nav .open>a,.skin-blue-light .main-header .navbar .nav .open>a:hover,.skin-blue-light .main-header .navbar .nav .open>a:focus,.skin-blue-light .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-blue-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue-light .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-blue-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue-light .main-header .navbar .sidebar-toggle:hover{background-color:#367fa9}@media (max-width:767px){.skin-blue-light .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-blue-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-blue-light .main-header .navbar .dropdown-menu li a:hover{background:#367fa9}}.skin-blue-light .main-header .logo{background-color:#3c8dbc;color:#fff;border-bottom:0 solid transparent}.skin-blue-light .main-header .logo:hover{background-color:#3b8ab8}.skin-blue-light .main-header li.user-header{background-color:#3c8dbc}.skin-blue-light .content-header{background:transparent}.skin-blue-light .wrapper,.skin-blue-light .main-sidebar,.skin-blue-light .left-side{background-color:#f9fafc}.skin-blue-light .content-wrapper,.skin-blue-light .main-footer{border-left:1px solid #d2d6de}.skin-blue-light .user-panel>.info,.skin-blue-light .user-panel>.info>a{color:#444}.skin-blue-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-blue-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-blue-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-blue-light .sidebar-menu>li:hover>a,.skin-blue-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-blue-light .sidebar-menu>li.active{border-left-color:#3c8dbc}.skin-blue-light .sidebar-menu>li.active>a{font-weight:600}.skin-blue-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-blue-light .sidebar a{color:#444}.skin-blue-light .sidebar a:hover{text-decoration:none}.skin-blue-light .treeview-menu>li>a{color:#777}.skin-blue-light .treeview-menu>li.active>a,.skin-blue-light .treeview-menu>li>a:hover{color:#000}.skin-blue-light .treeview-menu>li.active>a{font-weight:600}.skin-blue-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-blue-light .sidebar-form input[type="text"],.skin-blue-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-blue-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-blue-light .sidebar-form input[type="text"]:focus,.skin-blue-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-blue-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-blue-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}}.skin-blue-light .main-footer{border-top-color:#d2d6de}.skin-blue.layout-top-nav .main-header>.logo{background-color:#3c8dbc;color:#fff;border-bottom:0 solid transparent}.skin-blue.layout-top-nav .main-header>.logo:hover{background-color:#3b8ab8} .skin-blue-light .main-header .navbar {
background-color: #3c8dbc
}
.skin-blue-light .main-header .navbar .nav > li > a {
color: #fff
}
.skin-blue-light .main-header .navbar .nav > li > a:hover, .skin-blue-light .main-header .navbar .nav > li > a:active, .skin-blue-light .main-header .navbar .nav > li > a:focus, .skin-blue-light .main-header .navbar .nav .open > a, .skin-blue-light .main-header .navbar .nav .open > a:hover, .skin-blue-light .main-header .navbar .nav .open > a:focus, .skin-blue-light .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.1);
color: #f6f6f6
}
.skin-blue-light .main-header .navbar .sidebar-toggle {
color: #fff
}
.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background: rgba(0, 0, 0, 0.1)
}
.skin-blue-light .main-header .navbar .sidebar-toggle {
color: #fff
}
.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
background-color: #367fa9
}
@media (max-width: 767px) {
.skin-blue-light .main-header .navbar .dropdown-menu li.divider {
background-color: rgba(255, 255, 255, 0.1)
}
.skin-blue-light .main-header .navbar .dropdown-menu li a {
color: #fff
}
.skin-blue-light .main-header .navbar .dropdown-menu li a:hover {
background: #367fa9
}
}
.skin-blue-light .main-header .logo {
background-color: #3c8dbc;
color: #fff;
border-bottom: 0 solid transparent
}
.skin-blue-light .main-header .logo:hover {
background-color: #3b8ab8
}
.skin-blue-light .main-header li.user-header {
background-color: #3c8dbc
}
.skin-blue-light .content-header {
background: transparent
}
.skin-blue-light .wrapper, .skin-blue-light .main-sidebar, .skin-blue-light .left-side {
background-color: #f9fafc
}
.skin-blue-light .content-wrapper, .skin-blue-light .main-footer {
border-left: 1px solid #d2d6de
}
.skin-blue-light .user-panel > .info, .skin-blue-light .user-panel > .info > a {
color: #444
}
.skin-blue-light .sidebar-menu > li {
-webkit-transition: border-left-color .3s ease;
-o-transition: border-left-color .3s ease;
transition: border-left-color .3s ease
}
.skin-blue-light .sidebar-menu > li.header {
color: #848484;
background: #f9fafc
}
.skin-blue-light .sidebar-menu > li > a {
border-left: 3px solid transparent;
font-weight: 600
}
.skin-blue-light .sidebar-menu > li:hover > a, .skin-blue-light .sidebar-menu > li.active > a {
color: #000;
background: #f4f4f5
}
.skin-blue-light .sidebar-menu > li.active {
border-left-color: #3c8dbc
}
.skin-blue-light .sidebar-menu > li.active > a {
font-weight: 600
}
.skin-blue-light .sidebar-menu > li > .treeview-menu {
background: #f4f4f5
}
.skin-blue-light .sidebar a {
color: #444
}
.skin-blue-light .sidebar a:hover {
text-decoration: none
}
.skin-blue-light .treeview-menu > li > a {
color: #777
}
.skin-blue-light .treeview-menu > li.active > a, .skin-blue-light .treeview-menu > li > a:hover {
color: #000
}
.skin-blue-light .treeview-menu > li.active > a {
font-weight: 600
}
.skin-blue-light .sidebar-form {
border-radius: 3px;
border: 1px solid #d2d6de;
margin: 10px 10px
}
.skin-blue-light .sidebar-form input[type="text"], .skin-blue-light .sidebar-form .btn {
box-shadow: none;
background-color: #fff;
border: 1px solid transparent;
height: 35px;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.skin-blue-light .sidebar-form input[type="text"] {
color: #666;
border-top-left-radius: 2px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 2px
}
.skin-blue-light .sidebar-form input[type="text"]:focus, .skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff;
color: #666
}
.skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff
}
.skin-blue-light .sidebar-form .btn {
color: #999;
border-top-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0
}
@media (min-width: 768px) {
.skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
border-left: 1px solid #d2d6de
}
}
.skin-blue-light .main-footer {
border-top-color: #d2d6de
}
.skin-blue.layout-top-nav .main-header > .logo {
background-color: #3c8dbc;
color: #fff;
border-bottom: 0 solid transparent
}
.skin-blue.layout-top-nav .main-header > .logo:hover {
background-color: #3b8ab8
}

31
dist/css/skins/skin-blue.css vendored
View File

@ -5,9 +5,11 @@
.skin-blue .main-header .navbar { .skin-blue .main-header .navbar {
background-color: #3c8dbc; background-color: #3c8dbc;
} }
.skin-blue .main-header .navbar .nav > li > a { .skin-blue .main-header .navbar .nav > li > a {
color: #ffffff; color: #ffffff;
} }
.skin-blue .main-header .navbar .nav > li > a:hover, .skin-blue .main-header .navbar .nav > li > a:hover,
.skin-blue .main-header .navbar .nav > li > a:active, .skin-blue .main-header .navbar .nav > li > a:active,
.skin-blue .main-header .navbar .nav > li > a:focus, .skin-blue .main-header .navbar .nav > li > a:focus,
@ -18,88 +20,111 @@
background: rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.1);
color: #f6f6f6; color: #f6f6f6;
} }
.skin-blue .main-header .navbar .sidebar-toggle { .skin-blue .main-header .navbar .sidebar-toggle {
color: #ffffff; color: #ffffff;
} }
.skin-blue .main-header .navbar .sidebar-toggle:hover { .skin-blue .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6; color: #f6f6f6;
background: rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.1);
} }
.skin-blue .main-header .navbar .sidebar-toggle { .skin-blue .main-header .navbar .sidebar-toggle {
color: #fff; color: #fff;
} }
.skin-blue .main-header .navbar .sidebar-toggle:hover { .skin-blue .main-header .navbar .sidebar-toggle:hover {
background-color: #367fa9; background-color: #367fa9;
} }
@media (max-width: 767px) { @media (max-width: 767px) {
.skin-blue .main-header .navbar .dropdown-menu li.divider { .skin-blue .main-header .navbar .dropdown-menu li.divider {
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.1);
} }
.skin-blue .main-header .navbar .dropdown-menu li a { .skin-blue .main-header .navbar .dropdown-menu li a {
color: #fff; color: #fff;
} }
.skin-blue .main-header .navbar .dropdown-menu li a:hover { .skin-blue .main-header .navbar .dropdown-menu li a:hover {
background: #367fa9; background: #367fa9;
} }
} }
.skin-blue .main-header .logo { .skin-blue .main-header .logo {
background-color: #367fa9; background-color: #367fa9;
color: #ffffff; color: #ffffff;
border-bottom: 0 solid transparent; border-bottom: 0 solid transparent;
} }
.skin-blue .main-header .logo:hover { .skin-blue .main-header .logo:hover {
background-color: #357ca5; background-color: #357ca5;
} }
.skin-blue .main-header li.user-header { .skin-blue .main-header li.user-header {
background-color: #3c8dbc; background-color: #3c8dbc;
} }
.skin-blue .content-header { .skin-blue .content-header {
background: transparent; background: transparent;
} }
.skin-blue .wrapper, .skin-blue .wrapper,
.skin-blue .main-sidebar, .skin-blue .main-sidebar,
.skin-blue .left-side { .skin-blue .left-side {
background-color: #222d32; background-color: #222d32;
} }
.skin-blue .user-panel > .info, .skin-blue .user-panel > .info,
.skin-blue .user-panel > .info > a { .skin-blue .user-panel > .info > a {
color: #fff; color: #fff;
} }
.skin-blue .sidebar-menu > li.header { .skin-blue .sidebar-menu > li.header {
color: #4b646f; color: #4b646f;
background: #1a2226; background: #1a2226;
} }
.skin-blue .sidebar-menu > li > a { .skin-blue .sidebar-menu > li > a {
border-left: 3px solid transparent; border-left: 3px solid transparent;
} }
.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li:hover > a,
.skin-blue .sidebar-menu > li.active > a { .skin-blue .sidebar-menu > li.active > a {
color: #ffffff; color: #ffffff;
background: #1e282c; background: #1e282c;
border-left-color: #3c8dbc; border-left-color: #3c8dbc;
} }
.skin-blue .sidebar-menu > li > .treeview-menu { .skin-blue .sidebar-menu > li > .treeview-menu {
margin: 0 1px; margin: 0 1px;
background: #2c3b41; background: #2c3b41;
} }
.skin-blue .sidebar a { .skin-blue .sidebar a {
color: #b8c7ce; color: #b8c7ce;
} }
.skin-blue .sidebar a:hover { .skin-blue .sidebar a:hover {
text-decoration: none; text-decoration: none;
} }
.skin-blue .treeview-menu > li > a { .skin-blue .treeview-menu > li > a {
color: #8aa4af; color: #8aa4af;
} }
.skin-blue .treeview-menu > li.active > a, .skin-blue .treeview-menu > li.active > a,
.skin-blue .treeview-menu > li > a:hover { .skin-blue .treeview-menu > li > a:hover {
color: #ffffff; color: #ffffff;
} }
.skin-blue .sidebar-form { .skin-blue .sidebar-form {
border-radius: 3px; border-radius: 3px;
border: 1px solid #374850; border: 1px solid #374850;
margin: 10px 10px; margin: 10px 10px;
} }
.skin-blue .sidebar-form input[type="text"], .skin-blue .sidebar-form input[type="text"],
.skin-blue .sidebar-form .btn { .skin-blue .sidebar-form .btn {
box-shadow: none; box-shadow: none;
@ -110,6 +135,7 @@
-o-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
} }
.skin-blue .sidebar-form input[type="text"] { .skin-blue .sidebar-form input[type="text"] {
color: #666; color: #666;
border-top-left-radius: 2px; border-top-left-radius: 2px;
@ -117,14 +143,17 @@
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
border-bottom-left-radius: 2px; border-bottom-left-radius: 2px;
} }
.skin-blue .sidebar-form input[type="text"]:focus, .skin-blue .sidebar-form input[type="text"]:focus,
.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn { .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff; background-color: #fff;
color: #666; color: #666;
} }
.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn { .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff; border-left-color: #fff;
} }
.skin-blue .sidebar-form .btn { .skin-blue .sidebar-form .btn {
color: #999; color: #999;
border-top-left-radius: 0; border-top-left-radius: 0;
@ -132,11 +161,13 @@
border-bottom-right-radius: 2px; border-bottom-right-radius: 2px;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
} }
.skin-blue.layout-top-nav .main-header > .logo { .skin-blue.layout-top-nav .main-header > .logo {
background-color: #3c8dbc; background-color: #3c8dbc;
color: #ffffff; color: #ffffff;
border-bottom: 0 solid transparent; border-bottom: 0 solid transparent;
} }
.skin-blue.layout-top-nav .main-header > .logo:hover { .skin-blue.layout-top-nav .main-header > .logo:hover {
background-color: #3b8ab8; background-color: #3b8ab8;
} }

157
dist/css/skins/skin-blue.min.css vendored
View File

@ -1 +1,156 @@
.skin-blue .main-header .navbar{background-color:#3c8dbc}.skin-blue .main-header .navbar .nav>li>a{color:#fff}.skin-blue .main-header .navbar .nav>li>a:hover,.skin-blue .main-header .navbar .nav>li>a:active,.skin-blue .main-header .navbar .nav>li>a:focus,.skin-blue .main-header .navbar .nav .open>a,.skin-blue .main-header .navbar .nav .open>a:hover,.skin-blue .main-header .navbar .nav .open>a:focus,.skin-blue .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-blue .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-blue .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue .main-header .navbar .sidebar-toggle:hover{background-color:#367fa9}@media (max-width:767px){.skin-blue .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-blue .main-header .navbar .dropdown-menu li a{color:#fff}.skin-blue .main-header .navbar .dropdown-menu li a:hover{background:#367fa9}}.skin-blue .main-header .logo{background-color:#367fa9;color:#fff;border-bottom:0 solid transparent}.skin-blue .main-header .logo:hover{background-color:#357ca5}.skin-blue .main-header li.user-header{background-color:#3c8dbc}.skin-blue .content-header{background:transparent}.skin-blue .wrapper,.skin-blue .main-sidebar,.skin-blue .left-side{background-color:#222d32}.skin-blue .user-panel>.info,.skin-blue .user-panel>.info>a{color:#fff}.skin-blue .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-blue .sidebar-menu>li>a{border-left:3px solid transparent}.skin-blue .sidebar-menu>li:hover>a,.skin-blue .sidebar-menu>li.active>a{color:#fff;background:#1e282c;border-left-color:#3c8dbc}.skin-blue .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-blue .sidebar a{color:#b8c7ce}.skin-blue .sidebar a:hover{text-decoration:none}.skin-blue .treeview-menu>li>a{color:#8aa4af}.skin-blue .treeview-menu>li.active>a,.skin-blue .treeview-menu>li>a:hover{color:#fff}.skin-blue .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-blue .sidebar-form input[type="text"],.skin-blue .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-blue .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-blue .sidebar-form input[type="text"]:focus,.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-blue .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-blue.layout-top-nav .main-header>.logo{background-color:#3c8dbc;color:#fff;border-bottom:0 solid transparent}.skin-blue.layout-top-nav .main-header>.logo:hover{background-color:#3b8ab8} .skin-blue .main-header .navbar {
background-color: #3c8dbc
}
.skin-blue .main-header .navbar .nav > li > a {
color: #fff
}
.skin-blue .main-header .navbar .nav > li > a:hover, .skin-blue .main-header .navbar .nav > li > a:active, .skin-blue .main-header .navbar .nav > li > a:focus, .skin-blue .main-header .navbar .nav .open > a, .skin-blue .main-header .navbar .nav .open > a:hover, .skin-blue .main-header .navbar .nav .open > a:focus, .skin-blue .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.1);
color: #f6f6f6
}
.skin-blue .main-header .navbar .sidebar-toggle {
color: #fff
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background: rgba(0, 0, 0, 0.1)
}
.skin-blue .main-header .navbar .sidebar-toggle {
color: #fff
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
background-color: #367fa9
}
@media (max-width: 767px) {
.skin-blue .main-header .navbar .dropdown-menu li.divider {
background-color: rgba(255, 255, 255, 0.1)
}
.skin-blue .main-header .navbar .dropdown-menu li a {
color: #fff
}
.skin-blue .main-header .navbar .dropdown-menu li a:hover {
background: #367fa9
}
}
.skin-blue .main-header .logo {
background-color: #367fa9;
color: #fff;
border-bottom: 0 solid transparent
}
.skin-blue .main-header .logo:hover {
background-color: #357ca5
}
.skin-blue .main-header li.user-header {
background-color: #3c8dbc
}
.skin-blue .content-header {
background: transparent
}
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
background-color: #222d32
}
.skin-blue .user-panel > .info, .skin-blue .user-panel > .info > a {
color: #fff
}
.skin-blue .sidebar-menu > li.header {
color: #4b646f;
background: #1a2226
}
.skin-blue .sidebar-menu > li > a {
border-left: 3px solid transparent
}
.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a {
color: #fff;
background: #1e282c;
border-left-color: #3c8dbc
}
.skin-blue .sidebar-menu > li > .treeview-menu {
margin: 0 1px;
background: #2c3b41
}
.skin-blue .sidebar a {
color: #b8c7ce
}
.skin-blue .sidebar a:hover {
text-decoration: none
}
.skin-blue .treeview-menu > li > a {
color: #8aa4af
}
.skin-blue .treeview-menu > li.active > a, .skin-blue .treeview-menu > li > a:hover {
color: #fff
}
.skin-blue .sidebar-form {
border-radius: 3px;
border: 1px solid #374850;
margin: 10px 10px
}
.skin-blue .sidebar-form input[type="text"], .skin-blue .sidebar-form .btn {
box-shadow: none;
background-color: #374850;
border: 1px solid transparent;
height: 35px;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.skin-blue .sidebar-form input[type="text"] {
color: #666;
border-top-left-radius: 2px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 2px
}
.skin-blue .sidebar-form input[type="text"]:focus, .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff;
color: #666
}
.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff
}
.skin-blue .sidebar-form .btn {
color: #999;
border-top-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0
}
.skin-blue.layout-top-nav .main-header > .logo {
background-color: #3c8dbc;
color: #fff;
border-bottom: 0 solid transparent
}
.skin-blue.layout-top-nav .main-header > .logo:hover {
background-color: #3b8ab8
}

35
dist/css/skins/skin-green-light.css vendored
View File

@ -5,9 +5,11 @@
.skin-green-light .main-header .navbar { .skin-green-light .main-header .navbar {
background-color: #00a65a; background-color: #00a65a;
} }
.skin-green-light .main-header .navbar .nav > li > a { .skin-green-light .main-header .navbar .nav > li > a {
color: #ffffff; color: #ffffff;
} }
.skin-green-light .main-header .navbar .nav > li > a:hover, .skin-green-light .main-header .navbar .nav > li > a:hover,
.skin-green-light .main-header .navbar .nav > li > a:active, .skin-green-light .main-header .navbar .nav > li > a:active,
.skin-green-light .main-header .navbar .nav > li > a:focus, .skin-green-light .main-header .navbar .nav > li > a:focus,
@ -18,105 +20,133 @@
background: rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.1);
color: #f6f6f6; color: #f6f6f6;
} }
.skin-green-light .main-header .navbar .sidebar-toggle { .skin-green-light .main-header .navbar .sidebar-toggle {
color: #ffffff; color: #ffffff;
} }
.skin-green-light .main-header .navbar .sidebar-toggle:hover { .skin-green-light .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6; color: #f6f6f6;
background: rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.1);
} }
.skin-green-light .main-header .navbar .sidebar-toggle { .skin-green-light .main-header .navbar .sidebar-toggle {
color: #fff; color: #fff;
} }
.skin-green-light .main-header .navbar .sidebar-toggle:hover { .skin-green-light .main-header .navbar .sidebar-toggle:hover {
background-color: #008d4c; background-color: #008d4c;
} }
@media (max-width: 767px) { @media (max-width: 767px) {
.skin-green-light .main-header .navbar .dropdown-menu li.divider { .skin-green-light .main-header .navbar .dropdown-menu li.divider {
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.1);
} }
.skin-green-light .main-header .navbar .dropdown-menu li a { .skin-green-light .main-header .navbar .dropdown-menu li a {
color: #fff; color: #fff;
} }
.skin-green-light .main-header .navbar .dropdown-menu li a:hover { .skin-green-light .main-header .navbar .dropdown-menu li a:hover {
background: #008d4c; background: #008d4c;
} }
} }
.skin-green-light .main-header .logo { .skin-green-light .main-header .logo {
background-color: #00a65a; background-color: #00a65a;
color: #ffffff; color: #ffffff;
border-bottom: 0 solid transparent; border-bottom: 0 solid transparent;
} }
.skin-green-light .main-header .logo:hover { .skin-green-light .main-header .logo:hover {
background-color: #00a157; background-color: #00a157;
} }
.skin-green-light .main-header li.user-header { .skin-green-light .main-header li.user-header {
background-color: #00a65a; background-color: #00a65a;
} }
.skin-green-light .content-header { .skin-green-light .content-header {
background: transparent; background: transparent;
} }
.skin-green-light .wrapper, .skin-green-light .wrapper,
.skin-green-light .main-sidebar, .skin-green-light .main-sidebar,
.skin-green-light .left-side { .skin-green-light .left-side {
background-color: #f9fafc; background-color: #f9fafc;
} }
.skin-green-light .content-wrapper, .skin-green-light .content-wrapper,
.skin-green-light .main-footer { .skin-green-light .main-footer {
border-left: 1px solid #d2d6de; border-left: 1px solid #d2d6de;
} }
.skin-green-light .user-panel > .info, .skin-green-light .user-panel > .info,
.skin-green-light .user-panel > .info > a { .skin-green-light .user-panel > .info > a {
color: #444444; color: #444444;
} }
.skin-green-light .sidebar-menu > li { .skin-green-light .sidebar-menu > li {
-webkit-transition: border-left-color 0.3s ease; -webkit-transition: border-left-color 0.3s ease;
-o-transition: border-left-color 0.3s ease; -o-transition: border-left-color 0.3s ease;
transition: border-left-color 0.3s ease; transition: border-left-color 0.3s ease;
} }
.skin-green-light .sidebar-menu > li.header { .skin-green-light .sidebar-menu > li.header {
color: #848484; color: #848484;
background: #f9fafc; background: #f9fafc;
} }
.skin-green-light .sidebar-menu > li > a { .skin-green-light .sidebar-menu > li > a {
border-left: 3px solid transparent; border-left: 3px solid transparent;
font-weight: 600; font-weight: 600;
} }
.skin-green-light .sidebar-menu > li:hover > a, .skin-green-light .sidebar-menu > li:hover > a,
.skin-green-light .sidebar-menu > li.active > a { .skin-green-light .sidebar-menu > li.active > a {
color: #000000; color: #000000;
background: #f4f4f5; background: #f4f4f5;
} }
.skin-green-light .sidebar-menu > li.active { .skin-green-light .sidebar-menu > li.active {
border-left-color: #00a65a; border-left-color: #00a65a;
} }
.skin-green-light .sidebar-menu > li.active > a { .skin-green-light .sidebar-menu > li.active > a {
font-weight: 600; font-weight: 600;
} }
.skin-green-light .sidebar-menu > li > .treeview-menu { .skin-green-light .sidebar-menu > li > .treeview-menu {
background: #f4f4f5; background: #f4f4f5;
} }
.skin-green-light .sidebar a { .skin-green-light .sidebar a {
color: #444444; color: #444444;
} }
.skin-green-light .sidebar a:hover { .skin-green-light .sidebar a:hover {
text-decoration: none; text-decoration: none;
} }
.skin-green-light .treeview-menu > li > a { .skin-green-light .treeview-menu > li > a {
color: #777777; color: #777777;
} }
.skin-green-light .treeview-menu > li.active > a, .skin-green-light .treeview-menu > li.active > a,
.skin-green-light .treeview-menu > li > a:hover { .skin-green-light .treeview-menu > li > a:hover {
color: #000000; color: #000000;
} }
.skin-green-light .treeview-menu > li.active > a { .skin-green-light .treeview-menu > li.active > a {
font-weight: 600; font-weight: 600;
} }
.skin-green-light .sidebar-form { .skin-green-light .sidebar-form {
border-radius: 3px; border-radius: 3px;
border: 1px solid #d2d6de; border: 1px solid #d2d6de;
margin: 10px 10px; margin: 10px 10px;
} }
.skin-green-light .sidebar-form input[type="text"], .skin-green-light .sidebar-form input[type="text"],
.skin-green-light .sidebar-form .btn { .skin-green-light .sidebar-form .btn {
box-shadow: none; box-shadow: none;
@ -127,6 +157,7 @@
-o-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
} }
.skin-green-light .sidebar-form input[type="text"] { .skin-green-light .sidebar-form input[type="text"] {
color: #666; color: #666;
border-top-left-radius: 2px; border-top-left-radius: 2px;
@ -134,14 +165,17 @@
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
border-bottom-left-radius: 2px; border-bottom-left-radius: 2px;
} }
.skin-green-light .sidebar-form input[type="text"]:focus, .skin-green-light .sidebar-form input[type="text"]:focus,
.skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn { .skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff; background-color: #fff;
color: #666; color: #666;
} }
.skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn { .skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff; border-left-color: #fff;
} }
.skin-green-light .sidebar-form .btn { .skin-green-light .sidebar-form .btn {
color: #999; color: #999;
border-top-left-radius: 0; border-top-left-radius: 0;
@ -149,6 +183,7 @@
border-bottom-right-radius: 2px; border-bottom-right-radius: 2px;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu { .skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
border-left: 1px solid #d2d6de; border-left: 1px solid #d2d6de;

174
dist/css/skins/skin-green-light.min.css vendored
View File

@ -1 +1,173 @@
.skin-green-light .main-header .navbar{background-color:#00a65a}.skin-green-light .main-header .navbar .nav>li>a{color:#fff}.skin-green-light .main-header .navbar .nav>li>a:hover,.skin-green-light .main-header .navbar .nav>li>a:active,.skin-green-light .main-header .navbar .nav>li>a:focus,.skin-green-light .main-header .navbar .nav .open>a,.skin-green-light .main-header .navbar .nav .open>a:hover,.skin-green-light .main-header .navbar .nav .open>a:focus,.skin-green-light .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-green-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-green-light .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-green-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-green-light .main-header .navbar .sidebar-toggle:hover{background-color:#008d4c}@media (max-width:767px){.skin-green-light .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-green-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-green-light .main-header .navbar .dropdown-menu li a:hover{background:#008d4c}}.skin-green-light .main-header .logo{background-color:#00a65a;color:#fff;border-bottom:0 solid transparent}.skin-green-light .main-header .logo:hover{background-color:#00a157}.skin-green-light .main-header li.user-header{background-color:#00a65a}.skin-green-light .content-header{background:transparent}.skin-green-light .wrapper,.skin-green-light .main-sidebar,.skin-green-light .left-side{background-color:#f9fafc}.skin-green-light .content-wrapper,.skin-green-light .main-footer{border-left:1px solid #d2d6de}.skin-green-light .user-panel>.info,.skin-green-light .user-panel>.info>a{color:#444}.skin-green-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-green-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-green-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-green-light .sidebar-menu>li:hover>a,.skin-green-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-green-light .sidebar-menu>li.active{border-left-color:#00a65a}.skin-green-light .sidebar-menu>li.active>a{font-weight:600}.skin-green-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-green-light .sidebar a{color:#444}.skin-green-light .sidebar a:hover{text-decoration:none}.skin-green-light .treeview-menu>li>a{color:#777}.skin-green-light .treeview-menu>li.active>a,.skin-green-light .treeview-menu>li>a:hover{color:#000}.skin-green-light .treeview-menu>li.active>a{font-weight:600}.skin-green-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-green-light .sidebar-form input[type="text"],.skin-green-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-green-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-green-light .sidebar-form input[type="text"]:focus,.skin-green-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-green-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-green-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}} .skin-green-light .main-header .navbar {
background-color: #00a65a
}
.skin-green-light .main-header .navbar .nav > li > a {
color: #fff
}
.skin-green-light .main-header .navbar .nav > li > a:hover, .skin-green-light .main-header .navbar .nav > li > a:active, .skin-green-light .main-header .navbar .nav > li > a:focus, .skin-green-light .main-header .navbar .nav .open > a, .skin-green-light .main-header .navbar .nav .open > a:hover, .skin-green-light .main-header .navbar .nav .open > a:focus, .skin-green-light .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.1);
color: #f6f6f6
}
.skin-green-light .main-header .navbar .sidebar-toggle {
color: #fff
}
.skin-green-light .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background: rgba(0, 0, 0, 0.1)
}
.skin-green-light .main-header .navbar .sidebar-toggle {
color: #fff
}
.skin-green-light .main-header .navbar .sidebar-toggle:hover {
background-color: #008d4c
}
@media (max-width: 767px) {
.skin-green-light .main-header .navbar .dropdown-menu li.divider {
background-color: rgba(255, 255, 255, 0.1)
}
.skin-green-light .main-header .navbar .dropdown-menu li a {
color: #fff
}
.skin-green-light .main-header .navbar .dropdown-menu li a:hover {
background: #008d4c
}
}
.skin-green-light .main-header .logo {
background-color: #00a65a;
color: #fff;
border-bottom: 0 solid transparent
}
.skin-green-light .main-header .logo:hover {
background-color: #00a157
}
.skin-green-light .main-header li.user-header {
background-color: #00a65a
}
.skin-green-light .content-header {
background: transparent
}
.skin-green-light .wrapper, .skin-green-light .main-sidebar, .skin-green-light .left-side {
background-color: #f9fafc
}
.skin-green-light .content-wrapper, .skin-green-light .main-footer {
border-left: 1px solid #d2d6de
}
.skin-green-light .user-panel > .info, .skin-green-light .user-panel > .info > a {
color: #444
}
.skin-green-light .sidebar-menu > li {
-webkit-transition: border-left-color .3s ease;
-o-transition: border-left-color .3s ease;
transition: border-left-color .3s ease
}
.skin-green-light .sidebar-menu > li.header {
color: #848484;
background: #f9fafc
}
.skin-green-light .sidebar-menu > li > a {
border-left: 3px solid transparent;
font-weight: 600
}
.skin-green-light .sidebar-menu > li:hover > a, .skin-green-light .sidebar-menu > li.active > a {
color: #000;
background: #f4f4f5
}
.skin-green-light .sidebar-menu > li.active {
border-left-color: #00a65a
}
.skin-green-light .sidebar-menu > li.active > a {
font-weight: 600
}
.skin-green-light .sidebar-menu > li > .treeview-menu {
background: #f4f4f5
}
.skin-green-light .sidebar a {
color: #444
}
.skin-green-light .sidebar a:hover {
text-decoration: none
}
.skin-green-light .treeview-menu > li > a {
color: #777
}
.skin-green-light .treeview-menu > li.active > a, .skin-green-light .treeview-menu > li > a:hover {
color: #000
}
.skin-green-light .treeview-menu > li.active > a {
font-weight: 600
}
.skin-green-light .sidebar-form {
border-radius: 3px;
border: 1px solid #d2d6de;
margin: 10px 10px
}
.skin-green-light .sidebar-form input[type="text"], .skin-green-light .sidebar-form .btn {
box-shadow: none;
background-color: #fff;
border: 1px solid transparent;
height: 35px;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.skin-green-light .sidebar-form input[type="text"] {
color: #666;
border-top-left-radius: 2px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 2px
}
.skin-green-light .sidebar-form input[type="text"]:focus, .skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff;
color: #666
}
.skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff
}
.skin-green-light .sidebar-form .btn {
color: #999;
border-top-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0
}
@media (min-width: 768px) {
.skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
border-left: 1px solid #d2d6de
}
}

29
dist/css/skins/skin-green.css vendored
View File

@ -5,9 +5,11 @@
.skin-green .main-header .navbar { .skin-green .main-header .navbar {
background-color: #00a65a; background-color: #00a65a;
} }
.skin-green .main-header .navbar .nav > li > a { .skin-green .main-header .navbar .nav > li > a {
color: #ffffff; color: #ffffff;
} }
.skin-green .main-header .navbar .nav > li > a:hover, .skin-green .main-header .navbar .nav > li > a:hover,
.skin-green .main-header .navbar .nav > li > a:active, .skin-green .main-header .navbar .nav > li > a:active,
.skin-green .main-header .navbar .nav > li > a:focus, .skin-green .main-header .navbar .nav > li > a:focus,
@ -18,88 +20,111 @@
background: rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.1);
color: #f6f6f6; color: #f6f6f6;
} }
.skin-green .main-header .navbar .sidebar-toggle { .skin-green .main-header .navbar .sidebar-toggle {
color: #ffffff; color: #ffffff;
} }
.skin-green .main-header .navbar .sidebar-toggle:hover { .skin-green .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6; color: #f6f6f6;
background: rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.1);
} }
.skin-green .main-header .navbar .sidebar-toggle { .skin-green .main-header .navbar .sidebar-toggle {
color: #fff; color: #fff;
} }
.skin-green .main-header .navbar .sidebar-toggle:hover { .skin-green .main-header .navbar .sidebar-toggle:hover {
background-color: #008d4c; background-color: #008d4c;
} }
@media (max-width: 767px) { @media (max-width: 767px) {
.skin-green .main-header .navbar .dropdown-menu li.divider { .skin-green .main-header .navbar .dropdown-menu li.divider {
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.1);
} }
.skin-green .main-header .navbar .dropdown-menu li a { .skin-green .main-header .navbar .dropdown-menu li a {
color: #fff; color: #fff;
} }
.skin-green .main-header .navbar .dropdown-menu li a:hover { .skin-green .main-header .navbar .dropdown-menu li a:hover {
background: #008d4c; background: #008d4c;
} }
} }
.skin-green .main-header .logo { .skin-green .main-header .logo {
background-color: #008d4c; background-color: #008d4c;
color: #ffffff; color: #ffffff;
border-bottom: 0 solid transparent; border-bottom: 0 solid transparent;
} }
.skin-green .main-header .logo:hover { .skin-green .main-header .logo:hover {
background-color: #008749; background-color: #008749;
} }
.skin-green .main-header li.user-header { .skin-green .main-header li.user-header {
background-color: #00a65a; background-color: #00a65a;
} }
.skin-green .content-header { .skin-green .content-header {
background: transparent; background: transparent;
} }
.skin-green .wrapper, .skin-green .wrapper,
.skin-green .main-sidebar, .skin-green .main-sidebar,
.skin-green .left-side { .skin-green .left-side {
background-color: #222d32; background-color: #222d32;
} }
.skin-green .user-panel > .info, .skin-green .user-panel > .info,
.skin-green .user-panel > .info > a { .skin-green .user-panel > .info > a {
color: #fff; color: #fff;
} }
.skin-green .sidebar-menu > li.header { .skin-green .sidebar-menu > li.header {
color: #4b646f; color: #4b646f;
background: #1a2226; background: #1a2226;
} }
.skin-green .sidebar-menu > li > a { .skin-green .sidebar-menu > li > a {
border-left: 3px solid transparent; border-left: 3px solid transparent;
} }
.skin-green .sidebar-menu > li:hover > a, .skin-green .sidebar-menu > li:hover > a,
.skin-green .sidebar-menu > li.active > a { .skin-green .sidebar-menu > li.active > a {
color: #ffffff; color: #ffffff;
background: #1e282c; background: #1e282c;
border-left-color: #00a65a; border-left-color: #00a65a;
} }
.skin-green .sidebar-menu > li > .treeview-menu { .skin-green .sidebar-menu > li > .treeview-menu {
margin: 0 1px; margin: 0 1px;
background: #2c3b41; background: #2c3b41;
} }
.skin-green .sidebar a { .skin-green .sidebar a {
color: #b8c7ce; color: #b8c7ce;
} }
.skin-green .sidebar a:hover { .skin-green .sidebar a:hover {
text-decoration: none; text-decoration: none;
} }
.skin-green .treeview-menu > li > a { .skin-green .treeview-menu > li > a {
color: #8aa4af; color: #8aa4af;
} }
.skin-green .treeview-menu > li.active > a, .skin-green .treeview-menu > li.active > a,
.skin-green .treeview-menu > li > a:hover { .skin-green .treeview-menu > li > a:hover {
color: #ffffff; color: #ffffff;
} }
.skin-green .sidebar-form { .skin-green .sidebar-form {
border-radius: 3px; border-radius: 3px;
border: 1px solid #374850; border: 1px solid #374850;
margin: 10px 10px; margin: 10px 10px;
} }
.skin-green .sidebar-form input[type="text"], .skin-green .sidebar-form input[type="text"],
.skin-green .sidebar-form .btn { .skin-green .sidebar-form .btn {
box-shadow: none; box-shadow: none;
@ -110,6 +135,7 @@
-o-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
} }
.skin-green .sidebar-form input[type="text"] { .skin-green .sidebar-form input[type="text"] {
color: #666; color: #666;
border-top-left-radius: 2px; border-top-left-radius: 2px;
@ -117,14 +143,17 @@
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
border-bottom-left-radius: 2px; border-bottom-left-radius: 2px;
} }
.skin-green .sidebar-form input[type="text"]:focus, .skin-green .sidebar-form input[type="text"]:focus,
.skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn { .skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff; background-color: #fff;
color: #666; color: #666;
} }
.skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn { .skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff; border-left-color: #fff;
} }
.skin-green .sidebar-form .btn { .skin-green .sidebar-form .btn {
color: #999; color: #999;
border-top-left-radius: 0; border-top-left-radius: 0;

147
dist/css/skins/skin-green.min.css vendored
View File

@ -1 +1,146 @@
.skin-green .main-header .navbar{background-color:#00a65a}.skin-green .main-header .navbar .nav>li>a{color:#fff}.skin-green .main-header .navbar .nav>li>a:hover,.skin-green .main-header .navbar .nav>li>a:active,.skin-green .main-header .navbar .nav>li>a:focus,.skin-green .main-header .navbar .nav .open>a,.skin-green .main-header .navbar .nav .open>a:hover,.skin-green .main-header .navbar .nav .open>a:focus,.skin-green .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-green .main-header .navbar .sidebar-toggle{color:#fff}.skin-green .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-green .main-header .navbar .sidebar-toggle{color:#fff}.skin-green .main-header .navbar .sidebar-toggle:hover{background-color:#008d4c}@media (max-width:767px){.skin-green .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-green .main-header .navbar .dropdown-menu li a{color:#fff}.skin-green .main-header .navbar .dropdown-menu li a:hover{background:#008d4c}}.skin-green .main-header .logo{background-color:#008d4c;color:#fff;border-bottom:0 solid transparent}.skin-green .main-header .logo:hover{background-color:#008749}.skin-green .main-header li.user-header{background-color:#00a65a}.skin-green .content-header{background:transparent}.skin-green .wrapper,.skin-green .main-sidebar,.skin-green .left-side{background-color:#222d32}.skin-green .user-panel>.info,.skin-green .user-panel>.info>a{color:#fff}.skin-green .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-green .sidebar-menu>li>a{border-left:3px solid transparent}.skin-green .sidebar-menu>li:hover>a,.skin-green .sidebar-menu>li.active>a{color:#fff;background:#1e282c;border-left-color:#00a65a}.skin-green .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-green .sidebar a{color:#b8c7ce}.skin-green .sidebar a:hover{text-decoration:none}.skin-green .treeview-menu>li>a{color:#8aa4af}.skin-green .treeview-menu>li.active>a,.skin-green .treeview-menu>li>a:hover{color:#fff}.skin-green .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-green .sidebar-form input[type="text"],.skin-green .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-green .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-green .sidebar-form input[type="text"]:focus,.skin-green .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-green .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-green .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0} .skin-green .main-header .navbar {
background-color: #00a65a
}
.skin-green .main-header .navbar .nav > li > a {
color: #fff
}
.skin-green .main-header .navbar .nav > li > a:hover, .skin-green .main-header .navbar .nav > li > a:active, .skin-green .main-header .navbar .nav > li > a:focus, .skin-green .main-header .navbar .nav .open > a, .skin-green .main-header .navbar .nav .open > a:hover, .skin-green .main-header .navbar .nav .open > a:focus, .skin-green .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.1);
color: #f6f6f6
}
.skin-green .main-header .navbar .sidebar-toggle {
color: #fff
}
.skin-green .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background: rgba(0, 0, 0, 0.1)
}
.skin-green .main-header .navbar .sidebar-toggle {
color: #fff
}
.skin-green .main-header .navbar .sidebar-toggle:hover {
background-color: #008d4c
}
@media (max-width: 767px) {
.skin-green .main-header .navbar .dropdown-menu li.divider {
background-color: rgba(255, 255, 255, 0.1)
}
.skin-green .main-header .navbar .dropdown-menu li a {
color: #fff
}
.skin-green .main-header .navbar .dropdown-menu li a:hover {
background: #008d4c
}
}
.skin-green .main-header .logo {
background-color: #008d4c;
color: #fff;
border-bottom: 0 solid transparent
}
.skin-green .main-header .logo:hover {
background-color: #008749
}
.skin-green .main-header li.user-header {
background-color: #00a65a
}
.skin-green .content-header {
background: transparent
}
.skin-green .wrapper, .skin-green .main-sidebar, .skin-green .left-side {
background-color: #222d32
}
.skin-green .user-panel > .info, .skin-green .user-panel > .info > a {
color: #fff
}
.skin-green .sidebar-menu > li.header {
color: #4b646f;
background: #1a2226
}
.skin-green .sidebar-menu > li > a {
border-left: 3px solid transparent
}
.skin-green .sidebar-menu > li:hover > a, .skin-green .sidebar-menu > li.active > a {
color: #fff;
background: #1e282c;
border-left-color: #00a65a
}
.skin-green .sidebar-menu > li > .treeview-menu {
margin: 0 1px;
background: #2c3b41
}
.skin-green .sidebar a {
color: #b8c7ce
}
.skin-green .sidebar a:hover {
text-decoration: none
}
.skin-green .treeview-menu > li > a {
color: #8aa4af
}
.skin-green .treeview-menu > li.active > a, .skin-green .treeview-menu > li > a:hover {
color: #fff
}
.skin-green .sidebar-form {
border-radius: 3px;
border: 1px solid #374850;
margin: 10px 10px
}
.skin-green .sidebar-form input[type="text"], .skin-green .sidebar-form .btn {
box-shadow: none;
background-color: #374850;
border: 1px solid transparent;
height: 35px;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.skin-green .sidebar-form input[type="text"] {
color: #666;
border-top-left-radius: 2px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 2px
}
.skin-green .sidebar-form input[type="text"]:focus, .skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff;
color: #666
}
.skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff
}
.skin-green .sidebar-form .btn {
color: #999;
border-top-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0
}

35
dist/css/skins/skin-purple-light.css vendored
View File

@ -5,9 +5,11 @@
.skin-purple-light .main-header .navbar { .skin-purple-light .main-header .navbar {
background-color: #605ca8; background-color: #605ca8;
} }
.skin-purple-light .main-header .navbar .nav > li > a { .skin-purple-light .main-header .navbar .nav > li > a {
color: #ffffff; color: #ffffff;
} }
.skin-purple-light .main-header .navbar .nav > li > a:hover, .skin-purple-light .main-header .navbar .nav > li > a:hover,
.skin-purple-light .main-header .navbar .nav > li > a:active, .skin-purple-light .main-header .navbar .nav > li > a:active,
.skin-purple-light .main-header .navbar .nav > li > a:focus, .skin-purple-light .main-header .navbar .nav > li > a:focus,
@ -18,105 +20,133 @@
background: rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.1);
color: #f6f6f6; color: #f6f6f6;
} }
.skin-purple-light .main-header .navbar .sidebar-toggle { .skin-purple-light .main-header .navbar .sidebar-toggle {
color: #ffffff; color: #ffffff;
} }
.skin-purple-light .main-header .navbar .sidebar-toggle:hover { .skin-purple-light .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6; color: #f6f6f6;
background: rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.1);
} }
.skin-purple-light .main-header .navbar .sidebar-toggle { .skin-purple-light .main-header .navbar .sidebar-toggle {
color: #fff; color: #fff;
} }
.skin-purple-light .main-header .navbar .sidebar-toggle:hover { .skin-purple-light .main-header .navbar .sidebar-toggle:hover {
background-color: #555299; background-color: #555299;
} }
@media (max-width: 767px) { @media (max-width: 767px) {
.skin-purple-light .main-header .navbar .dropdown-menu li.divider { .skin-purple-light .main-header .navbar .dropdown-menu li.divider {
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.1);
} }
.skin-purple-light .main-header .navbar .dropdown-menu li a { .skin-purple-light .main-header .navbar .dropdown-menu li a {
color: #fff; color: #fff;
} }
.skin-purple-light .main-header .navbar .dropdown-menu li a:hover { .skin-purple-light .main-header .navbar .dropdown-menu li a:hover {
background: #555299; background: #555299;
} }
} }
.skin-purple-light .main-header .logo { .skin-purple-light .main-header .logo {
background-color: #605ca8; background-color: #605ca8;
color: #ffffff; color: #ffffff;
border-bottom: 0 solid transparent; border-bottom: 0 solid transparent;
} }
.skin-purple-light .main-header .logo:hover { .skin-purple-light .main-header .logo:hover {
background-color: #5d59a6; background-color: #5d59a6;
} }
.skin-purple-light .main-header li.user-header { .skin-purple-light .main-header li.user-header {
background-color: #605ca8; background-color: #605ca8;
} }
.skin-purple-light .content-header { .skin-purple-light .content-header {
background: transparent; background: transparent;
} }
.skin-purple-light .wrapper, .skin-purple-light .wrapper,
.skin-purple-light .main-sidebar, .skin-purple-light .main-sidebar,
.skin-purple-light .left-side { .skin-purple-light .left-side {
background-color: #f9fafc; background-color: #f9fafc;
} }
.skin-purple-light .content-wrapper, .skin-purple-light .content-wrapper,
.skin-purple-light .main-footer { .skin-purple-light .main-footer {
border-left: 1px solid #d2d6de; border-left: 1px solid #d2d6de;
} }
.skin-purple-light .user-panel > .info, .skin-purple-light .user-panel > .info,
.skin-purple-light .user-panel > .info > a { .skin-purple-light .user-panel > .info > a {
color: #444444; color: #444444;
} }
.skin-purple-light .sidebar-menu > li { .skin-purple-light .sidebar-menu > li {
-webkit-transition: border-left-color 0.3s ease; -webkit-transition: border-left-color 0.3s ease;
-o-transition: border-left-color 0.3s ease; -o-transition: border-left-color 0.3s ease;
transition: border-left-color 0.3s ease; transition: border-left-color 0.3s ease;
} }
.skin-purple-light .sidebar-menu > li.header { .skin-purple-light .sidebar-menu > li.header {
color: #848484; color: #848484;
background: #f9fafc; background: #f9fafc;
} }
.skin-purple-light .sidebar-menu > li > a { .skin-purple-light .sidebar-menu > li > a {
border-left: 3px solid transparent; border-left: 3px solid transparent;
font-weight: 600; font-weight: 600;
} }
.skin-purple-light .sidebar-menu > li:hover > a, .skin-purple-light .sidebar-menu > li:hover > a,
.skin-purple-light .sidebar-menu > li.active > a { .skin-purple-light .sidebar-menu > li.active > a {
color: #000000; color: #000000;
background: #f4f4f5; background: #f4f4f5;
} }
.skin-purple-light .sidebar-menu > li.active { .skin-purple-light .sidebar-menu > li.active {
border-left-color: #605ca8; border-left-color: #605ca8;
} }
.skin-purple-light .sidebar-menu > li.active > a { .skin-purple-light .sidebar-menu > li.active > a {
font-weight: 600; font-weight: 600;
} }
.skin-purple-light .sidebar-menu > li > .treeview-menu { .skin-purple-light .sidebar-menu > li > .treeview-menu {
background: #f4f4f5; background: #f4f4f5;
} }
.skin-purple-light .sidebar a { .skin-purple-light .sidebar a {
color: #444444; color: #444444;
} }
.skin-purple-light .sidebar a:hover { .skin-purple-light .sidebar a:hover {
text-decoration: none; text-decoration: none;
} }
.skin-purple-light .treeview-menu > li > a { .skin-purple-light .treeview-menu > li > a {
color: #777777; color: #777777;
} }
.skin-purple-light .treeview-menu > li.active > a, .skin-purple-light .treeview-menu > li.active > a,
.skin-purple-light .treeview-menu > li > a:hover { .skin-purple-light .treeview-menu > li > a:hover {
color: #000000; color: #000000;
} }
.skin-purple-light .treeview-menu > li.active > a { .skin-purple-light .treeview-menu > li.active > a {
font-weight: 600; font-weight: 600;
} }
.skin-purple-light .sidebar-form { .skin-purple-light .sidebar-form {
border-radius: 3px; border-radius: 3px;
border: 1px solid #d2d6de; border: 1px solid #d2d6de;
margin: 10px 10px; margin: 10px 10px;
} }
.skin-purple-light .sidebar-form input[type="text"], .skin-purple-light .sidebar-form input[type="text"],
.skin-purple-light .sidebar-form .btn { .skin-purple-light .sidebar-form .btn {
box-shadow: none; box-shadow: none;
@ -127,6 +157,7 @@
-o-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
} }
.skin-purple-light .sidebar-form input[type="text"] { .skin-purple-light .sidebar-form input[type="text"] {
color: #666; color: #666;
border-top-left-radius: 2px; border-top-left-radius: 2px;
@ -134,14 +165,17 @@
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
border-bottom-left-radius: 2px; border-bottom-left-radius: 2px;
} }
.skin-purple-light .sidebar-form input[type="text"]:focus, .skin-purple-light .sidebar-form input[type="text"]:focus,
.skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn { .skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff; background-color: #fff;
color: #666; color: #666;
} }
.skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn { .skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff; border-left-color: #fff;
} }
.skin-purple-light .sidebar-form .btn { .skin-purple-light .sidebar-form .btn {
color: #999; color: #999;
border-top-left-radius: 0; border-top-left-radius: 0;
@ -149,6 +183,7 @@
border-bottom-right-radius: 2px; border-bottom-right-radius: 2px;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu { .skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
border-left: 1px solid #d2d6de; border-left: 1px solid #d2d6de;

174
dist/css/skins/skin-purple-light.min.css vendored
View File

@ -1 +1,173 @@
.skin-purple-light .main-header .navbar{background-color:#605ca8}.skin-purple-light .main-header .navbar .nav>li>a{color:#fff}.skin-purple-light .main-header .navbar .nav>li>a:hover,.skin-purple-light .main-header .navbar .nav>li>a:active,.skin-purple-light .main-header .navbar .nav>li>a:focus,.skin-purple-light .main-header .navbar .nav .open>a,.skin-purple-light .main-header .navbar .nav .open>a:hover,.skin-purple-light .main-header .navbar .nav .open>a:focus,.skin-purple-light .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-purple-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-purple-light .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-purple-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-purple-light .main-header .navbar .sidebar-toggle:hover{background-color:#555299}@media (max-width:767px){.skin-purple-light .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-purple-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-purple-light .main-header .navbar .dropdown-menu li a:hover{background:#555299}}.skin-purple-light .main-header .logo{background-color:#605ca8;color:#fff;border-bottom:0 solid transparent}.skin-purple-light .main-header .logo:hover{background-color:#5d59a6}.skin-purple-light .main-header li.user-header{background-color:#605ca8}.skin-purple-light .content-header{background:transparent}.skin-purple-light .wrapper,.skin-purple-light .main-sidebar,.skin-purple-light .left-side{background-color:#f9fafc}.skin-purple-light .content-wrapper,.skin-purple-light .main-footer{border-left:1px solid #d2d6de}.skin-purple-light .user-panel>.info,.skin-purple-light .user-panel>.info>a{color:#444}.skin-purple-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-purple-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-purple-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-purple-light .sidebar-menu>li:hover>a,.skin-purple-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-purple-light .sidebar-menu>li.active{border-left-color:#605ca8}.skin-purple-light .sidebar-menu>li.active>a{font-weight:600}.skin-purple-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-purple-light .sidebar a{color:#444}.skin-purple-light .sidebar a:hover{text-decoration:none}.skin-purple-light .treeview-menu>li>a{color:#777}.skin-purple-light .treeview-menu>li.active>a,.skin-purple-light .treeview-menu>li>a:hover{color:#000}.skin-purple-light .treeview-menu>li.active>a{font-weight:600}.skin-purple-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-purple-light .sidebar-form input[type="text"],.skin-purple-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-purple-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-purple-light .sidebar-form input[type="text"]:focus,.skin-purple-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-purple-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-purple-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}} .skin-purple-light .main-header .navbar {
background-color: #605ca8
}
.skin-purple-light .main-header .navbar .nav > li > a {
color: #fff
}
.skin-purple-light .main-header .navbar .nav > li > a:hover, .skin-purple-light .main-header .navbar .nav > li > a:active, .skin-purple-light .main-header .navbar .nav > li > a:focus, .skin-purple-light .main-header .navbar .nav .open > a, .skin-purple-light .main-header .navbar .nav .open > a:hover, .skin-purple-light .main-header .navbar .nav .open > a:focus, .skin-purple-light .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.1);
color: #f6f6f6
}
.skin-purple-light .main-header .navbar .sidebar-toggle {
color: #fff
}
.skin-purple-light .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background: rgba(0, 0, 0, 0.1)
}
.skin-purple-light .main-header .navbar .sidebar-toggle {
color: #fff
}
.skin-purple-light .main-header .navbar .sidebar-toggle:hover {
background-color: #555299
}
@media (max-width: 767px) {
.skin-purple-light .main-header .navbar .dropdown-menu li.divider {
background-color: rgba(255, 255, 255, 0.1)
}
.skin-purple-light .main-header .navbar .dropdown-menu li a {
color: #fff
}
.skin-purple-light .main-header .navbar .dropdown-menu li a:hover {
background: #555299
}
}
.skin-purple-light .main-header .logo {
background-color: #605ca8;
color: #fff;
border-bottom: 0 solid transparent
}
.skin-purple-light .main-header .logo:hover {
background-color: #5d59a6
}
.skin-purple-light .main-header li.user-header {
background-color: #605ca8
}
.skin-purple-light .content-header {
background: transparent
}
.skin-purple-light .wrapper, .skin-purple-light .main-sidebar, .skin-purple-light .left-side {
background-color: #f9fafc
}
.skin-purple-light .content-wrapper, .skin-purple-light .main-footer {
border-left: 1px solid #d2d6de
}
.skin-purple-light .user-panel > .info, .skin-purple-light .user-panel > .info > a {
color: #444
}
.skin-purple-light .sidebar-menu > li {
-webkit-transition: border-left-color .3s ease;
-o-transition: border-left-color .3s ease;
transition: border-left-color .3s ease
}
.skin-purple-light .sidebar-menu > li.header {
color: #848484;
background: #f9fafc
}
.skin-purple-light .sidebar-menu > li > a {
border-left: 3px solid transparent;
font-weight: 600
}
.skin-purple-light .sidebar-menu > li:hover > a, .skin-purple-light .sidebar-menu > li.active > a {
color: #000;
background: #f4f4f5
}
.skin-purple-light .sidebar-menu > li.active {
border-left-color: #605ca8
}
.skin-purple-light .sidebar-menu > li.active > a {
font-weight: 600
}
.skin-purple-light .sidebar-menu > li > .treeview-menu {
background: #f4f4f5
}
.skin-purple-light .sidebar a {
color: #444
}
.skin-purple-light .sidebar a:hover {
text-decoration: none
}
.skin-purple-light .treeview-menu > li > a {
color: #777
}
.skin-purple-light .treeview-menu > li.active > a, .skin-purple-light .treeview-menu > li > a:hover {
color: #000
}
.skin-purple-light .treeview-menu > li.active > a {
font-weight: 600
}
.skin-purple-light .sidebar-form {
border-radius: 3px;
border: 1px solid #d2d6de;
margin: 10px 10px
}
.skin-purple-light .sidebar-form input[type="text"], .skin-purple-light .sidebar-form .btn {
box-shadow: none;
background-color: #fff;
border: 1px solid transparent;
height: 35px;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.skin-purple-light .sidebar-form input[type="text"] {
color: #666;
border-top-left-radius: 2px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 2px
}
.skin-purple-light .sidebar-form input[type="text"]:focus, .skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff;
color: #666
}
.skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff
}
.skin-purple-light .sidebar-form .btn {
color: #999;
border-top-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0
}
@media (min-width: 768px) {
.skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
border-left: 1px solid #d2d6de
}
}

29
dist/css/skins/skin-purple.css vendored
View File

@ -5,9 +5,11 @@
.skin-purple .main-header .navbar { .skin-purple .main-header .navbar {
background-color: #605ca8; background-color: #605ca8;
} }
.skin-purple .main-header .navbar .nav > li > a { .skin-purple .main-header .navbar .nav > li > a {
color: #ffffff; color: #ffffff;
} }
.skin-purple .main-header .navbar .nav > li > a:hover, .skin-purple .main-header .navbar .nav > li > a:hover,
.skin-purple .main-header .navbar .nav > li > a:active, .skin-purple .main-header .navbar .nav > li > a:active,
.skin-purple .main-header .navbar .nav > li > a:focus, .skin-purple .main-header .navbar .nav > li > a:focus,
@ -18,88 +20,111 @@
background: rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.1);
color: #f6f6f6; color: #f6f6f6;
} }
.skin-purple .main-header .navbar .sidebar-toggle { .skin-purple .main-header .navbar .sidebar-toggle {
color: #ffffff; color: #ffffff;
} }
.skin-purple .main-header .navbar .sidebar-toggle:hover { .skin-purple .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6; color: #f6f6f6;
background: rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.1);
} }
.skin-purple .main-header .navbar .sidebar-toggle { .skin-purple .main-header .navbar .sidebar-toggle {
color: #fff; color: #fff;
} }
.skin-purple .main-header .navbar .sidebar-toggle:hover { .skin-purple .main-header .navbar .sidebar-toggle:hover {
background-color: #555299; background-color: #555299;
} }
@media (max-width: 767px) { @media (max-width: 767px) {
.skin-purple .main-header .navbar .dropdown-menu li.divider { .skin-purple .main-header .navbar .dropdown-menu li.divider {
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.1);
} }
.skin-purple .main-header .navbar .dropdown-menu li a { .skin-purple .main-header .navbar .dropdown-menu li a {
color: #fff; color: #fff;
} }
.skin-purple .main-header .navbar .dropdown-menu li a:hover { .skin-purple .main-header .navbar .dropdown-menu li a:hover {
background: #555299; background: #555299;
} }
} }
.skin-purple .main-header .logo { .skin-purple .main-header .logo {
background-color: #555299; background-color: #555299;
color: #ffffff; color: #ffffff;
border-bottom: 0 solid transparent; border-bottom: 0 solid transparent;
} }
.skin-purple .main-header .logo:hover { .skin-purple .main-header .logo:hover {
background-color: #545096; background-color: #545096;
} }
.skin-purple .main-header li.user-header { .skin-purple .main-header li.user-header {
background-color: #605ca8; background-color: #605ca8;
} }
.skin-purple .content-header { .skin-purple .content-header {
background: transparent; background: transparent;
} }
.skin-purple .wrapper, .skin-purple .wrapper,
.skin-purple .main-sidebar, .skin-purple .main-sidebar,
.skin-purple .left-side { .skin-purple .left-side {
background-color: #222d32; background-color: #222d32;
} }
.skin-purple .user-panel > .info, .skin-purple .user-panel > .info,
.skin-purple .user-panel > .info > a { .skin-purple .user-panel > .info > a {
color: #fff; color: #fff;
} }
.skin-purple .sidebar-menu > li.header { .skin-purple .sidebar-menu > li.header {
color: #4b646f; color: #4b646f;
background: #1a2226; background: #1a2226;
} }
.skin-purple .sidebar-menu > li > a { .skin-purple .sidebar-menu > li > a {
border-left: 3px solid transparent; border-left: 3px solid transparent;
} }
.skin-purple .sidebar-menu > li:hover > a, .skin-purple .sidebar-menu > li:hover > a,
.skin-purple .sidebar-menu > li.active > a { .skin-purple .sidebar-menu > li.active > a {
color: #ffffff; color: #ffffff;
background: #1e282c; background: #1e282c;
border-left-color: #605ca8; border-left-color: #605ca8;
} }
.skin-purple .sidebar-menu > li > .treeview-menu { .skin-purple .sidebar-menu > li > .treeview-menu {
margin: 0 1px; margin: 0 1px;
background: #2c3b41; background: #2c3b41;
} }
.skin-purple .sidebar a { .skin-purple .sidebar a {
color: #b8c7ce; color: #b8c7ce;
} }
.skin-purple .sidebar a:hover { .skin-purple .sidebar a:hover {
text-decoration: none; text-decoration: none;
} }
.skin-purple .treeview-menu > li > a { .skin-purple .treeview-menu > li > a {
color: #8aa4af; color: #8aa4af;
} }
.skin-purple .treeview-menu > li.active > a, .skin-purple .treeview-menu > li.active > a,
.skin-purple .treeview-menu > li > a:hover { .skin-purple .treeview-menu > li > a:hover {
color: #ffffff; color: #ffffff;
} }
.skin-purple .sidebar-form { .skin-purple .sidebar-form {
border-radius: 3px; border-radius: 3px;
border: 1px solid #374850; border: 1px solid #374850;
margin: 10px 10px; margin: 10px 10px;
} }
.skin-purple .sidebar-form input[type="text"], .skin-purple .sidebar-form input[type="text"],
.skin-purple .sidebar-form .btn { .skin-purple .sidebar-form .btn {
box-shadow: none; box-shadow: none;
@ -110,6 +135,7 @@
-o-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
} }
.skin-purple .sidebar-form input[type="text"] { .skin-purple .sidebar-form input[type="text"] {
color: #666; color: #666;
border-top-left-radius: 2px; border-top-left-radius: 2px;
@ -117,14 +143,17 @@
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
border-bottom-left-radius: 2px; border-bottom-left-radius: 2px;
} }
.skin-purple .sidebar-form input[type="text"]:focus, .skin-purple .sidebar-form input[type="text"]:focus,
.skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn { .skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff; background-color: #fff;
color: #666; color: #666;
} }
.skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn { .skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff; border-left-color: #fff;
} }
.skin-purple .sidebar-form .btn { .skin-purple .sidebar-form .btn {
color: #999; color: #999;
border-top-left-radius: 0; border-top-left-radius: 0;

147
dist/css/skins/skin-purple.min.css vendored
View File

@ -1 +1,146 @@
.skin-purple .main-header .navbar{background-color:#605ca8}.skin-purple .main-header .navbar .nav>li>a{color:#fff}.skin-purple .main-header .navbar .nav>li>a:hover,.skin-purple .main-header .navbar .nav>li>a:active,.skin-purple .main-header .navbar .nav>li>a:focus,.skin-purple .main-header .navbar .nav .open>a,.skin-purple .main-header .navbar .nav .open>a:hover,.skin-purple .main-header .navbar .nav .open>a:focus,.skin-purple .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-purple .main-header .navbar .sidebar-toggle{color:#fff}.skin-purple .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-purple .main-header .navbar .sidebar-toggle{color:#fff}.skin-purple .main-header .navbar .sidebar-toggle:hover{background-color:#555299}@media (max-width:767px){.skin-purple .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-purple .main-header .navbar .dropdown-menu li a{color:#fff}.skin-purple .main-header .navbar .dropdown-menu li a:hover{background:#555299}}.skin-purple .main-header .logo{background-color:#555299;color:#fff;border-bottom:0 solid transparent}.skin-purple .main-header .logo:hover{background-color:#545096}.skin-purple .main-header li.user-header{background-color:#605ca8}.skin-purple .content-header{background:transparent}.skin-purple .wrapper,.skin-purple .main-sidebar,.skin-purple .left-side{background-color:#222d32}.skin-purple .user-panel>.info,.skin-purple .user-panel>.info>a{color:#fff}.skin-purple .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-purple .sidebar-menu>li>a{border-left:3px solid transparent}.skin-purple .sidebar-menu>li:hover>a,.skin-purple .sidebar-menu>li.active>a{color:#fff;background:#1e282c;border-left-color:#605ca8}.skin-purple .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-purple .sidebar a{color:#b8c7ce}.skin-purple .sidebar a:hover{text-decoration:none}.skin-purple .treeview-menu>li>a{color:#8aa4af}.skin-purple .treeview-menu>li.active>a,.skin-purple .treeview-menu>li>a:hover{color:#fff}.skin-purple .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-purple .sidebar-form input[type="text"],.skin-purple .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-purple .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-purple .sidebar-form input[type="text"]:focus,.skin-purple .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-purple .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-purple .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0} .skin-purple .main-header .navbar {
background-color: #605ca8
}
.skin-purple .main-header .navbar .nav > li > a {
color: #fff
}
.skin-purple .main-header .navbar .nav > li > a:hover, .skin-purple .main-header .navbar .nav > li > a:active, .skin-purple .main-header .navbar .nav > li > a:focus, .skin-purple .main-header .navbar .nav .open > a, .skin-purple .main-header .navbar .nav .open > a:hover, .skin-purple .main-header .navbar .nav .open > a:focus, .skin-purple .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.1);
color: #f6f6f6
}
.skin-purple .main-header .navbar .sidebar-toggle {
color: #fff
}
.skin-purple .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background: rgba(0, 0, 0, 0.1)
}
.skin-purple .main-header .navbar .sidebar-toggle {
color: #fff
}
.skin-purple .main-header .navbar .sidebar-toggle:hover {
background-color: #555299
}
@media (max-width: 767px) {
.skin-purple .main-header .navbar .dropdown-menu li.divider {
background-color: rgba(255, 255, 255, 0.1)
}
.skin-purple .main-header .navbar .dropdown-menu li a {
color: #fff
}
.skin-purple .main-header .navbar .dropdown-menu li a:hover {
background: #555299
}
}
.skin-purple .main-header .logo {
background-color: #555299;
color: #fff;
border-bottom: 0 solid transparent
}
.skin-purple .main-header .logo:hover {
background-color: #545096
}
.skin-purple .main-header li.user-header {
background-color: #605ca8
}
.skin-purple .content-header {
background: transparent
}
.skin-purple .wrapper, .skin-purple .main-sidebar, .skin-purple .left-side {
background-color: #222d32
}
.skin-purple .user-panel > .info, .skin-purple .user-panel > .info > a {
color: #fff
}
.skin-purple .sidebar-menu > li.header {
color: #4b646f;
background: #1a2226
}
.skin-purple .sidebar-menu > li > a {
border-left: 3px solid transparent
}
.skin-purple .sidebar-menu > li:hover > a, .skin-purple .sidebar-menu > li.active > a {
color: #fff;
background: #1e282c;
border-left-color: #605ca8
}
.skin-purple .sidebar-menu > li > .treeview-menu {
margin: 0 1px;
background: #2c3b41
}
.skin-purple .sidebar a {
color: #b8c7ce
}
.skin-purple .sidebar a:hover {
text-decoration: none
}
.skin-purple .treeview-menu > li > a {
color: #8aa4af
}
.skin-purple .treeview-menu > li.active > a, .skin-purple .treeview-menu > li > a:hover {
color: #fff
}
.skin-purple .sidebar-form {
border-radius: 3px;
border: 1px solid #374850;
margin: 10px 10px
}
.skin-purple .sidebar-form input[type="text"], .skin-purple .sidebar-form .btn {
box-shadow: none;
background-color: #374850;
border: 1px solid transparent;
height: 35px;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.skin-purple .sidebar-form input[type="text"] {
color: #666;
border-top-left-radius: 2px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 2px
}
.skin-purple .sidebar-form input[type="text"]:focus, .skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff;
color: #666
}
.skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff
}
.skin-purple .sidebar-form .btn {
color: #999;
border-top-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0
}

35
dist/css/skins/skin-red-light.css vendored
View File

@ -5,9 +5,11 @@
.skin-red-light .main-header .navbar { .skin-red-light .main-header .navbar {
background-color: #dd4b39; background-color: #dd4b39;
} }
.skin-red-light .main-header .navbar .nav > li > a { .skin-red-light .main-header .navbar .nav > li > a {
color: #ffffff; color: #ffffff;
} }
.skin-red-light .main-header .navbar .nav > li > a:hover, .skin-red-light .main-header .navbar .nav > li > a:hover,
.skin-red-light .main-header .navbar .nav > li > a:active, .skin-red-light .main-header .navbar .nav > li > a:active,
.skin-red-light .main-header .navbar .nav > li > a:focus, .skin-red-light .main-header .navbar .nav > li > a:focus,
@ -18,105 +20,133 @@
background: rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.1);
color: #f6f6f6; color: #f6f6f6;
} }
.skin-red-light .main-header .navbar .sidebar-toggle { .skin-red-light .main-header .navbar .sidebar-toggle {
color: #ffffff; color: #ffffff;
} }
.skin-red-light .main-header .navbar .sidebar-toggle:hover { .skin-red-light .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6; color: #f6f6f6;
background: rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.1);
} }
.skin-red-light .main-header .navbar .sidebar-toggle { .skin-red-light .main-header .navbar .sidebar-toggle {
color: #fff; color: #fff;
} }
.skin-red-light .main-header .navbar .sidebar-toggle:hover { .skin-red-light .main-header .navbar .sidebar-toggle:hover {
background-color: #d73925; background-color: #d73925;
} }
@media (max-width: 767px) { @media (max-width: 767px) {
.skin-red-light .main-header .navbar .dropdown-menu li.divider { .skin-red-light .main-header .navbar .dropdown-menu li.divider {
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.1);
} }
.skin-red-light .main-header .navbar .dropdown-menu li a { .skin-red-light .main-header .navbar .dropdown-menu li a {
color: #fff; color: #fff;
} }
.skin-red-light .main-header .navbar .dropdown-menu li a:hover { .skin-red-light .main-header .navbar .dropdown-menu li a:hover {
background: #d73925; background: #d73925;
} }
} }
.skin-red-light .main-header .logo { .skin-red-light .main-header .logo {
background-color: #dd4b39; background-color: #dd4b39;
color: #ffffff; color: #ffffff;
border-bottom: 0 solid transparent; border-bottom: 0 solid transparent;
} }
.skin-red-light .main-header .logo:hover { .skin-red-light .main-header .logo:hover {
background-color: #dc4735; background-color: #dc4735;
} }
.skin-red-light .main-header li.user-header { .skin-red-light .main-header li.user-header {
background-color: #dd4b39; background-color: #dd4b39;
} }
.skin-red-light .content-header { .skin-red-light .content-header {
background: transparent; background: transparent;
} }
.skin-red-light .wrapper, .skin-red-light .wrapper,
.skin-red-light .main-sidebar, .skin-red-light .main-sidebar,
.skin-red-light .left-side { .skin-red-light .left-side {
background-color: #f9fafc; background-color: #f9fafc;
} }
.skin-red-light .content-wrapper, .skin-red-light .content-wrapper,
.skin-red-light .main-footer { .skin-red-light .main-footer {
border-left: 1px solid #d2d6de; border-left: 1px solid #d2d6de;
} }
.skin-red-light .user-panel > .info, .skin-red-light .user-panel > .info,
.skin-red-light .user-panel > .info > a { .skin-red-light .user-panel > .info > a {
color: #444444; color: #444444;
} }
.skin-red-light .sidebar-menu > li { .skin-red-light .sidebar-menu > li {
-webkit-transition: border-left-color 0.3s ease; -webkit-transition: border-left-color 0.3s ease;
-o-transition: border-left-color 0.3s ease; -o-transition: border-left-color 0.3s ease;
transition: border-left-color 0.3s ease; transition: border-left-color 0.3s ease;
} }
.skin-red-light .sidebar-menu > li.header { .skin-red-light .sidebar-menu > li.header {
color: #848484; color: #848484;
background: #f9fafc; background: #f9fafc;
} }
.skin-red-light .sidebar-menu > li > a { .skin-red-light .sidebar-menu > li > a {
border-left: 3px solid transparent; border-left: 3px solid transparent;
font-weight: 600; font-weight: 600;
} }
.skin-red-light .sidebar-menu > li:hover > a, .skin-red-light .sidebar-menu > li:hover > a,
.skin-red-light .sidebar-menu > li.active > a { .skin-red-light .sidebar-menu > li.active > a {
color: #000000; color: #000000;
background: #f4f4f5; background: #f4f4f5;
} }
.skin-red-light .sidebar-menu > li.active { .skin-red-light .sidebar-menu > li.active {
border-left-color: #dd4b39; border-left-color: #dd4b39;
} }
.skin-red-light .sidebar-menu > li.active > a { .skin-red-light .sidebar-menu > li.active > a {
font-weight: 600; font-weight: 600;
} }
.skin-red-light .sidebar-menu > li > .treeview-menu { .skin-red-light .sidebar-menu > li > .treeview-menu {
background: #f4f4f5; background: #f4f4f5;
} }
.skin-red-light .sidebar a { .skin-red-light .sidebar a {
color: #444444; color: #444444;
} }
.skin-red-light .sidebar a:hover { .skin-red-light .sidebar a:hover {
text-decoration: none; text-decoration: none;
} }
.skin-red-light .treeview-menu > li > a { .skin-red-light .treeview-menu > li > a {
color: #777777; color: #777777;
} }
.skin-red-light .treeview-menu > li.active > a, .skin-red-light .treeview-menu > li.active > a,
.skin-red-light .treeview-menu > li > a:hover { .skin-red-light .treeview-menu > li > a:hover {
color: #000000; color: #000000;
} }
.skin-red-light .treeview-menu > li.active > a { .skin-red-light .treeview-menu > li.active > a {
font-weight: 600; font-weight: 600;
} }
.skin-red-light .sidebar-form { .skin-red-light .sidebar-form {
border-radius: 3px; border-radius: 3px;
border: 1px solid #d2d6de; border: 1px solid #d2d6de;
margin: 10px 10px; margin: 10px 10px;
} }
.skin-red-light .sidebar-form input[type="text"], .skin-red-light .sidebar-form input[type="text"],
.skin-red-light .sidebar-form .btn { .skin-red-light .sidebar-form .btn {
box-shadow: none; box-shadow: none;
@ -127,6 +157,7 @@
-o-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
} }
.skin-red-light .sidebar-form input[type="text"] { .skin-red-light .sidebar-form input[type="text"] {
color: #666; color: #666;
border-top-left-radius: 2px; border-top-left-radius: 2px;
@ -134,14 +165,17 @@
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
border-bottom-left-radius: 2px; border-bottom-left-radius: 2px;
} }
.skin-red-light .sidebar-form input[type="text"]:focus, .skin-red-light .sidebar-form input[type="text"]:focus,
.skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn { .skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff; background-color: #fff;
color: #666; color: #666;
} }
.skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn { .skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff; border-left-color: #fff;
} }
.skin-red-light .sidebar-form .btn { .skin-red-light .sidebar-form .btn {
color: #999; color: #999;
border-top-left-radius: 0; border-top-left-radius: 0;
@ -149,6 +183,7 @@
border-bottom-right-radius: 2px; border-bottom-right-radius: 2px;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu { .skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
border-left: 1px solid #d2d6de; border-left: 1px solid #d2d6de;

174
dist/css/skins/skin-red-light.min.css vendored
View File

@ -1 +1,173 @@
.skin-red-light .main-header .navbar{background-color:#dd4b39}.skin-red-light .main-header .navbar .nav>li>a{color:#fff}.skin-red-light .main-header .navbar .nav>li>a:hover,.skin-red-light .main-header .navbar .nav>li>a:active,.skin-red-light .main-header .navbar .nav>li>a:focus,.skin-red-light .main-header .navbar .nav .open>a,.skin-red-light .main-header .navbar .nav .open>a:hover,.skin-red-light .main-header .navbar .nav .open>a:focus,.skin-red-light .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-red-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-red-light .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-red-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-red-light .main-header .navbar .sidebar-toggle:hover{background-color:#d73925}@media (max-width:767px){.skin-red-light .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-red-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-red-light .main-header .navbar .dropdown-menu li a:hover{background:#d73925}}.skin-red-light .main-header .logo{background-color:#dd4b39;color:#fff;border-bottom:0 solid transparent}.skin-red-light .main-header .logo:hover{background-color:#dc4735}.skin-red-light .main-header li.user-header{background-color:#dd4b39}.skin-red-light .content-header{background:transparent}.skin-red-light .wrapper,.skin-red-light .main-sidebar,.skin-red-light .left-side{background-color:#f9fafc}.skin-red-light .content-wrapper,.skin-red-light .main-footer{border-left:1px solid #d2d6de}.skin-red-light .user-panel>.info,.skin-red-light .user-panel>.info>a{color:#444}.skin-red-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-red-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-red-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-red-light .sidebar-menu>li:hover>a,.skin-red-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-red-light .sidebar-menu>li.active{border-left-color:#dd4b39}.skin-red-light .sidebar-menu>li.active>a{font-weight:600}.skin-red-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-red-light .sidebar a{color:#444}.skin-red-light .sidebar a:hover{text-decoration:none}.skin-red-light .treeview-menu>li>a{color:#777}.skin-red-light .treeview-menu>li.active>a,.skin-red-light .treeview-menu>li>a:hover{color:#000}.skin-red-light .treeview-menu>li.active>a{font-weight:600}.skin-red-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-red-light .sidebar-form input[type="text"],.skin-red-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-red-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-red-light .sidebar-form input[type="text"]:focus,.skin-red-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-red-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-red-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}} .skin-red-light .main-header .navbar {
background-color: #dd4b39
}
.skin-red-light .main-header .navbar .nav > li > a {
color: #fff
}
.skin-red-light .main-header .navbar .nav > li > a:hover, .skin-red-light .main-header .navbar .nav > li > a:active, .skin-red-light .main-header .navbar .nav > li > a:focus, .skin-red-light .main-header .navbar .nav .open > a, .skin-red-light .main-header .navbar .nav .open > a:hover, .skin-red-light .main-header .navbar .nav .open > a:focus, .skin-red-light .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.1);
color: #f6f6f6
}
.skin-red-light .main-header .navbar .sidebar-toggle {
color: #fff
}
.skin-red-light .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background: rgba(0, 0, 0, 0.1)
}
.skin-red-light .main-header .navbar .sidebar-toggle {
color: #fff
}
.skin-red-light .main-header .navbar .sidebar-toggle:hover {
background-color: #d73925
}
@media (max-width: 767px) {
.skin-red-light .main-header .navbar .dropdown-menu li.divider {
background-color: rgba(255, 255, 255, 0.1)
}
.skin-red-light .main-header .navbar .dropdown-menu li a {
color: #fff
}
.skin-red-light .main-header .navbar .dropdown-menu li a:hover {
background: #d73925
}
}
.skin-red-light .main-header .logo {
background-color: #dd4b39;
color: #fff;
border-bottom: 0 solid transparent
}
.skin-red-light .main-header .logo:hover {
background-color: #dc4735
}
.skin-red-light .main-header li.user-header {
background-color: #dd4b39
}
.skin-red-light .content-header {
background: transparent
}
.skin-red-light .wrapper, .skin-red-light .main-sidebar, .skin-red-light .left-side {
background-color: #f9fafc
}
.skin-red-light .content-wrapper, .skin-red-light .main-footer {
border-left: 1px solid #d2d6de
}
.skin-red-light .user-panel > .info, .skin-red-light .user-panel > .info > a {
color: #444
}
.skin-red-light .sidebar-menu > li {
-webkit-transition: border-left-color .3s ease;
-o-transition: border-left-color .3s ease;
transition: border-left-color .3s ease
}
.skin-red-light .sidebar-menu > li.header {
color: #848484;
background: #f9fafc
}
.skin-red-light .sidebar-menu > li > a {
border-left: 3px solid transparent;
font-weight: 600
}
.skin-red-light .sidebar-menu > li:hover > a, .skin-red-light .sidebar-menu > li.active > a {
color: #000;
background: #f4f4f5
}
.skin-red-light .sidebar-menu > li.active {
border-left-color: #dd4b39
}
.skin-red-light .sidebar-menu > li.active > a {
font-weight: 600
}
.skin-red-light .sidebar-menu > li > .treeview-menu {
background: #f4f4f5
}
.skin-red-light .sidebar a {
color: #444
}
.skin-red-light .sidebar a:hover {
text-decoration: none
}
.skin-red-light .treeview-menu > li > a {
color: #777
}
.skin-red-light .treeview-menu > li.active > a, .skin-red-light .treeview-menu > li > a:hover {
color: #000
}
.skin-red-light .treeview-menu > li.active > a {
font-weight: 600
}
.skin-red-light .sidebar-form {
border-radius: 3px;
border: 1px solid #d2d6de;
margin: 10px 10px
}
.skin-red-light .sidebar-form input[type="text"], .skin-red-light .sidebar-form .btn {
box-shadow: none;
background-color: #fff;
border: 1px solid transparent;
height: 35px;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.skin-red-light .sidebar-form input[type="text"] {
color: #666;
border-top-left-radius: 2px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 2px
}
.skin-red-light .sidebar-form input[type="text"]:focus, .skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff;
color: #666
}
.skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff
}
.skin-red-light .sidebar-form .btn {
color: #999;
border-top-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0
}
@media (min-width: 768px) {
.skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
border-left: 1px solid #d2d6de
}
}

29
dist/css/skins/skin-red.css vendored
View File

@ -5,9 +5,11 @@
.skin-red .main-header .navbar { .skin-red .main-header .navbar {
background-color: #dd4b39; background-color: #dd4b39;
} }
.skin-red .main-header .navbar .nav > li > a { .skin-red .main-header .navbar .nav > li > a {
color: #ffffff; color: #ffffff;
} }
.skin-red .main-header .navbar .nav > li > a:hover, .skin-red .main-header .navbar .nav > li > a:hover,
.skin-red .main-header .navbar .nav > li > a:active, .skin-red .main-header .navbar .nav > li > a:active,
.skin-red .main-header .navbar .nav > li > a:focus, .skin-red .main-header .navbar .nav > li > a:focus,
@ -18,88 +20,111 @@
background: rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.1);
color: #f6f6f6; color: #f6f6f6;
} }
.skin-red .main-header .navbar .sidebar-toggle { .skin-red .main-header .navbar .sidebar-toggle {
color: #ffffff; color: #ffffff;
} }
.skin-red .main-header .navbar .sidebar-toggle:hover { .skin-red .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6; color: #f6f6f6;
background: rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.1);
} }
.skin-red .main-header .navbar .sidebar-toggle { .skin-red .main-header .navbar .sidebar-toggle {
color: #fff; color: #fff;
} }
.skin-red .main-header .navbar .sidebar-toggle:hover { .skin-red .main-header .navbar .sidebar-toggle:hover {
background-color: #d73925; background-color: #d73925;
} }
@media (max-width: 767px) { @media (max-width: 767px) {
.skin-red .main-header .navbar .dropdown-menu li.divider { .skin-red .main-header .navbar .dropdown-menu li.divider {
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.1);
} }
.skin-red .main-header .navbar .dropdown-menu li a { .skin-red .main-header .navbar .dropdown-menu li a {
color: #fff; color: #fff;
} }
.skin-red .main-header .navbar .dropdown-menu li a:hover { .skin-red .main-header .navbar .dropdown-menu li a:hover {
background: #d73925; background: #d73925;
} }
} }
.skin-red .main-header .logo { .skin-red .main-header .logo {
background-color: #d73925; background-color: #d73925;
color: #ffffff; color: #ffffff;
border-bottom: 0 solid transparent; border-bottom: 0 solid transparent;
} }
.skin-red .main-header .logo:hover { .skin-red .main-header .logo:hover {
background-color: #d33724; background-color: #d33724;
} }
.skin-red .main-header li.user-header { .skin-red .main-header li.user-header {
background-color: #dd4b39; background-color: #dd4b39;
} }
.skin-red .content-header { .skin-red .content-header {
background: transparent; background: transparent;
} }
.skin-red .wrapper, .skin-red .wrapper,
.skin-red .main-sidebar, .skin-red .main-sidebar,
.skin-red .left-side { .skin-red .left-side {
background-color: #222d32; background-color: #222d32;
} }
.skin-red .user-panel > .info, .skin-red .user-panel > .info,
.skin-red .user-panel > .info > a { .skin-red .user-panel > .info > a {
color: #fff; color: #fff;
} }
.skin-red .sidebar-menu > li.header { .skin-red .sidebar-menu > li.header {
color: #4b646f; color: #4b646f;
background: #1a2226; background: #1a2226;
} }
.skin-red .sidebar-menu > li > a { .skin-red .sidebar-menu > li > a {
border-left: 3px solid transparent; border-left: 3px solid transparent;
} }
.skin-red .sidebar-menu > li:hover > a, .skin-red .sidebar-menu > li:hover > a,
.skin-red .sidebar-menu > li.active > a { .skin-red .sidebar-menu > li.active > a {
color: #ffffff; color: #ffffff;
background: #1e282c; background: #1e282c;
border-left-color: #dd4b39; border-left-color: #dd4b39;
} }
.skin-red .sidebar-menu > li > .treeview-menu { .skin-red .sidebar-menu > li > .treeview-menu {
margin: 0 1px; margin: 0 1px;
background: #2c3b41; background: #2c3b41;
} }
.skin-red .sidebar a { .skin-red .sidebar a {
color: #b8c7ce; color: #b8c7ce;
} }
.skin-red .sidebar a:hover { .skin-red .sidebar a:hover {
text-decoration: none; text-decoration: none;
} }
.skin-red .treeview-menu > li > a { .skin-red .treeview-menu > li > a {
color: #8aa4af; color: #8aa4af;
} }
.skin-red .treeview-menu > li.active > a, .skin-red .treeview-menu > li.active > a,
.skin-red .treeview-menu > li > a:hover { .skin-red .treeview-menu > li > a:hover {
color: #ffffff; color: #ffffff;
} }
.skin-red .sidebar-form { .skin-red .sidebar-form {
border-radius: 3px; border-radius: 3px;
border: 1px solid #374850; border: 1px solid #374850;
margin: 10px 10px; margin: 10px 10px;
} }
.skin-red .sidebar-form input[type="text"], .skin-red .sidebar-form input[type="text"],
.skin-red .sidebar-form .btn { .skin-red .sidebar-form .btn {
box-shadow: none; box-shadow: none;
@ -110,6 +135,7 @@
-o-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
} }
.skin-red .sidebar-form input[type="text"] { .skin-red .sidebar-form input[type="text"] {
color: #666; color: #666;
border-top-left-radius: 2px; border-top-left-radius: 2px;
@ -117,14 +143,17 @@
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
border-bottom-left-radius: 2px; border-bottom-left-radius: 2px;
} }
.skin-red .sidebar-form input[type="text"]:focus, .skin-red .sidebar-form input[type="text"]:focus,
.skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn { .skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff; background-color: #fff;
color: #666; color: #666;
} }
.skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn { .skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff; border-left-color: #fff;
} }
.skin-red .sidebar-form .btn { .skin-red .sidebar-form .btn {
color: #999; color: #999;
border-top-left-radius: 0; border-top-left-radius: 0;

147
dist/css/skins/skin-red.min.css vendored
View File

@ -1 +1,146 @@
.skin-red .main-header .navbar{background-color:#dd4b39}.skin-red .main-header .navbar .nav>li>a{color:#fff}.skin-red .main-header .navbar .nav>li>a:hover,.skin-red .main-header .navbar .nav>li>a:active,.skin-red .main-header .navbar .nav>li>a:focus,.skin-red .main-header .navbar .nav .open>a,.skin-red .main-header .navbar .nav .open>a:hover,.skin-red .main-header .navbar .nav .open>a:focus,.skin-red .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-red .main-header .navbar .sidebar-toggle{color:#fff}.skin-red .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-red .main-header .navbar .sidebar-toggle{color:#fff}.skin-red .main-header .navbar .sidebar-toggle:hover{background-color:#d73925}@media (max-width:767px){.skin-red .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-red .main-header .navbar .dropdown-menu li a{color:#fff}.skin-red .main-header .navbar .dropdown-menu li a:hover{background:#d73925}}.skin-red .main-header .logo{background-color:#d73925;color:#fff;border-bottom:0 solid transparent}.skin-red .main-header .logo:hover{background-color:#d33724}.skin-red .main-header li.user-header{background-color:#dd4b39}.skin-red .content-header{background:transparent}.skin-red .wrapper,.skin-red .main-sidebar,.skin-red .left-side{background-color:#222d32}.skin-red .user-panel>.info,.skin-red .user-panel>.info>a{color:#fff}.skin-red .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-red .sidebar-menu>li>a{border-left:3px solid transparent}.skin-red .sidebar-menu>li:hover>a,.skin-red .sidebar-menu>li.active>a{color:#fff;background:#1e282c;border-left-color:#dd4b39}.skin-red .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-red .sidebar a{color:#b8c7ce}.skin-red .sidebar a:hover{text-decoration:none}.skin-red .treeview-menu>li>a{color:#8aa4af}.skin-red .treeview-menu>li.active>a,.skin-red .treeview-menu>li>a:hover{color:#fff}.skin-red .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-red .sidebar-form input[type="text"],.skin-red .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-red .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-red .sidebar-form input[type="text"]:focus,.skin-red .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-red .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-red .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0} .skin-red .main-header .navbar {
background-color: #dd4b39
}
.skin-red .main-header .navbar .nav > li > a {
color: #fff
}
.skin-red .main-header .navbar .nav > li > a:hover, .skin-red .main-header .navbar .nav > li > a:active, .skin-red .main-header .navbar .nav > li > a:focus, .skin-red .main-header .navbar .nav .open > a, .skin-red .main-header .navbar .nav .open > a:hover, .skin-red .main-header .navbar .nav .open > a:focus, .skin-red .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.1);
color: #f6f6f6
}
.skin-red .main-header .navbar .sidebar-toggle {
color: #fff
}
.skin-red .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background: rgba(0, 0, 0, 0.1)
}
.skin-red .main-header .navbar .sidebar-toggle {
color: #fff
}
.skin-red .main-header .navbar .sidebar-toggle:hover {
background-color: #d73925
}
@media (max-width: 767px) {
.skin-red .main-header .navbar .dropdown-menu li.divider {
background-color: rgba(255, 255, 255, 0.1)
}
.skin-red .main-header .navbar .dropdown-menu li a {
color: #fff
}
.skin-red .main-header .navbar .dropdown-menu li a:hover {
background: #d73925
}
}
.skin-red .main-header .logo {
background-color: #d73925;
color: #fff;
border-bottom: 0 solid transparent
}
.skin-red .main-header .logo:hover {
background-color: #d33724
}
.skin-red .main-header li.user-header {
background-color: #dd4b39
}
.skin-red .content-header {
background: transparent
}
.skin-red .wrapper, .skin-red .main-sidebar, .skin-red .left-side {
background-color: #222d32
}
.skin-red .user-panel > .info, .skin-red .user-panel > .info > a {
color: #fff
}
.skin-red .sidebar-menu > li.header {
color: #4b646f;
background: #1a2226
}
.skin-red .sidebar-menu > li > a {
border-left: 3px solid transparent
}
.skin-red .sidebar-menu > li:hover > a, .skin-red .sidebar-menu > li.active > a {
color: #fff;
background: #1e282c;
border-left-color: #dd4b39
}
.skin-red .sidebar-menu > li > .treeview-menu {
margin: 0 1px;
background: #2c3b41
}
.skin-red .sidebar a {
color: #b8c7ce
}
.skin-red .sidebar a:hover {
text-decoration: none
}
.skin-red .treeview-menu > li > a {
color: #8aa4af
}
.skin-red .treeview-menu > li.active > a, .skin-red .treeview-menu > li > a:hover {
color: #fff
}
.skin-red .sidebar-form {
border-radius: 3px;
border: 1px solid #374850;
margin: 10px 10px
}
.skin-red .sidebar-form input[type="text"], .skin-red .sidebar-form .btn {
box-shadow: none;
background-color: #374850;
border: 1px solid transparent;
height: 35px;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.skin-red .sidebar-form input[type="text"] {
color: #666;
border-top-left-radius: 2px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 2px
}
.skin-red .sidebar-form input[type="text"]:focus, .skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff;
color: #666
}
.skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff
}
.skin-red .sidebar-form .btn {
color: #999;
border-top-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0
}

35
dist/css/skins/skin-yellow-light.css vendored
View File

@ -5,9 +5,11 @@
.skin-yellow-light .main-header .navbar { .skin-yellow-light .main-header .navbar {
background-color: #f39c12; background-color: #f39c12;
} }
.skin-yellow-light .main-header .navbar .nav > li > a { .skin-yellow-light .main-header .navbar .nav > li > a {
color: #ffffff; color: #ffffff;
} }
.skin-yellow-light .main-header .navbar .nav > li > a:hover, .skin-yellow-light .main-header .navbar .nav > li > a:hover,
.skin-yellow-light .main-header .navbar .nav > li > a:active, .skin-yellow-light .main-header .navbar .nav > li > a:active,
.skin-yellow-light .main-header .navbar .nav > li > a:focus, .skin-yellow-light .main-header .navbar .nav > li > a:focus,
@ -18,105 +20,133 @@
background: rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.1);
color: #f6f6f6; color: #f6f6f6;
} }
.skin-yellow-light .main-header .navbar .sidebar-toggle { .skin-yellow-light .main-header .navbar .sidebar-toggle {
color: #ffffff; color: #ffffff;
} }
.skin-yellow-light .main-header .navbar .sidebar-toggle:hover { .skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6; color: #f6f6f6;
background: rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.1);
} }
.skin-yellow-light .main-header .navbar .sidebar-toggle { .skin-yellow-light .main-header .navbar .sidebar-toggle {
color: #fff; color: #fff;
} }
.skin-yellow-light .main-header .navbar .sidebar-toggle:hover { .skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
background-color: #e08e0b; background-color: #e08e0b;
} }
@media (max-width: 767px) { @media (max-width: 767px) {
.skin-yellow-light .main-header .navbar .dropdown-menu li.divider { .skin-yellow-light .main-header .navbar .dropdown-menu li.divider {
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.1);
} }
.skin-yellow-light .main-header .navbar .dropdown-menu li a { .skin-yellow-light .main-header .navbar .dropdown-menu li a {
color: #fff; color: #fff;
} }
.skin-yellow-light .main-header .navbar .dropdown-menu li a:hover { .skin-yellow-light .main-header .navbar .dropdown-menu li a:hover {
background: #e08e0b; background: #e08e0b;
} }
} }
.skin-yellow-light .main-header .logo { .skin-yellow-light .main-header .logo {
background-color: #f39c12; background-color: #f39c12;
color: #ffffff; color: #ffffff;
border-bottom: 0 solid transparent; border-bottom: 0 solid transparent;
} }
.skin-yellow-light .main-header .logo:hover { .skin-yellow-light .main-header .logo:hover {
background-color: #f39a0d; background-color: #f39a0d;
} }
.skin-yellow-light .main-header li.user-header { .skin-yellow-light .main-header li.user-header {
background-color: #f39c12; background-color: #f39c12;
} }
.skin-yellow-light .content-header { .skin-yellow-light .content-header {
background: transparent; background: transparent;
} }
.skin-yellow-light .wrapper, .skin-yellow-light .wrapper,
.skin-yellow-light .main-sidebar, .skin-yellow-light .main-sidebar,
.skin-yellow-light .left-side { .skin-yellow-light .left-side {
background-color: #f9fafc; background-color: #f9fafc;
} }
.skin-yellow-light .content-wrapper, .skin-yellow-light .content-wrapper,
.skin-yellow-light .main-footer { .skin-yellow-light .main-footer {
border-left: 1px solid #d2d6de; border-left: 1px solid #d2d6de;
} }
.skin-yellow-light .user-panel > .info, .skin-yellow-light .user-panel > .info,
.skin-yellow-light .user-panel > .info > a { .skin-yellow-light .user-panel > .info > a {
color: #444444; color: #444444;
} }
.skin-yellow-light .sidebar-menu > li { .skin-yellow-light .sidebar-menu > li {
-webkit-transition: border-left-color 0.3s ease; -webkit-transition: border-left-color 0.3s ease;
-o-transition: border-left-color 0.3s ease; -o-transition: border-left-color 0.3s ease;
transition: border-left-color 0.3s ease; transition: border-left-color 0.3s ease;
} }
.skin-yellow-light .sidebar-menu > li.header { .skin-yellow-light .sidebar-menu > li.header {
color: #848484; color: #848484;
background: #f9fafc; background: #f9fafc;
} }
.skin-yellow-light .sidebar-menu > li > a { .skin-yellow-light .sidebar-menu > li > a {
border-left: 3px solid transparent; border-left: 3px solid transparent;
font-weight: 600; font-weight: 600;
} }
.skin-yellow-light .sidebar-menu > li:hover > a, .skin-yellow-light .sidebar-menu > li:hover > a,
.skin-yellow-light .sidebar-menu > li.active > a { .skin-yellow-light .sidebar-menu > li.active > a {
color: #000000; color: #000000;
background: #f4f4f5; background: #f4f4f5;
} }
.skin-yellow-light .sidebar-menu > li.active { .skin-yellow-light .sidebar-menu > li.active {
border-left-color: #f39c12; border-left-color: #f39c12;
} }
.skin-yellow-light .sidebar-menu > li.active > a { .skin-yellow-light .sidebar-menu > li.active > a {
font-weight: 600; font-weight: 600;
} }
.skin-yellow-light .sidebar-menu > li > .treeview-menu { .skin-yellow-light .sidebar-menu > li > .treeview-menu {
background: #f4f4f5; background: #f4f4f5;
} }
.skin-yellow-light .sidebar a { .skin-yellow-light .sidebar a {
color: #444444; color: #444444;
} }
.skin-yellow-light .sidebar a:hover { .skin-yellow-light .sidebar a:hover {
text-decoration: none; text-decoration: none;
} }
.skin-yellow-light .treeview-menu > li > a { .skin-yellow-light .treeview-menu > li > a {
color: #777777; color: #777777;
} }
.skin-yellow-light .treeview-menu > li.active > a, .skin-yellow-light .treeview-menu > li.active > a,
.skin-yellow-light .treeview-menu > li > a:hover { .skin-yellow-light .treeview-menu > li > a:hover {
color: #000000; color: #000000;
} }
.skin-yellow-light .treeview-menu > li.active > a { .skin-yellow-light .treeview-menu > li.active > a {
font-weight: 600; font-weight: 600;
} }
.skin-yellow-light .sidebar-form { .skin-yellow-light .sidebar-form {
border-radius: 3px; border-radius: 3px;
border: 1px solid #d2d6de; border: 1px solid #d2d6de;
margin: 10px 10px; margin: 10px 10px;
} }
.skin-yellow-light .sidebar-form input[type="text"], .skin-yellow-light .sidebar-form input[type="text"],
.skin-yellow-light .sidebar-form .btn { .skin-yellow-light .sidebar-form .btn {
box-shadow: none; box-shadow: none;
@ -127,6 +157,7 @@
-o-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
} }
.skin-yellow-light .sidebar-form input[type="text"] { .skin-yellow-light .sidebar-form input[type="text"] {
color: #666; color: #666;
border-top-left-radius: 2px; border-top-left-radius: 2px;
@ -134,14 +165,17 @@
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
border-bottom-left-radius: 2px; border-bottom-left-radius: 2px;
} }
.skin-yellow-light .sidebar-form input[type="text"]:focus, .skin-yellow-light .sidebar-form input[type="text"]:focus,
.skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn { .skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff; background-color: #fff;
color: #666; color: #666;
} }
.skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn { .skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff; border-left-color: #fff;
} }
.skin-yellow-light .sidebar-form .btn { .skin-yellow-light .sidebar-form .btn {
color: #999; color: #999;
border-top-left-radius: 0; border-top-left-radius: 0;
@ -149,6 +183,7 @@
border-bottom-right-radius: 2px; border-bottom-right-radius: 2px;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu { .skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
border-left: 1px solid #d2d6de; border-left: 1px solid #d2d6de;

174
dist/css/skins/skin-yellow-light.min.css vendored
View File

@ -1 +1,173 @@
.skin-yellow-light .main-header .navbar{background-color:#f39c12}.skin-yellow-light .main-header .navbar .nav>li>a{color:#fff}.skin-yellow-light .main-header .navbar .nav>li>a:hover,.skin-yellow-light .main-header .navbar .nav>li>a:active,.skin-yellow-light .main-header .navbar .nav>li>a:focus,.skin-yellow-light .main-header .navbar .nav .open>a,.skin-yellow-light .main-header .navbar .nav .open>a:hover,.skin-yellow-light .main-header .navbar .nav .open>a:focus,.skin-yellow-light .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-yellow-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-yellow-light .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-yellow-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-yellow-light .main-header .navbar .sidebar-toggle:hover{background-color:#e08e0b}@media (max-width:767px){.skin-yellow-light .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-yellow-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-yellow-light .main-header .navbar .dropdown-menu li a:hover{background:#e08e0b}}.skin-yellow-light .main-header .logo{background-color:#f39c12;color:#fff;border-bottom:0 solid transparent}.skin-yellow-light .main-header .logo:hover{background-color:#f39a0d}.skin-yellow-light .main-header li.user-header{background-color:#f39c12}.skin-yellow-light .content-header{background:transparent}.skin-yellow-light .wrapper,.skin-yellow-light .main-sidebar,.skin-yellow-light .left-side{background-color:#f9fafc}.skin-yellow-light .content-wrapper,.skin-yellow-light .main-footer{border-left:1px solid #d2d6de}.skin-yellow-light .user-panel>.info,.skin-yellow-light .user-panel>.info>a{color:#444}.skin-yellow-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-yellow-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-yellow-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-yellow-light .sidebar-menu>li:hover>a,.skin-yellow-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-yellow-light .sidebar-menu>li.active{border-left-color:#f39c12}.skin-yellow-light .sidebar-menu>li.active>a{font-weight:600}.skin-yellow-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-yellow-light .sidebar a{color:#444}.skin-yellow-light .sidebar a:hover{text-decoration:none}.skin-yellow-light .treeview-menu>li>a{color:#777}.skin-yellow-light .treeview-menu>li.active>a,.skin-yellow-light .treeview-menu>li>a:hover{color:#000}.skin-yellow-light .treeview-menu>li.active>a{font-weight:600}.skin-yellow-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-yellow-light .sidebar-form input[type="text"],.skin-yellow-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-yellow-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-yellow-light .sidebar-form input[type="text"]:focus,.skin-yellow-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-yellow-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-yellow-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}} .skin-yellow-light .main-header .navbar {
background-color: #f39c12
}
.skin-yellow-light .main-header .navbar .nav > li > a {
color: #fff
}
.skin-yellow-light .main-header .navbar .nav > li > a:hover, .skin-yellow-light .main-header .navbar .nav > li > a:active, .skin-yellow-light .main-header .navbar .nav > li > a:focus, .skin-yellow-light .main-header .navbar .nav .open > a, .skin-yellow-light .main-header .navbar .nav .open > a:hover, .skin-yellow-light .main-header .navbar .nav .open > a:focus, .skin-yellow-light .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.1);
color: #f6f6f6
}
.skin-yellow-light .main-header .navbar .sidebar-toggle {
color: #fff
}
.skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background: rgba(0, 0, 0, 0.1)
}
.skin-yellow-light .main-header .navbar .sidebar-toggle {
color: #fff
}
.skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
background-color: #e08e0b
}
@media (max-width: 767px) {
.skin-yellow-light .main-header .navbar .dropdown-menu li.divider {
background-color: rgba(255, 255, 255, 0.1)
}
.skin-yellow-light .main-header .navbar .dropdown-menu li a {
color: #fff
}
.skin-yellow-light .main-header .navbar .dropdown-menu li a:hover {
background: #e08e0b
}
}
.skin-yellow-light .main-header .logo {
background-color: #f39c12;
color: #fff;
border-bottom: 0 solid transparent
}
.skin-yellow-light .main-header .logo:hover {
background-color: #f39a0d
}
.skin-yellow-light .main-header li.user-header {
background-color: #f39c12
}
.skin-yellow-light .content-header {
background: transparent
}
.skin-yellow-light .wrapper, .skin-yellow-light .main-sidebar, .skin-yellow-light .left-side {
background-color: #f9fafc
}
.skin-yellow-light .content-wrapper, .skin-yellow-light .main-footer {
border-left: 1px solid #d2d6de
}
.skin-yellow-light .user-panel > .info, .skin-yellow-light .user-panel > .info > a {
color: #444
}
.skin-yellow-light .sidebar-menu > li {
-webkit-transition: border-left-color .3s ease;
-o-transition: border-left-color .3s ease;
transition: border-left-color .3s ease
}
.skin-yellow-light .sidebar-menu > li.header {
color: #848484;
background: #f9fafc
}
.skin-yellow-light .sidebar-menu > li > a {
border-left: 3px solid transparent;
font-weight: 600
}
.skin-yellow-light .sidebar-menu > li:hover > a, .skin-yellow-light .sidebar-menu > li.active > a {
color: #000;
background: #f4f4f5
}
.skin-yellow-light .sidebar-menu > li.active {
border-left-color: #f39c12
}
.skin-yellow-light .sidebar-menu > li.active > a {
font-weight: 600
}
.skin-yellow-light .sidebar-menu > li > .treeview-menu {
background: #f4f4f5
}
.skin-yellow-light .sidebar a {
color: #444
}
.skin-yellow-light .sidebar a:hover {
text-decoration: none
}
.skin-yellow-light .treeview-menu > li > a {
color: #777
}
.skin-yellow-light .treeview-menu > li.active > a, .skin-yellow-light .treeview-menu > li > a:hover {
color: #000
}
.skin-yellow-light .treeview-menu > li.active > a {
font-weight: 600
}
.skin-yellow-light .sidebar-form {
border-radius: 3px;
border: 1px solid #d2d6de;
margin: 10px 10px
}
.skin-yellow-light .sidebar-form input[type="text"], .skin-yellow-light .sidebar-form .btn {
box-shadow: none;
background-color: #fff;
border: 1px solid transparent;
height: 35px;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.skin-yellow-light .sidebar-form input[type="text"] {
color: #666;
border-top-left-radius: 2px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 2px
}
.skin-yellow-light .sidebar-form input[type="text"]:focus, .skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff;
color: #666
}
.skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff
}
.skin-yellow-light .sidebar-form .btn {
color: #999;
border-top-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0
}
@media (min-width: 768px) {
.skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
border-left: 1px solid #d2d6de
}
}

29
dist/css/skins/skin-yellow.css vendored
View File

@ -5,9 +5,11 @@
.skin-yellow .main-header .navbar { .skin-yellow .main-header .navbar {
background-color: #f39c12; background-color: #f39c12;
} }
.skin-yellow .main-header .navbar .nav > li > a { .skin-yellow .main-header .navbar .nav > li > a {
color: #ffffff; color: #ffffff;
} }
.skin-yellow .main-header .navbar .nav > li > a:hover, .skin-yellow .main-header .navbar .nav > li > a:hover,
.skin-yellow .main-header .navbar .nav > li > a:active, .skin-yellow .main-header .navbar .nav > li > a:active,
.skin-yellow .main-header .navbar .nav > li > a:focus, .skin-yellow .main-header .navbar .nav > li > a:focus,
@ -18,88 +20,111 @@
background: rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.1);
color: #f6f6f6; color: #f6f6f6;
} }
.skin-yellow .main-header .navbar .sidebar-toggle { .skin-yellow .main-header .navbar .sidebar-toggle {
color: #ffffff; color: #ffffff;
} }
.skin-yellow .main-header .navbar .sidebar-toggle:hover { .skin-yellow .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6; color: #f6f6f6;
background: rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.1);
} }
.skin-yellow .main-header .navbar .sidebar-toggle { .skin-yellow .main-header .navbar .sidebar-toggle {
color: #fff; color: #fff;
} }
.skin-yellow .main-header .navbar .sidebar-toggle:hover { .skin-yellow .main-header .navbar .sidebar-toggle:hover {
background-color: #e08e0b; background-color: #e08e0b;
} }
@media (max-width: 767px) { @media (max-width: 767px) {
.skin-yellow .main-header .navbar .dropdown-menu li.divider { .skin-yellow .main-header .navbar .dropdown-menu li.divider {
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.1);
} }
.skin-yellow .main-header .navbar .dropdown-menu li a { .skin-yellow .main-header .navbar .dropdown-menu li a {
color: #fff; color: #fff;
} }
.skin-yellow .main-header .navbar .dropdown-menu li a:hover { .skin-yellow .main-header .navbar .dropdown-menu li a:hover {
background: #e08e0b; background: #e08e0b;
} }
} }
.skin-yellow .main-header .logo { .skin-yellow .main-header .logo {
background-color: #e08e0b; background-color: #e08e0b;
color: #ffffff; color: #ffffff;
border-bottom: 0 solid transparent; border-bottom: 0 solid transparent;
} }
.skin-yellow .main-header .logo:hover { .skin-yellow .main-header .logo:hover {
background-color: #db8b0b; background-color: #db8b0b;
} }
.skin-yellow .main-header li.user-header { .skin-yellow .main-header li.user-header {
background-color: #f39c12; background-color: #f39c12;
} }
.skin-yellow .content-header { .skin-yellow .content-header {
background: transparent; background: transparent;
} }
.skin-yellow .wrapper, .skin-yellow .wrapper,
.skin-yellow .main-sidebar, .skin-yellow .main-sidebar,
.skin-yellow .left-side { .skin-yellow .left-side {
background-color: #222d32; background-color: #222d32;
} }
.skin-yellow .user-panel > .info, .skin-yellow .user-panel > .info,
.skin-yellow .user-panel > .info > a { .skin-yellow .user-panel > .info > a {
color: #fff; color: #fff;
} }
.skin-yellow .sidebar-menu > li.header { .skin-yellow .sidebar-menu > li.header {
color: #4b646f; color: #4b646f;
background: #1a2226; background: #1a2226;
} }
.skin-yellow .sidebar-menu > li > a { .skin-yellow .sidebar-menu > li > a {
border-left: 3px solid transparent; border-left: 3px solid transparent;
} }
.skin-yellow .sidebar-menu > li:hover > a, .skin-yellow .sidebar-menu > li:hover > a,
.skin-yellow .sidebar-menu > li.active > a { .skin-yellow .sidebar-menu > li.active > a {
color: #ffffff; color: #ffffff;
background: #1e282c; background: #1e282c;
border-left-color: #f39c12; border-left-color: #f39c12;
} }
.skin-yellow .sidebar-menu > li > .treeview-menu { .skin-yellow .sidebar-menu > li > .treeview-menu {
margin: 0 1px; margin: 0 1px;
background: #2c3b41; background: #2c3b41;
} }
.skin-yellow .sidebar a { .skin-yellow .sidebar a {
color: #b8c7ce; color: #b8c7ce;
} }
.skin-yellow .sidebar a:hover { .skin-yellow .sidebar a:hover {
text-decoration: none; text-decoration: none;
} }
.skin-yellow .treeview-menu > li > a { .skin-yellow .treeview-menu > li > a {
color: #8aa4af; color: #8aa4af;
} }
.skin-yellow .treeview-menu > li.active > a, .skin-yellow .treeview-menu > li.active > a,
.skin-yellow .treeview-menu > li > a:hover { .skin-yellow .treeview-menu > li > a:hover {
color: #ffffff; color: #ffffff;
} }
.skin-yellow .sidebar-form { .skin-yellow .sidebar-form {
border-radius: 3px; border-radius: 3px;
border: 1px solid #374850; border: 1px solid #374850;
margin: 10px 10px; margin: 10px 10px;
} }
.skin-yellow .sidebar-form input[type="text"], .skin-yellow .sidebar-form input[type="text"],
.skin-yellow .sidebar-form .btn { .skin-yellow .sidebar-form .btn {
box-shadow: none; box-shadow: none;
@ -110,6 +135,7 @@
-o-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
} }
.skin-yellow .sidebar-form input[type="text"] { .skin-yellow .sidebar-form input[type="text"] {
color: #666; color: #666;
border-top-left-radius: 2px; border-top-left-radius: 2px;
@ -117,14 +143,17 @@
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
border-bottom-left-radius: 2px; border-bottom-left-radius: 2px;
} }
.skin-yellow .sidebar-form input[type="text"]:focus, .skin-yellow .sidebar-form input[type="text"]:focus,
.skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn { .skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff; background-color: #fff;
color: #666; color: #666;
} }
.skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn { .skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff; border-left-color: #fff;
} }
.skin-yellow .sidebar-form .btn { .skin-yellow .sidebar-form .btn {
color: #999; color: #999;
border-top-left-radius: 0; border-top-left-radius: 0;

147
dist/css/skins/skin-yellow.min.css vendored
View File

@ -1 +1,146 @@
.skin-yellow .main-header .navbar{background-color:#f39c12}.skin-yellow .main-header .navbar .nav>li>a{color:#fff}.skin-yellow .main-header .navbar .nav>li>a:hover,.skin-yellow .main-header .navbar .nav>li>a:active,.skin-yellow .main-header .navbar .nav>li>a:focus,.skin-yellow .main-header .navbar .nav .open>a,.skin-yellow .main-header .navbar .nav .open>a:hover,.skin-yellow .main-header .navbar .nav .open>a:focus,.skin-yellow .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-yellow .main-header .navbar .sidebar-toggle{color:#fff}.skin-yellow .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-yellow .main-header .navbar .sidebar-toggle{color:#fff}.skin-yellow .main-header .navbar .sidebar-toggle:hover{background-color:#e08e0b}@media (max-width:767px){.skin-yellow .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-yellow .main-header .navbar .dropdown-menu li a{color:#fff}.skin-yellow .main-header .navbar .dropdown-menu li a:hover{background:#e08e0b}}.skin-yellow .main-header .logo{background-color:#e08e0b;color:#fff;border-bottom:0 solid transparent}.skin-yellow .main-header .logo:hover{background-color:#db8b0b}.skin-yellow .main-header li.user-header{background-color:#f39c12}.skin-yellow .content-header{background:transparent}.skin-yellow .wrapper,.skin-yellow .main-sidebar,.skin-yellow .left-side{background-color:#222d32}.skin-yellow .user-panel>.info,.skin-yellow .user-panel>.info>a{color:#fff}.skin-yellow .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-yellow .sidebar-menu>li>a{border-left:3px solid transparent}.skin-yellow .sidebar-menu>li:hover>a,.skin-yellow .sidebar-menu>li.active>a{color:#fff;background:#1e282c;border-left-color:#f39c12}.skin-yellow .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-yellow .sidebar a{color:#b8c7ce}.skin-yellow .sidebar a:hover{text-decoration:none}.skin-yellow .treeview-menu>li>a{color:#8aa4af}.skin-yellow .treeview-menu>li.active>a,.skin-yellow .treeview-menu>li>a:hover{color:#fff}.skin-yellow .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-yellow .sidebar-form input[type="text"],.skin-yellow .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-yellow .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-yellow .sidebar-form input[type="text"]:focus,.skin-yellow .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-yellow .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-yellow .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0} .skin-yellow .main-header .navbar {
background-color: #f39c12
}
.skin-yellow .main-header .navbar .nav > li > a {
color: #fff
}
.skin-yellow .main-header .navbar .nav > li > a:hover, .skin-yellow .main-header .navbar .nav > li > a:active, .skin-yellow .main-header .navbar .nav > li > a:focus, .skin-yellow .main-header .navbar .nav .open > a, .skin-yellow .main-header .navbar .nav .open > a:hover, .skin-yellow .main-header .navbar .nav .open > a:focus, .skin-yellow .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.1);
color: #f6f6f6
}
.skin-yellow .main-header .navbar .sidebar-toggle {
color: #fff
}
.skin-yellow .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background: rgba(0, 0, 0, 0.1)
}
.skin-yellow .main-header .navbar .sidebar-toggle {
color: #fff
}
.skin-yellow .main-header .navbar .sidebar-toggle:hover {
background-color: #e08e0b
}
@media (max-width: 767px) {
.skin-yellow .main-header .navbar .dropdown-menu li.divider {
background-color: rgba(255, 255, 255, 0.1)
}
.skin-yellow .main-header .navbar .dropdown-menu li a {
color: #fff
}
.skin-yellow .main-header .navbar .dropdown-menu li a:hover {
background: #e08e0b
}
}
.skin-yellow .main-header .logo {
background-color: #e08e0b;
color: #fff;
border-bottom: 0 solid transparent
}
.skin-yellow .main-header .logo:hover {
background-color: #db8b0b
}
.skin-yellow .main-header li.user-header {
background-color: #f39c12
}
.skin-yellow .content-header {
background: transparent
}
.skin-yellow .wrapper, .skin-yellow .main-sidebar, .skin-yellow .left-side {
background-color: #222d32
}
.skin-yellow .user-panel > .info, .skin-yellow .user-panel > .info > a {
color: #fff
}
.skin-yellow .sidebar-menu > li.header {
color: #4b646f;
background: #1a2226
}
.skin-yellow .sidebar-menu > li > a {
border-left: 3px solid transparent
}
.skin-yellow .sidebar-menu > li:hover > a, .skin-yellow .sidebar-menu > li.active > a {
color: #fff;
background: #1e282c;
border-left-color: #f39c12
}
.skin-yellow .sidebar-menu > li > .treeview-menu {
margin: 0 1px;
background: #2c3b41
}
.skin-yellow .sidebar a {
color: #b8c7ce
}
.skin-yellow .sidebar a:hover {
text-decoration: none
}
.skin-yellow .treeview-menu > li > a {
color: #8aa4af
}
.skin-yellow .treeview-menu > li.active > a, .skin-yellow .treeview-menu > li > a:hover {
color: #fff
}
.skin-yellow .sidebar-form {
border-radius: 3px;
border: 1px solid #374850;
margin: 10px 10px
}
.skin-yellow .sidebar-form input[type="text"], .skin-yellow .sidebar-form .btn {
box-shadow: none;
background-color: #374850;
border: 1px solid transparent;
height: 35px;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.skin-yellow .sidebar-form input[type="text"] {
color: #666;
border-top-left-radius: 2px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 2px
}
.skin-yellow .sidebar-form input[type="text"]:focus, .skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff;
color: #666
}
.skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff
}
.skin-yellow .sidebar-form .btn {
color: #999;
border-top-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0
}

227
dist/js/app.min.js vendored
View File

File diff suppressed because one or more lines are too long

3
dist/js/pages/dashboard2.js vendored
View File

@ -190,8 +190,7 @@ $(function () {
selected: { selected: {
fill: 'yellow' fill: 'yellow'
}, },
selectedHover: { selectedHover: {}
}
}, },
markerStyle: { markerStyle: {
initial: { initial: {

348
index.html
View File

@ -1,6 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<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 | Dashboard</title> <title>AdminLTE 2 | Dashboard</title>
@ -36,9 +36,9 @@
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]--> <![endif]-->
</head> </head>
<body class="hold-transition skin-blue sidebar-mini"> <body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<header class="main-header"> <header class="main-header">
<!-- Logo --> <!-- Logo -->
@ -54,6 +54,7 @@
<a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button"> <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
<span class="sr-only">Toggle navigation</span> <span class="sr-only">Toggle navigation</span>
</a> </a>
<div class="navbar-custom-menu"> <div class="navbar-custom-menu">
<ul class="nav navbar-nav"> <ul class="nav navbar-nav">
<!-- Messages: style can be found in dropdown.less--> <!-- Messages: style can be found in dropdown.less-->
@ -78,7 +79,8 @@
</h4> </h4>
<p>Why not buy a new awesome theme?</p> <p>Why not buy a new awesome theme?</p>
</a> </a>
</li><!-- end message --> </li>
<!-- end message -->
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
@ -150,7 +152,8 @@
</li> </li>
<li> <li>
<a href="#"> <a href="#">
<i class="fa fa-warning text-yellow"></i> Very long description here that may not fit into the page and may cause design problems <i class="fa fa-warning text-yellow"></i> Very long description here that may not fit into the
page and may cause design problems
</a> </a>
</li> </li>
<li> <li>
@ -196,7 +199,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
<li><!-- Task item --> <li><!-- Task item -->
<a href="#"> <a href="#">
<h3> <h3>
@ -209,7 +213,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
<li><!-- Task item --> <li><!-- Task item -->
<a href="#"> <a href="#">
<h3> <h3>
@ -222,7 +227,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
<li><!-- Task item --> <li><!-- Task item -->
<a href="#"> <a href="#">
<h3> <h3>
@ -235,7 +241,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
</ul> </ul>
</li> </li>
<li class="footer"> <li class="footer">
@ -253,6 +260,7 @@
<!-- User image --> <!-- User image -->
<li class="user-header"> <li class="user-header">
<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">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -270,7 +278,8 @@
<div class="col-xs-4 text-center"> <div class="col-xs-4 text-center">
<a href="#">Friends</a> <a href="#">Friends</a>
</div> </div>
</div><!-- /.row --> </div>
<!-- /.row -->
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer"> <li class="user-footer">
@ -310,7 +319,8 @@
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..."> <input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
</button>
</span> </span>
</div> </div>
</form> </form>
@ -342,7 +352,8 @@
</li> </li>
<li> <li>
<a href="pages/widgets.html"> <a href="pages/widgets.html">
<i class="fa fa-th"></i> <span>Widgets</span> <small class="label pull-right bg-green">new</small> <i class="fa fa-th"></i> <span>Widgets</span>
<small class="label pull-right bg-green">new</small>
</a> </a>
</li> </li>
<li class="treeview"> <li class="treeview">
@ -478,6 +489,7 @@
<div class="small-box bg-aqua"> <div class="small-box bg-aqua">
<div class="inner"> <div class="inner">
<h3>150</h3> <h3>150</h3>
<p>New Orders</p> <p>New Orders</p>
</div> </div>
<div class="icon"> <div class="icon">
@ -485,12 +497,14 @@
</div> </div>
<a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a> <a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
</div> </div>
</div><!-- ./col --> </div>
<!-- ./col -->
<div class="col-lg-3 col-xs-6"> <div class="col-lg-3 col-xs-6">
<!-- small box --> <!-- small box -->
<div class="small-box bg-green"> <div class="small-box bg-green">
<div class="inner"> <div class="inner">
<h3>53<sup style="font-size: 20px">%</sup></h3> <h3>53<sup style="font-size: 20px">%</sup></h3>
<p>Bounce Rate</p> <p>Bounce Rate</p>
</div> </div>
<div class="icon"> <div class="icon">
@ -498,12 +512,14 @@
</div> </div>
<a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a> <a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
</div> </div>
</div><!-- ./col --> </div>
<!-- ./col -->
<div class="col-lg-3 col-xs-6"> <div class="col-lg-3 col-xs-6">
<!-- small box --> <!-- small box -->
<div class="small-box bg-yellow"> <div class="small-box bg-yellow">
<div class="inner"> <div class="inner">
<h3>44</h3> <h3>44</h3>
<p>User Registrations</p> <p>User Registrations</p>
</div> </div>
<div class="icon"> <div class="icon">
@ -511,12 +527,14 @@
</div> </div>
<a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a> <a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
</div> </div>
</div><!-- ./col --> </div>
<!-- ./col -->
<div class="col-lg-3 col-xs-6"> <div class="col-lg-3 col-xs-6">
<!-- small box --> <!-- small box -->
<div class="small-box bg-red"> <div class="small-box bg-red">
<div class="inner"> <div class="inner">
<h3>65</h3> <h3>65</h3>
<p>Unique Visitors</p> <p>Unique Visitors</p>
</div> </div>
<div class="icon"> <div class="icon">
@ -524,8 +542,10 @@
</div> </div>
<a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a> <a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
</div> </div>
</div><!-- ./col --> </div>
</div><!-- /.row --> <!-- ./col -->
</div>
<!-- /.row -->
<!-- Main row --> <!-- Main row -->
<div class="row"> <div class="row">
<!-- Left col --> <!-- Left col -->
@ -543,16 +563,20 @@
<div class="chart tab-pane active" id="revenue-chart" style="position: relative; height: 300px;"></div> <div class="chart tab-pane active" id="revenue-chart" style="position: relative; height: 300px;"></div>
<div class="chart tab-pane" id="sales-chart" style="position: relative; height: 300px;"></div> <div class="chart tab-pane" id="sales-chart" style="position: relative; height: 300px;"></div>
</div> </div>
</div><!-- /.nav-tabs-custom --> </div>
<!-- /.nav-tabs-custom -->
<!-- Chat box --> <!-- Chat box -->
<div class="box box-success"> <div class="box box-success">
<div class="box-header"> <div class="box-header">
<i class="fa fa-comments-o"></i> <i class="fa fa-comments-o"></i>
<h3 class="box-title">Chat</h3> <h3 class="box-title">Chat</h3>
<div class="box-tools pull-right" data-toggle="tooltip" title="Status"> <div class="box-tools pull-right" data-toggle="tooltip" title="Status">
<div class="btn-group" data-toggle="btn-toggle" > <div class="btn-group" data-toggle="btn-toggle">
<button type="button" class="btn btn-default btn-sm active"><i class="fa fa-square text-green"></i></button> <button type="button" class="btn btn-default btn-sm active"><i class="fa fa-square text-green"></i>
</button>
<button type="button" class="btn btn-default btn-sm"><i class="fa fa-square text-red"></i></button> <button type="button" class="btn btn-default btn-sm"><i class="fa fa-square text-red"></i></button>
</div> </div>
</div> </div>
@ -561,6 +585,7 @@
<!-- chat item --> <!-- chat item -->
<div class="item"> <div class="item">
<img src="dist/img/user4-128x128.jpg" alt="user image" class="online"> <img src="dist/img/user4-128x128.jpg" alt="user image" class="online">
<p class="message"> <p class="message">
<a href="#" class="name"> <a href="#" class="name">
<small class="text-muted pull-right"><i class="fa fa-clock-o"></i> 2:15</small> <small class="text-muted pull-right"><i class="fa fa-clock-o"></i> 2:15</small>
@ -572,17 +597,22 @@
</p> </p>
<div class="attachment"> <div class="attachment">
<h4>Attachments:</h4> <h4>Attachments:</h4>
<p class="filename"> <p class="filename">
Theme-thumbnail-image.jpg Theme-thumbnail-image.jpg
</p> </p>
<div class="pull-right"> <div class="pull-right">
<button type="button" class="btn btn-primary btn-sm btn-flat">Open</button> <button type="button" class="btn btn-primary btn-sm btn-flat">Open</button>
</div> </div>
</div><!-- /.attachment --> </div>
</div><!-- /.item --> <!-- /.attachment -->
</div>
<!-- /.item -->
<!-- chat item --> <!-- chat item -->
<div class="item"> <div class="item">
<img src="dist/img/user3-128x128.jpg" alt="user image" class="offline"> <img src="dist/img/user3-128x128.jpg" alt="user image" class="offline">
<p class="message"> <p class="message">
<a href="#" class="name"> <a href="#" class="name">
<small class="text-muted pull-right"><i class="fa fa-clock-o"></i> 5:15</small> <small class="text-muted pull-right"><i class="fa fa-clock-o"></i> 5:15</small>
@ -592,10 +622,12 @@
the arrival of the new theme. They say it is going to be one the the arrival of the new theme. They say it is going to be one the
best themes on the market best themes on the market
</p> </p>
</div><!-- /.item --> </div>
<!-- /.item -->
<!-- chat item --> <!-- chat item -->
<div class="item"> <div class="item">
<img src="dist/img/user2-160x160.jpg" alt="user image" class="offline"> <img src="dist/img/user2-160x160.jpg" alt="user image" class="offline">
<p class="message"> <p class="message">
<a href="#" class="name"> <a href="#" class="name">
<small class="text-muted pull-right"><i class="fa fa-clock-o"></i> 5:30</small> <small class="text-muted pull-right"><i class="fa fa-clock-o"></i> 5:30</small>
@ -605,23 +637,29 @@
the arrival of the new theme. They say it is going to be one the the arrival of the new theme. They say it is going to be one the
best themes on the market best themes on the market
</p> </p>
</div><!-- /.item --> </div>
</div><!-- /.chat --> <!-- /.item -->
</div>
<!-- /.chat -->
<div class="box-footer"> <div class="box-footer">
<div class="input-group"> <div class="input-group">
<input class="form-control" placeholder="Type message..."> <input class="form-control" placeholder="Type message...">
<div class="input-group-btn"> <div class="input-group-btn">
<button type="button" class="btn btn-success"><i class="fa fa-plus"></i></button> <button type="button" class="btn btn-success"><i class="fa fa-plus"></i></button>
</div> </div>
</div> </div>
</div> </div>
</div><!-- /.box (chat box) --> </div>
<!-- /.box (chat box) -->
<!-- TO DO List --> <!-- TO DO List -->
<div class="box box-primary"> <div class="box box-primary">
<div class="box-header"> <div class="box-header">
<i class="ion ion-clipboard"></i> <i class="ion ion-clipboard"></i>
<h3 class="box-title">To Do List</h3> <h3 class="box-title">To Do List</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<ul class="pagination pagination-sm inline"> <ul class="pagination pagination-sm inline">
<li><a href="#">&laquo;</a></li> <li><a href="#">&laquo;</a></li>
@ -631,7 +669,8 @@
<li><a href="#">&raquo;</a></li> <li><a href="#">&raquo;</a></li>
</ul> </ul>
</div> </div>
</div><!-- /.box-header --> </div>
<!-- /.box-header -->
<div class="box-body"> <div class="box-body">
<ul class="todo-list"> <ul class="todo-list">
<li> <li>
@ -718,21 +757,26 @@
</div> </div>
</li> </li>
</ul> </ul>
</div><!-- /.box-body --> </div>
<!-- /.box-body -->
<div class="box-footer clearfix no-border"> <div class="box-footer clearfix no-border">
<button type="button" class="btn btn-default pull-right"><i class="fa fa-plus"></i> Add item</button> <button type="button" class="btn btn-default pull-right"><i class="fa fa-plus"></i> Add item</button>
</div> </div>
</div><!-- /.box --> </div>
<!-- /.box -->
<!-- quick email widget --> <!-- quick email widget -->
<div class="box box-info"> <div class="box box-info">
<div class="box-header"> <div class="box-header">
<i class="fa fa-envelope"></i> <i class="fa fa-envelope"></i>
<h3 class="box-title">Quick Email</h3> <h3 class="box-title">Quick Email</h3>
<!-- tools box --> <!-- tools box -->
<div class="pull-right box-tools"> <div class="pull-right box-tools">
<button type="button" class="btn btn-info btn-sm" data-widget="remove" data-toggle="tooltip" title="Remove"><i class="fa fa-times"></i></button> <button type="button" class="btn btn-info btn-sm" data-widget="remove" data-toggle="tooltip" title="Remove">
</div><!-- /. tools --> <i class="fa fa-times"></i></button>
</div>
<!-- /. tools -->
</div> </div>
<div class="box-body"> <div class="box-body">
<form action="#" method="post"> <form action="#" method="post">
@ -748,11 +792,13 @@
</form> </form>
</div> </div>
<div class="box-footer clearfix"> <div class="box-footer clearfix">
<button type="button" class="pull-right btn btn-default" id="sendEmail">Send <i class="fa fa-arrow-circle-right"></i></button> <button type="button" class="pull-right btn btn-default" id="sendEmail">Send
<i class="fa fa-arrow-circle-right"></i></button>
</div> </div>
</div> </div>
</section><!-- /.Left col --> </section>
<!-- /.Left col -->
<!-- right col (We are only adding the ID to make the widgets sortable)--> <!-- right col (We are only adding the ID to make the widgets sortable)-->
<section class="col-lg-5 connectedSortable"> <section class="col-lg-5 connectedSortable">
@ -761,33 +807,42 @@
<div class="box-header"> <div class="box-header">
<!-- tools box --> <!-- tools box -->
<div class="pull-right box-tools"> <div class="pull-right box-tools">
<button type="button" class="btn btn-primary btn-sm daterange pull-right" data-toggle="tooltip" title="Date range"><i class="fa fa-calendar"></i></button> <button type="button" class="btn btn-primary btn-sm daterange pull-right" data-toggle="tooltip" title="Date range">
<button type="button" class="btn btn-primary btn-sm pull-right" data-widget="collapse" data-toggle="tooltip" title="Collapse" style="margin-right: 5px;"><i class="fa fa-minus"></i></button> <i class="fa fa-calendar"></i></button>
</div><!-- /. tools --> <button type="button" class="btn btn-primary btn-sm pull-right" data-widget="collapse" data-toggle="tooltip" title="Collapse" style="margin-right: 5px;">
<i class="fa fa-minus"></i></button>
</div>
<!-- /. tools -->
<i class="fa fa-map-marker"></i> <i class="fa fa-map-marker"></i>
<h3 class="box-title"> <h3 class="box-title">
Visitors Visitors
</h3> </h3>
</div> </div>
<div class="box-body"> <div class="box-body">
<div id="world-map" style="height: 250px; width: 100%;"></div> <div id="world-map" style="height: 250px; width: 100%;"></div>
</div><!-- /.box-body--> </div>
<!-- /.box-body-->
<div class="box-footer no-border"> <div class="box-footer no-border">
<div class="row"> <div class="row">
<div class="col-xs-4 text-center" style="border-right: 1px solid #f4f4f4"> <div class="col-xs-4 text-center" style="border-right: 1px solid #f4f4f4">
<div id="sparkline-1"></div> <div id="sparkline-1"></div>
<div class="knob-label">Visitors</div> <div class="knob-label">Visitors</div>
</div><!-- ./col --> </div>
<!-- ./col -->
<div class="col-xs-4 text-center" style="border-right: 1px solid #f4f4f4"> <div class="col-xs-4 text-center" style="border-right: 1px solid #f4f4f4">
<div id="sparkline-2"></div> <div id="sparkline-2"></div>
<div class="knob-label">Online</div> <div class="knob-label">Online</div>
</div><!-- ./col --> </div>
<!-- ./col -->
<div class="col-xs-4 text-center"> <div class="col-xs-4 text-center">
<div id="sparkline-3"></div> <div id="sparkline-3"></div>
<div class="knob-label">Exists</div> <div class="knob-label">Exists</div>
</div><!-- ./col --> </div>
</div><!-- /.row --> <!-- ./col -->
</div>
<!-- /.row -->
</div> </div>
</div> </div>
<!-- /.box --> <!-- /.box -->
@ -796,43 +851,59 @@
<div class="box box-solid bg-teal-gradient"> <div class="box box-solid bg-teal-gradient">
<div class="box-header"> <div class="box-header">
<i class="fa fa-th"></i> <i class="fa fa-th"></i>
<h3 class="box-title">Sales Graph</h3> <h3 class="box-title">Sales Graph</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<button type="button" class="btn bg-teal btn-sm" data-widget="collapse"><i class="fa fa-minus"></i></button> <button type="button" class="btn bg-teal btn-sm" data-widget="collapse"><i class="fa fa-minus"></i>
<button type="button" class="btn bg-teal btn-sm" data-widget="remove"><i class="fa fa-times"></i></button> </button>
<button type="button" class="btn bg-teal btn-sm" data-widget="remove"><i class="fa fa-times"></i>
</button>
</div> </div>
</div> </div>
<div class="box-body border-radius-none"> <div class="box-body border-radius-none">
<div class="chart" id="line-chart" style="height: 250px;"></div> <div class="chart" id="line-chart" style="height: 250px;"></div>
</div><!-- /.box-body --> </div>
<!-- /.box-body -->
<div class="box-footer no-border"> <div class="box-footer no-border">
<div class="row"> <div class="row">
<div class="col-xs-4 text-center" style="border-right: 1px solid #f4f4f4"> <div class="col-xs-4 text-center" style="border-right: 1px solid #f4f4f4">
<input type="text" class="knob" data-readonly="true" value="20" data-width="60" data-height="60" data-fgColor="#39CCCC"> <input type="text" class="knob" data-readonly="true" value="20" data-width="60" data-height="60" data-fgColor="#39CCCC">
<div class="knob-label">Mail-Orders</div> <div class="knob-label">Mail-Orders</div>
</div><!-- ./col --> </div>
<!-- ./col -->
<div class="col-xs-4 text-center" style="border-right: 1px solid #f4f4f4"> <div class="col-xs-4 text-center" style="border-right: 1px solid #f4f4f4">
<input type="text" class="knob" data-readonly="true" value="50" data-width="60" data-height="60" data-fgColor="#39CCCC"> <input type="text" class="knob" data-readonly="true" value="50" data-width="60" data-height="60" data-fgColor="#39CCCC">
<div class="knob-label">Online</div> <div class="knob-label">Online</div>
</div><!-- ./col --> </div>
<!-- ./col -->
<div class="col-xs-4 text-center"> <div class="col-xs-4 text-center">
<input type="text" class="knob" data-readonly="true" value="30" data-width="60" data-height="60" data-fgColor="#39CCCC"> <input type="text" class="knob" data-readonly="true" value="30" data-width="60" data-height="60" data-fgColor="#39CCCC">
<div class="knob-label">In-Store</div> <div class="knob-label">In-Store</div>
</div><!-- ./col --> </div>
</div><!-- /.row --> <!-- ./col -->
</div><!-- /.box-footer --> </div>
</div><!-- /.box --> <!-- /.row -->
</div>
<!-- /.box-footer -->
</div>
<!-- /.box -->
<!-- Calendar --> <!-- Calendar -->
<div class="box box-solid bg-green-gradient"> <div class="box box-solid bg-green-gradient">
<div class="box-header"> <div class="box-header">
<i class="fa fa-calendar"></i> <i class="fa fa-calendar"></i>
<h3 class="box-title">Calendar</h3> <h3 class="box-title">Calendar</h3>
<!-- tools box --> <!-- tools box -->
<div class="pull-right box-tools"> <div class="pull-right box-tools">
<!-- button with a dropdown --> <!-- button with a dropdown -->
<div class="btn-group"> <div class="btn-group">
<button type="button" class="btn btn-success btn-sm dropdown-toggle" data-toggle="dropdown"><i class="fa fa-bars"></i></button> <button type="button" class="btn btn-success btn-sm dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-bars"></i></button>
<ul class="dropdown-menu pull-right" role="menu"> <ul class="dropdown-menu pull-right" role="menu">
<li><a href="#">Add new event</a></li> <li><a href="#">Add new event</a></li>
<li><a href="#">Clear events</a></li> <li><a href="#">Clear events</a></li>
@ -840,14 +911,19 @@
<li><a href="#">View calendar</a></li> <li><a href="#">View calendar</a></li>
</ul> </ul>
</div> </div>
<button type="button" class="btn btn-success btn-sm" data-widget="collapse"><i class="fa fa-minus"></i></button> <button type="button" class="btn btn-success btn-sm" data-widget="collapse"><i class="fa fa-minus"></i>
<button type="button" class="btn btn-success btn-sm" data-widget="remove"><i class="fa fa-times"></i></button> </button>
</div><!-- /. tools --> <button type="button" class="btn btn-success btn-sm" data-widget="remove"><i class="fa fa-times"></i>
</div><!-- /.box-header --> </button>
</div>
<!-- /. tools -->
</div>
<!-- /.box-header -->
<div class="box-body no-padding"> <div class="box-body no-padding">
<!--The calendar --> <!--The calendar -->
<div id="calendar" style="width: 100%"></div> <div id="calendar" style="width: 100%"></div>
</div><!-- /.box-body --> </div>
<!-- /.box-body -->
<div class="box-footer text-black"> <div class="box-footer text-black">
<div class="row"> <div class="row">
<div class="col-sm-6"> <div class="col-sm-6">
@ -867,7 +943,8 @@
<div class="progress xs"> <div class="progress xs">
<div class="progress-bar progress-bar-green" style="width: 70%;"></div> <div class="progress-bar progress-bar-green" style="width: 70%;"></div>
</div> </div>
</div><!-- /.col --> </div>
<!-- /.col -->
<div class="col-sm-6"> <div class="col-sm-6">
<div class="clearfix"> <div class="clearfix">
<span class="pull-left">Task #3</span> <span class="pull-left">Task #3</span>
@ -884,21 +961,29 @@
<div class="progress xs"> <div class="progress xs">
<div class="progress-bar progress-bar-green" style="width: 40%;"></div> <div class="progress-bar progress-bar-green" style="width: 40%;"></div>
</div> </div>
</div><!-- /.col -->
</div><!-- /.row -->
</div> </div>
</div><!-- /.box --> <!-- /.col -->
</div>
<!-- /.row -->
</div>
</div>
<!-- /.box -->
</section><!-- right col --> </section>
</div><!-- /.row (main row) --> <!-- right col -->
</div>
<!-- /.row (main row) -->
</section><!-- /.content --> </section>
</div><!-- /.content-wrapper --> <!-- /.content -->
</div>
<!-- /.content-wrapper -->
<footer class="main-footer"> <footer class="main-footer">
<div class="pull-right hidden-xs"> <div class="pull-right hidden-xs">
<b>Version</b> 2.3.0 <b>Version</b> 2.3.0
</div> </div>
<strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved. <strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights
reserved.
</footer> </footer>
<!-- Control Sidebar --> <!-- Control Sidebar -->
@ -917,8 +1002,10 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-birthday-cake bg-red"></i> <i class="menu-icon fa fa-birthday-cake bg-red"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Langdon's Birthday</h4> <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
<p>Will be 23 on April 24th</p> <p>Will be 23 on April 24th</p>
</div> </div>
</a> </a>
@ -926,8 +1013,10 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-user bg-yellow"></i> <i class="menu-icon fa fa-user bg-yellow"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4> <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
<p>New phone +1(800)555-1234</p> <p>New phone +1(800)555-1234</p>
</div> </div>
</a> </a>
@ -935,8 +1024,10 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-envelope-o bg-light-blue"></i> <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4> <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
<p>nora@example.com</p> <p>nora@example.com</p>
</div> </div>
</a> </a>
@ -944,13 +1035,16 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-file-code-o bg-green"></i> <i class="menu-icon fa fa-file-code-o bg-green"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4> <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
<p>Execution time 5 seconds</p> <p>Execution time 5 seconds</p>
</div> </div>
</a> </a>
</li> </li>
</ul><!-- /.control-sidebar-menu --> </ul>
<!-- /.control-sidebar-menu -->
<h3 class="control-sidebar-heading">Tasks Progress</h3> <h3 class="control-sidebar-heading">Tasks Progress</h3>
<ul class="control-sidebar-menu"> <ul class="control-sidebar-menu">
@ -960,6 +1054,7 @@
Custom Template Design Custom Template Design
<span class="label label-danger pull-right">70%</span> <span class="label label-danger pull-right">70%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-danger" style="width: 70%"></div> <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
</div> </div>
@ -971,6 +1066,7 @@
Update Resume Update Resume
<span class="label label-success pull-right">95%</span> <span class="label label-success pull-right">95%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-success" style="width: 95%"></div> <div class="progress-bar progress-bar-success" style="width: 95%"></div>
</div> </div>
@ -982,6 +1078,7 @@
Laravel Integration Laravel Integration
<span class="label label-warning pull-right">50%</span> <span class="label label-warning pull-right">50%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-warning" style="width: 50%"></div> <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
</div> </div>
@ -993,49 +1090,60 @@
Back End Framework Back End Framework
<span class="label label-primary pull-right">68%</span> <span class="label label-primary pull-right">68%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-primary" style="width: 68%"></div> <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
</div> </div>
</a> </a>
</li> </li>
</ul><!-- /.control-sidebar-menu --> </ul>
<!-- /.control-sidebar-menu -->
</div><!-- /.tab-pane --> </div>
<!-- /.tab-pane -->
<!-- Stats tab content --> <!-- Stats tab content -->
<div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div><!-- /.tab-pane --> <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>
<!-- /.tab-pane -->
<!-- Settings tab content --> <!-- Settings tab content -->
<div class="tab-pane" id="control-sidebar-settings-tab"> <div class="tab-pane" id="control-sidebar-settings-tab">
<form method="post"> <form method="post">
<h3 class="control-sidebar-heading">General Settings</h3> <h3 class="control-sidebar-heading">General Settings</h3>
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Report panel usage Report panel usage
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Some information about this general settings option Some information about this general settings option
</p> </p>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Allow mail redirect Allow mail redirect
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Other sets of options are available Other sets of options are available
</p> </p>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Expose author name in posts Expose author name in posts
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Allow the user to show his name in blog posts Allow the user to show his name in blog posts
</p> </p>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<h3 class="control-sidebar-heading">Chat Settings</h3> <h3 class="control-sidebar-heading">Chat Settings</h3>
@ -1044,66 +1152,72 @@
Show me as online Show me as online
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Turn off notifications Turn off notifications
<input type="checkbox" class="pull-right"> <input type="checkbox" class="pull-right">
</label> </label>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Delete chat history Delete chat history
<a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a> <a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
</label> </label>
</div><!-- /.form-group -->
</form>
</div><!-- /.tab-pane -->
</div> </div>
</aside><!-- /.control-sidebar --> <!-- /.form-group -->
</form>
</div>
<!-- /.tab-pane -->
</div>
</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"></script>
<!-- jQuery UI 1.11.4 --> <!-- jQuery UI 1.11.4 -->
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script> <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script> <script>
$.widget.bridge('uibutton', $.ui.button); $.widget.bridge('uibutton', $.ui.button);
</script> </script>
<!-- Bootstrap 3.3.5 --> <!-- Bootstrap 3.3.5 -->
<script src="bootstrap/js/bootstrap.min.js"></script> <script src="bootstrap/js/bootstrap.min.js"></script>
<!-- Morris.js charts --> <!-- Morris.js charts -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
<script src="plugins/morris/morris.min.js"></script> <script src="plugins/morris/morris.min.js"></script>
<!-- Sparkline --> <!-- Sparkline -->
<script src="plugins/sparkline/jquery.sparkline.min.js"></script> <script src="plugins/sparkline/jquery.sparkline.min.js"></script>
<!-- jvectormap --> <!-- jvectormap -->
<script src="plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script> <script src="plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
<script src="plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script> <script src="plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
<!-- jQuery Knob Chart --> <!-- jQuery Knob Chart -->
<script src="plugins/knob/jquery.knob.js"></script> <script src="plugins/knob/jquery.knob.js"></script>
<!-- daterangepicker --> <!-- daterangepicker -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.2/moment.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.2/moment.min.js"></script>
<script src="plugins/daterangepicker/daterangepicker.js"></script> <script src="plugins/daterangepicker/daterangepicker.js"></script>
<!-- datepicker --> <!-- datepicker -->
<script src="plugins/datepicker/bootstrap-datepicker.js"></script> <script src="plugins/datepicker/bootstrap-datepicker.js"></script>
<!-- Bootstrap WYSIHTML5 --> <!-- Bootstrap WYSIHTML5 -->
<script src="plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script> <script src="plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
<!-- Slimscroll --> <!-- Slimscroll -->
<script src="plugins/slimScroll/jquery.slimscroll.min.js"></script> <script src="plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="plugins/fastclick/fastclick.min.js"></script> <script src="plugins/fastclick/fastclick.min.js"></script>
<!-- AdminLTE App --> <!-- AdminLTE App -->
<script src="dist/js/app.min.js"></script> <script src="dist/js/app.min.js"></script>
<!-- AdminLTE dashboard demo (This is only for demo purposes) --> <!-- AdminLTE dashboard demo (This is only for demo purposes) -->
<script src="dist/js/pages/dashboard.js"></script> <script src="dist/js/pages/dashboard.js"></script>
<!-- AdminLTE for demo purposes --> <!-- AdminLTE for demo purposes -->
<script src="dist/js/demo.js"></script> <script src="dist/js/demo.js"></script>
</body> </body>
</html> </html>

598
index2.html
View File

File diff suppressed because it is too large Load Diff

384
pages/UI/buttons.html
View File

@ -1,6 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<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 | Buttons</title> <title>AdminLTE 2 | Buttons</title>
@ -24,9 +24,9 @@
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]--> <![endif]-->
</head> </head>
<body class="hold-transition skin-blue sidebar-mini"> <body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<header class="main-header"> <header class="main-header">
<!-- Logo --> <!-- Logo -->
@ -45,6 +45,7 @@
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
</a> </a>
<div class="navbar-custom-menu"> <div class="navbar-custom-menu">
<ul class="nav navbar-nav"> <ul class="nav navbar-nav">
<!-- Messages: style can be found in dropdown.less--> <!-- Messages: style can be found in dropdown.less-->
@ -69,7 +70,8 @@
</h4> </h4>
<p>Why not buy a new awesome theme?</p> <p>Why not buy a new awesome theme?</p>
</a> </a>
</li><!-- end message --> </li>
<!-- end message -->
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
@ -141,7 +143,8 @@
</li> </li>
<li> <li>
<a href="#"> <a href="#">
<i class="fa fa-warning text-yellow"></i> Very long description here that may not fit into the page and may cause design problems <i class="fa fa-warning text-yellow"></i> Very long description here that may not fit into the
page and may cause design problems
</a> </a>
</li> </li>
<li> <li>
@ -188,7 +191,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
<li><!-- Task item --> <li><!-- Task item -->
<a href="#"> <a href="#">
<h3> <h3>
@ -201,7 +205,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
<li><!-- Task item --> <li><!-- Task item -->
<a href="#"> <a href="#">
<h3> <h3>
@ -214,7 +219,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
<li><!-- Task item --> <li><!-- Task item -->
<a href="#"> <a href="#">
<h3> <h3>
@ -227,7 +233,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
</ul> </ul>
</li> </li>
<li class="footer"> <li class="footer">
@ -245,6 +252,7 @@
<!-- User image --> <!-- User image -->
<li class="user-header"> <li class="user-header">
<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">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -262,7 +270,8 @@
<div class="col-xs-4 text-center"> <div class="col-xs-4 text-center">
<a href="#">Friends</a> <a href="#">Friends</a>
</div> </div>
</div><!-- /.row --> </div>
<!-- /.row -->
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer"> <li class="user-footer">
@ -302,7 +311,8 @@
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..."> <input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
</button>
</span> </span>
</div> </div>
</form> </form>
@ -334,7 +344,8 @@
</li> </li>
<li> <li>
<a href="../widgets.html"> <a href="../widgets.html">
<i class="fa fa-th"></i> <span>Widgets</span> <small class="label pull-right bg-green">new</small> <i class="fa fa-th"></i> <span>Widgets</span>
<small class="label pull-right bg-green">new</small>
</a> </a>
</li> </li>
<li class="treeview"> <li class="treeview">
@ -470,6 +481,7 @@
<div class="box box-primary"> <div class="box box-primary">
<div class="box-header"> <div class="box-header">
<i class="fa fa-edit"></i> <i class="fa fa-edit"></i>
<h3 class="box-title">Buttons</h3> <h3 class="box-title">Buttons</h3>
</div> </div>
<div class="box-body pad table-responsive"> <div class="box-body pad table-responsive">
@ -484,58 +496,133 @@
<th>Disabled <code>.disabled</code></th> <th>Disabled <code>.disabled</code></th>
</tr> </tr>
<tr> <tr>
<td><button type="button" class="btn btn-block btn-default">Default</button></td> <td>
<td><button type="button" class="btn btn-block btn-default btn-lg">Default</button></td> <button type="button" class="btn btn-block btn-default">Default</button>
<td><button type="button" class="btn btn-block btn-default btn-sm">Default</button></td> </td>
<td><button type="button" class="btn btn-block btn-default btn-xs">Default</button></td> <td>
<td><button type="button" class="btn btn-block btn-default btn-flat">Default</button></td> <button type="button" class="btn btn-block btn-default btn-lg">Default</button>
<td><button type="button" class="btn btn-block btn-default disabled">Default</button></td> </td>
<td>
<button type="button" class="btn btn-block btn-default btn-sm">Default</button>
</td>
<td>
<button type="button" class="btn btn-block btn-default btn-xs">Default</button>
</td>
<td>
<button type="button" class="btn btn-block btn-default btn-flat">Default</button>
</td>
<td>
<button type="button" class="btn btn-block btn-default disabled">Default</button>
</td>
</tr> </tr>
<tr> <tr>
<td><button type="button" class="btn btn-block btn-primary">Primary</button></td> <td>
<td><button type="button" class="btn btn-block btn-primary btn-lg">Primary</button></td> <button type="button" class="btn btn-block btn-primary">Primary</button>
<td><button type="button" class="btn btn-block btn-primary btn-sm">Primary</button></td> </td>
<td><button type="button" class="btn btn-block btn-primary btn-xs">Primary</button></td> <td>
<td><button type="button" class="btn btn-block btn-primary btn-flat">Primary</button></td> <button type="button" class="btn btn-block btn-primary btn-lg">Primary</button>
<td><button type="button" class="btn btn-block btn-primary disabled">Primary</button></td> </td>
<td>
<button type="button" class="btn btn-block btn-primary btn-sm">Primary</button>
</td>
<td>
<button type="button" class="btn btn-block btn-primary btn-xs">Primary</button>
</td>
<td>
<button type="button" class="btn btn-block btn-primary btn-flat">Primary</button>
</td>
<td>
<button type="button" class="btn btn-block btn-primary disabled">Primary</button>
</td>
</tr> </tr>
<tr> <tr>
<td><button type="button" class="btn btn-block btn-success">Success</button></td> <td>
<td><button type="button" class="btn btn-block btn-success btn-lg">Success</button></td> <button type="button" class="btn btn-block btn-success">Success</button>
<td><button type="button" class="btn btn-block btn-success btn-sm">Success</button></td> </td>
<td><button type="button" class="btn btn-block btn-success btn-xs">Success</button></td> <td>
<td><button type="button" class="btn btn-block btn-success btn-flat">Success</button></td> <button type="button" class="btn btn-block btn-success btn-lg">Success</button>
<td><button type="button" class="btn btn-block btn-success disabled">Success</button></td> </td>
<td>
<button type="button" class="btn btn-block btn-success btn-sm">Success</button>
</td>
<td>
<button type="button" class="btn btn-block btn-success btn-xs">Success</button>
</td>
<td>
<button type="button" class="btn btn-block btn-success btn-flat">Success</button>
</td>
<td>
<button type="button" class="btn btn-block btn-success disabled">Success</button>
</td>
</tr> </tr>
<tr> <tr>
<td><button type="button" class="btn btn-block btn-info">Info</button></td> <td>
<td><button type="button" class="btn btn-block btn-info btn-lg">Info</button></td> <button type="button" class="btn btn-block btn-info">Info</button>
<td><button type="button" class="btn btn-block btn-info btn-sm">Info</button></td> </td>
<td><button type="button" class="btn btn-block btn-info btn-xs">Info</button></td> <td>
<td><button type="button" class="btn btn-block btn-info btn-flat">Info</button></td> <button type="button" class="btn btn-block btn-info btn-lg">Info</button>
<td><button type="button" class="btn btn-block btn-info disabled">Info</button></td> </td>
<td>
<button type="button" class="btn btn-block btn-info btn-sm">Info</button>
</td>
<td>
<button type="button" class="btn btn-block btn-info btn-xs">Info</button>
</td>
<td>
<button type="button" class="btn btn-block btn-info btn-flat">Info</button>
</td>
<td>
<button type="button" class="btn btn-block btn-info disabled">Info</button>
</td>
</tr> </tr>
<tr> <tr>
<td><button type="button" class="btn btn-block btn-danger">Danger</button></td> <td>
<td><button type="button" class="btn btn-block btn-danger btn-lg">Danger</button></td> <button type="button" class="btn btn-block btn-danger">Danger</button>
<td><button type="button" class="btn btn-block btn-danger btn-sm">Danger</button></td> </td>
<td><button type="button" class="btn btn-block btn-danger btn-xs">Danger</button></td> <td>
<td><button type="button" class="btn btn-block btn-danger btn-flat">Danger</button></td> <button type="button" class="btn btn-block btn-danger btn-lg">Danger</button>
<td><button type="button" class="btn btn-block btn-danger disabled">Danger</button></td> </td>
<td>
<button type="button" class="btn btn-block btn-danger btn-sm">Danger</button>
</td>
<td>
<button type="button" class="btn btn-block btn-danger btn-xs">Danger</button>
</td>
<td>
<button type="button" class="btn btn-block btn-danger btn-flat">Danger</button>
</td>
<td>
<button type="button" class="btn btn-block btn-danger disabled">Danger</button>
</td>
</tr> </tr>
<tr> <tr>
<td><button type="button" class="btn btn-block btn-warning">Warning</button></td> <td>
<td><button type="button" class="btn btn-block btn-warning btn-lg">Warning</button></td> <button type="button" class="btn btn-block btn-warning">Warning</button>
<td><button type="button" class="btn btn-block btn-warning btn-sm">Warning</button></td> </td>
<td><button type="button" class="btn btn-block btn-warning btn-xs">Warning</button></td> <td>
<td><button type="button" class="btn btn-block btn-warning btn-flat">Warning</button></td> <button type="button" class="btn btn-block btn-warning btn-lg">Warning</button>
<td><button type="button" class="btn btn-block btn-warning disabled">Warning</button></td> </td>
<td>
<button type="button" class="btn btn-block btn-warning btn-sm">Warning</button>
</td>
<td>
<button type="button" class="btn btn-block btn-warning btn-xs">Warning</button>
</td>
<td>
<button type="button" class="btn btn-block btn-warning btn-flat">Warning</button>
</td>
<td>
<button type="button" class="btn btn-block btn-warning disabled">Warning</button>
</td>
</tr> </tr>
</table> </table>
</div><!-- /.box -->
</div> </div>
</div><!-- /.col --> <!-- /.box -->
</div><!-- ./row --> </div>
</div>
<!-- /.col -->
</div>
<!-- ./row -->
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-6">
<!-- Block buttons --> <!-- Block buttons -->
@ -548,7 +635,8 @@
<button type="button" class="btn btn-default btn-block btn-flat">.btn-block .btn-flat</button> <button type="button" class="btn btn-default btn-block btn-flat">.btn-block .btn-flat</button>
<button type="button" class="btn btn-default btn-block btn-sm">.btn-block .btn-sm</button> <button type="button" class="btn btn-default btn-block btn-sm">.btn-block .btn-sm</button>
</div> </div>
</div><!-- /.box --> </div>
<!-- /.box -->
<!-- Horizontal grouping --> <!-- Horizontal grouping -->
<div class="box"> <div class="box">
@ -607,7 +695,8 @@
</div> </div>
</div> </div>
</td> </td>
</tr><!-- ./default --> </tr>
<!-- ./default -->
<!-- Info --> <!-- Info -->
<tr> <tr>
<td> <td>
@ -647,7 +736,8 @@
</div> </div>
</div> </div>
</td> </td>
</tr> <!-- /. info --> </tr>
<!-- /. info -->
<!-- /.danger --> <!-- /.danger -->
<tr> <tr>
<td> <td>
@ -687,7 +777,8 @@
</div> </div>
</div> </div>
</td> </td>
</tr> <!-- /.danger --> </tr>
<!-- /.danger -->
<!-- warning --> <!-- warning -->
<tr> <tr>
<td> <td>
@ -727,7 +818,8 @@
</div> </div>
</div> </div>
</td> </td>
</tr> <!-- /.warning --> </tr>
<!-- /.warning -->
<!-- success --> <!-- success -->
<tr> <tr>
<td> <td>
@ -767,10 +859,12 @@
</div> </div>
</div> </div>
</td> </td>
</tr> <!-- /.success --> </tr>
<!-- /.success -->
</table> </table>
</div> </div>
</div><!-- /.box --> </div>
<!-- /.box -->
<div class="box"> <div class="box">
<div class="box-header"> <div class="box-header">
@ -778,9 +872,11 @@
</div> </div>
<div class="box-body"> <div class="box-body">
<p>With dropdown</p> <p>With dropdown</p>
<div class="input-group margin"> <div class="input-group margin">
<div class="input-group-btn"> <div class="input-group-btn">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Action <span class="fa fa-caret-down"></span></button> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Action
<span class="fa fa-caret-down"></span></button>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li><a href="#">Action</a></li> <li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li> <li><a href="#">Another action</a></li>
@ -788,25 +884,34 @@
<li class="divider"></li> <li class="divider"></li>
<li><a href="#">Separated link</a></li> <li><a href="#">Separated link</a></li>
</ul> </ul>
</div><!-- /btn-group --> </div>
<!-- /btn-group -->
<input type="text" class="form-control"> <input type="text" class="form-control">
</div><!-- /input-group --> </div>
<!-- /input-group -->
<p>Normal</p> <p>Normal</p>
<div class="input-group margin"> <div class="input-group margin">
<div class="input-group-btn"> <div class="input-group-btn">
<button type="button" class="btn btn-danger">Action</button> <button type="button" class="btn btn-danger">Action</button>
</div><!-- /btn-group --> </div>
<!-- /btn-group -->
<input type="text" class="form-control"> <input type="text" class="form-control">
</div><!-- /input-group --> </div>
<!-- /input-group -->
<p>Flat</p> <p>Flat</p>
<div class="input-group margin"> <div class="input-group margin">
<input type="text" class="form-control"> <input type="text" class="form-control">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="button" class="btn btn-info btn-flat">Go!</button> <button type="button" class="btn btn-info btn-flat">Go!</button>
</span> </span>
</div><!-- /input-group --> </div>
</div><!-- /.box-body --> <!-- /input-group -->
</div><!-- /.box --> </div>
<!-- /.box-body -->
</div>
<!-- /.box -->
<!-- split buttons box --> <!-- split buttons box -->
<div class="box"> <div class="box">
<div class="box-header"> <div class="box-header">
@ -815,6 +920,7 @@
<div class="box-body"> <div class="box-body">
<!-- Split button --> <!-- Split button -->
<p>Normal split buttons:</p> <p>Normal split buttons:</p>
<div class="margin"> <div class="margin">
<div class="btn-group"> <div class="btn-group">
<button type="button" class="btn btn-default">Action</button> <button type="button" class="btn btn-default">Action</button>
@ -889,6 +995,7 @@
</div> </div>
<!-- flat split buttons --> <!-- flat split buttons -->
<p>Flat split buttons:</p> <p>Flat split buttons:</p>
<div class="margin"> <div class="margin">
<div class="btn-group"> <div class="btn-group">
<button type="button" class="btn btn-default btn-flat">Action</button> <button type="button" class="btn btn-default btn-flat">Action</button>
@ -961,13 +1068,16 @@
</ul> </ul>
</div> </div>
</div> </div>
</div><!-- /.box-body --> </div>
</div><!-- end split buttons box --> <!-- /.box-body -->
</div>
<!-- end split buttons box -->
<!-- social buttons --> <!-- social buttons -->
<div class="box"> <div class="box">
<div class="box-header"> <div class="box-header">
<h3 class="box-title">Social Buttons (By <a href="https://github.com/lipis/bootstrap-social">Lipis</a>)</h3> <h3 class="box-title">Social Buttons (By <a href="https://github.com/lipis/bootstrap-social">Lipis</a>)
</h3>
</div> </div>
<div class="box-body"> <div class="box-body">
<a class="btn btn-block btn-social btn-bitbucket"> <a class="btn btn-block btn-social btn-bitbucket">
@ -1007,6 +1117,7 @@
<i class="fa fa-vk"></i> Sign in with VK <i class="fa fa-vk"></i> Sign in with VK
</a> </a>
<br> <br>
<div class="text-center"> <div class="text-center">
<a class="btn btn-social-icon btn-bitbucket"><i class="fa fa-bitbucket"></i></a> <a class="btn btn-social-icon btn-bitbucket"><i class="fa fa-bitbucket"></i></a>
<a class="btn btn-social-icon btn-dropbox"><i class="fa fa-dropbox"></i></a> <a class="btn btn-social-icon btn-dropbox"><i class="fa fa-dropbox"></i></a>
@ -1022,9 +1133,11 @@
<a class="btn btn-social-icon btn-vk"><i class="fa fa-vk"></i></a> <a class="btn btn-social-icon btn-vk"><i class="fa fa-vk"></i></a>
</div> </div>
</div> </div>
</div><!-- /.box --> </div>
<!-- /.box -->
</div><!-- /.col --> </div>
<!-- /.col -->
<div class="col-md-6"> <div class="col-md-6">
<!-- Application buttons --> <!-- Application buttons -->
<div class="box"> <div class="box">
@ -1072,15 +1185,18 @@
<span class="badge bg-red">531</span> <span class="badge bg-red">531</span>
<i class="fa fa-heart-o"></i> Likes <i class="fa fa-heart-o"></i> Likes
</a> </a>
</div><!-- /.box-body --> </div>
</div><!-- /.box --> <!-- /.box-body -->
</div>
<!-- /.box -->
<!-- Various colors --> <!-- Various colors -->
<div class="box"> <div class="box">
<div class="box-header"> <div class="box-header">
<h3 class="box-title">Different colors</h3> <h3 class="box-title">Different colors</h3>
</div> </div>
<div class="box-body"> <div class="box-body">
<p>Mix and match with various background colors. Use base class <code>.btn</code> and add any available <code>.bg-*</code> class</p> <p>Mix and match with various background colors. Use base class <code>.btn</code> and add any available
<code>.bg-*</code> class</p>
<!-- You may notice a .margin class added <!-- You may notice a .margin class added
here but that's only to make the content here but that's only to make the content
display correctly without having to use a table--> display correctly without having to use a table-->
@ -1100,7 +1216,8 @@
<button type="button" class="btn bg-olive margin">.btn.bg-olive</button> <button type="button" class="btn bg-olive margin">.btn.bg-olive</button>
</p> </p>
</div> </div>
</div><!-- /.box --> </div>
<!-- /.box -->
<!-- Vertical grouping --> <!-- Vertical grouping -->
<div class="box"> <div class="box">
@ -1160,7 +1277,8 @@
</div> </div>
</div> </div>
</td> </td>
</tr><!-- ./default --> </tr>
<!-- ./default -->
<!-- Info --> <!-- Info -->
<tr> <tr>
<td> <td>
@ -1200,7 +1318,8 @@
</div> </div>
</div> </div>
</td> </td>
</tr> <!-- /. info --> </tr>
<!-- /. info -->
<!-- /.danger --> <!-- /.danger -->
<tr> <tr>
<td> <td>
@ -1240,7 +1359,8 @@
</div> </div>
</div> </div>
</td> </td>
</tr> <!-- /.danger --> </tr>
<!-- /.danger -->
<!-- warning --> <!-- warning -->
<tr> <tr>
<td> <td>
@ -1280,7 +1400,8 @@
</div> </div>
</div> </div>
</td> </td>
</tr> <!-- /.warning --> </tr>
<!-- /.warning -->
<!-- success --> <!-- success -->
<tr> <tr>
<td> <td>
@ -1320,19 +1441,27 @@
</div> </div>
</div> </div>
</td> </td>
</tr> <!-- /.success --> </tr>
<!-- /.success -->
</table> </table>
</div><!-- /.box-body --> </div>
</div><!-- /.box --> <!-- /.box-body -->
</div><!-- /.col --> </div>
</div><!-- /. row --> <!-- /.box -->
</section><!-- /.content --> </div>
</div><!-- /.content-wrapper --> <!-- /.col -->
</div>
<!-- /. row -->
</section>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
<footer class="main-footer"> <footer class="main-footer">
<div class="pull-right hidden-xs"> <div class="pull-right hidden-xs">
<b>Version</b> 2.3.0 <b>Version</b> 2.3.0
</div> </div>
<strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved. <strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights
reserved.
</footer> </footer>
<!-- Control Sidebar --> <!-- Control Sidebar -->
@ -1352,8 +1481,10 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-birthday-cake bg-red"></i> <i class="menu-icon fa fa-birthday-cake bg-red"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Langdon's Birthday</h4> <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
<p>Will be 23 on April 24th</p> <p>Will be 23 on April 24th</p>
</div> </div>
</a> </a>
@ -1361,8 +1492,10 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-user bg-yellow"></i> <i class="menu-icon fa fa-user bg-yellow"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4> <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
<p>New phone +1(800)555-1234</p> <p>New phone +1(800)555-1234</p>
</div> </div>
</a> </a>
@ -1370,8 +1503,10 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-envelope-o bg-light-blue"></i> <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4> <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
<p>nora@example.com</p> <p>nora@example.com</p>
</div> </div>
</a> </a>
@ -1379,13 +1514,16 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-file-code-o bg-green"></i> <i class="menu-icon fa fa-file-code-o bg-green"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4> <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
<p>Execution time 5 seconds</p> <p>Execution time 5 seconds</p>
</div> </div>
</a> </a>
</li> </li>
</ul><!-- /.control-sidebar-menu --> </ul>
<!-- /.control-sidebar-menu -->
<h3 class="control-sidebar-heading">Tasks Progress</h3> <h3 class="control-sidebar-heading">Tasks Progress</h3>
<ul class="control-sidebar-menu"> <ul class="control-sidebar-menu">
@ -1395,6 +1533,7 @@
Custom Template Design Custom Template Design
<span class="label label-danger pull-right">70%</span> <span class="label label-danger pull-right">70%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-danger" style="width: 70%"></div> <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
</div> </div>
@ -1406,6 +1545,7 @@
Update Resume Update Resume
<span class="label label-success pull-right">95%</span> <span class="label label-success pull-right">95%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-success" style="width: 95%"></div> <div class="progress-bar progress-bar-success" style="width: 95%"></div>
</div> </div>
@ -1417,6 +1557,7 @@
Laravel Integration Laravel Integration
<span class="label label-warning pull-right">50%</span> <span class="label label-warning pull-right">50%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-warning" style="width: 50%"></div> <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
</div> </div>
@ -1428,49 +1569,60 @@
Back End Framework Back End Framework
<span class="label label-primary pull-right">68%</span> <span class="label label-primary pull-right">68%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-primary" style="width: 68%"></div> <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
</div> </div>
</a> </a>
</li> </li>
</ul><!-- /.control-sidebar-menu --> </ul>
<!-- /.control-sidebar-menu -->
</div><!-- /.tab-pane --> </div>
<!-- /.tab-pane -->
<!-- Stats tab content --> <!-- Stats tab content -->
<div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div><!-- /.tab-pane --> <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>
<!-- /.tab-pane -->
<!-- Settings tab content --> <!-- Settings tab content -->
<div class="tab-pane" id="control-sidebar-settings-tab"> <div class="tab-pane" id="control-sidebar-settings-tab">
<form method="post"> <form method="post">
<h3 class="control-sidebar-heading">General Settings</h3> <h3 class="control-sidebar-heading">General Settings</h3>
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Report panel usage Report panel usage
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Some information about this general settings option Some information about this general settings option
</p> </p>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Allow mail redirect Allow mail redirect
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Other sets of options are available Other sets of options are available
</p> </p>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Expose author name in posts Expose author name in posts
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Allow the user to show his name in blog posts Allow the user to show his name in blog posts
</p> </p>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<h3 class="control-sidebar-heading">Chat Settings</h3> <h3 class="control-sidebar-heading">Chat Settings</h3>
@ -1479,39 +1631,45 @@
Show me as online Show me as online
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Turn off notifications Turn off notifications
<input type="checkbox" class="pull-right"> <input type="checkbox" class="pull-right">
</label> </label>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Delete chat history Delete chat history
<a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a> <a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
</label> </label>
</div><!-- /.form-group -->
</form>
</div><!-- /.tab-pane -->
</div> </div>
</aside><!-- /.control-sidebar --> <!-- /.form-group -->
</form>
</div>
<!-- /.tab-pane -->
</div>
</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"></script>
<!-- Bootstrap 3.3.5 --> <!-- Bootstrap 3.3.5 -->
<script src="../../bootstrap/js/bootstrap.min.js"></script> <script src="../../bootstrap/js/bootstrap.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="../../plugins/fastclick/fastclick.min.js"></script> <script src="../../plugins/fastclick/fastclick.min.js"></script>
<!-- AdminLTE App --> <!-- AdminLTE App -->
<script src="../../dist/js/app.min.js"></script> <script src="../../dist/js/app.min.js"></script>
<!-- AdminLTE for demo purposes --> <!-- AdminLTE for demo purposes -->
<script src="../../dist/js/demo.js"></script> <script src="../../dist/js/demo.js"></script>
</body> </body>
</html> </html>

586
pages/UI/general.html
View File

File diff suppressed because it is too large Load Diff

700
pages/UI/icons.html
View File

File diff suppressed because it is too large Load Diff

216
pages/UI/modals.html
View File

@ -1,6 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<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 | Modals</title> <title>AdminLTE 2 | Modals</title>
@ -35,13 +35,14 @@
display: block; display: block;
z-index: 1; z-index: 1;
} }
.example-modal .modal { .example-modal .modal {
background: transparent !important; background: transparent !important;
} }
</style> </style>
</head> </head>
<body class="hold-transition skin-blue sidebar-mini"> <body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<header class="main-header"> <header class="main-header">
<!-- Logo --> <!-- Logo -->
@ -60,6 +61,7 @@
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
</a> </a>
<div class="navbar-custom-menu"> <div class="navbar-custom-menu">
<ul class="nav navbar-nav"> <ul class="nav navbar-nav">
<!-- Messages: style can be found in dropdown.less--> <!-- Messages: style can be found in dropdown.less-->
@ -84,7 +86,8 @@
</h4> </h4>
<p>Why not buy a new awesome theme?</p> <p>Why not buy a new awesome theme?</p>
</a> </a>
</li><!-- end message --> </li>
<!-- end message -->
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
@ -156,7 +159,8 @@
</li> </li>
<li> <li>
<a href="#"> <a href="#">
<i class="fa fa-warning text-yellow"></i> Very long description here that may not fit into the page and may cause design problems <i class="fa fa-warning text-yellow"></i> Very long description here that may not fit into the
page and may cause design problems
</a> </a>
</li> </li>
<li> <li>
@ -203,7 +207,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
<li><!-- Task item --> <li><!-- Task item -->
<a href="#"> <a href="#">
<h3> <h3>
@ -216,7 +221,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
<li><!-- Task item --> <li><!-- Task item -->
<a href="#"> <a href="#">
<h3> <h3>
@ -229,7 +235,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
<li><!-- Task item --> <li><!-- Task item -->
<a href="#"> <a href="#">
<h3> <h3>
@ -242,7 +249,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
</ul> </ul>
</li> </li>
<li class="footer"> <li class="footer">
@ -260,6 +268,7 @@
<!-- User image --> <!-- User image -->
<li class="user-header"> <li class="user-header">
<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">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -277,7 +286,8 @@
<div class="col-xs-4 text-center"> <div class="col-xs-4 text-center">
<a href="#">Friends</a> <a href="#">Friends</a>
</div> </div>
</div><!-- /.row --> </div>
<!-- /.row -->
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer"> <li class="user-footer">
@ -313,7 +323,8 @@
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..."> <input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
</button>
</span> </span>
</div> </div>
</form> </form>
@ -345,7 +356,8 @@
</li> </li>
<li> <li>
<a href="../widgets.html"> <a href="../widgets.html">
<i class="fa fa-th"></i> <span>Widgets</span> <small class="label pull-right bg-green">new</small> <i class="fa fa-th"></i> <span>Widgets</span>
<small class="label pull-right bg-green">new</small>
</a> </a>
</li> </li>
<li class="treeview"> <li class="treeview">
@ -486,7 +498,8 @@
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span></button>
<h4 class="modal-title">Default Modal</h4> <h4 class="modal-title">Default Modal</h4>
</div> </div>
<div class="modal-body"> <div class="modal-body">
@ -496,17 +509,22 @@
<button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button> <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button> <button type="button" class="btn btn-primary">Save changes</button>
</div> </div>
</div><!-- /.modal-content --> </div>
</div><!-- /.modal-dialog --> <!-- /.modal-content -->
</div><!-- /.modal --> </div>
</div><!-- /.example-modal --> <!-- /.modal-dialog -->
</div>
<!-- /.modal -->
</div>
<!-- /.example-modal -->
<div class="example-modal"> <div class="example-modal">
<div class="modal modal-primary"> <div class="modal modal-primary">
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span></button>
<h4 class="modal-title">Primary Modal</h4> <h4 class="modal-title">Primary Modal</h4>
</div> </div>
<div class="modal-body"> <div class="modal-body">
@ -516,17 +534,22 @@
<button type="button" class="btn btn-outline pull-left" data-dismiss="modal">Close</button> <button type="button" class="btn btn-outline pull-left" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-outline">Save changes</button> <button type="button" class="btn btn-outline">Save changes</button>
</div> </div>
</div><!-- /.modal-content --> </div>
</div><!-- /.modal-dialog --> <!-- /.modal-content -->
</div><!-- /.modal --> </div>
</div><!-- /.example-modal --> <!-- /.modal-dialog -->
</div>
<!-- /.modal -->
</div>
<!-- /.example-modal -->
<div class="example-modal"> <div class="example-modal">
<div class="modal modal-info"> <div class="modal modal-info">
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span></button>
<h4 class="modal-title">Info Modal</h4> <h4 class="modal-title">Info Modal</h4>
</div> </div>
<div class="modal-body"> <div class="modal-body">
@ -536,17 +559,22 @@
<button type="button" class="btn btn-outline pull-left" data-dismiss="modal">Close</button> <button type="button" class="btn btn-outline pull-left" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-outline">Save changes</button> <button type="button" class="btn btn-outline">Save changes</button>
</div> </div>
</div><!-- /.modal-content --> </div>
</div><!-- /.modal-dialog --> <!-- /.modal-content -->
</div><!-- /.modal --> </div>
</div><!-- /.example-modal --> <!-- /.modal-dialog -->
</div>
<!-- /.modal -->
</div>
<!-- /.example-modal -->
<div class="example-modal"> <div class="example-modal">
<div class="modal modal-warning"> <div class="modal modal-warning">
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span></button>
<h4 class="modal-title">Warning Modal</h4> <h4 class="modal-title">Warning Modal</h4>
</div> </div>
<div class="modal-body"> <div class="modal-body">
@ -556,17 +584,22 @@
<button type="button" class="btn btn-outline pull-left" data-dismiss="modal">Close</button> <button type="button" class="btn btn-outline pull-left" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-outline">Save changes</button> <button type="button" class="btn btn-outline">Save changes</button>
</div> </div>
</div><!-- /.modal-content --> </div>
</div><!-- /.modal-dialog --> <!-- /.modal-content -->
</div><!-- /.modal --> </div>
</div><!-- /.example-modal --> <!-- /.modal-dialog -->
</div>
<!-- /.modal -->
</div>
<!-- /.example-modal -->
<div class="example-modal"> <div class="example-modal">
<div class="modal modal-success"> <div class="modal modal-success">
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span></button>
<h4 class="modal-title">Success Modal</h4> <h4 class="modal-title">Success Modal</h4>
</div> </div>
<div class="modal-body"> <div class="modal-body">
@ -576,17 +609,22 @@
<button type="button" class="btn btn-outline pull-left" data-dismiss="modal">Close</button> <button type="button" class="btn btn-outline pull-left" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-outline">Save changes</button> <button type="button" class="btn btn-outline">Save changes</button>
</div> </div>
</div><!-- /.modal-content --> </div>
</div><!-- /.modal-dialog --> <!-- /.modal-content -->
</div><!-- /.modal --> </div>
</div><!-- /.example-modal --> <!-- /.modal-dialog -->
</div>
<!-- /.modal -->
</div>
<!-- /.example-modal -->
<div class="example-modal"> <div class="example-modal">
<div class="modal modal-danger"> <div class="modal modal-danger">
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> <button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span></button>
<h4 class="modal-title">Danger Modal</h4> <h4 class="modal-title">Danger Modal</h4>
</div> </div>
<div class="modal-body"> <div class="modal-body">
@ -596,18 +634,25 @@
<button type="button" class="btn btn-outline pull-left" data-dismiss="modal">Close</button> <button type="button" class="btn btn-outline pull-left" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-outline">Save changes</button> <button type="button" class="btn btn-outline">Save changes</button>
</div> </div>
</div><!-- /.modal-content --> </div>
</div><!-- /.modal-dialog --> <!-- /.modal-content -->
</div><!-- /.modal --> </div>
</div><!-- /.example-modal --> <!-- /.modal-dialog -->
</section><!-- /.content --> </div>
</div><!-- /.content-wrapper --> <!-- /.modal -->
</div>
<!-- /.example-modal -->
</section>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
<footer class="main-footer"> <footer class="main-footer">
<div class="pull-right hidden-xs"> <div class="pull-right hidden-xs">
<b>Version</b> 2.3.0 <b>Version</b> 2.3.0
</div> </div>
<strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved. <strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights
reserved.
</footer> </footer>
<!-- Control Sidebar --> <!-- Control Sidebar -->
@ -627,8 +672,10 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-birthday-cake bg-red"></i> <i class="menu-icon fa fa-birthday-cake bg-red"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Langdon's Birthday</h4> <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
<p>Will be 23 on April 24th</p> <p>Will be 23 on April 24th</p>
</div> </div>
</a> </a>
@ -636,8 +683,10 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-user bg-yellow"></i> <i class="menu-icon fa fa-user bg-yellow"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4> <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
<p>New phone +1(800)555-1234</p> <p>New phone +1(800)555-1234</p>
</div> </div>
</a> </a>
@ -645,8 +694,10 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-envelope-o bg-light-blue"></i> <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4> <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
<p>nora@example.com</p> <p>nora@example.com</p>
</div> </div>
</a> </a>
@ -654,13 +705,16 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-file-code-o bg-green"></i> <i class="menu-icon fa fa-file-code-o bg-green"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4> <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
<p>Execution time 5 seconds</p> <p>Execution time 5 seconds</p>
</div> </div>
</a> </a>
</li> </li>
</ul><!-- /.control-sidebar-menu --> </ul>
<!-- /.control-sidebar-menu -->
<h3 class="control-sidebar-heading">Tasks Progress</h3> <h3 class="control-sidebar-heading">Tasks Progress</h3>
<ul class="control-sidebar-menu"> <ul class="control-sidebar-menu">
@ -670,6 +724,7 @@
Custom Template Design Custom Template Design
<span class="label label-danger pull-right">70%</span> <span class="label label-danger pull-right">70%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-danger" style="width: 70%"></div> <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
</div> </div>
@ -681,6 +736,7 @@
Update Resume Update Resume
<span class="label label-success pull-right">95%</span> <span class="label label-success pull-right">95%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-success" style="width: 95%"></div> <div class="progress-bar progress-bar-success" style="width: 95%"></div>
</div> </div>
@ -692,6 +748,7 @@
Laravel Integration Laravel Integration
<span class="label label-warning pull-right">50%</span> <span class="label label-warning pull-right">50%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-warning" style="width: 50%"></div> <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
</div> </div>
@ -703,49 +760,60 @@
Back End Framework Back End Framework
<span class="label label-primary pull-right">68%</span> <span class="label label-primary pull-right">68%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-primary" style="width: 68%"></div> <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
</div> </div>
</a> </a>
</li> </li>
</ul><!-- /.control-sidebar-menu --> </ul>
<!-- /.control-sidebar-menu -->
</div><!-- /.tab-pane --> </div>
<!-- /.tab-pane -->
<!-- Stats tab content --> <!-- Stats tab content -->
<div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div><!-- /.tab-pane --> <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>
<!-- /.tab-pane -->
<!-- Settings tab content --> <!-- Settings tab content -->
<div class="tab-pane" id="control-sidebar-settings-tab"> <div class="tab-pane" id="control-sidebar-settings-tab">
<form method="post"> <form method="post">
<h3 class="control-sidebar-heading">General Settings</h3> <h3 class="control-sidebar-heading">General Settings</h3>
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Report panel usage Report panel usage
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Some information about this general settings option Some information about this general settings option
</p> </p>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Allow mail redirect Allow mail redirect
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Other sets of options are available Other sets of options are available
</p> </p>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Expose author name in posts Expose author name in posts
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Allow the user to show his name in blog posts Allow the user to show his name in blog posts
</p> </p>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<h3 class="control-sidebar-heading">Chat Settings</h3> <h3 class="control-sidebar-heading">Chat Settings</h3>
@ -754,39 +822,45 @@
Show me as online Show me as online
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Turn off notifications Turn off notifications
<input type="checkbox" class="pull-right"> <input type="checkbox" class="pull-right">
</label> </label>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Delete chat history Delete chat history
<a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a> <a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
</label> </label>
</div><!-- /.form-group -->
</form>
</div><!-- /.tab-pane -->
</div> </div>
</aside><!-- /.control-sidebar --> <!-- /.form-group -->
</form>
</div>
<!-- /.tab-pane -->
</div>
</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"></script>
<!-- Bootstrap 3.3.5 --> <!-- Bootstrap 3.3.5 -->
<script src="../../bootstrap/js/bootstrap.min.js"></script> <script src="../../bootstrap/js/bootstrap.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="../../plugins/fastclick/fastclick.min.js"></script> <script src="../../plugins/fastclick/fastclick.min.js"></script>
<!-- AdminLTE App --> <!-- AdminLTE App -->
<script src="../../dist/js/app.min.js"></script> <script src="../../dist/js/app.min.js"></script>
<!-- AdminLTE for demo purposes --> <!-- AdminLTE for demo purposes -->
<script src="../../dist/js/demo.js"></script> <script src="../../dist/js/demo.js"></script>
</body> </body>
</html> </html>

173
pages/UI/sliders.html
View File

@ -1,6 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<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 | UI Sliders</title> <title>AdminLTE 2 | UI Sliders</title>
@ -30,9 +30,9 @@
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]--> <![endif]-->
</head> </head>
<body class="hold-transition skin-blue sidebar-mini"> <body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<header class="main-header"> <header class="main-header">
<!-- Logo --> <!-- Logo -->
@ -51,6 +51,7 @@
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
</a> </a>
<div class="navbar-custom-menu"> <div class="navbar-custom-menu">
<ul class="nav navbar-nav"> <ul class="nav navbar-nav">
<!-- Messages: style can be found in dropdown.less--> <!-- Messages: style can be found in dropdown.less-->
@ -75,7 +76,8 @@
</h4> </h4>
<p>Why not buy a new awesome theme?</p> <p>Why not buy a new awesome theme?</p>
</a> </a>
</li><!-- end message --> </li>
<!-- end message -->
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
@ -147,7 +149,8 @@
</li> </li>
<li> <li>
<a href="#"> <a href="#">
<i class="fa fa-warning text-yellow"></i> Very long description here that may not fit into the page and may cause design problems <i class="fa fa-warning text-yellow"></i> Very long description here that may not fit into the
page and may cause design problems
</a> </a>
</li> </li>
<li> <li>
@ -193,7 +196,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
<li><!-- Task item --> <li><!-- Task item -->
<a href="#"> <a href="#">
<h3> <h3>
@ -206,7 +210,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
<li><!-- Task item --> <li><!-- Task item -->
<a href="#"> <a href="#">
<h3> <h3>
@ -219,7 +224,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
<li><!-- Task item --> <li><!-- Task item -->
<a href="#"> <a href="#">
<h3> <h3>
@ -232,7 +238,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
</ul> </ul>
</li> </li>
<li class="footer"> <li class="footer">
@ -250,6 +257,7 @@
<!-- User image --> <!-- User image -->
<li class="user-header"> <li class="user-header">
<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">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -267,7 +275,8 @@
<div class="col-xs-4 text-center"> <div class="col-xs-4 text-center">
<a href="#">Friends</a> <a href="#">Friends</a>
</div> </div>
</div><!-- /.row --> </div>
<!-- /.row -->
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer"> <li class="user-footer">
@ -307,7 +316,8 @@
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..."> <input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
</button>
</span> </span>
</div> </div>
</form> </form>
@ -339,7 +349,8 @@
</li> </li>
<li> <li>
<a href="../widgets.html"> <a href="../widgets.html">
<i class="fa fa-th"></i> <span>Widgets</span> <small class="label pull-right bg-green">new</small> <i class="fa fa-th"></i> <span>Widgets</span>
<small class="label pull-right bg-green">new</small>
</a> </a>
</li> </li>
<li class="treeview"> <li class="treeview">
@ -474,7 +485,8 @@
<div class="box box-primary"> <div class="box box-primary">
<div class="box-header"> <div class="box-header">
<h3 class="box-title">Ion Slider</h3> <h3 class="box-title">Ion Slider</h3>
</div><!-- /.box-header --> </div>
<!-- /.box-header -->
<div class="box-body"> <div class="box-body">
<div class="row margin"> <div class="row margin">
<div class="col-sm-6"> <div class="col-sm-6">
@ -498,31 +510,42 @@
<input id="range_4" type="text" name="range_4" value="10000;100000"> <input id="range_4" type="text" name="range_4" value="10000;100000">
</div> </div>
</div> </div>
</div><!-- /.box-body --> </div>
</div><!-- /.box --> <!-- /.box-body -->
</div><!-- /.col --> </div>
</div><!-- /.row --> <!-- /.box -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
<div class="row"> <div class="row">
<div class="col-xs-12"> <div class="col-xs-12">
<div class="box box-primary"> <div class="box box-primary">
<div class="box-header"> <div class="box-header">
<h3 class="box-title">Bootstrap Slider</h3> <h3 class="box-title">Bootstrap Slider</h3>
</div><!-- /.box-header --> </div>
<!-- /.box-header -->
<div class="box-body"> <div class="box-body">
<div class="row margin"> <div class="row margin">
<div class="col-sm-6"> <div class="col-sm-6">
<input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="horizontal" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="red"> <input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="horizontal" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="red">
<p>data-slider-id="red"</p> <p>data-slider-id="red"</p>
<input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="horizontal" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="blue"> <input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="horizontal" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="blue">
<p>data-slider-id="blue"</p> <p>data-slider-id="blue"</p>
<input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="horizontal" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="green"> <input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="horizontal" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="green">
<p>data-slider-id="green"</p> <p>data-slider-id="green"</p>
<input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="horizontal" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="yellow"> <input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="horizontal" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="yellow">
<p>data-slider-id="yellow"</p> <p>data-slider-id="yellow"</p>
<input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="horizontal" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="aqua"> <input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="horizontal" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="aqua">
<p>data-slider-id="aqua"</p> <p>data-slider-id="aqua"</p>
<input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="horizontal" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="purple"> <input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="horizontal" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="purple">
<p style="margin-top: 10px">data-slider-id="purple"</p> <p style="margin-top: 10px">data-slider-id="purple"</p>
</div> </div>
<div class="col-sm-6 text-center"> <div class="col-sm-6 text-center">
@ -534,18 +557,25 @@
<input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="vertical" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="purple"> <input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="vertical" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="purple">
</div> </div>
</div> </div>
</div><!-- /.box-body --> </div>
</div><!-- /.box --> <!-- /.box-body -->
</div><!-- /.col --> </div>
</div><!-- /.row --> <!-- /.box -->
</section><!-- /.content --> </div>
</div><!-- /.content-wrapper --> <!-- /.col -->
</div>
<!-- /.row -->
</section>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
<footer class="main-footer"> <footer class="main-footer">
<div class="pull-right hidden-xs"> <div class="pull-right hidden-xs">
<b>Version</b> 2.3.0 <b>Version</b> 2.3.0
</div> </div>
<strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved. <strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights
reserved.
</footer> </footer>
<!-- Control Sidebar --> <!-- Control Sidebar -->
@ -565,8 +595,10 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-birthday-cake bg-red"></i> <i class="menu-icon fa fa-birthday-cake bg-red"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Langdon's Birthday</h4> <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
<p>Will be 23 on April 24th</p> <p>Will be 23 on April 24th</p>
</div> </div>
</a> </a>
@ -574,8 +606,10 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-user bg-yellow"></i> <i class="menu-icon fa fa-user bg-yellow"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4> <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
<p>New phone +1(800)555-1234</p> <p>New phone +1(800)555-1234</p>
</div> </div>
</a> </a>
@ -583,8 +617,10 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-envelope-o bg-light-blue"></i> <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4> <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
<p>nora@example.com</p> <p>nora@example.com</p>
</div> </div>
</a> </a>
@ -592,13 +628,16 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-file-code-o bg-green"></i> <i class="menu-icon fa fa-file-code-o bg-green"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4> <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
<p>Execution time 5 seconds</p> <p>Execution time 5 seconds</p>
</div> </div>
</a> </a>
</li> </li>
</ul><!-- /.control-sidebar-menu --> </ul>
<!-- /.control-sidebar-menu -->
<h3 class="control-sidebar-heading">Tasks Progress</h3> <h3 class="control-sidebar-heading">Tasks Progress</h3>
<ul class="control-sidebar-menu"> <ul class="control-sidebar-menu">
@ -608,6 +647,7 @@
Custom Template Design Custom Template Design
<span class="label label-danger pull-right">70%</span> <span class="label label-danger pull-right">70%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-danger" style="width: 70%"></div> <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
</div> </div>
@ -619,6 +659,7 @@
Update Resume Update Resume
<span class="label label-success pull-right">95%</span> <span class="label label-success pull-right">95%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-success" style="width: 95%"></div> <div class="progress-bar progress-bar-success" style="width: 95%"></div>
</div> </div>
@ -630,6 +671,7 @@
Laravel Integration Laravel Integration
<span class="label label-warning pull-right">50%</span> <span class="label label-warning pull-right">50%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-warning" style="width: 50%"></div> <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
</div> </div>
@ -641,49 +683,60 @@
Back End Framework Back End Framework
<span class="label label-primary pull-right">68%</span> <span class="label label-primary pull-right">68%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-primary" style="width: 68%"></div> <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
</div> </div>
</a> </a>
</li> </li>
</ul><!-- /.control-sidebar-menu --> </ul>
<!-- /.control-sidebar-menu -->
</div><!-- /.tab-pane --> </div>
<!-- /.tab-pane -->
<!-- Stats tab content --> <!-- Stats tab content -->
<div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div><!-- /.tab-pane --> <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>
<!-- /.tab-pane -->
<!-- Settings tab content --> <!-- Settings tab content -->
<div class="tab-pane" id="control-sidebar-settings-tab"> <div class="tab-pane" id="control-sidebar-settings-tab">
<form method="post"> <form method="post">
<h3 class="control-sidebar-heading">General Settings</h3> <h3 class="control-sidebar-heading">General Settings</h3>
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Report panel usage Report panel usage
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Some information about this general settings option Some information about this general settings option
</p> </p>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Allow mail redirect Allow mail redirect
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Other sets of options are available Other sets of options are available
</p> </p>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Expose author name in posts Expose author name in posts
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Allow the user to show his name in blog posts Allow the user to show his name in blog posts
</p> </p>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<h3 class="control-sidebar-heading">Chat Settings</h3> <h3 class="control-sidebar-heading">Chat Settings</h3>
@ -692,45 +745,51 @@
Show me as online Show me as online
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Turn off notifications Turn off notifications
<input type="checkbox" class="pull-right"> <input type="checkbox" class="pull-right">
</label> </label>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Delete chat history Delete chat history
<a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a> <a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
</label> </label>
</div><!-- /.form-group -->
</form>
</div><!-- /.tab-pane -->
</div> </div>
</aside><!-- /.control-sidebar --> <!-- /.form-group -->
</form>
</div>
<!-- /.tab-pane -->
</div>
</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"></script>
<!-- Bootstrap 3.3.5 --> <!-- Bootstrap 3.3.5 -->
<script src="../../bootstrap/js/bootstrap.min.js"></script> <script src="../../bootstrap/js/bootstrap.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="../../plugins/fastclick/fastclick.min.js"></script> <script src="../../plugins/fastclick/fastclick.min.js"></script>
<!-- AdminLTE App --> <!-- AdminLTE App -->
<script src="../../dist/js/app.min.js"></script> <script src="../../dist/js/app.min.js"></script>
<!-- AdminLTE for demo purposes --> <!-- AdminLTE for demo purposes -->
<script src="../../dist/js/demo.js"></script> <script src="../../dist/js/demo.js"></script>
<!-- Ion Slider --> <!-- Ion Slider -->
<script src="../../plugins/ionslider/ion.rangeSlider.min.js"></script> <script src="../../plugins/ionslider/ion.rangeSlider.min.js"></script>
<!-- Bootstrap slider --> <!-- Bootstrap slider -->
<script src="../../plugins/bootstrap-slider/bootstrap-slider.js"></script> <script src="../../plugins/bootstrap-slider/bootstrap-slider.js"></script>
<script> <script>
$(function () { $(function () {
/* BOOTSTRAP SLIDER */ /* BOOTSTRAP SLIDER */
$('.slider').slider(); $('.slider').slider();
@ -795,6 +854,6 @@
} }
}); });
}); });
</script> </script>
</body> </body>
</html> </html>

157
pages/UI/timeline.html
View File

@ -1,6 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<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 | Timeline</title> <title>AdminLTE 2 | Timeline</title>
@ -24,9 +24,9 @@
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]--> <![endif]-->
</head> </head>
<body class="hold-transition skin-blue sidebar-mini"> <body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<header class="main-header"> <header class="main-header">
<!-- Logo --> <!-- Logo -->
@ -45,6 +45,7 @@
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
</a> </a>
<div class="navbar-custom-menu"> <div class="navbar-custom-menu">
<ul class="nav navbar-nav"> <ul class="nav navbar-nav">
<!-- Messages: style can be found in dropdown.less--> <!-- Messages: style can be found in dropdown.less-->
@ -69,7 +70,8 @@
</h4> </h4>
<p>Why not buy a new awesome theme?</p> <p>Why not buy a new awesome theme?</p>
</a> </a>
</li><!-- end message --> </li>
<!-- end message -->
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
@ -141,7 +143,8 @@
</li> </li>
<li> <li>
<a href="#"> <a href="#">
<i class="fa fa-warning text-yellow"></i> Very long description here that may not fit into the page and may cause design problems <i class="fa fa-warning text-yellow"></i> Very long description here that may not fit into the
page and may cause design problems
</a> </a>
</li> </li>
<li> <li>
@ -187,7 +190,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
<li><!-- Task item --> <li><!-- Task item -->
<a href="#"> <a href="#">
<h3> <h3>
@ -200,7 +204,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
<li><!-- Task item --> <li><!-- Task item -->
<a href="#"> <a href="#">
<h3> <h3>
@ -213,7 +218,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
<li><!-- Task item --> <li><!-- Task item -->
<a href="#"> <a href="#">
<h3> <h3>
@ -226,7 +232,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
</ul> </ul>
</li> </li>
<li class="footer"> <li class="footer">
@ -244,6 +251,7 @@
<!-- User image --> <!-- User image -->
<li class="user-header"> <li class="user-header">
<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">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -261,7 +269,8 @@
<div class="col-xs-4 text-center"> <div class="col-xs-4 text-center">
<a href="#">Friends</a> <a href="#">Friends</a>
</div> </div>
</div><!-- /.row --> </div>
<!-- /.row -->
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer"> <li class="user-footer">
@ -301,7 +310,8 @@
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..."> <input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
</button>
</span> </span>
</div> </div>
</form> </form>
@ -333,7 +343,8 @@
</li> </li>
<li> <li>
<a href="../widgets.html"> <a href="../widgets.html">
<i class="fa fa-th"></i> <span>Widgets</span> <small class="label pull-right bg-green">new</small> <i class="fa fa-th"></i> <span>Widgets</span>
<small class="label pull-right bg-green">new</small>
</a> </a>
</li> </li>
<li class="treeview"> <li class="treeview">
@ -479,9 +490,12 @@
<!-- timeline item --> <!-- timeline item -->
<li> <li>
<i class="fa fa-envelope bg-blue"></i> <i class="fa fa-envelope bg-blue"></i>
<div class="timeline-item"> <div class="timeline-item">
<span class="time"><i class="fa fa-clock-o"></i> 12:05</span> <span class="time"><i class="fa fa-clock-o"></i> 12:05</span>
<h3 class="timeline-header"><a href="#">Support Team</a> sent you an email</h3> <h3 class="timeline-header"><a href="#">Support Team</a> sent you an email</h3>
<div class="timeline-body"> <div class="timeline-body">
Etsy doostang zoodles disqus groupon greplin oooj voxy zoodles, Etsy doostang zoodles disqus groupon greplin oooj voxy zoodles,
weebly ning heekya handango imeem plugg dopplr jibjab, movity weebly ning heekya handango imeem plugg dopplr jibjab, movity
@ -498,8 +512,10 @@
<!-- timeline item --> <!-- timeline item -->
<li> <li>
<i class="fa fa-user bg-aqua"></i> <i class="fa fa-user bg-aqua"></i>
<div class="timeline-item"> <div class="timeline-item">
<span class="time"><i class="fa fa-clock-o"></i> 5 mins ago</span> <span class="time"><i class="fa fa-clock-o"></i> 5 mins ago</span>
<h3 class="timeline-header no-border"><a href="#">Sarah Young</a> accepted your friend request</h3> <h3 class="timeline-header no-border"><a href="#">Sarah Young</a> accepted your friend request</h3>
</div> </div>
</li> </li>
@ -507,9 +523,12 @@
<!-- timeline item --> <!-- timeline item -->
<li> <li>
<i class="fa fa-comments bg-yellow"></i> <i class="fa fa-comments bg-yellow"></i>
<div class="timeline-item"> <div class="timeline-item">
<span class="time"><i class="fa fa-clock-o"></i> 27 mins ago</span> <span class="time"><i class="fa fa-clock-o"></i> 27 mins ago</span>
<h3 class="timeline-header"><a href="#">Jay White</a> commented on your post</h3> <h3 class="timeline-header"><a href="#">Jay White</a> commented on your post</h3>
<div class="timeline-body"> <div class="timeline-body">
Take me to your leader! Take me to your leader!
Switzerland is small and neutral! Switzerland is small and neutral!
@ -531,9 +550,12 @@
<!-- timeline item --> <!-- timeline item -->
<li> <li>
<i class="fa fa-camera bg-purple"></i> <i class="fa fa-camera bg-purple"></i>
<div class="timeline-item"> <div class="timeline-item">
<span class="time"><i class="fa fa-clock-o"></i> 2 days ago</span> <span class="time"><i class="fa fa-clock-o"></i> 2 days ago</span>
<h3 class="timeline-header"><a href="#">Mina Lee</a> uploaded new photos</h3> <h3 class="timeline-header"><a href="#">Mina Lee</a> uploaded new photos</h3>
<div class="timeline-body"> <div class="timeline-body">
<img src="http://placehold.it/150x100" alt="..." class="margin"> <img src="http://placehold.it/150x100" alt="..." class="margin">
<img src="http://placehold.it/150x100" alt="..." class="margin"> <img src="http://placehold.it/150x100" alt="..." class="margin">
@ -546,9 +568,12 @@
<!-- timeline item --> <!-- timeline item -->
<li> <li>
<i class="fa fa-video-camera bg-maroon"></i> <i class="fa fa-video-camera bg-maroon"></i>
<div class="timeline-item"> <div class="timeline-item">
<span class="time"><i class="fa fa-clock-o"></i> 5 days ago</span> <span class="time"><i class="fa fa-clock-o"></i> 5 days ago</span>
<h3 class="timeline-header"><a href="#">Mr. Doe</a> shared a video</h3> <h3 class="timeline-header"><a href="#">Mr. Doe</a> shared a video</h3>
<div class="timeline-body"> <div class="timeline-body">
<div class="embed-responsive embed-responsive-16by9"> <div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/tMWkeBIohBs" frameborder="0" allowfullscreen></iframe> <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/tMWkeBIohBs" frameborder="0" allowfullscreen></iframe>
@ -564,8 +589,10 @@
<i class="fa fa-clock-o bg-gray"></i> <i class="fa fa-clock-o bg-gray"></i>
</li> </li>
</ul> </ul>
</div><!-- /.col --> </div>
</div><!-- /.row --> <!-- /.col -->
</div>
<!-- /.row -->
<div class="row" style="margin-top: 10px;"> <div class="row" style="margin-top: 10px;">
<div class="col-md-12"> <div class="col-md-12">
@ -610,19 +637,26 @@
&lt;/ul> &lt;/ul>
</pre> </pre>
</div><!-- /.box-body --> </div>
</div><!-- /.box --> <!-- /.box-body -->
</div><!-- /.col --> </div>
</div><!-- /.row --> <!-- /.box -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
</section><!-- /.content --> </section>
</div><!-- /.content-wrapper --> <!-- /.content -->
</div>
<!-- /.content-wrapper -->
<footer class="main-footer"> <footer class="main-footer">
<div class="pull-right hidden-xs"> <div class="pull-right hidden-xs">
<b>Version</b> 2.3.0 <b>Version</b> 2.3.0
</div> </div>
<strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved. <strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights
reserved.
</footer> </footer>
<!-- Control Sidebar --> <!-- Control Sidebar -->
@ -642,8 +676,10 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-birthday-cake bg-red"></i> <i class="menu-icon fa fa-birthday-cake bg-red"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Langdon's Birthday</h4> <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
<p>Will be 23 on April 24th</p> <p>Will be 23 on April 24th</p>
</div> </div>
</a> </a>
@ -651,8 +687,10 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-user bg-yellow"></i> <i class="menu-icon fa fa-user bg-yellow"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4> <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
<p>New phone +1(800)555-1234</p> <p>New phone +1(800)555-1234</p>
</div> </div>
</a> </a>
@ -660,8 +698,10 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-envelope-o bg-light-blue"></i> <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4> <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
<p>nora@example.com</p> <p>nora@example.com</p>
</div> </div>
</a> </a>
@ -669,13 +709,16 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-file-code-o bg-green"></i> <i class="menu-icon fa fa-file-code-o bg-green"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4> <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
<p>Execution time 5 seconds</p> <p>Execution time 5 seconds</p>
</div> </div>
</a> </a>
</li> </li>
</ul><!-- /.control-sidebar-menu --> </ul>
<!-- /.control-sidebar-menu -->
<h3 class="control-sidebar-heading">Tasks Progress</h3> <h3 class="control-sidebar-heading">Tasks Progress</h3>
<ul class="control-sidebar-menu"> <ul class="control-sidebar-menu">
@ -685,6 +728,7 @@
Custom Template Design Custom Template Design
<span class="label label-danger pull-right">70%</span> <span class="label label-danger pull-right">70%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-danger" style="width: 70%"></div> <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
</div> </div>
@ -696,6 +740,7 @@
Update Resume Update Resume
<span class="label label-success pull-right">95%</span> <span class="label label-success pull-right">95%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-success" style="width: 95%"></div> <div class="progress-bar progress-bar-success" style="width: 95%"></div>
</div> </div>
@ -707,6 +752,7 @@
Laravel Integration Laravel Integration
<span class="label label-warning pull-right">50%</span> <span class="label label-warning pull-right">50%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-warning" style="width: 50%"></div> <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
</div> </div>
@ -718,49 +764,60 @@
Back End Framework Back End Framework
<span class="label label-primary pull-right">68%</span> <span class="label label-primary pull-right">68%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-primary" style="width: 68%"></div> <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
</div> </div>
</a> </a>
</li> </li>
</ul><!-- /.control-sidebar-menu --> </ul>
<!-- /.control-sidebar-menu -->
</div><!-- /.tab-pane --> </div>
<!-- /.tab-pane -->
<!-- Stats tab content --> <!-- Stats tab content -->
<div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div><!-- /.tab-pane --> <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>
<!-- /.tab-pane -->
<!-- Settings tab content --> <!-- Settings tab content -->
<div class="tab-pane" id="control-sidebar-settings-tab"> <div class="tab-pane" id="control-sidebar-settings-tab">
<form method="post"> <form method="post">
<h3 class="control-sidebar-heading">General Settings</h3> <h3 class="control-sidebar-heading">General Settings</h3>
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Report panel usage Report panel usage
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Some information about this general settings option Some information about this general settings option
</p> </p>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Allow mail redirect Allow mail redirect
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Other sets of options are available Other sets of options are available
</p> </p>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Expose author name in posts Expose author name in posts
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Allow the user to show his name in blog posts Allow the user to show his name in blog posts
</p> </p>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<h3 class="control-sidebar-heading">Chat Settings</h3> <h3 class="control-sidebar-heading">Chat Settings</h3>
@ -769,39 +826,45 @@
Show me as online Show me as online
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Turn off notifications Turn off notifications
<input type="checkbox" class="pull-right"> <input type="checkbox" class="pull-right">
</label> </label>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Delete chat history Delete chat history
<a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a> <a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
</label> </label>
</div><!-- /.form-group -->
</form>
</div><!-- /.tab-pane -->
</div> </div>
</aside><!-- /.control-sidebar --> <!-- /.form-group -->
</form>
</div>
<!-- /.tab-pane -->
</div>
</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"></script>
<!-- Bootstrap 3.3.5 --> <!-- Bootstrap 3.3.5 -->
<script src="../../bootstrap/js/bootstrap.min.js"></script> <script src="../../bootstrap/js/bootstrap.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="../../plugins/fastclick/fastclick.min.js"></script> <script src="../../plugins/fastclick/fastclick.min.js"></script>
<!-- AdminLTE App --> <!-- AdminLTE App -->
<script src="../../dist/js/app.min.js"></script> <script src="../../dist/js/app.min.js"></script>
<!-- AdminLTE for demo purposes --> <!-- AdminLTE for demo purposes -->
<script src="../../dist/js/demo.js"></script> <script src="../../dist/js/demo.js"></script>
</body> </body>
</html> </html>

177
pages/calendar.html
View File

@ -1,6 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<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 | Calendar</title> <title>AdminLTE 2 | Calendar</title>
@ -27,9 +27,9 @@
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]--> <![endif]-->
</head> </head>
<body class="hold-transition skin-blue sidebar-mini"> <body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<header class="main-header"> <header class="main-header">
<!-- Logo --> <!-- Logo -->
@ -48,6 +48,7 @@
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
</a> </a>
<div class="navbar-custom-menu"> <div class="navbar-custom-menu">
<ul class="nav navbar-nav"> <ul class="nav navbar-nav">
<!-- Messages: style can be found in dropdown.less--> <!-- Messages: style can be found in dropdown.less-->
@ -72,7 +73,8 @@
</h4> </h4>
<p>Why not buy a new awesome theme?</p> <p>Why not buy a new awesome theme?</p>
</a> </a>
</li><!-- end message --> </li>
<!-- end message -->
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
@ -144,7 +146,8 @@
</li> </li>
<li> <li>
<a href="#"> <a href="#">
<i class="fa fa-warning text-yellow"></i> Very long description here that may not fit into the page and may cause design problems <i class="fa fa-warning text-yellow"></i> Very long description here that may not fit into the
page and may cause design problems
</a> </a>
</li> </li>
<li> <li>
@ -191,7 +194,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
<li><!-- Task item --> <li><!-- Task item -->
<a href="#"> <a href="#">
<h3> <h3>
@ -204,7 +208,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
<li><!-- Task item --> <li><!-- Task item -->
<a href="#"> <a href="#">
<h3> <h3>
@ -217,7 +222,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
<li><!-- Task item --> <li><!-- Task item -->
<a href="#"> <a href="#">
<h3> <h3>
@ -230,7 +236,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
</ul> </ul>
</li> </li>
<li class="footer"> <li class="footer">
@ -248,6 +255,7 @@
<!-- User image --> <!-- User image -->
<li class="user-header"> <li class="user-header">
<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">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -265,7 +273,8 @@
<div class="col-xs-4 text-center"> <div class="col-xs-4 text-center">
<a href="#">Friends</a> <a href="#">Friends</a>
</div> </div>
</div><!-- /.row --> </div>
<!-- /.row -->
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer"> <li class="user-footer">
@ -301,7 +310,8 @@
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..."> <input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
</button>
</span> </span>
</div> </div>
</form> </form>
@ -333,7 +343,8 @@
</li> </li>
<li> <li>
<a href="widgets.html"> <a href="widgets.html">
<i class="fa fa-th"></i> <span>Widgets</span> <small class="label pull-right bg-green">new</small> <i class="fa fa-th"></i> <span>Widgets</span>
<small class="label pull-right bg-green">new</small>
</a> </a>
</li> </li>
<li class="treeview"> <li class="treeview">
@ -483,8 +494,10 @@
</label> </label>
</div> </div>
</div> </div>
</div><!-- /.box-body --> </div>
</div><!-- /. box --> <!-- /.box-body -->
</div>
<!-- /. box -->
<div class="box box-solid"> <div class="box box-solid">
<div class="box-header with-border"> <div class="box-header with-border">
<h3 class="box-title">Create Event</h3> <h3 class="box-title">Create Event</h3>
@ -507,33 +520,45 @@
<li><a class="text-muted" href="#"><i class="fa fa-square"></i></a></li> <li><a class="text-muted" href="#"><i class="fa fa-square"></i></a></li>
<li><a class="text-navy" href="#"><i class="fa fa-square"></i></a></li> <li><a class="text-navy" href="#"><i class="fa fa-square"></i></a></li>
</ul> </ul>
</div><!-- /btn-group --> </div>
<!-- /btn-group -->
<div class="input-group"> <div class="input-group">
<input id="new-event" type="text" class="form-control" placeholder="Event Title"> <input id="new-event" type="text" class="form-control" placeholder="Event Title">
<div class="input-group-btn"> <div class="input-group-btn">
<button id="add-new-event" type="button" class="btn btn-primary btn-flat">Add</button> <button id="add-new-event" type="button" class="btn btn-primary btn-flat">Add</button>
</div><!-- /btn-group --> </div>
</div><!-- /input-group --> <!-- /btn-group -->
</div>
<!-- /input-group -->
</div> </div>
</div> </div>
</div><!-- /.col --> </div>
<!-- /.col -->
<div class="col-md-9"> <div class="col-md-9">
<div class="box box-primary"> <div class="box box-primary">
<div class="box-body no-padding"> <div class="box-body no-padding">
<!-- THE CALENDAR --> <!-- THE CALENDAR -->
<div id="calendar"></div> <div id="calendar"></div>
</div><!-- /.box-body --> </div>
</div><!-- /. box --> <!-- /.box-body -->
</div><!-- /.col --> </div>
</div><!-- /.row --> <!-- /. box -->
</section><!-- /.content --> </div>
</div><!-- /.content-wrapper --> <!-- /.col -->
</div>
<!-- /.row -->
</section>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
<footer class="main-footer"> <footer class="main-footer">
<div class="pull-right hidden-xs"> <div class="pull-right hidden-xs">
<b>Version</b> 2.3.0 <b>Version</b> 2.3.0
</div> </div>
<strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved. <strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights
reserved.
</footer> </footer>
<!-- Control Sidebar --> <!-- Control Sidebar -->
@ -552,8 +577,10 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-birthday-cake bg-red"></i> <i class="menu-icon fa fa-birthday-cake bg-red"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Langdon's Birthday</h4> <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
<p>Will be 23 on April 24th</p> <p>Will be 23 on April 24th</p>
</div> </div>
</a> </a>
@ -561,8 +588,10 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-user bg-yellow"></i> <i class="menu-icon fa fa-user bg-yellow"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4> <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
<p>New phone +1(800)555-1234</p> <p>New phone +1(800)555-1234</p>
</div> </div>
</a> </a>
@ -570,8 +599,10 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-envelope-o bg-light-blue"></i> <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4> <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
<p>nora@example.com</p> <p>nora@example.com</p>
</div> </div>
</a> </a>
@ -579,13 +610,16 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-file-code-o bg-green"></i> <i class="menu-icon fa fa-file-code-o bg-green"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4> <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
<p>Execution time 5 seconds</p> <p>Execution time 5 seconds</p>
</div> </div>
</a> </a>
</li> </li>
</ul><!-- /.control-sidebar-menu --> </ul>
<!-- /.control-sidebar-menu -->
<h3 class="control-sidebar-heading">Tasks Progress</h3> <h3 class="control-sidebar-heading">Tasks Progress</h3>
<ul class="control-sidebar-menu"> <ul class="control-sidebar-menu">
@ -595,6 +629,7 @@
Custom Template Design Custom Template Design
<span class="label label-danger pull-right">70%</span> <span class="label label-danger pull-right">70%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-danger" style="width: 70%"></div> <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
</div> </div>
@ -606,6 +641,7 @@
Update Resume Update Resume
<span class="label label-success pull-right">95%</span> <span class="label label-success pull-right">95%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-success" style="width: 95%"></div> <div class="progress-bar progress-bar-success" style="width: 95%"></div>
</div> </div>
@ -617,6 +653,7 @@
Laravel Integration Laravel Integration
<span class="label label-warning pull-right">50%</span> <span class="label label-warning pull-right">50%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-warning" style="width: 50%"></div> <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
</div> </div>
@ -628,49 +665,60 @@
Back End Framework Back End Framework
<span class="label label-primary pull-right">68%</span> <span class="label label-primary pull-right">68%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-primary" style="width: 68%"></div> <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
</div> </div>
</a> </a>
</li> </li>
</ul><!-- /.control-sidebar-menu --> </ul>
<!-- /.control-sidebar-menu -->
</div><!-- /.tab-pane --> </div>
<!-- /.tab-pane -->
<!-- Stats tab content --> <!-- Stats tab content -->
<div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div><!-- /.tab-pane --> <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>
<!-- /.tab-pane -->
<!-- Settings tab content --> <!-- Settings tab content -->
<div class="tab-pane" id="control-sidebar-settings-tab"> <div class="tab-pane" id="control-sidebar-settings-tab">
<form method="post"> <form method="post">
<h3 class="control-sidebar-heading">General Settings</h3> <h3 class="control-sidebar-heading">General Settings</h3>
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Report panel usage Report panel usage
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Some information about this general settings option Some information about this general settings option
</p> </p>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Allow mail redirect Allow mail redirect
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Other sets of options are available Other sets of options are available
</p> </p>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Expose author name in posts Expose author name in posts
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Allow the user to show his name in blog posts Allow the user to show his name in blog posts
</p> </p>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<h3 class="control-sidebar-heading">Chat Settings</h3> <h3 class="control-sidebar-heading">Chat Settings</h3>
@ -679,49 +727,55 @@
Show me as online Show me as online
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Turn off notifications Turn off notifications
<input type="checkbox" class="pull-right"> <input type="checkbox" class="pull-right">
</label> </label>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Delete chat history Delete chat history
<a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a> <a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
</label> </label>
</div><!-- /.form-group -->
</form>
</div><!-- /.tab-pane -->
</div> </div>
</aside><!-- /.control-sidebar --> <!-- /.form-group -->
</form>
</div>
<!-- /.tab-pane -->
</div>
</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"></script>
<!-- Bootstrap 3.3.5 --> <!-- Bootstrap 3.3.5 -->
<script src="../bootstrap/js/bootstrap.min.js"></script> <script src="../bootstrap/js/bootstrap.min.js"></script>
<!-- jQuery UI 1.11.4 --> <!-- jQuery UI 1.11.4 -->
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script> <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<!-- Slimscroll --> <!-- Slimscroll -->
<script src="../plugins/slimScroll/jquery.slimscroll.min.js"></script> <script src="../plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="../plugins/fastclick/fastclick.min.js"></script> <script src="../plugins/fastclick/fastclick.min.js"></script>
<!-- AdminLTE App --> <!-- AdminLTE App -->
<script src="../dist/js/app.min.js"></script> <script src="../dist/js/app.min.js"></script>
<!-- AdminLTE for demo purposes --> <!-- AdminLTE for demo purposes -->
<script src="../dist/js/demo.js"></script> <script src="../dist/js/demo.js"></script>
<!-- fullCalendar 2.2.5 --> <!-- fullCalendar 2.2.5 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.2/moment.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.2/moment.min.js"></script>
<script src="../plugins/fullcalendar/fullcalendar.min.js"></script> <script src="../plugins/fullcalendar/fullcalendar.min.js"></script>
<!-- Page specific script --> <!-- Page specific script -->
<script> <script>
$(function () { $(function () {
/* initialize the external events /* initialize the external events
@ -747,6 +801,7 @@
}); });
} }
ini_events($('#external-events div.external-event')); ini_events($('#external-events div.external-event'));
/* initialize the calendar /* initialize the calendar
@ -876,6 +931,6 @@
$("#new-event").val(""); $("#new-event").val("");
}); });
}); });
</script> </script>
</body> </body>
</html> </html>

172
pages/charts/chartjs.html
View File

@ -1,6 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<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 | ChartJS</title> <title>AdminLTE 2 | ChartJS</title>
@ -24,9 +24,9 @@
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]--> <![endif]-->
</head> </head>
<body class="hold-transition skin-blue sidebar-mini"> <body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<header class="main-header"> <header class="main-header">
<!-- Logo --> <!-- Logo -->
@ -45,6 +45,7 @@
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
</a> </a>
<div class="navbar-custom-menu"> <div class="navbar-custom-menu">
<ul class="nav navbar-nav"> <ul class="nav navbar-nav">
<!-- Messages: style can be found in dropdown.less--> <!-- Messages: style can be found in dropdown.less-->
@ -69,7 +70,8 @@
</h4> </h4>
<p>Why not buy a new awesome theme?</p> <p>Why not buy a new awesome theme?</p>
</a> </a>
</li><!-- end message --> </li>
<!-- end message -->
</ul> </ul>
</li> </li>
<li class="footer"><a href="#">See All Messages</a></li> <li class="footer"><a href="#">See All Messages</a></li>
@ -119,7 +121,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
</ul> </ul>
</li> </li>
<li class="footer"> <li class="footer">
@ -137,6 +140,7 @@
<!-- User image --> <!-- User image -->
<li class="user-header"> <li class="user-header">
<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">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -154,7 +158,8 @@
<div class="col-xs-4 text-center"> <div class="col-xs-4 text-center">
<a href="#">Friends</a> <a href="#">Friends</a>
</div> </div>
</div><!-- /.row --> </div>
<!-- /.row -->
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer"> <li class="user-footer">
@ -194,7 +199,8 @@
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..."> <input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
</button>
</span> </span>
</div> </div>
</form> </form>
@ -226,7 +232,8 @@
</li> </li>
<li> <li>
<a href="../widgets.html"> <a href="../widgets.html">
<i class="fa fa-th"></i> <span>Widgets</span> <small class="label pull-right bg-green">new</small> <i class="fa fa-th"></i> <span>Widgets</span>
<small class="label pull-right bg-green">new</small>
</a> </a>
</li> </li>
<li class="treeview active"> <li class="treeview active">
@ -362,8 +369,10 @@
<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">Area Chart</h3> <h3 class="box-title">Area Chart</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button> <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
</button>
<button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button> <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div> </div>
</div> </div>
@ -371,31 +380,40 @@
<div class="chart"> <div class="chart">
<canvas id="areaChart" style="height:250px"></canvas> <canvas id="areaChart" style="height:250px"></canvas>
</div> </div>
</div><!-- /.box-body --> </div>
</div><!-- /.box --> <!-- /.box-body -->
</div>
<!-- /.box -->
<!-- DONUT CHART --> <!-- DONUT CHART -->
<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">Donut Chart</h3> <h3 class="box-title">Donut Chart</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button> <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
</button>
<button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button> <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div> </div>
</div> </div>
<div class="box-body"> <div class="box-body">
<canvas id="pieChart" style="height:250px"></canvas> <canvas id="pieChart" style="height:250px"></canvas>
</div><!-- /.box-body --> </div>
</div><!-- /.box --> <!-- /.box-body -->
</div>
<!-- /.box -->
</div><!-- /.col (LEFT) --> </div>
<!-- /.col (LEFT) -->
<div class="col-md-6"> <div class="col-md-6">
<!-- LINE CHART --> <!-- LINE CHART -->
<div class="box box-info"> <div class="box box-info">
<div class="box-header with-border"> <div class="box-header with-border">
<h3 class="box-title">Line Chart</h3> <h3 class="box-title">Line Chart</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button> <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
</button>
<button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button> <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div> </div>
</div> </div>
@ -403,15 +421,19 @@
<div class="chart"> <div class="chart">
<canvas id="lineChart" style="height:250px"></canvas> <canvas id="lineChart" style="height:250px"></canvas>
</div> </div>
</div><!-- /.box-body --> </div>
</div><!-- /.box --> <!-- /.box-body -->
</div>
<!-- /.box -->
<!-- BAR CHART --> <!-- BAR CHART -->
<div class="box box-success"> <div class="box box-success">
<div class="box-header with-border"> <div class="box-header with-border">
<h3 class="box-title">Bar Chart</h3> <h3 class="box-title">Bar Chart</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button> <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
</button>
<button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button> <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div> </div>
</div> </div>
@ -419,19 +441,26 @@
<div class="chart"> <div class="chart">
<canvas id="barChart" style="height:230px"></canvas> <canvas id="barChart" style="height:230px"></canvas>
</div> </div>
</div><!-- /.box-body --> </div>
</div><!-- /.box --> <!-- /.box-body -->
</div>
<!-- /.box -->
</div><!-- /.col (RIGHT) --> </div>
</div><!-- /.row --> <!-- /.col (RIGHT) -->
</div>
<!-- /.row -->
</section><!-- /.content --> </section>
</div><!-- /.content-wrapper --> <!-- /.content -->
</div>
<!-- /.content-wrapper -->
<footer class="main-footer"> <footer class="main-footer">
<div class="pull-right hidden-xs"> <div class="pull-right hidden-xs">
<b>Version</b> 2.3.0 <b>Version</b> 2.3.0
</div> </div>
<strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved. <strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights
reserved.
</footer> </footer>
<!-- Control Sidebar --> <!-- Control Sidebar -->
@ -450,8 +479,10 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-birthday-cake bg-red"></i> <i class="menu-icon fa fa-birthday-cake bg-red"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Langdon's Birthday</h4> <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
<p>Will be 23 on April 24th</p> <p>Will be 23 on April 24th</p>
</div> </div>
</a> </a>
@ -459,8 +490,10 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-user bg-yellow"></i> <i class="menu-icon fa fa-user bg-yellow"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4> <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
<p>New phone +1(800)555-1234</p> <p>New phone +1(800)555-1234</p>
</div> </div>
</a> </a>
@ -468,8 +501,10 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-envelope-o bg-light-blue"></i> <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4> <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
<p>nora@example.com</p> <p>nora@example.com</p>
</div> </div>
</a> </a>
@ -477,13 +512,16 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-file-code-o bg-green"></i> <i class="menu-icon fa fa-file-code-o bg-green"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4> <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
<p>Execution time 5 seconds</p> <p>Execution time 5 seconds</p>
</div> </div>
</a> </a>
</li> </li>
</ul><!-- /.control-sidebar-menu --> </ul>
<!-- /.control-sidebar-menu -->
<h3 class="control-sidebar-heading">Tasks Progress</h3> <h3 class="control-sidebar-heading">Tasks Progress</h3>
<ul class="control-sidebar-menu"> <ul class="control-sidebar-menu">
@ -493,6 +531,7 @@
Custom Template Design Custom Template Design
<span class="label label-danger pull-right">70%</span> <span class="label label-danger pull-right">70%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-danger" style="width: 70%"></div> <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
</div> </div>
@ -504,6 +543,7 @@
Update Resume Update Resume
<span class="label label-success pull-right">95%</span> <span class="label label-success pull-right">95%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-success" style="width: 95%"></div> <div class="progress-bar progress-bar-success" style="width: 95%"></div>
</div> </div>
@ -515,6 +555,7 @@
Laravel Integration Laravel Integration
<span class="label label-warning pull-right">50%</span> <span class="label label-warning pull-right">50%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-warning" style="width: 50%"></div> <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
</div> </div>
@ -526,49 +567,60 @@
Back End Framework Back End Framework
<span class="label label-primary pull-right">68%</span> <span class="label label-primary pull-right">68%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-primary" style="width: 68%"></div> <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
</div> </div>
</a> </a>
</li> </li>
</ul><!-- /.control-sidebar-menu --> </ul>
<!-- /.control-sidebar-menu -->
</div><!-- /.tab-pane --> </div>
<!-- /.tab-pane -->
<!-- Stats tab content --> <!-- Stats tab content -->
<div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div><!-- /.tab-pane --> <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>
<!-- /.tab-pane -->
<!-- Settings tab content --> <!-- Settings tab content -->
<div class="tab-pane" id="control-sidebar-settings-tab"> <div class="tab-pane" id="control-sidebar-settings-tab">
<form method="post"> <form method="post">
<h3 class="control-sidebar-heading">General Settings</h3> <h3 class="control-sidebar-heading">General Settings</h3>
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Report panel usage Report panel usage
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Some information about this general settings option Some information about this general settings option
</p> </p>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Allow mail redirect Allow mail redirect
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Other sets of options are available Other sets of options are available
</p> </p>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Expose author name in posts Expose author name in posts
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Allow the user to show his name in blog posts Allow the user to show his name in blog posts
</p> </p>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<h3 class="control-sidebar-heading">Chat Settings</h3> <h3 class="control-sidebar-heading">Chat Settings</h3>
@ -577,44 +629,50 @@
Show me as online Show me as online
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Turn off notifications Turn off notifications
<input type="checkbox" class="pull-right"> <input type="checkbox" class="pull-right">
</label> </label>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Delete chat history Delete chat history
<a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a> <a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
</label> </label>
</div><!-- /.form-group -->
</form>
</div><!-- /.tab-pane -->
</div> </div>
</aside><!-- /.control-sidebar --> <!-- /.form-group -->
</form>
</div>
<!-- /.tab-pane -->
</div>
</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"></script>
<!-- Bootstrap 3.3.5 --> <!-- Bootstrap 3.3.5 -->
<script src="../../bootstrap/js/bootstrap.min.js"></script> <script src="../../bootstrap/js/bootstrap.min.js"></script>
<!-- ChartJS 1.0.1 --> <!-- ChartJS 1.0.1 -->
<script src="../../plugins/chartjs/Chart.min.js"></script> <script src="../../plugins/chartjs/Chart.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="../../plugins/fastclick/fastclick.min.js"></script> <script src="../../plugins/fastclick/fastclick.min.js"></script>
<!-- AdminLTE App --> <!-- AdminLTE App -->
<script src="../../dist/js/app.min.js"></script> <script src="../../dist/js/app.min.js"></script>
<!-- AdminLTE for demo purposes --> <!-- AdminLTE for demo purposes -->
<script src="../../dist/js/demo.js"></script> <script src="../../dist/js/demo.js"></script>
<!-- page script --> <!-- page script -->
<script> <script>
$(function () { $(function () {
/* ChartJS /* ChartJS
* ------- * -------
@ -819,6 +877,6 @@
barChartOptions.datasetFill = false; barChartOptions.datasetFill = false;
barChart.Bar(barChartData, barChartOptions); barChart.Bar(barChartData, barChartOptions);
}); });
</script> </script>
</body> </body>
</html> </html>

215
pages/charts/flot.html
View File

@ -1,6 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<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 | Flot Charts</title> <title>AdminLTE 2 | Flot Charts</title>
@ -24,9 +24,9 @@
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]--> <![endif]-->
</head> </head>
<body class="hold-transition skin-blue sidebar-mini"> <body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<header class="main-header"> <header class="main-header">
<!-- Logo --> <!-- Logo -->
@ -45,6 +45,7 @@
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
</a> </a>
<div class="navbar-custom-menu"> <div class="navbar-custom-menu">
<ul class="nav navbar-nav"> <ul class="nav navbar-nav">
<!-- Messages: style can be found in dropdown.less--> <!-- Messages: style can be found in dropdown.less-->
@ -69,7 +70,8 @@
</h4> </h4>
<p>Why not buy a new awesome theme?</p> <p>Why not buy a new awesome theme?</p>
</a> </a>
</li><!-- end message --> </li>
<!-- end message -->
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
@ -141,7 +143,8 @@
</li> </li>
<li> <li>
<a href="#"> <a href="#">
<i class="fa fa-warning text-yellow"></i> Very long description here that may not fit into the page and may cause design problems <i class="fa fa-warning text-yellow"></i> Very long description here that may not fit into the
page and may cause design problems
</a> </a>
</li> </li>
<li> <li>
@ -188,7 +191,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
<li><!-- Task item --> <li><!-- Task item -->
<a href="#"> <a href="#">
<h3> <h3>
@ -201,7 +205,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
<li><!-- Task item --> <li><!-- Task item -->
<a href="#"> <a href="#">
<h3> <h3>
@ -214,7 +219,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
<li><!-- Task item --> <li><!-- Task item -->
<a href="#"> <a href="#">
<h3> <h3>
@ -227,7 +233,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
</ul> </ul>
</li> </li>
<li class="footer"> <li class="footer">
@ -245,6 +252,7 @@
<!-- User image --> <!-- User image -->
<li class="user-header"> <li class="user-header">
<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">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -262,7 +270,8 @@
<div class="col-xs-4 text-center"> <div class="col-xs-4 text-center">
<a href="#">Friends</a> <a href="#">Friends</a>
</div> </div>
</div><!-- /.row --> </div>
<!-- /.row -->
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer"> <li class="user-footer">
@ -302,7 +311,8 @@
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..."> <input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
</button>
</span> </span>
</div> </div>
</form> </form>
@ -334,7 +344,8 @@
</li> </li>
<li> <li>
<a href="../widgets.html"> <a href="../widgets.html">
<i class="fa fa-th"></i> <span>Widgets</span> <small class="label pull-right bg-green">new</small> <i class="fa fa-th"></i> <span>Widgets</span>
<small class="label pull-right bg-green">new</small>
</a> </a>
</li> </li>
<li class="treeview active"> <li class="treeview active">
@ -470,7 +481,9 @@
<div class="box box-primary"> <div class="box box-primary">
<div class="box-header with-border"> <div class="box-header with-border">
<i class="fa fa-bar-chart-o"></i> <i class="fa fa-bar-chart-o"></i>
<h3 class="box-title">Interactive Area Chart</h3> <h3 class="box-title">Interactive Area Chart</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
Real time Real time
<div class="btn-group" id="realtime" data-toggle="btn-toggle"> <div class="btn-group" id="realtime" data-toggle="btn-toggle">
@ -481,11 +494,15 @@
</div> </div>
<div class="box-body"> <div class="box-body">
<div id="interactive" style="height: 300px;"></div> <div id="interactive" style="height: 300px;"></div>
</div><!-- /.box-body--> </div>
</div><!-- /.box --> <!-- /.box-body-->
</div>
<!-- /.box -->
</div><!-- /.col --> </div>
</div><!-- /.row --> <!-- /.col -->
</div>
<!-- /.row -->
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-6">
@ -493,74 +510,100 @@
<div class="box box-primary"> <div class="box box-primary">
<div class="box-header with-border"> <div class="box-header with-border">
<i class="fa fa-bar-chart-o"></i> <i class="fa fa-bar-chart-o"></i>
<h3 class="box-title">Line Chart</h3> <h3 class="box-title">Line Chart</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button> <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
</button>
<button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button> <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div> </div>
</div> </div>
<div class="box-body"> <div class="box-body">
<div id="line-chart" style="height: 300px;"></div> <div id="line-chart" style="height: 300px;"></div>
</div><!-- /.box-body--> </div>
</div><!-- /.box --> <!-- /.box-body-->
</div>
<!-- /.box -->
<!-- Area chart --> <!-- Area chart -->
<div class="box box-primary"> <div class="box box-primary">
<div class="box-header with-border"> <div class="box-header with-border">
<i class="fa fa-bar-chart-o"></i> <i class="fa fa-bar-chart-o"></i>
<h3 class="box-title">Full Width Area Chart</h3> <h3 class="box-title">Full Width Area Chart</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button> <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
</button>
<button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button> <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div> </div>
</div> </div>
<div class="box-body"> <div class="box-body">
<div id="area-chart" style="height: 338px;" class="full-width-chart"></div> <div id="area-chart" style="height: 338px;" class="full-width-chart"></div>
</div><!-- /.box-body--> </div>
</div><!-- /.box --> <!-- /.box-body-->
</div>
<!-- /.box -->
</div><!-- /.col --> </div>
<!-- /.col -->
<div class="col-md-6"> <div class="col-md-6">
<!-- Bar chart --> <!-- Bar chart -->
<div class="box box-primary"> <div class="box box-primary">
<div class="box-header with-border"> <div class="box-header with-border">
<i class="fa fa-bar-chart-o"></i> <i class="fa fa-bar-chart-o"></i>
<h3 class="box-title">Bar Chart</h3> <h3 class="box-title">Bar Chart</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button> <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
</button>
<button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button> <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div> </div>
</div> </div>
<div class="box-body"> <div class="box-body">
<div id="bar-chart" style="height: 300px;"></div> <div id="bar-chart" style="height: 300px;"></div>
</div><!-- /.box-body--> </div>
</div><!-- /.box --> <!-- /.box-body-->
</div>
<!-- /.box -->
<!-- Donut chart --> <!-- Donut chart -->
<div class="box box-primary"> <div class="box box-primary">
<div class="box-header with-border"> <div class="box-header with-border">
<i class="fa fa-bar-chart-o"></i> <i class="fa fa-bar-chart-o"></i>
<h3 class="box-title">Donut Chart</h3> <h3 class="box-title">Donut Chart</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button> <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
</button>
<button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button> <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div> </div>
</div> </div>
<div class="box-body"> <div class="box-body">
<div id="donut-chart" style="height: 300px;"></div> <div id="donut-chart" style="height: 300px;"></div>
</div><!-- /.box-body--> </div>
</div><!-- /.box --> <!-- /.box-body-->
</div><!-- /.col --> </div>
</div><!-- /.row --> <!-- /.box -->
</section><!-- /.content --> </div>
<!-- /.col -->
</div>
<!-- /.row -->
</section>
<!-- /.content -->
</div><!-- /.content-wrapper --> </div>
<!-- /.content-wrapper -->
<footer class="main-footer"> <footer class="main-footer">
<div class="pull-right hidden-xs"> <div class="pull-right hidden-xs">
<b>Version</b> 2.3.0 <b>Version</b> 2.3.0
</div> </div>
<strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved. <strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights
reserved.
</footer> </footer>
<!-- Control Sidebar --> <!-- Control Sidebar -->
@ -579,8 +622,10 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-birthday-cake bg-red"></i> <i class="menu-icon fa fa-birthday-cake bg-red"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Langdon's Birthday</h4> <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
<p>Will be 23 on April 24th</p> <p>Will be 23 on April 24th</p>
</div> </div>
</a> </a>
@ -588,8 +633,10 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-user bg-yellow"></i> <i class="menu-icon fa fa-user bg-yellow"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4> <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
<p>New phone +1(800)555-1234</p> <p>New phone +1(800)555-1234</p>
</div> </div>
</a> </a>
@ -597,8 +644,10 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-envelope-o bg-light-blue"></i> <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4> <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
<p>nora@example.com</p> <p>nora@example.com</p>
</div> </div>
</a> </a>
@ -606,13 +655,16 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-file-code-o bg-green"></i> <i class="menu-icon fa fa-file-code-o bg-green"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4> <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
<p>Execution time 5 seconds</p> <p>Execution time 5 seconds</p>
</div> </div>
</a> </a>
</li> </li>
</ul><!-- /.control-sidebar-menu --> </ul>
<!-- /.control-sidebar-menu -->
<h3 class="control-sidebar-heading">Tasks Progress</h3> <h3 class="control-sidebar-heading">Tasks Progress</h3>
<ul class="control-sidebar-menu"> <ul class="control-sidebar-menu">
@ -622,6 +674,7 @@
Custom Template Design Custom Template Design
<span class="label label-danger pull-right">70%</span> <span class="label label-danger pull-right">70%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-danger" style="width: 70%"></div> <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
</div> </div>
@ -633,6 +686,7 @@
Update Resume Update Resume
<span class="label label-success pull-right">95%</span> <span class="label label-success pull-right">95%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-success" style="width: 95%"></div> <div class="progress-bar progress-bar-success" style="width: 95%"></div>
</div> </div>
@ -644,6 +698,7 @@
Laravel Integration Laravel Integration
<span class="label label-warning pull-right">50%</span> <span class="label label-warning pull-right">50%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-warning" style="width: 50%"></div> <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
</div> </div>
@ -655,49 +710,60 @@
Back End Framework Back End Framework
<span class="label label-primary pull-right">68%</span> <span class="label label-primary pull-right">68%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-primary" style="width: 68%"></div> <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
</div> </div>
</a> </a>
</li> </li>
</ul><!-- /.control-sidebar-menu --> </ul>
<!-- /.control-sidebar-menu -->
</div><!-- /.tab-pane --> </div>
<!-- /.tab-pane -->
<!-- Stats tab content --> <!-- Stats tab content -->
<div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div><!-- /.tab-pane --> <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>
<!-- /.tab-pane -->
<!-- Settings tab content --> <!-- Settings tab content -->
<div class="tab-pane" id="control-sidebar-settings-tab"> <div class="tab-pane" id="control-sidebar-settings-tab">
<form method="post"> <form method="post">
<h3 class="control-sidebar-heading">General Settings</h3> <h3 class="control-sidebar-heading">General Settings</h3>
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Report panel usage Report panel usage
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Some information about this general settings option Some information about this general settings option
</p> </p>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Allow mail redirect Allow mail redirect
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Other sets of options are available Other sets of options are available
</p> </p>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Expose author name in posts Expose author name in posts
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Allow the user to show his name in blog posts Allow the user to show his name in blog posts
</p> </p>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<h3 class="control-sidebar-heading">Chat Settings</h3> <h3 class="control-sidebar-heading">Chat Settings</h3>
@ -706,50 +772,56 @@
Show me as online Show me as online
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Turn off notifications Turn off notifications
<input type="checkbox" class="pull-right"> <input type="checkbox" class="pull-right">
</label> </label>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Delete chat history Delete chat history
<a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a> <a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
</label> </label>
</div><!-- /.form-group -->
</form>
</div><!-- /.tab-pane -->
</div> </div>
</aside><!-- /.control-sidebar --> <!-- /.form-group -->
</form>
</div>
<!-- /.tab-pane -->
</div>
</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"></script>
<!-- Bootstrap 3.3.5 --> <!-- Bootstrap 3.3.5 -->
<script src="../../bootstrap/js/bootstrap.min.js"></script> <script src="../../bootstrap/js/bootstrap.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="../../plugins/fastclick/fastclick.min.js"></script> <script src="../../plugins/fastclick/fastclick.min.js"></script>
<!-- AdminLTE App --> <!-- AdminLTE App -->
<script src="../../dist/js/app.min.js"></script> <script src="../../dist/js/app.min.js"></script>
<!-- AdminLTE for demo purposes --> <!-- AdminLTE for demo purposes -->
<script src="../../dist/js/demo.js"></script> <script src="../../dist/js/demo.js"></script>
<!-- FLOT CHARTS --> <!-- FLOT CHARTS -->
<script src="../../plugins/flot/jquery.flot.min.js"></script> <script src="../../plugins/flot/jquery.flot.min.js"></script>
<!-- FLOT RESIZE PLUGIN - allows the chart to redraw when the window is resized --> <!-- FLOT RESIZE PLUGIN - allows the chart to redraw when the window is resized -->
<script src="../../plugins/flot/jquery.flot.resize.min.js"></script> <script src="../../plugins/flot/jquery.flot.resize.min.js"></script>
<!-- FLOT PIE PLUGIN - also used to draw donut charts --> <!-- FLOT PIE PLUGIN - also used to draw donut charts -->
<script src="../../plugins/flot/jquery.flot.pie.min.js"></script> <script src="../../plugins/flot/jquery.flot.pie.min.js"></script>
<!-- FLOT CATEGORIES PLUGIN - Used to draw bar charts --> <!-- FLOT CATEGORIES PLUGIN - Used to draw bar charts -->
<script src="../../plugins/flot/jquery.flot.categories.min.js"></script> <script src="../../plugins/flot/jquery.flot.categories.min.js"></script>
<!-- Page script --> <!-- Page script -->
<script> <script>
$(function () { $(function () {
/* /*
* Flot Interactive Chart * Flot Interactive Chart
@ -758,6 +830,7 @@
// We use an inline data source in the example, usually data would // We use an inline data source in the example, usually data would
// be fetched from a server // be fetched from a server
var data = [], totalPoints = 100; var data = [], totalPoints = 100;
function getRandomData() { function getRandomData() {
if (data.length > 0) if (data.length > 0)
@ -1012,6 +1085,6 @@
+ "<br>" + "<br>"
+ Math.round(series.percent) + "%</div>"; + Math.round(series.percent) + "%</div>";
} }
</script> </script>
</body> </body>
</html> </html>

369
pages/charts/inline.html
View File

@ -1,6 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<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 | Inline Charts</title> <title>AdminLTE 2 | Inline Charts</title>
@ -24,9 +24,9 @@
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]--> <![endif]-->
</head> </head>
<body class="hold-transition skin-blue sidebar-mini"> <body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<header class="main-header"> <header class="main-header">
<!-- Logo --> <!-- Logo -->
@ -45,6 +45,7 @@
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
</a> </a>
<div class="navbar-custom-menu"> <div class="navbar-custom-menu">
<ul class="nav navbar-nav"> <ul class="nav navbar-nav">
<!-- Messages: style can be found in dropdown.less--> <!-- Messages: style can be found in dropdown.less-->
@ -69,7 +70,8 @@
</h4> </h4>
<p>Why not buy a new awesome theme?</p> <p>Why not buy a new awesome theme?</p>
</a> </a>
</li><!-- end message --> </li>
<!-- end message -->
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
@ -141,7 +143,8 @@
</li> </li>
<li> <li>
<a href="#"> <a href="#">
<i class="fa fa-warning text-yellow"></i> Very long description here that may not fit into the page and may cause design problems <i class="fa fa-warning text-yellow"></i> Very long description here that may not fit into the
page and may cause design problems
</a> </a>
</li> </li>
<li> <li>
@ -188,7 +191,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
<li><!-- Task item --> <li><!-- Task item -->
<a href="#"> <a href="#">
<h3> <h3>
@ -201,7 +205,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
<li><!-- Task item --> <li><!-- Task item -->
<a href="#"> <a href="#">
<h3> <h3>
@ -214,7 +219,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
<li><!-- Task item --> <li><!-- Task item -->
<a href="#"> <a href="#">
<h3> <h3>
@ -227,7 +233,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
</ul> </ul>
</li> </li>
<li class="footer"> <li class="footer">
@ -245,6 +252,7 @@
<!-- User image --> <!-- User image -->
<li class="user-header"> <li class="user-header">
<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">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -262,7 +270,8 @@
<div class="col-xs-4 text-center"> <div class="col-xs-4 text-center">
<a href="#">Friends</a> <a href="#">Friends</a>
</div> </div>
</div><!-- /.row --> </div>
<!-- /.row -->
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer"> <li class="user-footer">
@ -302,7 +311,8 @@
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..."> <input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
</button>
</span> </span>
</div> </div>
</form> </form>
@ -334,7 +344,8 @@
</li> </li>
<li> <li>
<a href="../widgets.html"> <a href="../widgets.html">
<i class="fa fa-th"></i> <span>Widgets</span> <small class="label pull-right bg-green">new</small> <i class="fa fa-th"></i> <span>Widgets</span>
<small class="label pull-right bg-green">new</small>
</a> </a>
</li> </li>
<li class="treeview active"> <li class="treeview active">
@ -472,120 +483,180 @@
<div class="box box-solid"> <div class="box box-solid">
<div class="box-header"> <div class="box-header">
<i class="fa fa-bar-chart-o"></i> <i class="fa fa-bar-chart-o"></i>
<h3 class="box-title">jQuery Knob</h3> <h3 class="box-title">jQuery Knob</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<button type="button" class="btn btn-default btn-sm" data-widget="collapse"><i class="fa fa-minus"></i></button> <button type="button" class="btn btn-default btn-sm" data-widget="collapse"><i class="fa fa-minus"></i>
<button type="button" class="btn btn-default btn-sm" data-widget="remove"><i class="fa fa-times"></i></button> </button>
<button type="button" class="btn btn-default btn-sm" data-widget="remove"><i class="fa fa-times"></i>
</button>
</div> </div>
</div><!-- /.box-header --> </div>
<!-- /.box-header -->
<div class="box-body"> <div class="box-body">
<div class="row"> <div class="row">
<div class="col-xs-6 col-md-3 text-center"> <div class="col-xs-6 col-md-3 text-center">
<input type="text" class="knob" value="30" data-width="90" data-height="90" data-fgColor="#3c8dbc"> <input type="text" class="knob" value="30" data-width="90" data-height="90" data-fgColor="#3c8dbc">
<div class="knob-label">New Visitors</div> <div class="knob-label">New Visitors</div>
</div><!-- ./col --> </div>
<!-- ./col -->
<div class="col-xs-6 col-md-3 text-center"> <div class="col-xs-6 col-md-3 text-center">
<input type="text" class="knob" value="70" data-width="90" data-height="90" data-fgColor="#f56954"> <input type="text" class="knob" value="70" data-width="90" data-height="90" data-fgColor="#f56954">
<div class="knob-label">Bounce Rate</div> <div class="knob-label">Bounce Rate</div>
</div><!-- ./col --> </div>
<!-- ./col -->
<div class="col-xs-6 col-md-3 text-center"> <div class="col-xs-6 col-md-3 text-center">
<input type="text" class="knob" value="-80" data-min="-150" data-max="150" data-width="90" data-height="90" data-fgColor="#00a65a"> <input type="text" class="knob" value="-80" data-min="-150" data-max="150" data-width="90" data-height="90" data-fgColor="#00a65a">
<div class="knob-label">Server Load</div> <div class="knob-label">Server Load</div>
</div><!-- ./col --> </div>
<!-- ./col -->
<div class="col-xs-6 col-md-3 text-center"> <div class="col-xs-6 col-md-3 text-center">
<input type="text" class="knob" value="40" data-width="90" data-height="90" data-fgColor="#00c0ef"> <input type="text" class="knob" value="40" data-width="90" data-height="90" data-fgColor="#00c0ef">
<div class="knob-label">Disk Space</div> <div class="knob-label">Disk Space</div>
</div><!-- ./col --> </div>
</div><!-- /.row --> <!-- ./col -->
</div>
<!-- /.row -->
<div class="row"> <div class="row">
<div class="col-xs-6 text-center"> <div class="col-xs-6 text-center">
<input type="text" class="knob" value="90" data-width="90" data-height="90" data-fgColor="#932ab6"> <input type="text" class="knob" value="90" data-width="90" data-height="90" data-fgColor="#932ab6">
<div class="knob-label">Bandwidth</div> <div class="knob-label">Bandwidth</div>
</div><!-- ./col --> </div>
<!-- ./col -->
<div class="col-xs-6 text-center"> <div class="col-xs-6 text-center">
<input type="text" class="knob" value="50" data-width="90" data-height="90" data-fgColor="#39CCCC"> <input type="text" class="knob" value="50" data-width="90" data-height="90" data-fgColor="#39CCCC">
<div class="knob-label">CPU</div> <div class="knob-label">CPU</div>
</div><!-- ./col --> </div>
</div><!-- /.row --> <!-- ./col -->
</div><!-- /.box-body --> </div>
</div><!-- /.box --> <!-- /.row -->
</div><!-- /.col --> </div>
</div><!-- /.row --> <!-- /.box-body -->
</div>
<!-- /.box -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
<div class="row"> <div class="row">
<div class="col-xs-12"> <div class="col-xs-12">
<div class="box box-solid"> <div class="box box-solid">
<div class="box-header"> <div class="box-header">
<i class="fa fa-bar-chart-o"></i> <i class="fa fa-bar-chart-o"></i>
<h3 class="box-title">jQuery Knob Different Sizes</h3> <h3 class="box-title">jQuery Knob Different Sizes</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<button type="button" class="btn btn-default btn-sm" data-widget="collapse"><i class="fa fa-minus"></i></button> <button type="button" class="btn btn-default btn-sm" data-widget="collapse"><i class="fa fa-minus"></i>
<button type="button" class="btn btn-default btn-sm" data-widget="remove"><i class="fa fa-times"></i></button> </button>
<button type="button" class="btn btn-default btn-sm" data-widget="remove"><i class="fa fa-times"></i>
</button>
</div> </div>
</div><!-- /.box-header --> </div>
<!-- /.box-header -->
<div class="box-body"> <div class="box-body">
<div class="row"> <div class="row">
<div class="col-xs-6 col-md-3 text-center"> <div class="col-xs-6 col-md-3 text-center">
<input type="text" class="knob" value="30" data-width="90" data-height="90" data-fgColor="#3c8dbc" data-readonly="true"> <input type="text" class="knob" value="30" data-width="90" data-height="90" data-fgColor="#3c8dbc" data-readonly="true">
<div class="knob-label">data-width="90"</div> <div class="knob-label">data-width="90"</div>
</div><!-- ./col --> </div>
<!-- ./col -->
<div class="col-xs-6 col-md-3 text-center"> <div class="col-xs-6 col-md-3 text-center">
<input type="text" class="knob" value="30" data-width="120" data-height="120" data-fgColor="#f56954"> <input type="text" class="knob" value="30" data-width="120" data-height="120" data-fgColor="#f56954">
<div class="knob-label">data-width="120"</div> <div class="knob-label">data-width="120"</div>
</div><!-- ./col --> </div>
<!-- ./col -->
<div class="col-xs-6 col-md-3 text-center"> <div class="col-xs-6 col-md-3 text-center">
<input type="text" class="knob" value="30" data-thickness="0.1" data-width="90" data-height="90" data-fgColor="#00a65a"> <input type="text" class="knob" value="30" data-thickness="0.1" data-width="90" data-height="90" data-fgColor="#00a65a">
<div class="knob-label">data-thickness="0.1"</div> <div class="knob-label">data-thickness="0.1"</div>
</div><!-- ./col --> </div>
<!-- ./col -->
<div class="col-xs-6 col-md-3 text-center"> <div class="col-xs-6 col-md-3 text-center">
<input type="text" class="knob" data-thickness="0.2" data-angleArc="250" data-angleOffset="-125" value="30" data-width="120" data-height="120" data-fgColor="#00c0ef"> <input type="text" class="knob" data-thickness="0.2" data-angleArc="250" data-angleOffset="-125" value="30" data-width="120" data-height="120" data-fgColor="#00c0ef">
<div class="knob-label">data-angleArc="250"</div> <div class="knob-label">data-angleArc="250"</div>
</div><!-- ./col --> </div>
</div><!-- /.row --> <!-- ./col -->
</div><!-- /.box-body --> </div>
</div><!-- /.box --> <!-- /.row -->
</div><!-- /.col --> </div>
</div><!-- /.row --> <!-- /.box-body -->
</div>
<!-- /.box -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
<div class="row"> <div class="row">
<div class="col-xs-12"> <div class="col-xs-12">
<div class="box box-solid"> <div class="box box-solid">
<div class="box-header"> <div class="box-header">
<i class="fa fa-bar-chart-o"></i> <i class="fa fa-bar-chart-o"></i>
<h3 class="box-title">jQuery Knob Tron Style</h3> <h3 class="box-title">jQuery Knob Tron Style</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<button type="button" class="btn btn-default btn-sm" data-widget="collapse"><i class="fa fa-minus"></i></button> <button type="button" class="btn btn-default btn-sm" data-widget="collapse"><i class="fa fa-minus"></i>
<button type="button" class="btn btn-default btn-sm" data-widget="remove"><i class="fa fa-times"></i></button> </button>
<button type="button" class="btn btn-default btn-sm" data-widget="remove"><i class="fa fa-times"></i>
</button>
</div> </div>
</div><!-- /.box-header --> </div>
<!-- /.box-header -->
<div class="box-body"> <div class="box-body">
<div class="row"> <div class="row">
<div class="col-xs-6 col-md-3 text-center"> <div class="col-xs-6 col-md-3 text-center">
<input type="text" class="knob" value="80" data-skin="tron" data-thickness="0.2" data-width="90" data-height="90" data-fgColor="#3c8dbc" data-readonly="true"> <input type="text" class="knob" value="80" data-skin="tron" data-thickness="0.2" data-width="90" data-height="90" data-fgColor="#3c8dbc" data-readonly="true">
<div class="knob-label">data-width="90"</div> <div class="knob-label">data-width="90"</div>
</div><!-- ./col --> </div>
<!-- ./col -->
<div class="col-xs-6 col-md-3 text-center"> <div class="col-xs-6 col-md-3 text-center">
<input type="text" class="knob" value="60" data-skin="tron" data-thickness="0.2" data-width="120" data-height="120" data-fgColor="#f56954"> <input type="text" class="knob" value="60" data-skin="tron" data-thickness="0.2" data-width="120" data-height="120" data-fgColor="#f56954">
<div class="knob-label">data-width="120"</div> <div class="knob-label">data-width="120"</div>
</div><!-- ./col --> </div>
<!-- ./col -->
<div class="col-xs-6 col-md-3 text-center"> <div class="col-xs-6 col-md-3 text-center">
<input type="text" class="knob" value="10" data-skin="tron" data-thickness="0.1" data-width="90" data-height="90" data-fgColor="#00a65a"> <input type="text" class="knob" value="10" data-skin="tron" data-thickness="0.1" data-width="90" data-height="90" data-fgColor="#00a65a">
<div class="knob-label">data-thickness="0.1"</div> <div class="knob-label">data-thickness="0.1"</div>
</div><!-- ./col --> </div>
<!-- ./col -->
<div class="col-xs-6 col-md-3 text-center"> <div class="col-xs-6 col-md-3 text-center">
<input type="text" class="knob" value="100" data-skin="tron" data-thickness="0.2" data-angleArc="250" data-angleOffset="-125" data-width="120" data-height="120" data-fgColor="#00c0ef"> <input type="text" class="knob" value="100" data-skin="tron" data-thickness="0.2" data-angleArc="250" data-angleOffset="-125" data-width="120" data-height="120" data-fgColor="#00c0ef">
<div class="knob-label">data-angleArc="250"</div> <div class="knob-label">data-angleArc="250"</div>
</div><!-- ./col --> </div>
</div><!-- /.row --> <!-- ./col -->
</div><!-- /.box-body --> </div>
</div><!-- /.box --> <!-- /.row -->
</div><!-- /.col --> </div>
</div><!-- /.row --> <!-- /.box-body -->
</div>
<!-- /.box -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
<!-- callout --> <!-- callout -->
<div class="callout callout-info"> <div class="callout callout-info">
<h4>The following was created using data tags</h4> <h4>The following was created using data tags</h4>
<p>The following three inline (sparkline) chart have been initialized to read and interpret data tags</p> <p>The following three inline (sparkline) chart have been initialized to read and interpret data tags</p>
</div> </div>
<!-- /.callout --> <!-- /.callout -->
@ -595,67 +666,88 @@
<div class="box box-solid"> <div class="box box-solid">
<div class="box-header"> <div class="box-header">
<h3 class="box-title text-danger">Sparkline Pie</h3> <h3 class="box-title text-danger">Sparkline Pie</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<button type="button" class="btn btn-default btn-sm"><i class="fa fa-refresh"></i></button> <button type="button" class="btn btn-default btn-sm"><i class="fa fa-refresh"></i></button>
</div> </div>
</div><!-- /.box-header --> </div>
<!-- /.box-header -->
<div class="box-body text-center"> <div class="box-body text-center">
<div class="sparkline" data-type="pie" data-offset="90" data-width="100px" data-height="100px"> <div class="sparkline" data-type="pie" data-offset="90" data-width="100px" data-height="100px">
6,4,8 6,4,8
</div> </div>
</div><!-- /.box-body --> </div>
</div><!-- /.box --> <!-- /.box-body -->
</div><!-- /.col --> </div>
<!-- /.box -->
</div>
<!-- /.col -->
<div class="col-md-4"> <div class="col-md-4">
<div class="box box-solid"> <div class="box box-solid">
<div class="box-header"> <div class="box-header">
<h3 class="box-title text-blue">Sparkline line</h3> <h3 class="box-title text-blue">Sparkline line</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<button type="button" class="btn btn-default btn-sm"><i class="fa fa-refresh"></i></button> <button type="button" class="btn btn-default btn-sm"><i class="fa fa-refresh"></i></button>
</div> </div>
</div><!-- /.box-header --> </div>
<!-- /.box-header -->
<div class="box-body text-center"> <div class="box-body text-center">
<div class="sparkline" data-type="line" data-spot-Radius="3" data-highlight-Spot-Color="#f39c12" data-highlight-Line-Color="#222" data-min-Spot-Color="#f56954" data-max-Spot-Color="#00a65a" data-spot-Color="#39CCCC" data-offset="90" data-width="100%" data-height="100px" data-line-Width="2" data-line-Color="#39CCCC" data-fill-Color="rgba(57, 204, 204, 0.08)"> <div class="sparkline" data-type="line" data-spot-Radius="3" data-highlight-Spot-Color="#f39c12" data-highlight-Line-Color="#222" data-min-Spot-Color="#f56954" data-max-Spot-Color="#00a65a" data-spot-Color="#39CCCC" data-offset="90" data-width="100%" data-height="100px" data-line-Width="2" data-line-Color="#39CCCC" data-fill-Color="rgba(57, 204, 204, 0.08)">
6,4,7,8,4,3,2,2,5,6,7,4,1,5,7,9,9,8,7,6 6,4,7,8,4,3,2,2,5,6,7,4,1,5,7,9,9,8,7,6
</div> </div>
</div><!-- /.box-body --> </div>
</div><!-- /.box --> <!-- /.box-body -->
</div><!-- /.col --> </div>
<!-- /.box -->
</div>
<!-- /.col -->
<div class="col-md-4"> <div class="col-md-4">
<div class="box box-solid"> <div class="box box-solid">
<div class="box-header"> <div class="box-header">
<h3 class="box-title text-warning">Sparkline Bar</h3> <h3 class="box-title text-warning">Sparkline Bar</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<button type="button" class="btn btn-default btn-sm"><i class="fa fa-refresh"></i></button> <button type="button" class="btn btn-default btn-sm"><i class="fa fa-refresh"></i></button>
</div> </div>
</div><!-- /.box-header --> </div>
<!-- /.box-header -->
<div class="box-body text-center"> <div class="box-body text-center">
<div class="sparkline" data-type="bar" data-width="97%" data-height="100px" data-bar-Width="14" data-bar-Spacing="7" data-bar-Color="#f39c12"> <div class="sparkline" data-type="bar" data-width="97%" data-height="100px" data-bar-Width="14" data-bar-Spacing="7" data-bar-Color="#f39c12">
6,4,8, 9, 10, 5, 13, 18, 21, 7, 9 6,4,8, 9, 10, 5, 13, 18, 21, 7, 9
</div> </div>
</div><!-- /.box-body --> </div>
</div><!-- /.box --> <!-- /.box-body -->
</div><!-- /.col --> </div>
</div><!-- /.row --> <!-- /.box -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
<div class="row"> <div class="row">
<div class="col-xs-12"> <div class="col-xs-12">
<div class="box box-solid"> <div class="box box-solid">
<div class="box-header"> <div class="box-header">
<h3 class="box-title">Sparkline examples</h3> <h3 class="box-title">Sparkline examples</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<button type="button" class="btn btn-default btn-sm" data-widget="collapse"><i class="fa fa-minus"></i></button> <button type="button" class="btn btn-default btn-sm" data-widget="collapse"><i class="fa fa-minus"></i>
<button type="button" class="btn btn-default btn-sm" data-widget="remove"><i class="fa fa-times"></i></button> </button>
<button type="button" class="btn btn-default btn-sm" data-widget="remove"><i class="fa fa-times"></i>
</button>
</div> </div>
</div><!-- /.box-header --> </div>
<!-- /.box-header -->
<div id="myBody" class="box-body"> <div id="myBody" class="box-body">
<div class="row"> <div class="row">
<div class="col-sm-6"> <div class="col-sm-6">
<p> <p>
Mouse speed <span id="mousespeed">Loading..</span> Mouse speed <span id="mousespeed">Loading..</span>
</p> </p>
<p> <p>
Inline <span class="sparkline-1">10,8,9,3,5,8,5</span> Inline <span class="sparkline-1">10,8,9,3,5,8,5</span>
line graphs line graphs
@ -672,14 +764,17 @@
Composite inline Composite inline
<span id="compositeline">8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10</span> <span id="compositeline">8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10</span>
</p> </p>
<p> <p>
Inline with normal range Inline with normal range
<span id="normalline">8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10</span> <span id="normalline">8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10</span>
</p> </p>
<p> <p>
Composite bar Composite bar
<span id="compositebar">4,6,7,7,4,3,2,1,4</span> <span id="compositebar">4,6,7,7,4,3,2,1,4</span>
</p> </p>
<p> <p>
Discrete Discrete
<span class="discrete1">4,6,7,7,4,3,2,1,4,4,5,6,7,6,6,2,4,5</span><br> <span class="discrete1">4,6,7,7,4,3,2,1,4,4,5,6,7,6,6,2,4,5</span><br>
@ -687,51 +782,66 @@
Discrete with threshold Discrete with threshold
<span id="discrete2">4,6,7,7,4,3,2,1,4</span> <span id="discrete2">4,6,7,7,4,3,2,1,4</span>
</p> </p>
<p> <p>
Bullet charts<br> Bullet charts<br>
<span class="sparkbullet">10,12,12,9,7</span><br> <span class="sparkbullet">10,12,12,9,7</span><br>
<span class="sparkbullet">14,12,12,9,7</span><br> <span class="sparkbullet">14,12,12,9,7</span><br>
<span class="sparkbullet">10,12,14,9,7</span><br> <span class="sparkbullet">10,12,14,9,7</span><br>
</p> </p>
</div><!-- /.col --> </div>
<!-- /.col -->
<div class="col-sm-6"> <div class="col-sm-6">
<p> <p>
Customize size and colours Customize size and colours
<span id="linecustom">10,8,9,3,5,8,5,7</span> <span id="linecustom">10,8,9,3,5,8,5,7</span>
</p> </p>
<p> <p>
Tristate charts Tristate charts
<span class="sparktristate">1,1,0,1,-1,-1,1,-1,0,0,1,1</span><br> <span class="sparktristate">1,1,0,1,-1,-1,1,-1,0,0,1,1</span><br>
(think games won, lost or drawn) (think games won, lost or drawn)
</p> </p>
<p> <p>
Tristate chart using a colour map: Tristate chart using a colour map:
<span class="sparktristatecols">1,2,0,2,-1,-2,1,-2,0,0,1,1</span> <span class="sparktristatecols">1,2,0,2,-1,-2,1,-2,0,0,1,1</span>
</p> </p>
<p> <p>
Box Plot: <span class="sparkboxplot">4,27,34,52,54,59,61,68,78,82,85,87,91,93,100</span><br> Box Plot: <span class="sparkboxplot">4,27,34,52,54,59,61,68,78,82,85,87,91,93,100</span><br>
Pre-computed box plot <span class="sparkboxplotraw">Loading..</span> Pre-computed box plot <span class="sparkboxplotraw">Loading..</span>
</p> </p>
<p> <p>
Pie charts Pie charts
<span class="sparkpie">1,1,2</span> <span class="sparkpie">1,1,2</span>
<span class="sparkpie">1,5</span> <span class="sparkpie">1,5</span>
<span class="sparkpie">20,50,80</span> <span class="sparkpie">20,50,80</span>
</p> </p>
</div><!-- /.col --> </div>
</div><!-- /.row --> <!-- /.col -->
</div><!-- /.box-body --> </div>
</div><!-- /.box --> <!-- /.row -->
</div><!-- /.col --> </div>
</div><!-- /.row --> <!-- /.box-body -->
</div>
<!-- /.box -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
</section><!-- /.content --> </section>
</div><!-- /.content-wrapper --> <!-- /.content -->
</div>
<!-- /.content-wrapper -->
<footer class="main-footer"> <footer class="main-footer">
<div class="pull-right hidden-xs"> <div class="pull-right hidden-xs">
<b>Version</b> 2.3.0 <b>Version</b> 2.3.0
</div> </div>
<strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved. <strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights
reserved.
</footer> </footer>
<!-- Control Sidebar --> <!-- Control Sidebar -->
@ -750,8 +860,10 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-birthday-cake bg-red"></i> <i class="menu-icon fa fa-birthday-cake bg-red"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Langdon's Birthday</h4> <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
<p>Will be 23 on April 24th</p> <p>Will be 23 on April 24th</p>
</div> </div>
</a> </a>
@ -759,8 +871,10 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-user bg-yellow"></i> <i class="menu-icon fa fa-user bg-yellow"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4> <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
<p>New phone +1(800)555-1234</p> <p>New phone +1(800)555-1234</p>
</div> </div>
</a> </a>
@ -768,8 +882,10 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-envelope-o bg-light-blue"></i> <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4> <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
<p>nora@example.com</p> <p>nora@example.com</p>
</div> </div>
</a> </a>
@ -777,13 +893,16 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-file-code-o bg-green"></i> <i class="menu-icon fa fa-file-code-o bg-green"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4> <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
<p>Execution time 5 seconds</p> <p>Execution time 5 seconds</p>
</div> </div>
</a> </a>
</li> </li>
</ul><!-- /.control-sidebar-menu --> </ul>
<!-- /.control-sidebar-menu -->
<h3 class="control-sidebar-heading">Tasks Progress</h3> <h3 class="control-sidebar-heading">Tasks Progress</h3>
<ul class="control-sidebar-menu"> <ul class="control-sidebar-menu">
@ -793,6 +912,7 @@
Custom Template Design Custom Template Design
<span class="label label-danger pull-right">70%</span> <span class="label label-danger pull-right">70%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-danger" style="width: 70%"></div> <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
</div> </div>
@ -804,6 +924,7 @@
Update Resume Update Resume
<span class="label label-success pull-right">95%</span> <span class="label label-success pull-right">95%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-success" style="width: 95%"></div> <div class="progress-bar progress-bar-success" style="width: 95%"></div>
</div> </div>
@ -815,6 +936,7 @@
Laravel Integration Laravel Integration
<span class="label label-warning pull-right">50%</span> <span class="label label-warning pull-right">50%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-warning" style="width: 50%"></div> <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
</div> </div>
@ -826,49 +948,60 @@
Back End Framework Back End Framework
<span class="label label-primary pull-right">68%</span> <span class="label label-primary pull-right">68%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-primary" style="width: 68%"></div> <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
</div> </div>
</a> </a>
</li> </li>
</ul><!-- /.control-sidebar-menu --> </ul>
<!-- /.control-sidebar-menu -->
</div><!-- /.tab-pane --> </div>
<!-- /.tab-pane -->
<!-- Stats tab content --> <!-- Stats tab content -->
<div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div><!-- /.tab-pane --> <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>
<!-- /.tab-pane -->
<!-- Settings tab content --> <!-- Settings tab content -->
<div class="tab-pane" id="control-sidebar-settings-tab"> <div class="tab-pane" id="control-sidebar-settings-tab">
<form method="post"> <form method="post">
<h3 class="control-sidebar-heading">General Settings</h3> <h3 class="control-sidebar-heading">General Settings</h3>
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Report panel usage Report panel usage
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Some information about this general settings option Some information about this general settings option
</p> </p>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Allow mail redirect Allow mail redirect
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Other sets of options are available Other sets of options are available
</p> </p>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Expose author name in posts Expose author name in posts
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Allow the user to show his name in blog posts Allow the user to show his name in blog posts
</p> </p>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<h3 class="control-sidebar-heading">Chat Settings</h3> <h3 class="control-sidebar-heading">Chat Settings</h3>
@ -877,48 +1010,54 @@
Show me as online Show me as online
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Turn off notifications Turn off notifications
<input type="checkbox" class="pull-right"> <input type="checkbox" class="pull-right">
</label> </label>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Delete chat history Delete chat history
<a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a> <a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
</label> </label>
</div><!-- /.form-group -->
</form>
</div><!-- /.tab-pane -->
</div> </div>
</aside><!-- /.control-sidebar --> <!-- /.form-group -->
</form>
</div>
<!-- /.tab-pane -->
</div>
</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"></script>
<!-- Bootstrap 3.3.5 --> <!-- Bootstrap 3.3.5 -->
<script src="../../bootstrap/js/bootstrap.min.js"></script> <script src="../../bootstrap/js/bootstrap.min.js"></script>
<!-- SlimScroll 1.3.0 --> <!-- SlimScroll 1.3.0 -->
<script src="../../plugins/slimScroll/jquery.slimscroll.min.js"></script> <script src="../../plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="../../plugins/fastclick/fastclick.min.js"></script> <script src="../../plugins/fastclick/fastclick.min.js"></script>
<!-- AdminLTE App --> <!-- AdminLTE App -->
<script src="../../dist/js/app.min.js"></script> <script src="../../dist/js/app.min.js"></script>
<!-- AdminLTE for demo purposes --> <!-- AdminLTE for demo purposes -->
<script src="../../dist/js/demo.js"></script> <script src="../../dist/js/demo.js"></script>
<!-- jQuery Knob --> <!-- jQuery Knob -->
<script src="../../plugins/knob/jquery.knob.js"></script> <script src="../../plugins/knob/jquery.knob.js"></script>
<!-- Sparkline --> <!-- Sparkline -->
<script src="../../plugins/sparkline/jquery.sparkline.min.js"></script> <script src="../../plugins/sparkline/jquery.sparkline.min.js"></script>
<!-- page script --> <!-- page script -->
<script> <script>
$(function () { $(function () {
/* jQueryKnob */ /* jQueryKnob */
@ -1006,8 +1145,10 @@
// Customized line chart // Customized line chart
$('#linecustom').sparkline('html', $('#linecustom').sparkline('html',
{height: '1.5em', width: '8em', lineColor: '#f00', fillColor: '#ffa', {
minSpotColor: false, maxSpotColor: false, spotColor: '#77f', spotRadius: 3}); height: '1.5em', width: '8em', lineColor: '#f00', fillColor: '#ffa',
minSpotColor: false, maxSpotColor: false, spotColor: '#77f', spotRadius: 3
});
// Bar charts using inline values // Bar charts using inline values
$('.sparkbar').sparkline('html', {type: 'bar'}); $('.sparkbar').sparkline('html', {type: 'bar'});
@ -1122,6 +1263,6 @@
// We could use setInterval instead, but I prefer to do it this way // We could use setInterval instead, but I prefer to do it this way
setTimeout(mdraw, mrefreshinterval); setTimeout(mdraw, mrefreshinterval);
} }
</script> </script>
</body> </body>
</html> </html>

190
pages/charts/morris.html
View File

@ -1,6 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<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 | Morris.js Charts</title> <title>AdminLTE 2 | Morris.js Charts</title>
@ -26,9 +26,9 @@
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]--> <![endif]-->
</head> </head>
<body class="hold-transition skin-blue sidebar-mini"> <body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<header class="main-header"> <header class="main-header">
<!-- Logo --> <!-- Logo -->
@ -47,6 +47,7 @@
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
</a> </a>
<div class="navbar-custom-menu"> <div class="navbar-custom-menu">
<ul class="nav navbar-nav"> <ul class="nav navbar-nav">
<!-- Messages: style can be found in dropdown.less--> <!-- Messages: style can be found in dropdown.less-->
@ -71,7 +72,8 @@
</h4> </h4>
<p>Why not buy a new awesome theme?</p> <p>Why not buy a new awesome theme?</p>
</a> </a>
</li><!-- end message --> </li>
<!-- end message -->
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
@ -143,7 +145,8 @@
</li> </li>
<li> <li>
<a href="#"> <a href="#">
<i class="fa fa-warning text-yellow"></i> Very long description here that may not fit into the page and may cause design problems <i class="fa fa-warning text-yellow"></i> Very long description here that may not fit into the
page and may cause design problems
</a> </a>
</li> </li>
<li> <li>
@ -189,7 +192,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
<li><!-- Task item --> <li><!-- Task item -->
<a href="#"> <a href="#">
<h3> <h3>
@ -202,7 +206,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
<li><!-- Task item --> <li><!-- Task item -->
<a href="#"> <a href="#">
<h3> <h3>
@ -215,7 +220,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
<li><!-- Task item --> <li><!-- Task item -->
<a href="#"> <a href="#">
<h3> <h3>
@ -228,7 +234,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
</ul> </ul>
</li> </li>
<li class="footer"> <li class="footer">
@ -246,6 +253,7 @@
<!-- User image --> <!-- User image -->
<li class="user-header"> <li class="user-header">
<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">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -263,7 +271,8 @@
<div class="col-xs-4 text-center"> <div class="col-xs-4 text-center">
<a href="#">Friends</a> <a href="#">Friends</a>
</div> </div>
</div><!-- /.row --> </div>
<!-- /.row -->
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer"> <li class="user-footer">
@ -303,7 +312,8 @@
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..."> <input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
</button>
</span> </span>
</div> </div>
</form> </form>
@ -335,7 +345,8 @@
</li> </li>
<li> <li>
<a href="../widgets.html"> <a href="../widgets.html">
<i class="fa fa-th"></i> <span>Widgets</span> <small class="label pull-right bg-green">new</small> <i class="fa fa-th"></i> <span>Widgets</span>
<small class="label pull-right bg-green">new</small>
</a> </a>
</li> </li>
<li class="treeview active"> <li class="treeview active">
@ -467,7 +478,9 @@
<section class="content"> <section class="content">
<div class="callout callout-warning"> <div class="callout callout-warning">
<h4>Warning!</h4> <h4>Warning!</h4>
<p><b>Morris.js</b> charts are no longer maintained by its author. We would recommend using any of the other charts that come with the template.</p>
<p><b>Morris.js</b> charts are no longer maintained by its author. We would recommend using any of the other
charts that come with the template.</p>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-6">
@ -475,70 +488,92 @@
<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">Area Chart</h3> <h3 class="box-title">Area Chart</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button> <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
</button>
<button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button> <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div> </div>
</div> </div>
<div class="box-body chart-responsive"> <div class="box-body chart-responsive">
<div class="chart" id="revenue-chart" style="height: 300px;"></div> <div class="chart" id="revenue-chart" style="height: 300px;"></div>
</div><!-- /.box-body --> </div>
</div><!-- /.box --> <!-- /.box-body -->
</div>
<!-- /.box -->
<!-- DONUT CHART --> <!-- DONUT CHART -->
<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">Donut Chart</h3> <h3 class="box-title">Donut Chart</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button> <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
</button>
<button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button> <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div> </div>
</div> </div>
<div class="box-body chart-responsive"> <div class="box-body chart-responsive">
<div class="chart" id="sales-chart" style="height: 300px; position: relative;"></div> <div class="chart" id="sales-chart" style="height: 300px; position: relative;"></div>
</div><!-- /.box-body --> </div>
</div><!-- /.box --> <!-- /.box-body -->
</div>
<!-- /.box -->
</div><!-- /.col (LEFT) --> </div>
<!-- /.col (LEFT) -->
<div class="col-md-6"> <div class="col-md-6">
<!-- LINE CHART --> <!-- LINE CHART -->
<div class="box box-info"> <div class="box box-info">
<div class="box-header with-border"> <div class="box-header with-border">
<h3 class="box-title">Line Chart</h3> <h3 class="box-title">Line Chart</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button> <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
</button>
<button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button> <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div> </div>
</div> </div>
<div class="box-body chart-responsive"> <div class="box-body chart-responsive">
<div class="chart" id="line-chart" style="height: 300px;"></div> <div class="chart" id="line-chart" style="height: 300px;"></div>
</div><!-- /.box-body --> </div>
</div><!-- /.box --> <!-- /.box-body -->
</div>
<!-- /.box -->
<!-- BAR CHART --> <!-- BAR CHART -->
<div class="box box-success"> <div class="box box-success">
<div class="box-header with-border"> <div class="box-header with-border">
<h3 class="box-title">Bar Chart</h3> <h3 class="box-title">Bar Chart</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button> <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
</button>
<button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button> <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div> </div>
</div> </div>
<div class="box-body chart-responsive"> <div class="box-body chart-responsive">
<div class="chart" id="bar-chart" style="height: 300px;"></div> <div class="chart" id="bar-chart" style="height: 300px;"></div>
</div><!-- /.box-body --> </div>
</div><!-- /.box --> <!-- /.box-body -->
</div>
<!-- /.box -->
</div><!-- /.col (RIGHT) --> </div>
</div><!-- /.row --> <!-- /.col (RIGHT) -->
</div>
<!-- /.row -->
</section><!-- /.content --> </section>
</div><!-- /.content-wrapper --> <!-- /.content -->
</div>
<!-- /.content-wrapper -->
<footer class="main-footer"> <footer class="main-footer">
<div class="pull-right hidden-xs"> <div class="pull-right hidden-xs">
<b>Version</b> 2.3.0 <b>Version</b> 2.3.0
</div> </div>
<strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved. <strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights
reserved.
</footer> </footer>
<!-- Control Sidebar --> <!-- Control Sidebar -->
@ -557,8 +592,10 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-birthday-cake bg-red"></i> <i class="menu-icon fa fa-birthday-cake bg-red"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Langdon's Birthday</h4> <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
<p>Will be 23 on April 24th</p> <p>Will be 23 on April 24th</p>
</div> </div>
</a> </a>
@ -566,8 +603,10 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-user bg-yellow"></i> <i class="menu-icon fa fa-user bg-yellow"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4> <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
<p>New phone +1(800)555-1234</p> <p>New phone +1(800)555-1234</p>
</div> </div>
</a> </a>
@ -575,8 +614,10 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-envelope-o bg-light-blue"></i> <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4> <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
<p>nora@example.com</p> <p>nora@example.com</p>
</div> </div>
</a> </a>
@ -584,13 +625,16 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-file-code-o bg-green"></i> <i class="menu-icon fa fa-file-code-o bg-green"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4> <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
<p>Execution time 5 seconds</p> <p>Execution time 5 seconds</p>
</div> </div>
</a> </a>
</li> </li>
</ul><!-- /.control-sidebar-menu --> </ul>
<!-- /.control-sidebar-menu -->
<h3 class="control-sidebar-heading">Tasks Progress</h3> <h3 class="control-sidebar-heading">Tasks Progress</h3>
<ul class="control-sidebar-menu"> <ul class="control-sidebar-menu">
@ -600,6 +644,7 @@
Custom Template Design Custom Template Design
<span class="label label-danger pull-right">70%</span> <span class="label label-danger pull-right">70%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-danger" style="width: 70%"></div> <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
</div> </div>
@ -611,6 +656,7 @@
Update Resume Update Resume
<span class="label label-success pull-right">95%</span> <span class="label label-success pull-right">95%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-success" style="width: 95%"></div> <div class="progress-bar progress-bar-success" style="width: 95%"></div>
</div> </div>
@ -622,6 +668,7 @@
Laravel Integration Laravel Integration
<span class="label label-warning pull-right">50%</span> <span class="label label-warning pull-right">50%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-warning" style="width: 50%"></div> <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
</div> </div>
@ -633,49 +680,60 @@
Back End Framework Back End Framework
<span class="label label-primary pull-right">68%</span> <span class="label label-primary pull-right">68%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-primary" style="width: 68%"></div> <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
</div> </div>
</a> </a>
</li> </li>
</ul><!-- /.control-sidebar-menu --> </ul>
<!-- /.control-sidebar-menu -->
</div><!-- /.tab-pane --> </div>
<!-- /.tab-pane -->
<!-- Stats tab content --> <!-- Stats tab content -->
<div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div><!-- /.tab-pane --> <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>
<!-- /.tab-pane -->
<!-- Settings tab content --> <!-- Settings tab content -->
<div class="tab-pane" id="control-sidebar-settings-tab"> <div class="tab-pane" id="control-sidebar-settings-tab">
<form method="post"> <form method="post">
<h3 class="control-sidebar-heading">General Settings</h3> <h3 class="control-sidebar-heading">General Settings</h3>
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Report panel usage Report panel usage
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Some information about this general settings option Some information about this general settings option
</p> </p>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Allow mail redirect Allow mail redirect
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Other sets of options are available Other sets of options are available
</p> </p>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Expose author name in posts Expose author name in posts
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Allow the user to show his name in blog posts Allow the user to show his name in blog posts
</p> </p>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<h3 class="control-sidebar-heading">Chat Settings</h3> <h3 class="control-sidebar-heading">Chat Settings</h3>
@ -684,45 +742,51 @@
Show me as online Show me as online
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Turn off notifications Turn off notifications
<input type="checkbox" class="pull-right"> <input type="checkbox" class="pull-right">
</label> </label>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Delete chat history Delete chat history
<a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a> <a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
</label> </label>
</div><!-- /.form-group -->
</form>
</div><!-- /.tab-pane -->
</div> </div>
</aside><!-- /.control-sidebar --> <!-- /.form-group -->
</form>
</div>
<!-- /.tab-pane -->
</div>
</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"></script>
<!-- Bootstrap 3.3.5 --> <!-- Bootstrap 3.3.5 -->
<script src="../../bootstrap/js/bootstrap.min.js"></script> <script src="../../bootstrap/js/bootstrap.min.js"></script>
<!-- Morris.js charts --> <!-- Morris.js charts -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
<script src="../../plugins/morris/morris.min.js"></script> <script src="../../plugins/morris/morris.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="../../plugins/fastclick/fastclick.min.js"></script> <script src="../../plugins/fastclick/fastclick.min.js"></script>
<!-- AdminLTE App --> <!-- AdminLTE App -->
<script src="../../dist/js/app.min.js"></script> <script src="../../dist/js/app.min.js"></script>
<!-- AdminLTE for demo purposes --> <!-- AdminLTE for demo purposes -->
<script src="../../dist/js/demo.js"></script> <script src="../../dist/js/demo.js"></script>
<!-- page script --> <!-- page script -->
<script> <script>
$(function () { $(function () {
"use strict"; "use strict";
@ -804,6 +868,6 @@
hideHover: 'auto' hideHover: 'auto'
}); });
}); });
</script> </script>
</body> </body>
</html> </html>

141
pages/examples/404.html
View File

@ -1,6 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<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 | 404 Page not found</title> <title>AdminLTE 2 | 404 Page not found</title>
@ -24,9 +24,9 @@
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]--> <![endif]-->
</head> </head>
<body class="hold-transition skin-blue sidebar-mini"> <body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<header class="main-header"> <header class="main-header">
<!-- Logo --> <!-- Logo -->
@ -45,6 +45,7 @@
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
</a> </a>
<div class="navbar-custom-menu"> <div class="navbar-custom-menu">
<ul class="nav navbar-nav"> <ul class="nav navbar-nav">
<!-- Messages: style can be found in dropdown.less--> <!-- Messages: style can be found in dropdown.less-->
@ -69,7 +70,8 @@
</h4> </h4>
<p>Why not buy a new awesome theme?</p> <p>Why not buy a new awesome theme?</p>
</a> </a>
</li><!-- end message --> </li>
<!-- end message -->
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
@ -141,7 +143,8 @@
</li> </li>
<li> <li>
<a href="#"> <a href="#">
<i class="fa fa-warning text-yellow"></i> Very long description here that may not fit into the page and may cause design problems <i class="fa fa-warning text-yellow"></i> Very long description here that may not fit into the
page and may cause design problems
</a> </a>
</li> </li>
<li> <li>
@ -187,7 +190,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
<li><!-- Task item --> <li><!-- Task item -->
<a href="#"> <a href="#">
<h3> <h3>
@ -200,7 +204,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
<li><!-- Task item --> <li><!-- Task item -->
<a href="#"> <a href="#">
<h3> <h3>
@ -213,7 +218,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
<li><!-- Task item --> <li><!-- Task item -->
<a href="#"> <a href="#">
<h3> <h3>
@ -226,7 +232,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
</ul> </ul>
</li> </li>
<li class="footer"> <li class="footer">
@ -244,6 +251,7 @@
<!-- User image --> <!-- User image -->
<li class="user-header"> <li class="user-header">
<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">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -261,7 +269,8 @@
<div class="col-xs-4 text-center"> <div class="col-xs-4 text-center">
<a href="#">Friends</a> <a href="#">Friends</a>
</div> </div>
</div><!-- /.row --> </div>
<!-- /.row -->
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer"> <li class="user-footer">
@ -301,7 +310,8 @@
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..."> <input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
</button>
</span> </span>
</div> </div>
</form> </form>
@ -332,7 +342,8 @@
</li> </li>
<li> <li>
<a href="../widgets.html"> <a href="../widgets.html">
<i class="fa fa-th"></i> <span>Widgets</span> <small class="label pull-right bg-green">new</small> <i class="fa fa-th"></i> <span>Widgets</span>
<small class="label pull-right bg-green">new</small>
</a> </a>
</li> </li>
<li class="treeview"> <li class="treeview">
@ -464,29 +475,40 @@
<section class="content"> <section class="content">
<div class="error-page"> <div class="error-page">
<h2 class="headline text-yellow"> 404</h2> <h2 class="headline text-yellow"> 404</h2>
<div class="error-content"> <div class="error-content">
<h3><i class="fa fa-warning text-yellow"></i> Oops! Page not found.</h3> <h3><i class="fa fa-warning text-yellow"></i> Oops! Page not found.</h3>
<p> <p>
We could not find the page you were looking for. We could not find the page you were looking for.
Meanwhile, you may <a href="../../index.html">return to dashboard</a> or try using the search form. Meanwhile, you may <a href="../../index.html">return to dashboard</a> or try using the search form.
</p> </p>
<form class="search-form"> <form class="search-form">
<div class="input-group"> <div class="input-group">
<input type="text" name="search" class="form-control" placeholder="Search"> <input type="text" name="search" class="form-control" placeholder="Search">
<div class="input-group-btn"> <div class="input-group-btn">
<button type="submit" name="submit" class="btn btn-warning btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="submit" class="btn btn-warning btn-flat"><i class="fa fa-search"></i>
</button>
</div> </div>
</div><!-- /.input-group --> </div>
<!-- /.input-group -->
</form> </form>
</div><!-- /.error-content --> </div>
</div><!-- /.error-page --> <!-- /.error-content -->
</section><!-- /.content --> </div>
</div><!-- /.content-wrapper --> <!-- /.error-page -->
</section>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
<footer class="main-footer"> <footer class="main-footer">
<div class="pull-right hidden-xs"> <div class="pull-right hidden-xs">
<b>Version</b> 2.3.0 <b>Version</b> 2.3.0
</div> </div>
<strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved. <strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights
reserved.
</footer> </footer>
<!-- Control Sidebar --> <!-- Control Sidebar -->
@ -505,8 +527,10 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-birthday-cake bg-red"></i> <i class="menu-icon fa fa-birthday-cake bg-red"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Langdon's Birthday</h4> <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
<p>Will be 23 on April 24th</p> <p>Will be 23 on April 24th</p>
</div> </div>
</a> </a>
@ -514,8 +538,10 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-user bg-yellow"></i> <i class="menu-icon fa fa-user bg-yellow"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4> <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
<p>New phone +1(800)555-1234</p> <p>New phone +1(800)555-1234</p>
</div> </div>
</a> </a>
@ -523,8 +549,10 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-envelope-o bg-light-blue"></i> <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4> <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
<p>nora@example.com</p> <p>nora@example.com</p>
</div> </div>
</a> </a>
@ -532,13 +560,16 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-file-code-o bg-green"></i> <i class="menu-icon fa fa-file-code-o bg-green"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4> <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
<p>Execution time 5 seconds</p> <p>Execution time 5 seconds</p>
</div> </div>
</a> </a>
</li> </li>
</ul><!-- /.control-sidebar-menu --> </ul>
<!-- /.control-sidebar-menu -->
<h3 class="control-sidebar-heading">Tasks Progress</h3> <h3 class="control-sidebar-heading">Tasks Progress</h3>
<ul class="control-sidebar-menu"> <ul class="control-sidebar-menu">
@ -548,6 +579,7 @@
Custom Template Design Custom Template Design
<span class="label label-danger pull-right">70%</span> <span class="label label-danger pull-right">70%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-danger" style="width: 70%"></div> <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
</div> </div>
@ -559,6 +591,7 @@
Update Resume Update Resume
<span class="label label-success pull-right">95%</span> <span class="label label-success pull-right">95%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-success" style="width: 95%"></div> <div class="progress-bar progress-bar-success" style="width: 95%"></div>
</div> </div>
@ -570,6 +603,7 @@
Laravel Integration Laravel Integration
<span class="label label-warning pull-right">50%</span> <span class="label label-warning pull-right">50%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-warning" style="width: 50%"></div> <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
</div> </div>
@ -581,49 +615,60 @@
Back End Framework Back End Framework
<span class="label label-primary pull-right">68%</span> <span class="label label-primary pull-right">68%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-primary" style="width: 68%"></div> <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
</div> </div>
</a> </a>
</li> </li>
</ul><!-- /.control-sidebar-menu --> </ul>
<!-- /.control-sidebar-menu -->
</div><!-- /.tab-pane --> </div>
<!-- /.tab-pane -->
<!-- Stats tab content --> <!-- Stats tab content -->
<div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div><!-- /.tab-pane --> <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>
<!-- /.tab-pane -->
<!-- Settings tab content --> <!-- Settings tab content -->
<div class="tab-pane" id="control-sidebar-settings-tab"> <div class="tab-pane" id="control-sidebar-settings-tab">
<form method="post"> <form method="post">
<h3 class="control-sidebar-heading">General Settings</h3> <h3 class="control-sidebar-heading">General Settings</h3>
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Report panel usage Report panel usage
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Some information about this general settings option Some information about this general settings option
</p> </p>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Allow mail redirect Allow mail redirect
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Other sets of options are available Other sets of options are available
</p> </p>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Expose author name in posts Expose author name in posts
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Allow the user to show his name in blog posts Allow the user to show his name in blog posts
</p> </p>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<h3 class="control-sidebar-heading">Chat Settings</h3> <h3 class="control-sidebar-heading">Chat Settings</h3>
@ -632,39 +677,45 @@
Show me as online Show me as online
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Turn off notifications Turn off notifications
<input type="checkbox" class="pull-right"> <input type="checkbox" class="pull-right">
</label> </label>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Delete chat history Delete chat history
<a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a> <a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
</label> </label>
</div><!-- /.form-group -->
</form>
</div><!-- /.tab-pane -->
</div> </div>
</aside><!-- /.control-sidebar --> <!-- /.form-group -->
</form>
</div>
<!-- /.tab-pane -->
</div>
</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"></script>
<!-- Bootstrap 3.3.5 --> <!-- Bootstrap 3.3.5 -->
<script src="../../bootstrap/js/bootstrap.min.js"></script> <script src="../../bootstrap/js/bootstrap.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="../../plugins/fastclick/fastclick.min.js"></script> <script src="../../plugins/fastclick/fastclick.min.js"></script>
<!-- AdminLTE App --> <!-- AdminLTE App -->
<script src="../../dist/js/app.min.js"></script> <script src="../../dist/js/app.min.js"></script>
<!-- AdminLTE for demo purposes --> <!-- AdminLTE for demo purposes -->
<script src="../../dist/js/demo.js"></script> <script src="../../dist/js/demo.js"></script>
</body> </body>
</html> </html>

138
pages/examples/500.html
View File

@ -1,6 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<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 | 500 Error</title> <title>AdminLTE 2 | 500 Error</title>
@ -24,9 +24,9 @@
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]--> <![endif]-->
</head> </head>
<body class="hold-transition skin-blue sidebar-mini"> <body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<header class="main-header"> <header class="main-header">
<!-- Logo --> <!-- Logo -->
@ -45,6 +45,7 @@
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
</a> </a>
<div class="navbar-custom-menu"> <div class="navbar-custom-menu">
<ul class="nav navbar-nav"> <ul class="nav navbar-nav">
<!-- Messages: style can be found in dropdown.less--> <!-- Messages: style can be found in dropdown.less-->
@ -69,7 +70,8 @@
</h4> </h4>
<p>Why not buy a new awesome theme?</p> <p>Why not buy a new awesome theme?</p>
</a> </a>
</li><!-- end message --> </li>
<!-- end message -->
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
@ -141,7 +143,8 @@
</li> </li>
<li> <li>
<a href="#"> <a href="#">
<i class="fa fa-warning text-yellow"></i> Very long description here that may not fit into the page and may cause design problems <i class="fa fa-warning text-yellow"></i> Very long description here that may not fit into the
page and may cause design problems
</a> </a>
</li> </li>
<li> <li>
@ -187,7 +190,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
<li><!-- Task item --> <li><!-- Task item -->
<a href="#"> <a href="#">
<h3> <h3>
@ -200,7 +204,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
<li><!-- Task item --> <li><!-- Task item -->
<a href="#"> <a href="#">
<h3> <h3>
@ -213,7 +218,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
<li><!-- Task item --> <li><!-- Task item -->
<a href="#"> <a href="#">
<h3> <h3>
@ -226,7 +232,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
</ul> </ul>
</li> </li>
<li class="footer"> <li class="footer">
@ -244,6 +251,7 @@
<!-- User image --> <!-- User image -->
<li class="user-header"> <li class="user-header">
<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">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -261,7 +269,8 @@
<div class="col-xs-4 text-center"> <div class="col-xs-4 text-center">
<a href="#">Friends</a> <a href="#">Friends</a>
</div> </div>
</div><!-- /.row --> </div>
<!-- /.row -->
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer"> <li class="user-footer">
@ -301,7 +310,8 @@
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..."> <input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
</button>
</span> </span>
</div> </div>
</form> </form>
@ -333,7 +343,8 @@
</li> </li>
<li> <li>
<a href="../widgets.html"> <a href="../widgets.html">
<i class="fa fa-th"></i> <span>Widgets</span> <small class="label pull-right bg-green">new</small> <i class="fa fa-th"></i> <span>Widgets</span>
<small class="label pull-right bg-green">new</small>
</a> </a>
</li> </li>
<li class="treeview"> <li class="treeview">
@ -465,30 +476,40 @@
<div class="error-page"> <div class="error-page">
<h2 class="headline text-red">500</h2> <h2 class="headline text-red">500</h2>
<div class="error-content"> <div class="error-content">
<h3><i class="fa fa-warning text-red"></i> Oops! Something went wrong.</h3> <h3><i class="fa fa-warning text-red"></i> Oops! Something went wrong.</h3>
<p> <p>
We will work on fixing that right away. We will work on fixing that right away.
Meanwhile, you may <a href="../../index.html">return to dashboard</a> or try using the search form. Meanwhile, you may <a href="../../index.html">return to dashboard</a> or try using the search form.
</p> </p>
<form class="search-form"> <form class="search-form">
<div class="input-group"> <div class="input-group">
<input type="text" name="search" class="form-control" placeholder="Search"> <input type="text" name="search" class="form-control" placeholder="Search">
<div class="input-group-btn"> <div class="input-group-btn">
<button type="submit" name="submit" class="btn btn-danger btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="submit" class="btn btn-danger btn-flat"><i class="fa fa-search"></i>
</button>
</div> </div>
</div><!-- /.input-group --> </div>
<!-- /.input-group -->
</form> </form>
</div> </div>
</div><!-- /.error-page --> </div>
<!-- /.error-page -->
</section><!-- /.content --> </section>
</div><!-- /.content-wrapper --> <!-- /.content -->
</div>
<!-- /.content-wrapper -->
<footer class="main-footer"> <footer class="main-footer">
<div class="pull-right hidden-xs"> <div class="pull-right hidden-xs">
<b>Version</b> 2.3.0 <b>Version</b> 2.3.0
</div> </div>
<strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved. <strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights
reserved.
</footer> </footer>
<!-- Control Sidebar --> <!-- Control Sidebar -->
@ -507,8 +528,10 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-birthday-cake bg-red"></i> <i class="menu-icon fa fa-birthday-cake bg-red"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Langdon's Birthday</h4> <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
<p>Will be 23 on April 24th</p> <p>Will be 23 on April 24th</p>
</div> </div>
</a> </a>
@ -516,8 +539,10 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-user bg-yellow"></i> <i class="menu-icon fa fa-user bg-yellow"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4> <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
<p>New phone +1(800)555-1234</p> <p>New phone +1(800)555-1234</p>
</div> </div>
</a> </a>
@ -525,8 +550,10 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-envelope-o bg-light-blue"></i> <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4> <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
<p>nora@example.com</p> <p>nora@example.com</p>
</div> </div>
</a> </a>
@ -534,13 +561,16 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-file-code-o bg-green"></i> <i class="menu-icon fa fa-file-code-o bg-green"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4> <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
<p>Execution time 5 seconds</p> <p>Execution time 5 seconds</p>
</div> </div>
</a> </a>
</li> </li>
</ul><!-- /.control-sidebar-menu --> </ul>
<!-- /.control-sidebar-menu -->
<h3 class="control-sidebar-heading">Tasks Progress</h3> <h3 class="control-sidebar-heading">Tasks Progress</h3>
<ul class="control-sidebar-menu"> <ul class="control-sidebar-menu">
@ -550,6 +580,7 @@
Custom Template Design Custom Template Design
<span class="label label-danger pull-right">70%</span> <span class="label label-danger pull-right">70%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-danger" style="width: 70%"></div> <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
</div> </div>
@ -561,6 +592,7 @@
Update Resume Update Resume
<span class="label label-success pull-right">95%</span> <span class="label label-success pull-right">95%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-success" style="width: 95%"></div> <div class="progress-bar progress-bar-success" style="width: 95%"></div>
</div> </div>
@ -572,6 +604,7 @@
Laravel Integration Laravel Integration
<span class="label label-warning pull-right">50%</span> <span class="label label-warning pull-right">50%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-warning" style="width: 50%"></div> <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
</div> </div>
@ -583,49 +616,60 @@
Back End Framework Back End Framework
<span class="label label-primary pull-right">68%</span> <span class="label label-primary pull-right">68%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-primary" style="width: 68%"></div> <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
</div> </div>
</a> </a>
</li> </li>
</ul><!-- /.control-sidebar-menu --> </ul>
<!-- /.control-sidebar-menu -->
</div><!-- /.tab-pane --> </div>
<!-- /.tab-pane -->
<!-- Stats tab content --> <!-- Stats tab content -->
<div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div><!-- /.tab-pane --> <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>
<!-- /.tab-pane -->
<!-- Settings tab content --> <!-- Settings tab content -->
<div class="tab-pane" id="control-sidebar-settings-tab"> <div class="tab-pane" id="control-sidebar-settings-tab">
<form method="post"> <form method="post">
<h3 class="control-sidebar-heading">General Settings</h3> <h3 class="control-sidebar-heading">General Settings</h3>
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Report panel usage Report panel usage
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Some information about this general settings option Some information about this general settings option
</p> </p>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Allow mail redirect Allow mail redirect
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Other sets of options are available Other sets of options are available
</p> </p>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Expose author name in posts Expose author name in posts
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Allow the user to show his name in blog posts Allow the user to show his name in blog posts
</p> </p>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<h3 class="control-sidebar-heading">Chat Settings</h3> <h3 class="control-sidebar-heading">Chat Settings</h3>
@ -634,39 +678,45 @@
Show me as online Show me as online
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Turn off notifications Turn off notifications
<input type="checkbox" class="pull-right"> <input type="checkbox" class="pull-right">
</label> </label>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Delete chat history Delete chat history
<a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a> <a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
</label> </label>
</div><!-- /.form-group -->
</form>
</div><!-- /.tab-pane -->
</div> </div>
</aside><!-- /.control-sidebar --> <!-- /.form-group -->
</form>
</div>
<!-- /.tab-pane -->
</div>
</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"></script>
<!-- Bootstrap 3.3.5 --> <!-- Bootstrap 3.3.5 -->
<script src="../../bootstrap/js/bootstrap.min.js"></script> <script src="../../bootstrap/js/bootstrap.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="../../plugins/fastclick/fastclick.min.js"></script> <script src="../../plugins/fastclick/fastclick.min.js"></script>
<!-- AdminLTE App --> <!-- AdminLTE App -->
<script src="../../dist/js/app.min.js"></script> <script src="../../dist/js/app.min.js"></script>
<!-- AdminLTE for demo purposes --> <!-- AdminLTE for demo purposes -->
<script src="../../dist/js/demo.js"></script> <script src="../../dist/js/demo.js"></script>
</body> </body>
</html> </html>

135
pages/examples/blank.html
View File

@ -1,6 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<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 | Blank Page</title> <title>AdminLTE 2 | Blank Page</title>
@ -24,10 +24,10 @@
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]--> <![endif]-->
</head> </head>
<body class="hold-transition skin-blue sidebar-mini"> <body class="hold-transition skin-blue sidebar-mini">
<!-- Site wrapper --> <!-- Site wrapper -->
<div class="wrapper"> <div class="wrapper">
<header class="main-header"> <header class="main-header">
<!-- Logo --> <!-- Logo -->
@ -46,6 +46,7 @@
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
</a> </a>
<div class="navbar-custom-menu"> <div class="navbar-custom-menu">
<ul class="nav navbar-nav"> <ul class="nav navbar-nav">
<!-- Messages: style can be found in dropdown.less--> <!-- Messages: style can be found in dropdown.less-->
@ -70,7 +71,8 @@
</h4> </h4>
<p>Why not buy a new awesome theme?</p> <p>Why not buy a new awesome theme?</p>
</a> </a>
</li><!-- end message --> </li>
<!-- end message -->
</ul> </ul>
</li> </li>
<li class="footer"><a href="#">See All Messages</a></li> <li class="footer"><a href="#">See All Messages</a></li>
@ -120,7 +122,8 @@
</div> </div>
</div> </div>
</a> </a>
</li><!-- end task item --> </li>
<!-- end task item -->
</ul> </ul>
</li> </li>
<li class="footer"> <li class="footer">
@ -138,6 +141,7 @@
<!-- User image --> <!-- User image -->
<li class="user-header"> <li class="user-header">
<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">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -155,7 +159,8 @@
<div class="col-xs-4 text-center"> <div class="col-xs-4 text-center">
<a href="#">Friends</a> <a href="#">Friends</a>
</div> </div>
</div><!-- /.row --> </div>
<!-- /.row -->
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer"> <li class="user-footer">
@ -198,7 +203,8 @@
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..."> <input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
</button>
</span> </span>
</div> </div>
</form> </form>
@ -230,7 +236,8 @@
</li> </li>
<li> <li>
<a href="../widgets.html"> <a href="../widgets.html">
<i class="fa fa-th"></i> <span>Widgets</span> <small class="label pull-right bg-green">Hot</small> <i class="fa fa-th"></i> <span>Widgets</span>
<small class="label pull-right bg-green">Hot</small>
</a> </a>
</li> </li>
<li class="treeview"> <li class="treeview">
@ -367,27 +374,36 @@
<div class="box"> <div class="box">
<div class="box-header with-border"> <div class="box-header with-border">
<h3 class="box-title">Title</h3> <h3 class="box-title">Title</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<button type="button" class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip" title="Collapse"><i class="fa fa-minus"></i></button> <button type="button" class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip" title="Collapse">
<button type="button" class="btn btn-box-tool" data-widget="remove" data-toggle="tooltip" title="Remove"><i class="fa fa-times"></i></button> <i class="fa fa-minus"></i></button>
<button type="button" class="btn btn-box-tool" data-widget="remove" data-toggle="tooltip" title="Remove">
<i class="fa fa-times"></i></button>
</div> </div>
</div> </div>
<div class="box-body"> <div class="box-body">
Start creating your amazing application! Start creating your amazing application!
</div><!-- /.box-body --> </div>
<!-- /.box-body -->
<div class="box-footer"> <div class="box-footer">
Footer Footer
</div><!-- /.box-footer--> </div>
</div><!-- /.box --> <!-- /.box-footer-->
</div>
<!-- /.box -->
</section><!-- /.content --> </section>
</div><!-- /.content-wrapper --> <!-- /.content -->
</div>
<!-- /.content-wrapper -->
<footer class="main-footer"> <footer class="main-footer">
<div class="pull-right hidden-xs"> <div class="pull-right hidden-xs">
<b>Version</b> 2.3.0 <b>Version</b> 2.3.0
</div> </div>
<strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved. <strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights
reserved.
</footer> </footer>
<!-- Control Sidebar --> <!-- Control Sidebar -->
@ -407,8 +423,10 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-birthday-cake bg-red"></i> <i class="menu-icon fa fa-birthday-cake bg-red"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Langdon's Birthday</h4> <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
<p>Will be 23 on April 24th</p> <p>Will be 23 on April 24th</p>
</div> </div>
</a> </a>
@ -416,8 +434,10 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-user bg-yellow"></i> <i class="menu-icon fa fa-user bg-yellow"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4> <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
<p>New phone +1(800)555-1234</p> <p>New phone +1(800)555-1234</p>
</div> </div>
</a> </a>
@ -425,8 +445,10 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-envelope-o bg-light-blue"></i> <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4> <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
<p>nora@example.com</p> <p>nora@example.com</p>
</div> </div>
</a> </a>
@ -434,13 +456,16 @@
<li> <li>
<a href="javascript::;"> <a href="javascript::;">
<i class="menu-icon fa fa-file-code-o bg-green"></i> <i class="menu-icon fa fa-file-code-o bg-green"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4> <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
<p>Execution time 5 seconds</p> <p>Execution time 5 seconds</p>
</div> </div>
</a> </a>
</li> </li>
</ul><!-- /.control-sidebar-menu --> </ul>
<!-- /.control-sidebar-menu -->
<h3 class="control-sidebar-heading">Tasks Progress</h3> <h3 class="control-sidebar-heading">Tasks Progress</h3>
<ul class="control-sidebar-menu"> <ul class="control-sidebar-menu">
@ -450,6 +475,7 @@
Custom Template Design Custom Template Design
<span class="label label-danger pull-right">70%</span> <span class="label label-danger pull-right">70%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-danger" style="width: 70%"></div> <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
</div> </div>
@ -461,6 +487,7 @@
Update Resume Update Resume
<span class="label label-success pull-right">95%</span> <span class="label label-success pull-right">95%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-success" style="width: 95%"></div> <div class="progress-bar progress-bar-success" style="width: 95%"></div>
</div> </div>
@ -472,6 +499,7 @@
Laravel Integration Laravel Integration
<span class="label label-warning pull-right">50%</span> <span class="label label-warning pull-right">50%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-warning" style="width: 50%"></div> <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
</div> </div>
@ -483,49 +511,60 @@
Back End Framework Back End Framework
<span class="label label-primary pull-right">68%</span> <span class="label label-primary pull-right">68%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-primary" style="width: 68%"></div> <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
</div> </div>
</a> </a>
</li> </li>
</ul><!-- /.control-sidebar-menu --> </ul>
<!-- /.control-sidebar-menu -->
</div><!-- /.tab-pane --> </div>
<!-- /.tab-pane -->
<!-- Stats tab content --> <!-- Stats tab content -->
<div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div><!-- /.tab-pane --> <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>
<!-- /.tab-pane -->
<!-- Settings tab content --> <!-- Settings tab content -->
<div class="tab-pane" id="control-sidebar-settings-tab"> <div class="tab-pane" id="control-sidebar-settings-tab">
<form method="post"> <form method="post">
<h3 class="control-sidebar-heading">General Settings</h3> <h3 class="control-sidebar-heading">General Settings</h3>
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Report panel usage Report panel usage
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Some information about this general settings option Some information about this general settings option
</p> </p>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Allow mail redirect Allow mail redirect
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Other sets of options are available Other sets of options are available
</p> </p>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Expose author name in posts Expose author name in posts
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Allow the user to show his name in blog posts Allow the user to show his name in blog posts
</p> </p>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<h3 class="control-sidebar-heading">Chat Settings</h3> <h3 class="control-sidebar-heading">Chat Settings</h3>
@ -534,41 +573,47 @@
Show me as online Show me as online
<input type="checkbox" class="pull-right" checked> <input type="checkbox" class="pull-right" checked>
</label> </label>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Turn off notifications Turn off notifications
<input type="checkbox" class="pull-right"> <input type="checkbox" class="pull-right">
</label> </label>
</div><!-- /.form-group --> </div>
<!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Delete chat history Delete chat history
<a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a> <a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
</label> </label>
</div><!-- /.form-group -->
</form>
</div><!-- /.tab-pane -->
</div> </div>
</aside><!-- /.control-sidebar --> <!-- /.form-group -->
</form>
</div>
<!-- /.tab-pane -->
</div>
</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"></script>
<!-- Bootstrap 3.3.5 --> <!-- Bootstrap 3.3.5 -->
<script src="../../bootstrap/js/bootstrap.min.js"></script> <script src="../../bootstrap/js/bootstrap.min.js"></script>
<!-- SlimScroll --> <!-- SlimScroll -->
<script src="../../plugins/slimScroll/jquery.slimscroll.min.js"></script> <script src="../../plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="../../plugins/fastclick/fastclick.min.js"></script> <script src="../../plugins/fastclick/fastclick.min.js"></script>
<!-- AdminLTE App --> <!-- AdminLTE App -->
<script src="../../dist/js/app.min.js"></script> <script src="../../dist/js/app.min.js"></script>
<!-- AdminLTE for demo purposes --> <!-- AdminLTE for demo purposes -->
<script src="../../dist/js/demo.js"></script> <script src="../../dist/js/demo.js"></script>
</body> </body>
</html> </html>

51
pages/examples/invoice-print.html
View File

@ -1,6 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<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 | Invoice</title> <title>AdminLTE 2 | Invoice</title>
@ -21,9 +21,9 @@
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]--> <![endif]-->
</head> </head>
<body onload="window.print();"> <body onload="window.print();">
<div class="wrapper"> <div class="wrapper">
<!-- Main content --> <!-- Main content -->
<section class="invoice"> <section class="invoice">
<!-- title row --> <!-- title row -->
@ -33,7 +33,8 @@
<i class="fa fa-globe"></i> AdminLTE, Inc. <i class="fa fa-globe"></i> AdminLTE, Inc.
<small class="pull-right">Date: 2/10/2014</small> <small class="pull-right">Date: 2/10/2014</small>
</h2> </h2>
</div><!-- /.col --> </div>
<!-- /.col -->
</div> </div>
<!-- info row --> <!-- info row -->
<div class="row invoice-info"> <div class="row invoice-info">
@ -46,7 +47,8 @@
Phone: (804) 123-5432<br> Phone: (804) 123-5432<br>
Email: info@almasaeedstudio.com Email: info@almasaeedstudio.com
</address> </address>
</div><!-- /.col --> </div>
<!-- /.col -->
<div class="col-sm-4 invoice-col"> <div class="col-sm-4 invoice-col">
To To
<address> <address>
@ -56,15 +58,18 @@
Phone: (555) 539-1037<br> Phone: (555) 539-1037<br>
Email: john.doe@example.com Email: john.doe@example.com
</address> </address>
</div><!-- /.col --> </div>
<!-- /.col -->
<div class="col-sm-4 invoice-col"> <div class="col-sm-4 invoice-col">
<b>Invoice #007612</b><br> <b>Invoice #007612</b><br>
<br> <br>
<b>Order ID:</b> 4F3S8J<br> <b>Order ID:</b> 4F3S8J<br>
<b>Payment Due:</b> 2/22/2014<br> <b>Payment Due:</b> 2/22/2014<br>
<b>Account:</b> 968-34567 <b>Account:</b> 968-34567
</div><!-- /.col --> </div>
</div><!-- /.row --> <!-- /.col -->
</div>
<!-- /.row -->
<!-- Table row --> <!-- Table row -->
<div class="row"> <div class="row">
@ -110,8 +115,10 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div><!-- /.col --> </div>
</div><!-- /.row --> <!-- /.col -->
</div>
<!-- /.row -->
<div class="row"> <div class="row">
<!-- accepted payments column --> <!-- accepted payments column -->
@ -121,12 +128,16 @@
<img src="../../dist/img/credit/mastercard.png" alt="Mastercard"> <img src="../../dist/img/credit/mastercard.png" alt="Mastercard">
<img src="../../dist/img/credit/american-express.png" alt="American Express"> <img src="../../dist/img/credit/american-express.png" alt="American Express">
<img src="../../dist/img/credit/paypal2.png" alt="Paypal"> <img src="../../dist/img/credit/paypal2.png" alt="Paypal">
<p class="text-muted well well-sm no-shadow" style="margin-top: 10px;"> <p class="text-muted well well-sm no-shadow" style="margin-top: 10px;">
Etsy doostang zoodles disqus groupon greplin oooj voxy zoodles, weebly ning heekya handango imeem plugg dopplr jibjab, movity jajah plickers sifteo edmodo ifttt zimbra. Etsy doostang zoodles disqus groupon greplin oooj voxy zoodles, weebly ning heekya handango imeem plugg dopplr
jibjab, movity jajah plickers sifteo edmodo ifttt zimbra.
</p> </p>
</div><!-- /.col --> </div>
<!-- /.col -->
<div class="col-xs-6"> <div class="col-xs-6">
<p class="lead">Amount Due 2/22/2014</p> <p class="lead">Amount Due 2/22/2014</p>
<div class="table-responsive"> <div class="table-responsive">
<table class="table"> <table class="table">
<tr> <tr>
@ -147,9 +158,13 @@
</tr> </tr>
</table> </table>
</div> </div>
</div><!-- /.col --> </div>
</div><!-- /.row --> <!-- /.col -->
</section><!-- /.content --> </div>
</div><!-- ./wrapper --> <!-- /.row -->
</body> </section>
<!-- /.content -->
</div>
<!-- ./wrapper -->
</body>
</html> </html>

Some files were not shown because too many files have changed in this diff Show More