Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
知鸟1号
AdminLTE
提交
2f64568f
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,发现更多精彩内容 >>
提交
2f64568f
编写于
3月 13, 2016
作者:
A
Abdullah Almsaeed
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Fix #957. Make pace visible in skin black
上级
18b882dd
变更
5
隐藏空白更改
内联
并排
Showing
5 changed file
with
26 addition
and
2 deletion
+26
-2
build/less/skins/skin-black.less
build/less/skins/skin-black.less
+10
-0
dist/css/skins/_all-skins.css
dist/css/skins/_all-skins.css
+7
-0
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
+7
-0
dist/css/skins/skin-black.min.css
dist/css/skins/skin-black.min.css
+1
-1
未找到文件。
build/less/skins/skin-black.less
浏览文件 @
2f64568f
...
...
@@ -61,4 +61,14 @@
}
//Create the sidebar skin
.skin-dark-sidebar(#fff);
.pace {
.pace-progress {
background: #222;
}
.pace-activity {
border-top-color: #222;
border-left-color: #222;
}
}
}
dist/css/skins/_all-skins.css
浏览文件 @
2f64568f
...
...
@@ -461,6 +461,13 @@
border-bottom-right-radius
:
2px
;
border-bottom-left-radius
:
0
;
}
.skin-black
.pace
.pace-progress
{
background
:
#222
;
}
.skin-black
.pace
.pace-activity
{
border-top-color
:
#222
;
border-left-color
:
#222
;
}
/*
* Skin: Black
* -----------
...
...
dist/css/skins/_all-skins.min.css
浏览文件 @
2f64568f
.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-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-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-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-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-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-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-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-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-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-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-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
}}
\ 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
,
.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-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-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
.pace
.pace-progress
{
background
:
#222
}
.skin-black
.pace
.pace-activity
{
border-top-color
:
#222
;
border-left-color
:
#222
}
.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-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-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-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-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-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-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-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-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
}}
\ No newline at end of file
dist/css/skins/skin-black.css
浏览文件 @
2f64568f
...
...
@@ -152,3 +152,10 @@
border-bottom-right-radius
:
2px
;
border-bottom-left-radius
:
0
;
}
.skin-black
.pace
.pace-progress
{
background
:
#222
;
}
.skin-black
.pace
.pace-activity
{
border-top-color
:
#222
;
border-left-color
:
#222
;
}
dist/css/skins/skin-black.min.css
浏览文件 @
2f64568f
.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
}
\ 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
,
.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
.pace
.pace-progress
{
background
:
#222
}
.skin-black
.pace
.pace-activity
{
border-top-color
:
#222
;
border-left-color
:
#222
}
\ No newline at end of file
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录