Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
知鸟1号
AdminLTE
提交
5e888faa
A
AdminLTE
项目概览
知鸟1号
/
AdminLTE
与 Fork 源项目一致
从无法访问的项目Fork
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
A
AdminLTE
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
5e888faa
编写于
3月 28, 2015
作者:
A
Abdullah Almsaeed
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Updates to control sidebar
上级
4dacac85
变更
23
展开全部
隐藏空白更改
内联
并排
Showing
23 changed file
with
610 addition
and
431 deletion
+610
-431
build/less/control-sidebar.less
build/less/control-sidebar.less
+54
-3
build/less/core.less
build/less/core.less
+1
-1
build/less/header.less
build/less/header.less
+1
-1
build/less/variables.less
build/less/variables.less
+1
-1
dist/css/AdminLTE.css
dist/css/AdminLTE.css
+72
-17
dist/css/AdminLTE.min.css
dist/css/AdminLTE.min.css
+1
-1
dist/css/skins/_all-skins.css
dist/css/skins/_all-skins.css
+36
-36
dist/css/skins/_all-skins.min.css
dist/css/skins/_all-skins.min.css
+1
-1
dist/css/skins/skin-black.css
dist/css/skins/skin-black.css
+3
-3
dist/css/skins/skin-black.min.css
dist/css/skins/skin-black.min.css
+1
-1
dist/css/skins/skin-blue.css
dist/css/skins/skin-blue.css
+3
-3
dist/css/skins/skin-blue.min.css
dist/css/skins/skin-blue.min.css
+1
-1
dist/css/skins/skin-green.css
dist/css/skins/skin-green.css
+3
-3
dist/css/skins/skin-green.min.css
dist/css/skins/skin-green.min.css
+1
-1
dist/css/skins/skin-purple.css
dist/css/skins/skin-purple.css
+3
-3
dist/css/skins/skin-purple.min.css
dist/css/skins/skin-purple.min.css
+1
-1
dist/css/skins/skin-red.css
dist/css/skins/skin-red.css
+3
-3
dist/css/skins/skin-red.min.css
dist/css/skins/skin-red.min.css
+1
-1
dist/css/skins/skin-yellow.css
dist/css/skins/skin-yellow.css
+3
-3
dist/css/skins/skin-yellow.min.css
dist/css/skins/skin-yellow.min.css
+1
-1
dist/js/app.js
dist/js/app.js
+29
-30
dist/js/app.min.js
dist/js/app.min.js
+1
-1
index2.html
index2.html
+389
-315
未找到文件。
build/less/control-sidebar.less
浏览文件 @
5e888faa
...
...
@@ -23,9 +23,20 @@
//Open state
&.control-sidebar-open {
.translate(0, 0);
.box-shadow(-1px 0 3px rgba(0,0,0,.2));
}
}
//Open without silde over content
.control-sidebar-open {
.control-sidebar {
.translate(0,0);
}
.content-wrapper,
.right-side,
.main-footer {
margin-right: @control-sidebar-width;
}
}
//Control sidebar tabs
.control-sidebar-tabs {
border-bottom: darken(@sidebar-dark-bg, 3%);
...
...
@@ -37,6 +48,7 @@
//Hover and active states
&,
&:hover {
border-top: none;
border-right: none;
border-left: 1px solid darken(@sidebar-dark-bg, 7%)!important;
border-bottom: 1px solid darken(@sidebar-dark-bg, 7%)!important;
...
...
@@ -44,7 +56,6 @@
&:hover,
&:focus,
&:active {
border-top: none;
background: darken(@sidebar-dark-bg, 3%);
}
.icon {
...
...
@@ -83,10 +94,50 @@
padding: 10px 0;
margin-bottom: 10px;
}
//Subheadings
.control-sidebar-subheading {
display: block;
color: #fff;
font-weight: 400;
font-size: 14px;
}
//Control Sidebar Menu
.control-sidebar-menu {
list-style: none;
padding: 0;
margin: 0 -15px;
> li > a {
.clearfix();
display: block;
padding: 10px 15px;
&:hover {
background: @sidebar-dark-hover-bg;
}
> .control-sidebar-subheading {
margin-top: 0;
}
}
.menu-icon {
float: left;
width: 35px;
height: 35px;
border-radius: 50%;
text-align: center;
line-height: 35px;
}
.menu-info {
margin-left: 45px;
margin-top: 3px;
> .control-sidebar-subheading {
margin: 0;
}
> p {
margin: 0;
color: @sidebar-dark-color;
font-size: 11px;
}
}
.progress {
margin: 0;
}
}
\ No newline at end of file
build/less/core.less
浏览文件 @
5e888faa
...
...
@@ -47,7 +47,7 @@ body {
.main-footer {
//Using disposable variable to join statements with a comma
@transition-rule: @transition-speed @transition-fn,
margin
-left
@transition-speed @transition-fn;
margin @transition-speed @transition-fn;
.transition-transform(@transition-rule);
margin-left: @sidebar-width;
z-index: 820;
...
...
build/less/header.less
浏览文件 @
5e888faa
...
...
@@ -109,7 +109,7 @@
.transition(width @transition-speed @transition-fn);
display: block;
float: left;
height:
50px
;
height:
@navbar-height
;
font-size: 20px;
line-height: 50px;
text-align: center;
...
...
build/less/variables.less
浏览文件 @
5e888faa
...
...
@@ -112,4 +112,4 @@
//Transition global options
@transition-speed: .3s;
@transition-fn: cubic-bezier(0.32,1.25,0.375,1.15);
\ No newline at end of file
@transition-fn: ease-in-out;//cubic-bezier(0.32,1.25,0.375,1.15);
\ No newline at end of file
dist/css/AdminLTE.css
浏览文件 @
5e888faa
...
...
@@ -57,10 +57,10 @@ body {
.content-wrapper
,
.right-side
,
.main-footer
{
-webkit-transition
:
-webkit-transform
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
),
margin-left
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-moz-transition
:
-moz-transform
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
),
margin-left
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-o-transition
:
-o-transform
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
),
margin-left
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
transition
:
transform
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
),
margin-left
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-webkit-transition
:
-webkit-transform
0.3s
ease-in-out
,
margin
0.3s
ease-in-out
;
-moz-transition
:
-moz-transform
0.3s
ease-in-out
,
margin
0.3s
ease-in-out
;
-o-transition
:
-o-transform
0.3s
ease-in-out
,
margin
0.3s
ease-in-out
;
transition
:
transform
0.3s
ease-in-out
,
margin
0.3s
ease-in-out
;
margin-left
:
230px
;
z-index
:
820
;
}
...
...
@@ -184,9 +184,9 @@ a:focus {
z-index
:
1030
;
}
.main-header
>
.navbar
{
-webkit-transition
:
margin-left
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-o-transition
:
margin-left
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
transition
:
margin-left
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-webkit-transition
:
margin-left
0.3s
ease-in-out
;
-o-transition
:
margin-left
0.3s
ease-in-out
;
transition
:
margin-left
0.3s
ease-in-out
;
margin-bottom
:
0
;
margin-left
:
230px
;
border
:
none
;
...
...
@@ -273,9 +273,9 @@ a:focus {
line-height
:
.9
;
}
.main-header
.logo
{
-webkit-transition
:
width
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-o-transition
:
width
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
transition
:
width
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-webkit-transition
:
width
0.3s
ease-in-out
;
-o-transition
:
width
0.3s
ease-in-out
;
transition
:
width
0.3s
ease-in-out
;
display
:
block
;
float
:
left
;
height
:
50px
;
...
...
@@ -403,10 +403,10 @@ a:focus {
min-height
:
100%
;
width
:
230px
;
z-index
:
810
;
-webkit-transition
:
-webkit-transform
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
),
width
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-moz-transition
:
-moz-transform
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
),
width
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-o-transition
:
-o-transform
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
),
width
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
transition
:
transform
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
),
width
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-webkit-transition
:
-webkit-transform
0.3s
ease-in-out
,
width
0.3s
ease-in-out
;
-moz-transition
:
-moz-transform
0.3s
ease-in-out
,
width
0.3s
ease-in-out
;
-o-transition
:
-o-transform
0.3s
ease-in-out
,
width
0.3s
ease-in-out
;
transition
:
transform
0.3s
ease-in-out
,
width
0.3s
ease-in-out
;
}
@media
(
max-width
:
767px
)
{
.main-sidebar
,
...
...
@@ -667,8 +667,17 @@ a:focus {
-ms-transform
:
translate
(
0
,
0
);
-o-transform
:
translate
(
0
,
0
);
transform
:
translate
(
0
,
0
);
-webkit-box-shadow
:
-1px
0
3px
rgba
(
0
,
0
,
0
,
0.2
);
box-shadow
:
-1px
0
3px
rgba
(
0
,
0
,
0
,
0.2
);
}
.control-sidebar-open
.control-sidebar
{
-webkit-transform
:
translate
(
0
,
0
);
-ms-transform
:
translate
(
0
,
0
);
-o-transform
:
translate
(
0
,
0
);
transform
:
translate
(
0
,
0
);
}
.control-sidebar-open
.content-wrapper
,
.control-sidebar-open
.right-side
,
.control-sidebar-open
.main-footer
{
margin-right
:
230px
;
}
.control-sidebar-tabs
{
border-bottom
:
#1c2529
;
...
...
@@ -680,6 +689,7 @@ a:focus {
}
.control-sidebar-tabs
>
li
>
a
,
.control-sidebar-tabs
>
li
>
a
:hover
{
border-top
:
none
;
border-right
:
none
;
border-left
:
1px
solid
#141a1d
!important
;
border-bottom
:
1px
solid
#141a1d
!important
;
...
...
@@ -687,7 +697,6 @@ a:focus {
.control-sidebar-tabs
>
li
>
a
:hover
,
.control-sidebar-tabs
>
li
>
a
:focus
,
.control-sidebar-tabs
>
li
>
a
:active
{
border-top
:
none
;
background
:
#1c2529
;
}
.control-sidebar-tabs
>
li
>
a
.icon
{
...
...
@@ -724,6 +733,52 @@ a:focus {
font-weight
:
400
;
font-size
:
14px
;
}
.control-sidebar-menu
{
list-style
:
none
;
padding
:
0
;
margin
:
0
-15px
;
}
.control-sidebar-menu
>
li
>
a
{
display
:
block
;
padding
:
10px
15px
;
}
.control-sidebar-menu
>
li
>
a
:before
,
.control-sidebar-menu
>
li
>
a
:after
{
content
:
" "
;
display
:
table
;
}
.control-sidebar-menu
>
li
>
a
:after
{
clear
:
both
;
}
.control-sidebar-menu
>
li
>
a
:hover
{
background
:
#1e282c
;
}
.control-sidebar-menu
>
li
>
a
>
.control-sidebar-subheading
{
margin-top
:
0
;
}
.control-sidebar-menu
.menu-icon
{
float
:
left
;
width
:
35px
;
height
:
35px
;
border-radius
:
50%
;
text-align
:
center
;
line-height
:
35px
;
}
.control-sidebar-menu
.menu-info
{
margin-left
:
45px
;
margin-top
:
3px
;
}
.control-sidebar-menu
.menu-info
>
.control-sidebar-subheading
{
margin
:
0
;
}
.control-sidebar-menu
.menu-info
>
p
{
margin
:
0
;
color
:
#b8c7ce
;
font-size
:
11px
;
}
.control-sidebar-menu
.progress
{
margin
:
0
;
}
/*
* Component: Dropdown menus
* -------------------------
...
...
dist/css/AdminLTE.min.css
浏览文件 @
5e888faa
此差异已折叠。
点击以展开。
dist/css/skins/_all-skins.css
浏览文件 @
5e888faa
...
...
@@ -106,9 +106,9 @@
background-color
:
#374850
;
border
:
1px
solid
transparent
;
height
:
35px
;
-webkit-transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-o-transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-webkit-transition
:
all
0.3s
ease-in-out
;
-o-transition
:
all
0.3s
ease-in-out
;
transition
:
all
0.3s
ease-in-out
;
}
.skin-blue
.sidebar-form
input
[
type
=
"text"
]
{
color
:
#666
;
...
...
@@ -264,9 +264,9 @@
background-color
:
#fff
;
border
:
1px
solid
transparent
;
height
:
35px
;
-webkit-transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-o-transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-webkit-transition
:
all
0.3s
ease-in-out
;
-o-transition
:
all
0.3s
ease-in-out
;
transition
:
all
0.3s
ease-in-out
;
}
.skin-blue-light
.sidebar-form
input
[
type
=
"text"
]
{
color
:
#666
;
...
...
@@ -434,9 +434,9 @@
background-color
:
#374850
;
border
:
1px
solid
transparent
;
height
:
35px
;
-webkit-transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-o-transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-webkit-transition
:
all
0.3s
ease-in-out
;
-o-transition
:
all
0.3s
ease-in-out
;
transition
:
all
0.3s
ease-in-out
;
}
.skin-black
.sidebar-form
input
[
type
=
"text"
]
{
color
:
#666
;
...
...
@@ -604,9 +604,9 @@
background-color
:
#fff
;
border
:
1px
solid
transparent
;
height
:
35px
;
-webkit-transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-o-transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-webkit-transition
:
all
0.3s
ease-in-out
;
-o-transition
:
all
0.3s
ease-in-out
;
transition
:
all
0.3s
ease-in-out
;
}
.skin-black-light
.sidebar-form
input
[
type
=
"text"
]
{
color
:
#666
;
...
...
@@ -743,9 +743,9 @@
background-color
:
#374850
;
border
:
1px
solid
transparent
;
height
:
35px
;
-webkit-transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-o-transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-webkit-transition
:
all
0.3s
ease-in-out
;
-o-transition
:
all
0.3s
ease-in-out
;
transition
:
all
0.3s
ease-in-out
;
}
.skin-green
.sidebar-form
input
[
type
=
"text"
]
{
color
:
#666
;
...
...
@@ -893,9 +893,9 @@
background-color
:
#fff
;
border
:
1px
solid
transparent
;
height
:
35px
;
-webkit-transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-o-transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-webkit-transition
:
all
0.3s
ease-in-out
;
-o-transition
:
all
0.3s
ease-in-out
;
transition
:
all
0.3s
ease-in-out
;
}
.skin-green-light
.sidebar-form
input
[
type
=
"text"
]
{
color
:
#666
;
...
...
@@ -1032,9 +1032,9 @@
background-color
:
#374850
;
border
:
1px
solid
transparent
;
height
:
35px
;
-webkit-transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-o-transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-webkit-transition
:
all
0.3s
ease-in-out
;
-o-transition
:
all
0.3s
ease-in-out
;
transition
:
all
0.3s
ease-in-out
;
}
.skin-red
.sidebar-form
input
[
type
=
"text"
]
{
color
:
#666
;
...
...
@@ -1166,9 +1166,9 @@
background-color
:
#374850
;
border
:
1px
solid
transparent
;
height
:
35px
;
-webkit-transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-o-transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-webkit-transition
:
all
0.3s
ease-in-out
;
-o-transition
:
all
0.3s
ease-in-out
;
transition
:
all
0.3s
ease-in-out
;
}
.skin-red-light
.sidebar-form
input
[
type
=
"text"
]
{
color
:
#666
;
...
...
@@ -1300,9 +1300,9 @@
background-color
:
#374850
;
border
:
1px
solid
transparent
;
height
:
35px
;
-webkit-transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-o-transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-webkit-transition
:
all
0.3s
ease-in-out
;
-o-transition
:
all
0.3s
ease-in-out
;
transition
:
all
0.3s
ease-in-out
;
}
.skin-yellow
.sidebar-form
input
[
type
=
"text"
]
{
color
:
#666
;
...
...
@@ -1434,9 +1434,9 @@
background-color
:
#374850
;
border
:
1px
solid
transparent
;
height
:
35px
;
-webkit-transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-o-transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-webkit-transition
:
all
0.3s
ease-in-out
;
-o-transition
:
all
0.3s
ease-in-out
;
transition
:
all
0.3s
ease-in-out
;
}
.skin-yellow-light
.sidebar-form
input
[
type
=
"text"
]
{
color
:
#666
;
...
...
@@ -1568,9 +1568,9 @@
background-color
:
#374850
;
border
:
1px
solid
transparent
;
height
:
35px
;
-webkit-transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-o-transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-webkit-transition
:
all
0.3s
ease-in-out
;
-o-transition
:
all
0.3s
ease-in-out
;
transition
:
all
0.3s
ease-in-out
;
}
.skin-purple
.sidebar-form
input
[
type
=
"text"
]
{
color
:
#666
;
...
...
@@ -1702,9 +1702,9 @@
background-color
:
#374850
;
border
:
1px
solid
transparent
;
height
:
35px
;
-webkit-transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-o-transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-webkit-transition
:
all
0.3s
ease-in-out
;
-o-transition
:
all
0.3s
ease-in-out
;
transition
:
all
0.3s
ease-in-out
;
}
.skin-purple-light
.sidebar-form
input
[
type
=
"text"
]
{
color
:
#666
;
...
...
dist/css/skins/_all-skins.min.css
浏览文件 @
5e888faa
此差异已折叠。
点击以展开。
dist/css/skins/skin-black.css
浏览文件 @
5e888faa
...
...
@@ -126,9 +126,9 @@
background-color
:
#374850
;
border
:
1px
solid
transparent
;
height
:
35px
;
-webkit-transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-o-transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-webkit-transition
:
all
0.3s
ease-in-out
;
-o-transition
:
all
0.3s
ease-in-out
;
transition
:
all
0.3s
ease-in-out
;
}
.skin-black
.sidebar-form
input
[
type
=
"text"
]
{
color
:
#666
;
...
...
dist/css/skins/skin-black.min.css
浏览文件 @
5e888faa
.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
{
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
:
#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
:
#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
;
margin-right
:
1px
}
.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
cubic-bezier
(
.32
,
1.25
,
.375
,
1.15
);
-o-transition
:
all
.3s
cubic-bezier
(
.32
,
1.25
,
.375
,
1.15
);
transition
:
all
.3s
cubic-bezier
(
.32
,
1.25
,
.375
,
1.15
)}
.skin-black
.sidebar-form
input
[
type
=
"text"
]
{
color
:
#666
;
border-top-left-radius
:
2px
!important
;
border-top-right-radius
:
0
!important
;
border-bottom-right-radius
:
0
!important
;
border-bottom-left-radius
:
2px
!important
}
.skin-black
.sidebar-form
input
[
type
=
"text"
]
:focus
,
.skin-black
.sidebar-form
input
[
type
=
"text"
]
:focus
+
.input-group-btn
.btn
{
background-color
:
#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
!important
;
border-top-right-radius
:
2px
!important
;
border-bottom-right-radius
:
2px
!important
;
border-bottom-left-radius
:
0
!important
}
\ No newline at end of file
.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
{
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
:
#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
:
#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
;
margin-right
:
1px
}
.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
!important
;
border-top-right-radius
:
0
!important
;
border-bottom-right-radius
:
0
!important
;
border-bottom-left-radius
:
2px
!important
}
.skin-black
.sidebar-form
input
[
type
=
"text"
]
:focus
,
.skin-black
.sidebar-form
input
[
type
=
"text"
]
:focus
+
.input-group-btn
.btn
{
background-color
:
#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
!important
;
border-top-right-radius
:
2px
!important
;
border-bottom-right-radius
:
2px
!important
;
border-bottom-left-radius
:
0
!important
}
\ No newline at end of file
dist/css/skins/skin-blue.css
浏览文件 @
5e888faa
...
...
@@ -106,9 +106,9 @@
background-color
:
#374850
;
border
:
1px
solid
transparent
;
height
:
35px
;
-webkit-transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-o-transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-webkit-transition
:
all
0.3s
ease-in-out
;
-o-transition
:
all
0.3s
ease-in-out
;
transition
:
all
0.3s
ease-in-out
;
}
.skin-blue
.sidebar-form
input
[
type
=
"text"
]
{
color
:
#666
;
...
...
dist/css/skins/skin-blue.min.css
浏览文件 @
5e888faa
.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
{
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
:
#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
;
margin-right
:
1px
}
.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
cubic-bezier
(
.32
,
1.25
,
.375
,
1.15
);
-o-transition
:
all
.3s
cubic-bezier
(
.32
,
1.25
,
.375
,
1.15
);
transition
:
all
.3s
cubic-bezier
(
.32
,
1.25
,
.375
,
1.15
)}
.skin-blue
.sidebar-form
input
[
type
=
"text"
]
{
color
:
#666
;
border-top-left-radius
:
2px
!important
;
border-top-right-radius
:
0
!important
;
border-bottom-right-radius
:
0
!important
;
border-bottom-left-radius
:
2px
!important
}
.skin-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
!important
;
border-top-right-radius
:
2px
!important
;
border-bottom-right-radius
:
2px
!important
;
border-bottom-left-radius
:
0
!important
}
.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
:
#3b8ab8
}
\ No newline at end of file
.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
{
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
:
#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
;
margin-right
:
1px
}
.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
!important
;
border-top-right-radius
:
0
!important
;
border-bottom-right-radius
:
0
!important
;
border-bottom-left-radius
:
2px
!important
}
.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
!important
;
border-top-right-radius
:
2px
!important
;
border-bottom-right-radius
:
2px
!important
;
border-bottom-left-radius
:
0
!important
}
.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
:
#3b8ab8
}
\ No newline at end of file
dist/css/skins/skin-green.css
浏览文件 @
5e888faa
...
...
@@ -106,9 +106,9 @@
background-color
:
#374850
;
border
:
1px
solid
transparent
;
height
:
35px
;
-webkit-transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-o-transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-webkit-transition
:
all
0.3s
ease-in-out
;
-o-transition
:
all
0.3s
ease-in-out
;
transition
:
all
0.3s
ease-in-out
;
}
.skin-green
.sidebar-form
input
[
type
=
"text"
]
{
color
:
#666
;
...
...
dist/css/skins/skin-green.min.css
浏览文件 @
5e888faa
.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
{
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
:
#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
;
margin-right
:
1px
}
.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
cubic-bezier
(
.32
,
1.25
,
.375
,
1.15
);
-o-transition
:
all
.3s
cubic-bezier
(
.32
,
1.25
,
.375
,
1.15
);
transition
:
all
.3s
cubic-bezier
(
.32
,
1.25
,
.375
,
1.15
)}
.skin-green
.sidebar-form
input
[
type
=
"text"
]
{
color
:
#666
;
border-top-left-radius
:
2px
!important
;
border-top-right-radius
:
0
!important
;
border-bottom-right-radius
:
0
!important
;
border-bottom-left-radius
:
2px
!important
}
.skin-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
!important
;
border-top-right-radius
:
2px
!important
;
border-bottom-right-radius
:
2px
!important
;
border-bottom-left-radius
:
0
!important
}
\ No newline at end of file
.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
{
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
:
#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
;
margin-right
:
1px
}
.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
!important
;
border-top-right-radius
:
0
!important
;
border-bottom-right-radius
:
0
!important
;
border-bottom-left-radius
:
2px
!important
}
.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
!important
;
border-top-right-radius
:
2px
!important
;
border-bottom-right-radius
:
2px
!important
;
border-bottom-left-radius
:
0
!important
}
\ No newline at end of file
dist/css/skins/skin-purple.css
浏览文件 @
5e888faa
...
...
@@ -106,9 +106,9 @@
background-color
:
#374850
;
border
:
1px
solid
transparent
;
height
:
35px
;
-webkit-transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-o-transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-webkit-transition
:
all
0.3s
ease-in-out
;
-o-transition
:
all
0.3s
ease-in-out
;
transition
:
all
0.3s
ease-in-out
;
}
.skin-purple
.sidebar-form
input
[
type
=
"text"
]
{
color
:
#666
;
...
...
dist/css/skins/skin-purple.min.css
浏览文件 @
5e888faa
.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
{
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
:
#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
;
margin-right
:
1px
}
.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
cubic-bezier
(
.32
,
1.25
,
.375
,
1.15
);
-o-transition
:
all
.3s
cubic-bezier
(
.32
,
1.25
,
.375
,
1.15
);
transition
:
all
.3s
cubic-bezier
(
.32
,
1.25
,
.375
,
1.15
)}
.skin-purple
.sidebar-form
input
[
type
=
"text"
]
{
color
:
#666
;
border-top-left-radius
:
2px
!important
;
border-top-right-radius
:
0
!important
;
border-bottom-right-radius
:
0
!important
;
border-bottom-left-radius
:
2px
!important
}
.skin-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
!important
;
border-top-right-radius
:
2px
!important
;
border-bottom-right-radius
:
2px
!important
;
border-bottom-left-radius
:
0
!important
}
\ No newline at end of file
.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
{
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
:
#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
;
margin-right
:
1px
}
.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
!important
;
border-top-right-radius
:
0
!important
;
border-bottom-right-radius
:
0
!important
;
border-bottom-left-radius
:
2px
!important
}
.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
!important
;
border-top-right-radius
:
2px
!important
;
border-bottom-right-radius
:
2px
!important
;
border-bottom-left-radius
:
0
!important
}
\ No newline at end of file
dist/css/skins/skin-red.css
浏览文件 @
5e888faa
...
...
@@ -106,9 +106,9 @@
background-color
:
#374850
;
border
:
1px
solid
transparent
;
height
:
35px
;
-webkit-transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-o-transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-webkit-transition
:
all
0.3s
ease-in-out
;
-o-transition
:
all
0.3s
ease-in-out
;
transition
:
all
0.3s
ease-in-out
;
}
.skin-red
.sidebar-form
input
[
type
=
"text"
]
{
color
:
#666
;
...
...
dist/css/skins/skin-red.min.css
浏览文件 @
5e888faa
.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
{
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
:
#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
;
margin-right
:
1px
}
.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
cubic-bezier
(
.32
,
1.25
,
.375
,
1.15
);
-o-transition
:
all
.3s
cubic-bezier
(
.32
,
1.25
,
.375
,
1.15
);
transition
:
all
.3s
cubic-bezier
(
.32
,
1.25
,
.375
,
1.15
)}
.skin-red
.sidebar-form
input
[
type
=
"text"
]
{
color
:
#666
;
border-top-left-radius
:
2px
!important
;
border-top-right-radius
:
0
!important
;
border-bottom-right-radius
:
0
!important
;
border-bottom-left-radius
:
2px
!important
}
.skin-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
!important
;
border-top-right-radius
:
2px
!important
;
border-bottom-right-radius
:
2px
!important
;
border-bottom-left-radius
:
0
!important
}
\ No newline at end of file
.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
{
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
:
#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
;
margin-right
:
1px
}
.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
!important
;
border-top-right-radius
:
0
!important
;
border-bottom-right-radius
:
0
!important
;
border-bottom-left-radius
:
2px
!important
}
.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
!important
;
border-top-right-radius
:
2px
!important
;
border-bottom-right-radius
:
2px
!important
;
border-bottom-left-radius
:
0
!important
}
\ No newline at end of file
dist/css/skins/skin-yellow.css
浏览文件 @
5e888faa
...
...
@@ -106,9 +106,9 @@
background-color
:
#374850
;
border
:
1px
solid
transparent
;
height
:
35px
;
-webkit-transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-o-transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
transition
:
all
0.3s
cubic-bezier
(
0.32
,
1.25
,
0.375
,
1.15
)
;
-webkit-transition
:
all
0.3s
ease-in-out
;
-o-transition
:
all
0.3s
ease-in-out
;
transition
:
all
0.3s
ease-in-out
;
}
.skin-yellow
.sidebar-form
input
[
type
=
"text"
]
{
color
:
#666
;
...
...
dist/css/skins/skin-yellow.min.css
浏览文件 @
5e888faa
.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
{
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
:
#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
;
margin-right
:
1px
}
.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
cubic-bezier
(
.32
,
1.25
,
.375
,
1.15
);
-o-transition
:
all
.3s
cubic-bezier
(
.32
,
1.25
,
.375
,
1.15
);
transition
:
all
.3s
cubic-bezier
(
.32
,
1.25
,
.375
,
1.15
)}
.skin-yellow
.sidebar-form
input
[
type
=
"text"
]
{
color
:
#666
;
border-top-left-radius
:
2px
!important
;
border-top-right-radius
:
0
!important
;
border-bottom-right-radius
:
0
!important
;
border-bottom-left-radius
:
2px
!important
}
.skin-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
!important
;
border-top-right-radius
:
2px
!important
;
border-bottom-right-radius
:
2px
!important
;
border-bottom-left-radius
:
0
!important
}
\ No newline at end of file
.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
{
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
:
#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
;
margin-right
:
1px
}
.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
!important
;
border-top-right-radius
:
0
!important
;
border-bottom-right-radius
:
0
!important
;
border-bottom-left-radius
:
2px
!important
}
.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
!important
;
border-top-right-radius
:
2px
!important
;
border-bottom-right-radius
:
2px
!important
;
border-bottom-left-radius
:
0
!important
}
\ No newline at end of file
dist/js/app.js
浏览文件 @
5e888faa
...
...
@@ -64,9 +64,8 @@ $.AdminLTE.options = {
toggleBtnSelector
:
"
[data-toggle='control-sidebar']
"
,
//The sidebar selector
selector
:
"
.control-sidebar
"
,
//Enable slide over content animation
slide
:
false
,
animationSpeed
:
300
//Enable slide over content
slide
:
true
},
//Box Widget Plugin. Enable this plugin
//to allow boxes to be collapsed and/or removed
...
...
@@ -147,7 +146,7 @@ $(function () {
//Enable control sidebar
if
(
o
.
enableControlSidebar
)
{
$
.
AdminLTE
.
controlSidebar
.
activate
(
o
.
controlSidebarOptions
);
$
.
AdminLTE
.
controlSidebar
.
activate
();
}
//Add slimscroll to navbar dropdown
...
...
@@ -366,59 +365,59 @@ function _init() {
/* ControlSidebar
* ==============
* Adds functionality to the right sidebar
*
* Adds functionality to the right sidebar
*
* @type Object
* @usage $.AdminLTE.controlSidebar.activate(options)
*/
$
.
AdminLTE
.
controlSidebar
=
{
//Default settings
defaults
:
{
toggleBtnSelector
:
"
[data-toggle='control-sidebar']
"
,
selector
:
"
.control-sidebar
"
,
slide
:
true
},
//instantiate the object
activate
:
function
(
options
)
{
activate
:
function
()
{
//Get the object
var
_this
=
this
;
//Update options
var
o
=
$
.
extend
({},
options
,
this
.
defaults
)
;
var
o
=
$
.
AdminLTE
.
options
.
controlSidebarOptions
;
//Get the sidebar
var
sidebar
=
$
(
o
.
selector
);
//The toggle button
var
btn
=
$
(
o
.
toggleBtnSelector
);
//Initial height fix
_this
.
fixHeight
(
sidebar
);
//Fix the height when the screen size changes
$
(
window
,
"
.content
"
).
resize
(
function
(){
_this
.
fixHeight
(
sidebar
);
console
.
log
(
'
debug
'
);
$
(
window
).
resize
(
function
()
{
_this
.
fixHeight
(
sidebar
);
});
//Listen to the click event
btn
.
click
(
function
(
e
)
{
btn
.
click
(
function
(
e
)
{
e
.
preventDefault
();
if
(
!
sidebar
.
hasClass
(
'
control-sidebar-open
'
))
{
if
(
!
sidebar
.
hasClass
(
'
control-sidebar-open
'
)
&&
!
$
(
'
body
'
).
hasClass
(
'
control-sidebar-open
'
))
{
//Open the sidebar
_this
.
open
(
sidebar
);
_this
.
open
(
sidebar
,
o
.
slide
);
}
else
{
_this
.
close
(
sidebar
);
_this
.
close
(
sidebar
,
o
.
slide
);
}
});
},
//Open the control sidebar
open
:
function
(
sidebar
)
{
sidebar
.
addClass
(
'
control-sidebar-open
'
);
open
:
function
(
sidebar
,
slide
)
{
if
(
slide
)
sidebar
.
addClass
(
'
control-sidebar-open
'
);
else
$
(
'
body
'
).
addClass
(
'
control-sidebar-open
'
);
},
//Close the control sidebar
close
:
function
(
sidebar
)
{
sidebar
.
removeClass
(
'
control-sidebar-open
'
);
},
close
:
function
(
sidebar
,
slide
)
{
if
(
slide
)
sidebar
.
removeClass
(
'
control-sidebar-open
'
);
else
$
(
'
body
'
).
removeClass
(
'
control-sidebar-open
'
);
},
//Fix the height of the sidebar
fixHeight
:
function
(
sidebar
)
{
//We'll have to make it small then stretch it again so it
fixHeight
:
function
(
sidebar
)
{
//We'll have to make it small then stretch it again so it
//doesn't occupy more than the space it needs
sidebar
.
css
(
'
min-height
'
,
$
(
window
).
height
()
-
$
(
"
.main-header
"
).
height
());
sidebar
.
css
(
'
min-height
'
,
$
(
document
).
height
()
-
$
(
"
.main-header
"
).
height
());
...
...
dist/js/app.min.js
浏览文件 @
5e888faa
...
...
@@ -10,4 +10,4 @@
* @version 2.1.0
* @license MIT <http://opensource.org/licenses/MIT>
*/
"
use strict
"
;
function
_init
(){
$
.
AdminLTE
.
layout
=
{
activate
:
function
(){
var
a
=
this
;
a
.
fix
(),
a
.
fixSidebar
(),
$
(
window
,
"
.wrapper
"
).
resize
(
function
(){
a
.
fix
(),
a
.
fixSidebar
()})},
fix
:
function
(){
var
a
=
$
(
"
.main-header
"
).
outerHeight
()
+
$
(
"
.main-footer
"
).
outerHeight
(),
b
=
$
(
window
).
height
(),
c
=
$
(
"
.sidebar
"
).
height
();
$
(
"
body
"
).
hasClass
(
"
fixed
"
)?
$
(
"
.content-wrapper, .right-side
"
).
css
(
"
min-height
"
,
b
-
$
(
"
.main-footer
"
).
outerHeight
()):
b
>=
c
?
$
(
"
.content-wrapper, .right-side
"
).
css
(
"
min-height
"
,
b
-
a
):
$
(
"
.content-wrapper, .right-side
"
).
css
(
"
min-height
"
,
c
)},
fixSidebar
:
function
(){
return
$
(
"
body
"
).
hasClass
(
"
fixed
"
)?(
"
undefined
"
==
typeof
$
.
fn
.
slimScroll
&&
console
&&
console
.
error
(
"
Error: the fixed layout requires the slimscroll plugin!
"
),
void
(
$
.
AdminLTE
.
options
.
sidebarSlimScroll
&&
"
undefined
"
!=
typeof
$
.
fn
.
slimScroll
&&
(
$
(
"
.sidebar
"
).
slimScroll
({
destroy
:
!
0
}).
height
(
"
auto
"
),
$
(
"
.sidebar
"
).
slimscroll
({
height
:
$
(
window
).
height
()
-
$
(
"
.main-header
"
).
height
()
+
"
px
"
,
color
:
"
rgba(0,0,0,0.2)
"
,
size
:
"
3px
"
})))):
void
(
"
undefined
"
!=
typeof
$
.
fn
.
slimScroll
&&
$
(
"
.sidebar
"
).
slimScroll
({
destroy
:
!
0
}).
height
(
"
auto
"
))}},
$
.
AdminLTE
.
pushMenu
=
function
(
a
){
var
b
=
this
.
options
.
screenSizes
;
$
(
a
).
click
(
function
(
a
){
a
.
preventDefault
(),
$
(
window
).
width
()
>
b
.
sm
-
1
?
$
(
"
body
"
).
toggleClass
(
"
sidebar-collapse
"
):
$
(
"
body
"
).
hasClass
(
"
sidebar-open
"
)?(
$
(
"
body
"
).
removeClass
(
"
sidebar-open
"
),
$
(
"
body
"
).
removeClass
(
"
sidebar-collapse
"
)):
$
(
"
body
"
).
addClass
(
"
sidebar-open
"
)}),
$
(
"
.content-wrapper
"
).
click
(
function
(){
$
(
window
).
width
()
<=
b
.
sm
-
1
&&
$
(
"
body
"
).
hasClass
(
"
sidebar-open
"
)
&&
$
(
"
body
"
).
removeClass
(
"
sidebar-open
"
)})},
$
.
AdminLTE
.
tree
=
function
(
a
){
var
b
=
this
;
$
(
"
li a
"
,
$
(
a
)).
click
(
function
(
a
){
var
c
=
$
(
this
),
d
=
c
.
next
();
if
(
d
.
is
(
"
.treeview-menu
"
)
&&
d
.
is
(
"
:visible
"
))
d
.
slideUp
(
"
normal
"
,
function
(){
d
.
removeClass
(
"
menu-open
"
)}),
d
.
parent
(
"
li
"
).
removeClass
(
"
active
"
);
else
if
(
d
.
is
(
"
.treeview-menu
"
)
&&!
d
.
is
(
"
:visible
"
)){
var
e
=
c
.
parents
(
"
ul
"
).
first
(),
f
=
e
.
find
(
"
ul:visible
"
).
slideUp
(
"
normal
"
);
f
.
removeClass
(
"
menu-open
"
);
var
g
=
c
.
parent
(
"
li
"
);
d
.
slideDown
(
"
normal
"
,
function
(){
d
.
addClass
(
"
menu-open
"
),
e
.
find
(
"
li.active
"
).
removeClass
(
"
active
"
),
g
.
addClass
(
"
active
"
),
b
.
layout
.
fix
()})}
d
.
is
(
"
.treeview-menu
"
)
&&
a
.
preventDefault
()})},
$
.
AdminLTE
.
controlSidebar
=
{
defaults
:{
toggleBtnSelector
:
"
[data-toggle='control-sidebar']
"
,
selector
:
"
.control-sidebar
"
,
slide
:
!
0
},
activate
:
function
(
a
){
var
b
=
this
,
c
=
$
.
extend
({},
a
,
this
.
defaults
),
d
=
$
(
c
.
selector
),
e
=
$
(
c
.
toggleBtnSelector
);
b
.
fixHeight
(
d
),
$
(
window
,
"
.content
"
).
resize
(
function
(){
b
.
fixHeight
(
d
),
console
.
log
(
"
debug
"
)}),
e
.
click
(
function
(
a
){
a
.
preventDefault
(),
d
.
hasClass
(
"
control-sidebar-open
"
)?
b
.
close
(
d
):
b
.
open
(
d
)})},
open
:
function
(
a
){
a
.
addClass
(
"
control-sidebar-open
"
)},
close
:
function
(
a
){
a
.
removeClass
(
"
control-sidebar-open
"
)},
fixHeight
:
function
(
a
){
a
.
css
(
"
min-height
"
,
$
(
window
).
height
()
-
$
(
"
.main-header
"
).
height
()),
a
.
css
(
"
min-height
"
,
$
(
document
).
height
()
-
$
(
"
.main-header
"
).
height
())}},
$
.
AdminLTE
.
boxWidget
=
{
activate
:
function
(){
var
a
=
$
.
AdminLTE
.
options
,
b
=
this
;
$
(
a
.
boxWidgetOptions
.
boxWidgetSelectors
.
collapse
).
click
(
function
(
a
){
a
.
preventDefault
(),
b
.
collapse
(
$
(
this
))}),
$
(
a
.
boxWidgetOptions
.
boxWidgetSelectors
.
remove
).
click
(
function
(
a
){
a
.
preventDefault
(),
b
.
remove
(
$
(
this
))})},
collapse
:
function
(
a
){
var
b
=
a
.
parents
(
"
.box
"
).
first
(),
c
=
b
.
find
(
"
.box-body, .box-footer
"
);
b
.
hasClass
(
"
collapsed-box
"
)?(
a
.
children
(
"
.fa-plus
"
).
removeClass
(
"
fa-plus
"
).
addClass
(
"
fa-minus
"
),
c
.
slideDown
(
300
,
function
(){
b
.
removeClass
(
"
collapsed-box
"
)})):(
a
.
children
(
"
.fa-minus
"
).
removeClass
(
"
fa-minus
"
).
addClass
(
"
fa-plus
"
),
c
.
slideUp
(
300
,
function
(){
b
.
addClass
(
"
collapsed-box
"
)}))},
remove
:
function
(
a
){
var
b
=
a
.
parents
(
"
.box
"
).
first
();
b
.
slideUp
()},
options
:
$
.
AdminLTE
.
options
.
boxWidgetOptions
}}
if
(
"
undefined
"
==
typeof
jQuery
)
throw
new
Error
(
"
AdminLTE requires jQuery
"
);
$
.
AdminLTE
=
{},
$
.
AdminLTE
.
options
=
{
navbarMenuSlimscroll
:
!
0
,
navbarMenuSlimscrollWidth
:
"
3px
"
,
navbarMenuHeight
:
"
200px
"
,
sidebarToggleSelector
:
"
[data-toggle='offcanvas']
"
,
sidebarPushMenu
:
!
0
,
sidebarSlimScroll
:
!
0
,
enableBoxRefresh
:
!
0
,
enableBSToppltip
:
!
0
,
BSTooltipSelector
:
"
[data-toggle='tooltip']
"
,
enableFastclick
:
!
0
,
enableControlSidebar
:
!
0
,
controlSidebarOptions
:{
toggleBtnSelector
:
"
[data-toggle='control-sidebar']
"
,
selector
:
"
.control-sidebar
"
,
slide
:
!
1
,
animationSpeed
:
300
},
enableBoxWidget
:
!
0
,
boxWidgetOptions
:{
boxWidgetIcons
:{
collapse
:
"
fa fa-minus
"
,
open
:
"
fa fa-plus
"
,
remove
:
"
fa fa-times
"
},
boxWidgetSelectors
:{
remove
:
'
[data-widget="remove"]
'
,
collapse
:
'
[data-widget="collapse"]
'
}},
directChat
:{
enable
:
!
0
,
contactToggleSelector
:
'
[data-widget="chat-pane-toggle"]
'
},
colors
:{
lightBlue
:
"
#3c8dbc
"
,
red
:
"
#f56954
"
,
green
:
"
#00a65a
"
,
aqua
:
"
#00c0ef
"
,
yellow
:
"
#f39c12
"
,
blue
:
"
#0073b7
"
,
navy
:
"
#001F3F
"
,
teal
:
"
#39CCCC
"
,
olive
:
"
#3D9970
"
,
lime
:
"
#01FF70
"
,
orange
:
"
#FF851B
"
,
fuchsia
:
"
#F012BE
"
,
purple
:
"
#8E24AA
"
,
maroon
:
"
#D81B60
"
,
black
:
"
#222222
"
,
gray
:
"
#d2d6de
"
},
screenSizes
:{
xs
:
480
,
sm
:
768
,
md
:
992
,
lg
:
1200
}},
$
(
function
(){
var
a
=
$
.
AdminLTE
.
options
;
_init
(),
$
.
AdminLTE
.
layout
.
activate
(),
$
.
AdminLTE
.
tree
(
"
.sidebar
"
),
a
.
enableControlSidebar
&&
$
.
AdminLTE
.
controlSidebar
.
activate
(
a
.
controlSidebarOptions
),
a
.
navbarMenuSlimscroll
&&
"
undefined
"
!=
typeof
$
.
fn
.
slimscroll
&&
$
(
"
.navbar .menu
"
).
slimscroll
({
height
:
"
200px
"
,
alwaysVisible
:
!
1
,
size
:
"
3px
"
}).
css
(
"
width
"
,
"
100%
"
),
a
.
sidebarPushMenu
&&
$
.
AdminLTE
.
pushMenu
(
a
.
sidebarToggleSelector
),
a
.
enableBSToppltip
&&
$
(
a
.
BSTooltipSelector
).
tooltip
(),
a
.
enableBoxWidget
&&
$
.
AdminLTE
.
boxWidget
.
activate
(),
a
.
enableFastclick
&&
"
undefined
"
!=
typeof
FastClick
&&
FastClick
.
attach
(
document
.
body
),
a
.
directChat
.
enable
&&
$
(
a
.
directChat
.
contactToggleSelector
).
click
(
function
(){
var
a
=
$
(
this
).
parents
(
"
.direct-chat
"
).
first
();
a
.
toggleClass
(
"
direct-chat-contacts-open
"
)}),
$
(
'
.btn-group[data-toggle="btn-toggle"]
'
).
each
(
function
(){
var
a
=
$
(
this
);
$
(
this
).
find
(
"
.btn
"
).
click
(
function
(
b
){
a
.
find
(
"
.btn.active
"
).
removeClass
(
"
active
"
),
$
(
this
).
addClass
(
"
active
"
),
b
.
preventDefault
()})})}),
function
(
a
){
a
.
fn
.
boxRefresh
=
function
(
b
){
function
c
(
a
){
a
.
append
(
f
),
e
.
onLoadStart
.
call
(
a
)}
function
d
(
a
){
a
.
find
(
f
).
remove
(),
e
.
onLoadDone
.
call
(
a
)}
var
e
=
a
.
extend
({
trigger
:
"
.refresh-btn
"
,
source
:
""
,
onLoadStart
:
function
(){},
onLoadDone
:
function
(){}},
b
),
f
=
a
(
'
<div class="overlay"><div class="fa fa-refresh fa-spin"></div></div>
'
);
return
this
.
each
(
function
(){
if
(
""
===
e
.
source
)
return
void
(
console
&&
console
.
log
(
"
Please specify a source first - boxRefresh()
"
));
var
b
=
a
(
this
),
f
=
b
.
find
(
e
.
trigger
).
first
();
f
.
click
(
function
(
a
){
a
.
preventDefault
(),
c
(
b
),
b
.
find
(
"
.box-body
"
).
load
(
e
.
source
,
function
(){
d
(
b
)})})})}}(
jQuery
),
function
(
a
){
a
.
fn
.
todolist
=
function
(
b
){
var
c
=
a
.
extend
({
onCheck
:
function
(){},
onUncheck
:
function
(){}},
b
);
return
this
.
each
(
function
(){
"
undefined
"
!=
typeof
a
.
fn
.
iCheck
?(
a
(
"
input
"
,
this
).
on
(
"
ifChecked
"
,
function
(){
var
b
=
a
(
this
).
parents
(
"
li
"
).
first
();
b
.
toggleClass
(
"
done
"
),
c
.
onCheck
.
call
(
b
)}),
a
(
"
input
"
,
this
).
on
(
"
ifUnchecked
"
,
function
(){
var
b
=
a
(
this
).
parents
(
"
li
"
).
first
();
b
.
toggleClass
(
"
done
"
),
c
.
onUncheck
.
call
(
b
)})):
a
(
"
input
"
,
this
).
on
(
"
change
"
,
function
(){
var
b
=
a
(
this
).
parents
(
"
li
"
).
first
();
b
.
toggleClass
(
"
done
"
),
c
.
onCheck
.
call
(
b
)})})}}(
jQuery
);
\ No newline at end of file
"
use strict
"
;
function
_init
(){
$
.
AdminLTE
.
layout
=
{
activate
:
function
(){
var
a
=
this
;
a
.
fix
(),
a
.
fixSidebar
(),
$
(
window
,
"
.wrapper
"
).
resize
(
function
(){
a
.
fix
(),
a
.
fixSidebar
()})},
fix
:
function
(){
var
a
=
$
(
"
.main-header
"
).
outerHeight
()
+
$
(
"
.main-footer
"
).
outerHeight
(),
b
=
$
(
window
).
height
(),
c
=
$
(
"
.sidebar
"
).
height
();
$
(
"
body
"
).
hasClass
(
"
fixed
"
)?
$
(
"
.content-wrapper, .right-side
"
).
css
(
"
min-height
"
,
b
-
$
(
"
.main-footer
"
).
outerHeight
()):
b
>=
c
?
$
(
"
.content-wrapper, .right-side
"
).
css
(
"
min-height
"
,
b
-
a
):
$
(
"
.content-wrapper, .right-side
"
).
css
(
"
min-height
"
,
c
)},
fixSidebar
:
function
(){
return
$
(
"
body
"
).
hasClass
(
"
fixed
"
)?(
"
undefined
"
==
typeof
$
.
fn
.
slimScroll
&&
console
&&
console
.
error
(
"
Error: the fixed layout requires the slimscroll plugin!
"
),
void
(
$
.
AdminLTE
.
options
.
sidebarSlimScroll
&&
"
undefined
"
!=
typeof
$
.
fn
.
slimScroll
&&
(
$
(
"
.sidebar
"
).
slimScroll
({
destroy
:
!
0
}).
height
(
"
auto
"
),
$
(
"
.sidebar
"
).
slimscroll
({
height
:
$
(
window
).
height
()
-
$
(
"
.main-header
"
).
height
()
+
"
px
"
,
color
:
"
rgba(0,0,0,0.2)
"
,
size
:
"
3px
"
})))):
void
(
"
undefined
"
!=
typeof
$
.
fn
.
slimScroll
&&
$
(
"
.sidebar
"
).
slimScroll
({
destroy
:
!
0
}).
height
(
"
auto
"
))}},
$
.
AdminLTE
.
pushMenu
=
function
(
a
){
var
b
=
this
.
options
.
screenSizes
;
$
(
a
).
click
(
function
(
a
){
a
.
preventDefault
(),
$
(
window
).
width
()
>
b
.
sm
-
1
?
$
(
"
body
"
).
toggleClass
(
"
sidebar-collapse
"
):
$
(
"
body
"
).
hasClass
(
"
sidebar-open
"
)?(
$
(
"
body
"
).
removeClass
(
"
sidebar-open
"
),
$
(
"
body
"
).
removeClass
(
"
sidebar-collapse
"
)):
$
(
"
body
"
).
addClass
(
"
sidebar-open
"
)}),
$
(
"
.content-wrapper
"
).
click
(
function
(){
$
(
window
).
width
()
<=
b
.
sm
-
1
&&
$
(
"
body
"
).
hasClass
(
"
sidebar-open
"
)
&&
$
(
"
body
"
).
removeClass
(
"
sidebar-open
"
)})},
$
.
AdminLTE
.
tree
=
function
(
a
){
var
b
=
this
;
$
(
"
li a
"
,
$
(
a
)).
click
(
function
(
a
){
var
c
=
$
(
this
),
d
=
c
.
next
();
if
(
d
.
is
(
"
.treeview-menu
"
)
&&
d
.
is
(
"
:visible
"
))
d
.
slideUp
(
"
normal
"
,
function
(){
d
.
removeClass
(
"
menu-open
"
)}),
d
.
parent
(
"
li
"
).
removeClass
(
"
active
"
);
else
if
(
d
.
is
(
"
.treeview-menu
"
)
&&!
d
.
is
(
"
:visible
"
)){
var
e
=
c
.
parents
(
"
ul
"
).
first
(),
f
=
e
.
find
(
"
ul:visible
"
).
slideUp
(
"
normal
"
);
f
.
removeClass
(
"
menu-open
"
);
var
g
=
c
.
parent
(
"
li
"
);
d
.
slideDown
(
"
normal
"
,
function
(){
d
.
addClass
(
"
menu-open
"
),
e
.
find
(
"
li.active
"
).
removeClass
(
"
active
"
),
g
.
addClass
(
"
active
"
),
b
.
layout
.
fix
()})}
d
.
is
(
"
.treeview-menu
"
)
&&
a
.
preventDefault
()})},
$
.
AdminLTE
.
controlSidebar
=
{
activate
:
function
(){
var
a
=
this
,
b
=
$
.
AdminLTE
.
options
.
controlSidebarOptions
,
c
=
$
(
b
.
selector
),
d
=
$
(
b
.
toggleBtnSelector
);
a
.
fixHeight
(
c
),
$
(
window
).
resize
(
function
(){
a
.
fixHeight
(
c
)}),
d
.
click
(
function
(
d
){
d
.
preventDefault
(),
c
.
hasClass
(
"
control-sidebar-open
"
)
||
$
(
"
body
"
).
hasClass
(
"
control-sidebar-open
"
)?
a
.
close
(
c
,
b
.
slide
):
a
.
open
(
c
,
b
.
slide
)})},
open
:
function
(
a
,
b
){
b
?
a
.
addClass
(
"
control-sidebar-open
"
):
$
(
"
body
"
).
addClass
(
"
control-sidebar-open
"
)},
close
:
function
(
a
,
b
){
b
?
a
.
removeClass
(
"
control-sidebar-open
"
):
$
(
"
body
"
).
removeClass
(
"
control-sidebar-open
"
)},
fixHeight
:
function
(
a
){
a
.
css
(
"
min-height
"
,
$
(
window
).
height
()
-
$
(
"
.main-header
"
).
height
()),
a
.
css
(
"
min-height
"
,
$
(
document
).
height
()
-
$
(
"
.main-header
"
).
height
())}},
$
.
AdminLTE
.
boxWidget
=
{
activate
:
function
(){
var
a
=
$
.
AdminLTE
.
options
,
b
=
this
;
$
(
a
.
boxWidgetOptions
.
boxWidgetSelectors
.
collapse
).
click
(
function
(
a
){
a
.
preventDefault
(),
b
.
collapse
(
$
(
this
))}),
$
(
a
.
boxWidgetOptions
.
boxWidgetSelectors
.
remove
).
click
(
function
(
a
){
a
.
preventDefault
(),
b
.
remove
(
$
(
this
))})},
collapse
:
function
(
a
){
var
b
=
a
.
parents
(
"
.box
"
).
first
(),
c
=
b
.
find
(
"
.box-body, .box-footer
"
);
b
.
hasClass
(
"
collapsed-box
"
)?(
a
.
children
(
"
.fa-plus
"
).
removeClass
(
"
fa-plus
"
).
addClass
(
"
fa-minus
"
),
c
.
slideDown
(
300
,
function
(){
b
.
removeClass
(
"
collapsed-box
"
)})):(
a
.
children
(
"
.fa-minus
"
).
removeClass
(
"
fa-minus
"
).
addClass
(
"
fa-plus
"
),
c
.
slideUp
(
300
,
function
(){
b
.
addClass
(
"
collapsed-box
"
)}))},
remove
:
function
(
a
){
var
b
=
a
.
parents
(
"
.box
"
).
first
();
b
.
slideUp
()},
options
:
$
.
AdminLTE
.
options
.
boxWidgetOptions
}}
if
(
"
undefined
"
==
typeof
jQuery
)
throw
new
Error
(
"
AdminLTE requires jQuery
"
);
$
.
AdminLTE
=
{},
$
.
AdminLTE
.
options
=
{
navbarMenuSlimscroll
:
!
0
,
navbarMenuSlimscrollWidth
:
"
3px
"
,
navbarMenuHeight
:
"
200px
"
,
sidebarToggleSelector
:
"
[data-toggle='offcanvas']
"
,
sidebarPushMenu
:
!
0
,
sidebarSlimScroll
:
!
0
,
enableBoxRefresh
:
!
0
,
enableBSToppltip
:
!
0
,
BSTooltipSelector
:
"
[data-toggle='tooltip']
"
,
enableFastclick
:
!
0
,
enableControlSidebar
:
!
0
,
controlSidebarOptions
:{
toggleBtnSelector
:
"
[data-toggle='control-sidebar']
"
,
selector
:
"
.control-sidebar
"
,
slide
:
!
0
},
enableBoxWidget
:
!
0
,
boxWidgetOptions
:{
boxWidgetIcons
:{
collapse
:
"
fa fa-minus
"
,
open
:
"
fa fa-plus
"
,
remove
:
"
fa fa-times
"
},
boxWidgetSelectors
:{
remove
:
'
[data-widget="remove"]
'
,
collapse
:
'
[data-widget="collapse"]
'
}},
directChat
:{
enable
:
!
0
,
contactToggleSelector
:
'
[data-widget="chat-pane-toggle"]
'
},
colors
:{
lightBlue
:
"
#3c8dbc
"
,
red
:
"
#f56954
"
,
green
:
"
#00a65a
"
,
aqua
:
"
#00c0ef
"
,
yellow
:
"
#f39c12
"
,
blue
:
"
#0073b7
"
,
navy
:
"
#001F3F
"
,
teal
:
"
#39CCCC
"
,
olive
:
"
#3D9970
"
,
lime
:
"
#01FF70
"
,
orange
:
"
#FF851B
"
,
fuchsia
:
"
#F012BE
"
,
purple
:
"
#8E24AA
"
,
maroon
:
"
#D81B60
"
,
black
:
"
#222222
"
,
gray
:
"
#d2d6de
"
},
screenSizes
:{
xs
:
480
,
sm
:
768
,
md
:
992
,
lg
:
1200
}},
$
(
function
(){
var
a
=
$
.
AdminLTE
.
options
;
_init
(),
$
.
AdminLTE
.
layout
.
activate
(),
$
.
AdminLTE
.
tree
(
"
.sidebar
"
),
a
.
enableControlSidebar
&&
$
.
AdminLTE
.
controlSidebar
.
activate
(),
a
.
navbarMenuSlimscroll
&&
"
undefined
"
!=
typeof
$
.
fn
.
slimscroll
&&
$
(
"
.navbar .menu
"
).
slimscroll
({
height
:
"
200px
"
,
alwaysVisible
:
!
1
,
size
:
"
3px
"
}).
css
(
"
width
"
,
"
100%
"
),
a
.
sidebarPushMenu
&&
$
.
AdminLTE
.
pushMenu
(
a
.
sidebarToggleSelector
),
a
.
enableBSToppltip
&&
$
(
a
.
BSTooltipSelector
).
tooltip
(),
a
.
enableBoxWidget
&&
$
.
AdminLTE
.
boxWidget
.
activate
(),
a
.
enableFastclick
&&
"
undefined
"
!=
typeof
FastClick
&&
FastClick
.
attach
(
document
.
body
),
a
.
directChat
.
enable
&&
$
(
a
.
directChat
.
contactToggleSelector
).
click
(
function
(){
var
a
=
$
(
this
).
parents
(
"
.direct-chat
"
).
first
();
a
.
toggleClass
(
"
direct-chat-contacts-open
"
)}),
$
(
'
.btn-group[data-toggle="btn-toggle"]
'
).
each
(
function
(){
var
a
=
$
(
this
);
$
(
this
).
find
(
"
.btn
"
).
click
(
function
(
b
){
a
.
find
(
"
.btn.active
"
).
removeClass
(
"
active
"
),
$
(
this
).
addClass
(
"
active
"
),
b
.
preventDefault
()})})}),
function
(
a
){
a
.
fn
.
boxRefresh
=
function
(
b
){
function
c
(
a
){
a
.
append
(
f
),
e
.
onLoadStart
.
call
(
a
)}
function
d
(
a
){
a
.
find
(
f
).
remove
(),
e
.
onLoadDone
.
call
(
a
)}
var
e
=
a
.
extend
({
trigger
:
"
.refresh-btn
"
,
source
:
""
,
onLoadStart
:
function
(){},
onLoadDone
:
function
(){}},
b
),
f
=
a
(
'
<div class="overlay"><div class="fa fa-refresh fa-spin"></div></div>
'
);
return
this
.
each
(
function
(){
if
(
""
===
e
.
source
)
return
void
(
console
&&
console
.
log
(
"
Please specify a source first - boxRefresh()
"
));
var
b
=
a
(
this
),
f
=
b
.
find
(
e
.
trigger
).
first
();
f
.
click
(
function
(
a
){
a
.
preventDefault
(),
c
(
b
),
b
.
find
(
"
.box-body
"
).
load
(
e
.
source
,
function
(){
d
(
b
)})})})}}(
jQuery
),
function
(
a
){
a
.
fn
.
todolist
=
function
(
b
){
var
c
=
a
.
extend
({
onCheck
:
function
(){},
onUncheck
:
function
(){}},
b
);
return
this
.
each
(
function
(){
"
undefined
"
!=
typeof
a
.
fn
.
iCheck
?(
a
(
"
input
"
,
this
).
on
(
"
ifChecked
"
,
function
(){
var
b
=
a
(
this
).
parents
(
"
li
"
).
first
();
b
.
toggleClass
(
"
done
"
),
c
.
onCheck
.
call
(
b
)}),
a
(
"
input
"
,
this
).
on
(
"
ifUnchecked
"
,
function
(){
var
b
=
a
(
this
).
parents
(
"
li
"
).
first
();
b
.
toggleClass
(
"
done
"
),
c
.
onUncheck
.
call
(
b
)})):
a
(
"
input
"
,
this
).
on
(
"
change
"
,
function
(){
var
b
=
a
(
this
).
parents
(
"
li
"
).
first
();
b
.
toggleClass
(
"
done
"
),
c
.
onCheck
.
call
(
b
)})})}}(
jQuery
);
\ No newline at end of file
index2.html
浏览文件 @
5e888faa
此差异已折叠。
点击以展开。
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录