feat: 后端全量更新 - 含所有本次需求

- Contract.php: 返回合约账户余额(balance_contract)
- My.php: 地址管理增加BTC/ETH
- AppContract.php: 一键平仓(closeall)
- AppProxy.php: 代理专属注册链接 + 分级权限(L1/L2)
- site.php: 手续费减半(0.018→0.009)
- agent_permission_setup.sql: 代理权限SQL
- crypto_news_crawler.py: 新闻自动采集脚本
This commit is contained in:
li
2026-03-30 20:16:32 +08:00
commit 1b24994e74
6721 changed files with 1308571 additions and 0 deletions
+1173
View File
File diff suppressed because it is too large Load Diff
+1
View File
File diff suppressed because one or more lines are too long
+6727
View File
File diff suppressed because it is too large Load Diff
+1
View File
File diff suppressed because one or more lines are too long
+1
View File
File diff suppressed because one or more lines are too long
+5889
View File
File diff suppressed because it is too large Load Diff
+1
View File
File diff suppressed because one or more lines are too long
+610
View File
@@ -0,0 +1,610 @@
@import url("../css/bootstrap.css");
@import url("../css/fastadmin.css");
@import url("../css/iconfont.css");
@import url("../libs/font-awesome/css/font-awesome.min.css");
@import url("../libs/toastr/toastr.min.css");
@import url("../libs/fastadmin-layer/dist/theme/default/layer.css");
@import url("../libs/bootstrap-table/dist/bootstrap-table.min.css");
@import url("../libs/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css");
@import url("../libs/bootstrap-daterangepicker/daterangepicker.css");
@import url("../libs/nice-validator/dist/jquery.validator.css");
@import url("../libs/bootstrap-select/dist/css/bootstrap-select.min.css");
@import url("../libs/fastadmin-selectpage/selectpage.css");
@import url("../libs/bootstrap-slider/slider.css");
html,
body {
height: 100%;
}
body {
padding-top: 50px;
font-size: 13px;
background: #f4f6f8;
}
.dropdown:hover .dropdown-menu {
display: block;
margin-top: 0;
}
.navbar {
border: none;
}
.navbar-nav > li > a {
font-size: 14px;
}
.navbar-nav ul.dropdown-menu > li > a {
padding: 5px 20px;
font-size: 13px;
}
.toast-top-center {
top: 50px;
}
#toast-container > div {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/*修复nice-validator和summernote的编辑框冲突*/
.nice-validator .note-editor .note-editing-area .note-editable {
display: inherit;
}
/*预览区域*/
.plupload-preview,
.faupload-preview {
padding: 0 10px;
margin-bottom: 0;
}
.plupload-preview li,
.faupload-preview li {
margin-top: 10px;
}
.plupload-preview .thumbnail,
.faupload-preview .thumbnail {
margin-bottom: 10px;
}
.plupload-preview a,
.faupload-preview a {
display: block;
}
.plupload-preview a:first-child,
.faupload-preview a:first-child {
height: 90px;
}
.plupload-preview a img,
.faupload-preview a img {
height: 80px;
object-fit: cover;
}
.layui-layer-content {
clear: both;
}
.layui-layer-fast-msg {
min-width: 100px;
border-radius: 2px;
background-color: rgba(0, 0, 0, 0.6);
color: #fff;
}
.layui-layer-fast-msg .layui-layer-content {
padding: 12px 25px;
text-align: center;
}
.input-group > .msg-box.n-right {
position: absolute;
}
.bootstrap-select .status {
background: #f0f0f0;
clear: both;
color: #999;
font-size: 12px;
font-weight: 500;
line-height: 1;
margin-bottom: -5px;
padding: 10px 20px;
}
select.bs-select-hidden,
select.selectpicker {
display: inherit !important;
max-height: 31px;
overflow: hidden;
}
select.bs-select-hidden[multiple],
select.selectpicker[multiple] {
height: 31px;
padding: 0;
background: #f4f4f4;
}
select.bs-select-hidden[multiple] option,
select.selectpicker[multiple] option {
color: #f4f4f4;
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance:none) {
select.bs-select-hidden[multiple],
select.selectpicker[multiple] {
visibility: hidden;
}
}
}
input.selectpage {
color: transparent;
pointer-events: none;
}
.sp_container input.selectpage {
color: inherit;
pointer-events: inherit;
padding-left: 12px;
padding-right: 12px;
}
.sp_container .sp_element_box input.selectpage {
padding-left: 0;
padding-right: 0;
}
.sp_container .sp_element_box li:first-child input.selectpage {
padding-left: 9px;
padding-right: 9px;
}
/*修复radio和checkbox样式对齐*/
.radio > label,
.checkbox > label {
margin-right: 10px;
}
.radio > label > input,
.checkbox > label > input {
margin: 2px 0 0;
}
#header-navbar li.dropdown ul.dropdown-menu {
min-width: 94px;
}
form.form-horizontal .control-label {
font-weight: normal;
}
.panel-default {
padding: 0 15px;
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.panel-default > .panel-heading {
position: relative;
font-size: 16px;
padding: 15px 0;
background: #fff;
border-bottom: 1px solid #f5f5f5;
}
.panel-default h2.page-header {
margin-top: 0;
height: 50px;
line-height: 31px;
font-size: 18px;
padding: 10px 0;
border-bottom: 1px solid #f5f5f5;
}
.panel-default > .panel-heading .panel-title {
color: #313131;
}
.panel-default > .panel-heading .panel-title > i {
display: none;
}
.panel-default > .panel-heading .more {
position: absolute;
top: 13px;
right: 0;
display: block;
color: #919191;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.panel-default > .panel-heading .more:hover {
color: #616161;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.panel-default > .panel-heading .panel-bar {
position: absolute;
top: 7px;
right: 0;
display: block;
}
@media (max-width: 767px) {
.panel-default {
padding: 0 10px;
}
.panel-default > .panel-heading {
padding: 10px 0;
}
.panel-default > .panel-heading .more {
top: 8px;
}
> .panel-body {
position: relative;
padding: 15px 0;
}
> .panel-footer {
padding: 15px 0;
background: none;
}
}
.panel-gray {
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}
.panel-gray > .panel-heading {
background-color: #f5f5f5;
color: #919191;
}
.panel-gray > .panel-body {
color: #919191;
background: #fff;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.panel-page {
padding: 45px 50px 50px;
min-height: 500px;
}
.panel-page .panel-heading {
background: transparent;
border-bottom: none;
margin: 0 0 30px 0;
padding: 0;
}
.panel-page .panel-heading h2 {
font-size: 25px;
margin-top: 0;
}
@media (max-width: 767px) {
.panel-page {
padding: 15px;
min-height: 300px;
}
}
.nav-pills > li {
margin-right: 5px;
}
.nav-pills > li > a {
padding: 10px 15px;
color: #616161;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.nav-pills > li > a:hover {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background-color: #f5f5f5;
}
.nav-pills > li.active > a {
border: none;
color: #fff;
background: #46c37b;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
border-radius: 3px;
}
.nav-pills.nav-pills-sm > li > a {
font-size: 12px;
line-height: 1.5;
padding: 4px 13px;
}
.fieldlist dd {
display: block;
margin: 5px 0;
}
.fieldlist dd input {
display: inline-block;
width: 300px;
}
.fieldlist dd input:first-child {
width: 110px;
}
.fieldlist dd ins {
width: 110px;
display: inline-block;
text-decoration: none;
font-weight: bold;
}
/* 弹窗中的表单 */
.form-layer {
height: 100%;
min-height: 150px;
min-width: 300px;
}
.form-layer .form-body {
width: 100%;
overflow: auto;
top: 0;
position: absolute;
z-index: 10;
bottom: 50px;
padding: 15px;
}
.form-layer .form-footer {
height: 50px;
line-height: 50px;
background-color: #ecf0f1;
width: 100%;
position: absolute;
z-index: 200;
bottom: 0;
margin: 0;
}
.form-layer .form-footer .form-group {
margin-left: 0;
margin-right: 0;
}
footer.footer {
width: 100%;
color: #aaa;
background: #555;
margin-top: 25px;
}
footer.footer .copyright {
line-height: 50px;
text-align: center;
background: #393939;
margin: 0;
}
footer.footer .copyright a {
color: #aaa;
}
footer.footer .copyright a:hover {
color: #fff;
}
.rotate {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: -webkit-transform,-moz-transform,-o-transform,transform;
overflow: hidden;
}
.rotate:hover {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.user-section {
background: #fff;
padding: 15px;
margin-bottom: 20px;
-webkit-border-radius: 4px;
-webkit-background-clip: padding-box;
-moz-border-radius: 4px;
-moz-background-clip: padding;
border-radius: 4px;
background-clip: padding-box;
}
.login-section {
margin: 50px auto;
width: 460px;
-webkit-border-radius: 0;
-webkit-background-clip: padding-box;
-moz-border-radius: 0;
-moz-background-clip: padding;
border-radius: 0;
background-clip: padding-box;
}
.login-section.login-section-weixin {
min-height: 315px;
}
.login-section .logon-tab {
margin: -15px -15px 0 -15px;
}
.login-section .logon-tab > a {
display: block;
padding: 20px;
float: left;
width: 50%;
font-size: 16px;
text-align: center;
color: #616161;
background-color: #ececec;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.login-section .logon-tab > a:hover {
background-color: #fafafa;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.login-section .logon-tab > a.active {
background-color: #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.login-section .login-main {
padding: 40px 45px 20px 45px;
}
.login-section .control-label {
font-size: 13px;
}
.login-section .n-bootstrap .form-group {
position: relative;
}
.login-section .n-bootstrap .input-group {
position: inherit;
}
.login-section .n-bootstrap .n-right {
margin-top: 0;
top: 0;
position: absolute;
left: 0;
text-align: right;
width: 100%;
}
.login-section .n-bootstrap .n-right .msg-wrap {
position: relative;
}
main.content {
width: 100%;
overflow: auto;
padding: 15px;
padding-top: 20px;
min-height: calc(100vh - 125px);
}
.sidenav {
padding: 20px 0 10px 0;
margin-bottom: 20px;
background-color: #fff;
}
.sidenav .list-group:last-child {
margin-bottom: 0;
}
.sidenav .list-group .list-group-heading {
list-style-type: none;
color: #919191;
margin-bottom: 10px;
margin-left: 35px;
font-size: 14px;
}
.sidenav .list-group .list-group-item {
-webkit-border-radius: 0;
-webkit-background-clip: padding-box;
-moz-border-radius: 0;
-moz-background-clip: padding;
border-radius: 0;
background-clip: padding-box;
border: none;
padding: 0;
border-left: 2px solid transparent;
}
.sidenav .list-group .list-group-item:last-child,
.sidenav .list-group .list-group-item:first-child {
-webkit-border-radius: 0;
-webkit-background-clip: padding-box;
-moz-border-radius: 0;
-moz-background-clip: padding;
border-radius: 0;
background-clip: padding-box;
}
.sidenav .list-group .list-group-item:hover {
border-left: 2px solid rgba(245, 245, 245, 0.38);
background-color: rgba(245, 245, 245, 0.38);
}
.sidenav .list-group .list-group-item > a {
display: block;
color: #616161;
padding: 10px 15px 10px 35px;
}
.sidenav .list-group .list-group-item.active {
border-left: 2px solid #46c37b;
background-color: rgba(245, 245, 245, 0.38);
}
.sidenav .list-group .list-group-item.active > a {
color: #46c37b;
}
.nav li .avatar-text,
.nav li .avatar-img {
height: 30px;
width: 30px;
line-height: 30px;
font-size: 14px;
}
.nav li .avatar-img {
font-size: 0;
}
.nav li .avatar-img img {
border-radius: 30px;
width: 30px;
height: 30px;
}
.avatar-text,
.avatar-img {
display: inline-block;
box-sizing: content-box;
color: #fff;
text-align: center;
vertical-align: top;
background-color: #e8ecf3;
font-weight: normal;
width: 48px;
height: 48px;
border-radius: 48px;
font-size: 24px;
line-height: 48px;
}
.avatar-img {
font-size: 0;
}
.avatar-img img {
border-radius: 48px;
width: 48px;
height: 48px;
}
@media (max-width: 767px) {
main.content {
position: inherit;
padding: 15px 0;
}
.login-section {
width: 100%;
margin: 20px auto;
}
.login-section .login-main {
padding: 20px 0 0 0;
}
footer.footer {
position: inherit;
}
footer.footer .copyright {
padding: 10px;
line-height: 30px;
}
}
.pager .pagination {
margin: 0;
}
.pager li {
margin: 0 .4em;
display: inline-block;
}
.pager li:first-child > a,
.pager li:last-child > a,
.pager li:first-child > span,
.pager li:last-child > span {
padding: .5em 1.2em;
}
.pager li > a,
.pager li > span {
background: none;
border: 1px solid #e6e6e6;
border-radius: 0.25em;
padding: .5em .93em;
font-size: 14px;
}
.jumpto input {
height: 31px;
width: 50px;
margin-left: 5px;
margin-right: 5px;
text-align: center;
display: inline-block;
}
/*# sourceMappingURL=frontend.css.map */
+1
View File
File diff suppressed because one or more lines are too long
+25
View File
@@ -0,0 +1,25 @@
@font-face {font-family: "iconfont";
src: url('../fonts/iconfont/iconfont.eot?t=1487643189178'); /* IE9*/
src: url('../fonts/iconfont/iconfont.eot?t=1487643189178#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/iconfont/iconfont.woff?t=1487643189178') format('woff'), /* chrome, firefox */
url('../fonts/iconfont/iconfont.ttf?t=1487643189178') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('../fonts/iconfont/iconfont.svg?t=1487643189178#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family:"iconfont" !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-max:before { content: "\e623"; }
.icon-restore:before { content: "\e624"; }
.icon-min:before { content: "\e625"; }
.icon-close:before { content: "\e626"; }
+203
View File
@@ -0,0 +1,203 @@
html,
body {
height: 100%;
width: 100%;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: "Roboto", "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", BlinkMacSystemFont, -apple-system, "Segoe UI", "Microsoft Yahei", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-weight: 400;
}
a {
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
transition: all 0.35s;
color: #474157;
}
a:hover,
a:focus {
color: #474157;
}
hr {
max-width: 100px;
margin: 25px auto 0;
border-width: 1px;
border-color: rgba(34, 34, 34, 0.1);
}
hr.light {
border-color: white;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 200;
letter-spacing: 1px;
}
p {
font-size: 16px;
line-height: 1.5;
margin-bottom: 20px;
}
.navbar-default {
font-weight: 200;
letter-spacing: 1px;
}
.navbar-default .navbar-header .navbar-brand {
font-weight: 200;
letter-spacing: 1px;
color: #474157;
}
.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
color: #474157;
}
.navbar-default .navbar-header .navbar-toggle {
font-size: 12px;
color: #474157;
padding: 8px 10px;
}
.navbar-default .nav > li > a {
text-transform: uppercase;
letter-spacing: 2px;
font-size: 14px;
color: #7a798c;
}
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus:hover {
color: #474157;
}
.navbar-default .nav > li.active > a,
.navbar-default .nav > li.active > a:focus {
color: #474157 !important;
background-color: transparent;
}
.navbar-default .nav > li.active > a:hover,
.navbar-default .nav > li.active > a:focus:hover {
background-color: transparent;
}
#mainbody {
position: relative;
width: 100%;
min-height: auto;
overflow-y: hidden;
background: #f1f6fd;
color: #474157;
height: calc(100vh - 61px);
}
#mainbody .index-text {
text-align: center;
padding: 250px 0 50px;
position: relative;
height: 100vh;
}
#mainbody .index-text h1 {
font-size: 50px;
font-weight: bold;
color: #171347
}
#mainbody .index-gallery {
text-align: center;
padding: 200px 0 50px;
position: relative;
}
@media (max-height: 500px) {
#mainbody {
height: inherit;
}
}
@media (min-width: 768px) {
.navbar-default {
background-color: transparent;
border-color: transparent;
}
#mainbody .index-text {
text-align: left;
}
}
@media (max-width: 767px) {
.navbar-default {
background-color: #f1f6fd;
border-color: #f1f6fd;
}
.navbar-default .navbar-collapse {
background: #f1f6fd;
box-shadow: 5px 9px 5px rgba(0, 0, 0, 0.07);
}
#mainbody {
height: unset;
}
#mainbody .index-text {
padding: 130px 0 0 0;
height: calc(100vh - 261px);
}
#mainbody .index-gallery {
padding: 30px 0 50px 0;
}
#mainbody .index-text h1 {
font-size: 50px;
margin-bottom: 20px;
}
}
footer {
background-color: #222222;
padding: 20px 0;
color: rgba(255, 255, 255, 0.3);
text-align: center;
}
footer p {
font-size: 14px;
margin: 0;
}
.bg-primary {
background: #fdcc52;
background: -webkit-linear-gradient(#fdcc52, #fdc539);
background: linear-gradient(#fdcc52, #fdc539);
}
.btn {
text-transform: uppercase;
letter-spacing: 2px;
border-radius: 300px;
}
.btn-xl {
margin-top: 20px;
padding: 10px 45px;
font-size: 14px;
}
+1
View File
@@ -0,0 +1 @@
/*# sourceMappingURL=lesshat.css.map */
File diff suppressed because it is too large Load Diff
+243
View File
@@ -0,0 +1,243 @@
/*
* Skin: Black blue
* -----------
*/
.skin-black-blue .main-header {
background: #222d32;
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}
.skin-black-blue .main-header .navbar {
background-color: #fff;
}
.skin-black-blue .main-header .navbar .nav > li > a {
color: #666;
}
.skin-black-blue .main-header .navbar .nav > li > a:hover,
.skin-black-blue .main-header .navbar .nav > li > a:active,
.skin-black-blue .main-header .navbar .nav > li > a:focus,
.skin-black-blue .main-header .navbar .nav .open > a,
.skin-black-blue .main-header .navbar .nav .open > a:hover,
.skin-black-blue .main-header .navbar .nav .open > a:focus,
.skin-black-blue .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.02);
color: #333;
}
.skin-black-blue .main-header .navbar .nav-addtabs li > .close-tab {
color: #333;
}
.skin-black-blue .main-header .navbar .sidebar-toggle {
color: #666;
}
.skin-black-blue .main-header .navbar .sidebar-toggle:hover {
color: #333;
background: rgba(0, 0, 0, 0.02);
}
.skin-black-blue .main-header .navbar .navbar-nav > li > a {
border-right: none;
}
.skin-black-blue .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
.skin-black-blue .main-header .navbar .navbar-right > li > a {
border-left: none;
border-right-width: 0;
}
@media (max-width: 767px) {
.skin-black-blue .main-header .navbar {
background-color: #181f23;
}
.skin-black-blue .main-header .navbar .nav > li > a {
color: #fff;
}
.skin-black-blue .main-header .navbar .nav > li > a:hover,
.skin-black-blue .main-header .navbar .nav > li > a:active,
.skin-black-blue .main-header .navbar .nav > li > a:focus,
.skin-black-blue .main-header .navbar .nav .open > a,
.skin-black-blue .main-header .navbar .nav .open > a:hover,
.skin-black-blue .main-header .navbar .nav .open > a:focus,
.skin-black-blue .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.1);
color: #f6f6f6;
}
.skin-black-blue .main-header .navbar .nav-addtabs li > .close-tab {
color: #f6f6f6;
}
.skin-black-blue .main-header .navbar .sidebar-toggle {
color: #fff;
}
.skin-black-blue .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background: rgba(0, 0, 0, 0.1);
}
}
.skin-black-blue .main-header .logo {
background-color: #222d32;
color: #fff;
border-bottom: 0 solid transparent;
border-right: 1px solid #222d32;
}
.skin-black-blue .main-header .logo:hover {
background-color: #202a2f;
}
@media (max-width: 767px) {
.skin-black-blue .main-header .logo {
background-color: #181f23;
color: #fff;
border-bottom: 0 solid transparent;
border-right: none;
}
.skin-black-blue .main-header .logo:hover {
background-color: #161d20;
}
}
.skin-black-blue .main-header li.user-header {
background-color: #222d32;
}
.skin-black-blue .main-header .nav-addtabs > li > a,
.skin-black-blue .main-header .nav-addtabs > li.active > a {
border-right-color: transparent;
}
.skin-black-blue .content-header {
background: transparent;
box-shadow: none;
}
.skin-black-blue .wrapper,
.skin-black-blue .main-sidebar,
.skin-black-blue .left-side {
background-color: #222d32;
}
.skin-black-blue .user-panel > .info,
.skin-black-blue .user-panel > .info > a {
color: #fff;
}
.skin-black-blue .sidebar-menu .treeview-menu {
padding-left: 3px;
}
.skin-black-blue .sidebar-menu > li.header {
color: #4b646f;
background: #1a2226;
}
.skin-black-blue .sidebar-menu > li > a {
border-left: 3px solid transparent;
}
.skin-black-blue .sidebar-menu > li:hover > a,
.skin-black-blue .sidebar-menu > li.active > a {
color: #fff;
background: #1e282c;
border-left-color: #fff;
}
.skin-black-blue .sidebar-menu > li > .treeview-menu {
background: #181f23;
}
.skin-black-blue .sidebar a {
color: #b8c7ce;
}
.skin-black-blue .sidebar a:hover {
text-decoration: none;
}
.skin-black-blue .treeview-menu > li > a {
color: #6c8c9b;
}
.skin-black-blue .treeview-menu > li.active > a,
.skin-black-blue .treeview-menu > li > a:hover {
color: #fff;
}
.skin-black-blue .sidebar-form {
border-radius: 3px;
border: 1px solid #374850;
background-color: #374850;
margin: 10px 10px;
}
.skin-black-blue .sidebar-form input[type="text"],
.skin-black-blue .sidebar-form .btn {
box-shadow: none;
background-color: #374850;
border: 1px solid transparent;
height: 35px;
}
.skin-black-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-black-blue .sidebar-form input[type="text"]:focus,
.skin-black-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff;
color: #666;
}
.skin-black-blue .sidebar-form input[type="text"]:focus + .input-group-btn {
background: #fff;
border-top-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0;
}
.skin-black-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff;
}
.skin-black-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-black-blue .treeview-menu > li > a {
padding-left: 18px;
}
.skin-black-blue .treeview-menu > li.active > a {
background-color: #4e73df;
}
.skin-black-blue .sidebar-menu > li > a {
border-left: 3px solid transparent;
}
.skin-black-blue .sidebar-menu > li.active > a {
color: #fff;
background: #4e73df;
border-left-color: #4e73df;
}
.skin-black-blue .sidebar-menu > li:hover > a {
border-left-color: transparent;
}
.skin-black-blue .sidebar-menu li.treeview > a {
background: transparent;
border-left-color: transparent;
}
.skin-black-blue .sidebar-menu .treeview-menu {
padding-left: 0;
}
.skin-black-blue .sidebar-menu .treeview-menu .treeview-menu {
padding-left: 0;
}
.skin-black-blue .sidebar-menu .treeview-menu .treeview-menu > li > a {
padding-left: 30px;
}
.skin-black-blue .sidebar-menu .treeview-menu li.treeview > a {
background: transparent;
border-left-color: transparent;
}
.skin-black-blue.sidebar-collapse .sidebar-menu li:hover > a,
.skin-black-blue.sidebar-collapse .sidebar-menu li.active > a {
color: #fff;
background: #4e73df;
}
.skin-black-blue.sidebar-collapse .sidebar-menu .treeview-menu li.active > a {
color: #fff;
background: #4e73df;
}
.skin-black-blue.sidebar-collapse .sidebar-menu .treeview-menu li.treeview > a {
background: transparent;
border-left-color: transparent;
}
@media (max-width: 767px) {
.skin-black-blue.multiplenav .sidebar .mobilenav a.btn-app {
background: #374850;
color: #fff;
}
.skin-black-blue.multiplenav .sidebar .mobilenav a.btn-app.active {
background: #4e73df;
color: #fff;
}
}
/*# sourceMappingURL=skin-black-blue.css.map */
+243
View File
@@ -0,0 +1,243 @@
/*
* Skin: Black green
* -----------
*/
.skin-black-green .main-header {
background: #222d32;
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}
.skin-black-green .main-header .navbar {
background-color: #fff;
}
.skin-black-green .main-header .navbar .nav > li > a {
color: #666;
}
.skin-black-green .main-header .navbar .nav > li > a:hover,
.skin-black-green .main-header .navbar .nav > li > a:active,
.skin-black-green .main-header .navbar .nav > li > a:focus,
.skin-black-green .main-header .navbar .nav .open > a,
.skin-black-green .main-header .navbar .nav .open > a:hover,
.skin-black-green .main-header .navbar .nav .open > a:focus,
.skin-black-green .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.02);
color: #333;
}
.skin-black-green .main-header .navbar .nav-addtabs li > .close-tab {
color: #333;
}
.skin-black-green .main-header .navbar .sidebar-toggle {
color: #666;
}
.skin-black-green .main-header .navbar .sidebar-toggle:hover {
color: #333;
background: rgba(0, 0, 0, 0.02);
}
.skin-black-green .main-header .navbar .navbar-nav > li > a {
border-right: none;
}
.skin-black-green .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
.skin-black-green .main-header .navbar .navbar-right > li > a {
border-left: none;
border-right-width: 0;
}
@media (max-width: 767px) {
.skin-black-green .main-header .navbar {
background-color: #181f23;
}
.skin-black-green .main-header .navbar .nav > li > a {
color: #fff;
}
.skin-black-green .main-header .navbar .nav > li > a:hover,
.skin-black-green .main-header .navbar .nav > li > a:active,
.skin-black-green .main-header .navbar .nav > li > a:focus,
.skin-black-green .main-header .navbar .nav .open > a,
.skin-black-green .main-header .navbar .nav .open > a:hover,
.skin-black-green .main-header .navbar .nav .open > a:focus,
.skin-black-green .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.1);
color: #f6f6f6;
}
.skin-black-green .main-header .navbar .nav-addtabs li > .close-tab {
color: #f6f6f6;
}
.skin-black-green .main-header .navbar .sidebar-toggle {
color: #fff;
}
.skin-black-green .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background: rgba(0, 0, 0, 0.1);
}
}
.skin-black-green .main-header .logo {
background-color: #222d32;
color: #fff;
border-bottom: 0 solid transparent;
border-right: 1px solid #222d32;
}
.skin-black-green .main-header .logo:hover {
background-color: #202a2f;
}
@media (max-width: 767px) {
.skin-black-green .main-header .logo {
background-color: #181f23;
color: #fff;
border-bottom: 0 solid transparent;
border-right: none;
}
.skin-black-green .main-header .logo:hover {
background-color: #161d20;
}
}
.skin-black-green .main-header li.user-header {
background-color: #222d32;
}
.skin-black-green .main-header .nav-addtabs > li > a,
.skin-black-green .main-header .nav-addtabs > li.active > a {
border-right-color: transparent;
}
.skin-black-green .content-header {
background: transparent;
box-shadow: none;
}
.skin-black-green .wrapper,
.skin-black-green .main-sidebar,
.skin-black-green .left-side {
background-color: #222d32;
}
.skin-black-green .user-panel > .info,
.skin-black-green .user-panel > .info > a {
color: #fff;
}
.skin-black-green .sidebar-menu .treeview-menu {
padding-left: 3px;
}
.skin-black-green .sidebar-menu > li.header {
color: #4b646f;
background: #1a2226;
}
.skin-black-green .sidebar-menu > li > a {
border-left: 3px solid transparent;
}
.skin-black-green .sidebar-menu > li:hover > a,
.skin-black-green .sidebar-menu > li.active > a {
color: #fff;
background: #1e282c;
border-left-color: #fff;
}
.skin-black-green .sidebar-menu > li > .treeview-menu {
background: #181f23;
}
.skin-black-green .sidebar a {
color: #b8c7ce;
}
.skin-black-green .sidebar a:hover {
text-decoration: none;
}
.skin-black-green .treeview-menu > li > a {
color: #6c8c9b;
}
.skin-black-green .treeview-menu > li.active > a,
.skin-black-green .treeview-menu > li > a:hover {
color: #fff;
}
.skin-black-green .sidebar-form {
border-radius: 3px;
border: 1px solid #374850;
background-color: #374850;
margin: 10px 10px;
}
.skin-black-green .sidebar-form input[type="text"],
.skin-black-green .sidebar-form .btn {
box-shadow: none;
background-color: #374850;
border: 1px solid transparent;
height: 35px;
}
.skin-black-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-black-green .sidebar-form input[type="text"]:focus,
.skin-black-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff;
color: #666;
}
.skin-black-green .sidebar-form input[type="text"]:focus + .input-group-btn {
background: #fff;
border-top-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0;
}
.skin-black-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff;
}
.skin-black-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-black-green .treeview-menu > li > a {
padding-left: 18px;
}
.skin-black-green .treeview-menu > li.active > a {
background-color: #18bc9c;
}
.skin-black-green .sidebar-menu > li > a {
border-left: 3px solid transparent;
}
.skin-black-green .sidebar-menu > li.active > a {
color: #fff;
background: #18bc9c;
border-left-color: #18bc9c;
}
.skin-black-green .sidebar-menu > li:hover > a {
border-left-color: transparent;
}
.skin-black-green .sidebar-menu li.treeview > a {
background: transparent;
border-left-color: transparent;
}
.skin-black-green .sidebar-menu .treeview-menu {
padding-left: 0;
}
.skin-black-green .sidebar-menu .treeview-menu .treeview-menu {
padding-left: 0;
}
.skin-black-green .sidebar-menu .treeview-menu .treeview-menu > li > a {
padding-left: 30px;
}
.skin-black-green .sidebar-menu .treeview-menu li.treeview > a {
background: transparent;
border-left-color: transparent;
}
.skin-black-green.sidebar-collapse .sidebar-menu li:hover > a,
.skin-black-green.sidebar-collapse .sidebar-menu li.active > a {
color: #fff;
background: #18bc9c;
}
.skin-black-green.sidebar-collapse .sidebar-menu .treeview-menu li.active > a {
color: #fff;
background: #18bc9c;
}
.skin-black-green.sidebar-collapse .sidebar-menu .treeview-menu li.treeview > a {
background: transparent;
border-left-color: transparent;
}
@media (max-width: 767px) {
.skin-black-green.multiplenav .sidebar .mobilenav a.btn-app {
background: #374850;
color: #fff;
}
.skin-black-green.multiplenav .sidebar .mobilenav a.btn-app.active {
background: #18bc9c;
color: #fff;
}
}
/*# sourceMappingURL=skin-black-green.css.map */
+190
View File
@@ -0,0 +1,190 @@
/*
* Skin: Black light
* -----------
*/
.skin-black-light .main-header {
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}
.skin-black-light .main-header .navbar-toggle {
color: #333;
}
.skin-black-light .main-header .navbar-brand {
color: #333;
border-right: 1px solid #eee;
}
.skin-black-light .main-header .navbar {
background-color: #222d32;
}
.skin-black-light .main-header .navbar .nav > li > a {
color: #fff;
}
.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: rgba(0, 0, 0, 0.3);
color: #f6f6f6;
}
.skin-black-light .main-header .navbar .nav-addtabs li > .close-tab {
color: #f6f6f6;
}
.skin-black-light .main-header .navbar .sidebar-toggle {
color: #fff;
}
.skin-black-light .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background: rgba(0, 0, 0, 0.3);
}
.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 {
color: #fff;
}
.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: none;
border-right-width: 0;
}
.skin-black-light .main-header .logo {
background-color: #222d32;
color: #fff;
border-bottom: 0 solid transparent;
}
.skin-black-light .main-header .logo:hover {
background-color: #202a2f;
}
@media (max-width: 767px) {
.skin-black-light .main-header .logo {
background-color: #222d32;
color: #fff;
border-bottom: 0 solid transparent;
border-right: none;
}
.skin-black-light .main-header .logo:hover {
background-color: #202a2f;
}
}
.skin-black-light .main-header li.user-header {
background-color: #222d32;
}
.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 0.3s ease;
-o-transition: border-left-color 0.3s ease;
transition: border-left-color 0.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;
}
.skin-black-light .sidebar-menu > li:hover > a,
.skin-black-light .sidebar-menu > li.active > a {
color: #000;
background: #f4f4f5;
border-left-color: #222d32;
}
.skin-black-light .sidebar-menu > li.active {
border-left-color: #222d32;
}
.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;
}
.skin-black-light .sidebar-form input[type="text"] {
color: #666;
border-top-left-radius: 2px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 2px;
}
.skin-black-light .sidebar-form input[type="text"]:focus,
.skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff;
color: #666;
}
.skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff;
}
.skin-black-light .sidebar-form .btn {
color: #999;
border-top-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0;
}
@media (min-width: 768px) {
.skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
border-left: 1px solid #d2d6de;
}
}
.skin-black-light .main-sidebar {
-webkit-box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
}
.skin-black-light .content-wrapper,
.skin-black-light .main-footer {
border-left: none;
}
@media (max-width: 767px) {
.skin-black-light.multiplenav .sidebar .mobilenav a.btn-app {
background: #eceff3;
color: #757575;
}
.skin-black-light.multiplenav .sidebar .mobilenav a.btn-app.active {
background: #222d32;
color: #fff;
}
}
/*# sourceMappingURL=skin-black-light.css.map */
+243
View File
@@ -0,0 +1,243 @@
/*
* Skin: Black pink
* -----------
*/
.skin-black-pink .main-header {
background: #222d32;
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}
.skin-black-pink .main-header .navbar {
background-color: #fff;
}
.skin-black-pink .main-header .navbar .nav > li > a {
color: #666;
}
.skin-black-pink .main-header .navbar .nav > li > a:hover,
.skin-black-pink .main-header .navbar .nav > li > a:active,
.skin-black-pink .main-header .navbar .nav > li > a:focus,
.skin-black-pink .main-header .navbar .nav .open > a,
.skin-black-pink .main-header .navbar .nav .open > a:hover,
.skin-black-pink .main-header .navbar .nav .open > a:focus,
.skin-black-pink .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.02);
color: #333;
}
.skin-black-pink .main-header .navbar .nav-addtabs li > .close-tab {
color: #333;
}
.skin-black-pink .main-header .navbar .sidebar-toggle {
color: #666;
}
.skin-black-pink .main-header .navbar .sidebar-toggle:hover {
color: #333;
background: rgba(0, 0, 0, 0.02);
}
.skin-black-pink .main-header .navbar .navbar-nav > li > a {
border-right: none;
}
.skin-black-pink .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
.skin-black-pink .main-header .navbar .navbar-right > li > a {
border-left: none;
border-right-width: 0;
}
@media (max-width: 767px) {
.skin-black-pink .main-header .navbar {
background-color: #181f23;
}
.skin-black-pink .main-header .navbar .nav > li > a {
color: #fff;
}
.skin-black-pink .main-header .navbar .nav > li > a:hover,
.skin-black-pink .main-header .navbar .nav > li > a:active,
.skin-black-pink .main-header .navbar .nav > li > a:focus,
.skin-black-pink .main-header .navbar .nav .open > a,
.skin-black-pink .main-header .navbar .nav .open > a:hover,
.skin-black-pink .main-header .navbar .nav .open > a:focus,
.skin-black-pink .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.1);
color: #f6f6f6;
}
.skin-black-pink .main-header .navbar .nav-addtabs li > .close-tab {
color: #f6f6f6;
}
.skin-black-pink .main-header .navbar .sidebar-toggle {
color: #fff;
}
.skin-black-pink .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background: rgba(0, 0, 0, 0.1);
}
}
.skin-black-pink .main-header .logo {
background-color: #222d32;
color: #fff;
border-bottom: 0 solid transparent;
border-right: 1px solid #222d32;
}
.skin-black-pink .main-header .logo:hover {
background-color: #202a2f;
}
@media (max-width: 767px) {
.skin-black-pink .main-header .logo {
background-color: #181f23;
color: #fff;
border-bottom: 0 solid transparent;
border-right: none;
}
.skin-black-pink .main-header .logo:hover {
background-color: #161d20;
}
}
.skin-black-pink .main-header li.user-header {
background-color: #222d32;
}
.skin-black-pink .main-header .nav-addtabs > li > a,
.skin-black-pink .main-header .nav-addtabs > li.active > a {
border-right-color: transparent;
}
.skin-black-pink .content-header {
background: transparent;
box-shadow: none;
}
.skin-black-pink .wrapper,
.skin-black-pink .main-sidebar,
.skin-black-pink .left-side {
background-color: #222d32;
}
.skin-black-pink .user-panel > .info,
.skin-black-pink .user-panel > .info > a {
color: #fff;
}
.skin-black-pink .sidebar-menu .treeview-menu {
padding-left: 3px;
}
.skin-black-pink .sidebar-menu > li.header {
color: #4b646f;
background: #1a2226;
}
.skin-black-pink .sidebar-menu > li > a {
border-left: 3px solid transparent;
}
.skin-black-pink .sidebar-menu > li:hover > a,
.skin-black-pink .sidebar-menu > li.active > a {
color: #fff;
background: #1e282c;
border-left-color: #fff;
}
.skin-black-pink .sidebar-menu > li > .treeview-menu {
background: #181f23;
}
.skin-black-pink .sidebar a {
color: #b8c7ce;
}
.skin-black-pink .sidebar a:hover {
text-decoration: none;
}
.skin-black-pink .treeview-menu > li > a {
color: #6c8c9b;
}
.skin-black-pink .treeview-menu > li.active > a,
.skin-black-pink .treeview-menu > li > a:hover {
color: #fff;
}
.skin-black-pink .sidebar-form {
border-radius: 3px;
border: 1px solid #374850;
background-color: #374850;
margin: 10px 10px;
}
.skin-black-pink .sidebar-form input[type="text"],
.skin-black-pink .sidebar-form .btn {
box-shadow: none;
background-color: #374850;
border: 1px solid transparent;
height: 35px;
}
.skin-black-pink .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-pink .sidebar-form input[type="text"]:focus,
.skin-black-pink .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff;
color: #666;
}
.skin-black-pink .sidebar-form input[type="text"]:focus + .input-group-btn {
background: #fff;
border-top-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0;
}
.skin-black-pink .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff;
}
.skin-black-pink .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-pink .treeview-menu > li > a {
padding-left: 18px;
}
.skin-black-pink .treeview-menu > li.active > a {
background-color: #f5549f;
}
.skin-black-pink .sidebar-menu > li > a {
border-left: 3px solid transparent;
}
.skin-black-pink .sidebar-menu > li.active > a {
color: #fff;
background: #f5549f;
border-left-color: #f5549f;
}
.skin-black-pink .sidebar-menu > li:hover > a {
border-left-color: transparent;
}
.skin-black-pink .sidebar-menu li.treeview > a {
background: transparent;
border-left-color: transparent;
}
.skin-black-pink .sidebar-menu .treeview-menu {
padding-left: 0;
}
.skin-black-pink .sidebar-menu .treeview-menu .treeview-menu {
padding-left: 0;
}
.skin-black-pink .sidebar-menu .treeview-menu .treeview-menu > li > a {
padding-left: 30px;
}
.skin-black-pink .sidebar-menu .treeview-menu li.treeview > a {
background: transparent;
border-left-color: transparent;
}
.skin-black-pink.sidebar-collapse .sidebar-menu li:hover > a,
.skin-black-pink.sidebar-collapse .sidebar-menu li.active > a {
color: #fff;
background: #f5549f;
}
.skin-black-pink.sidebar-collapse .sidebar-menu .treeview-menu li.active > a {
color: #fff;
background: #f5549f;
}
.skin-black-pink.sidebar-collapse .sidebar-menu .treeview-menu li.treeview > a {
background: transparent;
border-left-color: transparent;
}
@media (max-width: 767px) {
.skin-black-pink.multiplenav .sidebar .mobilenav a.btn-app {
background: #374850;
color: #fff;
}
.skin-black-pink.multiplenav .sidebar .mobilenav a.btn-app.active {
background: #f5549f;
color: #fff;
}
}
/*# sourceMappingURL=skin-black-pink.css.map */
+243
View File
@@ -0,0 +1,243 @@
/*
* Skin: Black purple
* -----------
*/
.skin-black-purple .main-header {
background: #222d32;
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}
.skin-black-purple .main-header .navbar {
background-color: #fff;
}
.skin-black-purple .main-header .navbar .nav > li > a {
color: #666;
}
.skin-black-purple .main-header .navbar .nav > li > a:hover,
.skin-black-purple .main-header .navbar .nav > li > a:active,
.skin-black-purple .main-header .navbar .nav > li > a:focus,
.skin-black-purple .main-header .navbar .nav .open > a,
.skin-black-purple .main-header .navbar .nav .open > a:hover,
.skin-black-purple .main-header .navbar .nav .open > a:focus,
.skin-black-purple .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.02);
color: #333;
}
.skin-black-purple .main-header .navbar .nav-addtabs li > .close-tab {
color: #333;
}
.skin-black-purple .main-header .navbar .sidebar-toggle {
color: #666;
}
.skin-black-purple .main-header .navbar .sidebar-toggle:hover {
color: #333;
background: rgba(0, 0, 0, 0.02);
}
.skin-black-purple .main-header .navbar .navbar-nav > li > a {
border-right: none;
}
.skin-black-purple .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
.skin-black-purple .main-header .navbar .navbar-right > li > a {
border-left: none;
border-right-width: 0;
}
@media (max-width: 767px) {
.skin-black-purple .main-header .navbar {
background-color: #181f23;
}
.skin-black-purple .main-header .navbar .nav > li > a {
color: #fff;
}
.skin-black-purple .main-header .navbar .nav > li > a:hover,
.skin-black-purple .main-header .navbar .nav > li > a:active,
.skin-black-purple .main-header .navbar .nav > li > a:focus,
.skin-black-purple .main-header .navbar .nav .open > a,
.skin-black-purple .main-header .navbar .nav .open > a:hover,
.skin-black-purple .main-header .navbar .nav .open > a:focus,
.skin-black-purple .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.1);
color: #f6f6f6;
}
.skin-black-purple .main-header .navbar .nav-addtabs li > .close-tab {
color: #f6f6f6;
}
.skin-black-purple .main-header .navbar .sidebar-toggle {
color: #fff;
}
.skin-black-purple .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background: rgba(0, 0, 0, 0.1);
}
}
.skin-black-purple .main-header .logo {
background-color: #222d32;
color: #fff;
border-bottom: 0 solid transparent;
border-right: 1px solid #222d32;
}
.skin-black-purple .main-header .logo:hover {
background-color: #202a2f;
}
@media (max-width: 767px) {
.skin-black-purple .main-header .logo {
background-color: #181f23;
color: #fff;
border-bottom: 0 solid transparent;
border-right: none;
}
.skin-black-purple .main-header .logo:hover {
background-color: #161d20;
}
}
.skin-black-purple .main-header li.user-header {
background-color: #222d32;
}
.skin-black-purple .main-header .nav-addtabs > li > a,
.skin-black-purple .main-header .nav-addtabs > li.active > a {
border-right-color: transparent;
}
.skin-black-purple .content-header {
background: transparent;
box-shadow: none;
}
.skin-black-purple .wrapper,
.skin-black-purple .main-sidebar,
.skin-black-purple .left-side {
background-color: #222d32;
}
.skin-black-purple .user-panel > .info,
.skin-black-purple .user-panel > .info > a {
color: #fff;
}
.skin-black-purple .sidebar-menu .treeview-menu {
padding-left: 3px;
}
.skin-black-purple .sidebar-menu > li.header {
color: #4b646f;
background: #1a2226;
}
.skin-black-purple .sidebar-menu > li > a {
border-left: 3px solid transparent;
}
.skin-black-purple .sidebar-menu > li:hover > a,
.skin-black-purple .sidebar-menu > li.active > a {
color: #fff;
background: #1e282c;
border-left-color: #fff;
}
.skin-black-purple .sidebar-menu > li > .treeview-menu {
background: #181f23;
}
.skin-black-purple .sidebar a {
color: #b8c7ce;
}
.skin-black-purple .sidebar a:hover {
text-decoration: none;
}
.skin-black-purple .treeview-menu > li > a {
color: #6c8c9b;
}
.skin-black-purple .treeview-menu > li.active > a,
.skin-black-purple .treeview-menu > li > a:hover {
color: #fff;
}
.skin-black-purple .sidebar-form {
border-radius: 3px;
border: 1px solid #374850;
background-color: #374850;
margin: 10px 10px;
}
.skin-black-purple .sidebar-form input[type="text"],
.skin-black-purple .sidebar-form .btn {
box-shadow: none;
background-color: #374850;
border: 1px solid transparent;
height: 35px;
}
.skin-black-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-black-purple .sidebar-form input[type="text"]:focus,
.skin-black-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff;
color: #666;
}
.skin-black-purple .sidebar-form input[type="text"]:focus + .input-group-btn {
background: #fff;
border-top-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0;
}
.skin-black-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff;
}
.skin-black-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-black-purple .treeview-menu > li > a {
padding-left: 18px;
}
.skin-black-purple .treeview-menu > li.active > a {
background-color: #605ca8;
}
.skin-black-purple .sidebar-menu > li > a {
border-left: 3px solid transparent;
}
.skin-black-purple .sidebar-menu > li.active > a {
color: #fff;
background: #605ca8;
border-left-color: #605ca8;
}
.skin-black-purple .sidebar-menu > li:hover > a {
border-left-color: transparent;
}
.skin-black-purple .sidebar-menu li.treeview > a {
background: transparent;
border-left-color: transparent;
}
.skin-black-purple .sidebar-menu .treeview-menu {
padding-left: 0;
}
.skin-black-purple .sidebar-menu .treeview-menu .treeview-menu {
padding-left: 0;
}
.skin-black-purple .sidebar-menu .treeview-menu .treeview-menu > li > a {
padding-left: 30px;
}
.skin-black-purple .sidebar-menu .treeview-menu li.treeview > a {
background: transparent;
border-left-color: transparent;
}
.skin-black-purple.sidebar-collapse .sidebar-menu li:hover > a,
.skin-black-purple.sidebar-collapse .sidebar-menu li.active > a {
color: #fff;
background: #605ca8;
}
.skin-black-purple.sidebar-collapse .sidebar-menu .treeview-menu li.active > a {
color: #fff;
background: #605ca8;
}
.skin-black-purple.sidebar-collapse .sidebar-menu .treeview-menu li.treeview > a {
background: transparent;
border-left-color: transparent;
}
@media (max-width: 767px) {
.skin-black-purple.multiplenav .sidebar .mobilenav a.btn-app {
background: #374850;
color: #fff;
}
.skin-black-purple.multiplenav .sidebar .mobilenav a.btn-app.active {
background: #605ca8;
color: #fff;
}
}
/*# sourceMappingURL=skin-black-purple.css.map */
+243
View File
@@ -0,0 +1,243 @@
/*
* Skin: Black red
* -----------
*/
.skin-black-red .main-header {
background: #222d32;
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}
.skin-black-red .main-header .navbar {
background-color: #fff;
}
.skin-black-red .main-header .navbar .nav > li > a {
color: #666;
}
.skin-black-red .main-header .navbar .nav > li > a:hover,
.skin-black-red .main-header .navbar .nav > li > a:active,
.skin-black-red .main-header .navbar .nav > li > a:focus,
.skin-black-red .main-header .navbar .nav .open > a,
.skin-black-red .main-header .navbar .nav .open > a:hover,
.skin-black-red .main-header .navbar .nav .open > a:focus,
.skin-black-red .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.02);
color: #333;
}
.skin-black-red .main-header .navbar .nav-addtabs li > .close-tab {
color: #333;
}
.skin-black-red .main-header .navbar .sidebar-toggle {
color: #666;
}
.skin-black-red .main-header .navbar .sidebar-toggle:hover {
color: #333;
background: rgba(0, 0, 0, 0.02);
}
.skin-black-red .main-header .navbar .navbar-nav > li > a {
border-right: none;
}
.skin-black-red .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
.skin-black-red .main-header .navbar .navbar-right > li > a {
border-left: none;
border-right-width: 0;
}
@media (max-width: 767px) {
.skin-black-red .main-header .navbar {
background-color: #181f23;
}
.skin-black-red .main-header .navbar .nav > li > a {
color: #fff;
}
.skin-black-red .main-header .navbar .nav > li > a:hover,
.skin-black-red .main-header .navbar .nav > li > a:active,
.skin-black-red .main-header .navbar .nav > li > a:focus,
.skin-black-red .main-header .navbar .nav .open > a,
.skin-black-red .main-header .navbar .nav .open > a:hover,
.skin-black-red .main-header .navbar .nav .open > a:focus,
.skin-black-red .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.1);
color: #f6f6f6;
}
.skin-black-red .main-header .navbar .nav-addtabs li > .close-tab {
color: #f6f6f6;
}
.skin-black-red .main-header .navbar .sidebar-toggle {
color: #fff;
}
.skin-black-red .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background: rgba(0, 0, 0, 0.1);
}
}
.skin-black-red .main-header .logo {
background-color: #222d32;
color: #fff;
border-bottom: 0 solid transparent;
border-right: 1px solid #222d32;
}
.skin-black-red .main-header .logo:hover {
background-color: #202a2f;
}
@media (max-width: 767px) {
.skin-black-red .main-header .logo {
background-color: #181f23;
color: #fff;
border-bottom: 0 solid transparent;
border-right: none;
}
.skin-black-red .main-header .logo:hover {
background-color: #161d20;
}
}
.skin-black-red .main-header li.user-header {
background-color: #222d32;
}
.skin-black-red .main-header .nav-addtabs > li > a,
.skin-black-red .main-header .nav-addtabs > li.active > a {
border-right-color: transparent;
}
.skin-black-red .content-header {
background: transparent;
box-shadow: none;
}
.skin-black-red .wrapper,
.skin-black-red .main-sidebar,
.skin-black-red .left-side {
background-color: #222d32;
}
.skin-black-red .user-panel > .info,
.skin-black-red .user-panel > .info > a {
color: #fff;
}
.skin-black-red .sidebar-menu .treeview-menu {
padding-left: 3px;
}
.skin-black-red .sidebar-menu > li.header {
color: #4b646f;
background: #1a2226;
}
.skin-black-red .sidebar-menu > li > a {
border-left: 3px solid transparent;
}
.skin-black-red .sidebar-menu > li:hover > a,
.skin-black-red .sidebar-menu > li.active > a {
color: #fff;
background: #1e282c;
border-left-color: #fff;
}
.skin-black-red .sidebar-menu > li > .treeview-menu {
background: #181f23;
}
.skin-black-red .sidebar a {
color: #b8c7ce;
}
.skin-black-red .sidebar a:hover {
text-decoration: none;
}
.skin-black-red .treeview-menu > li > a {
color: #6c8c9b;
}
.skin-black-red .treeview-menu > li.active > a,
.skin-black-red .treeview-menu > li > a:hover {
color: #fff;
}
.skin-black-red .sidebar-form {
border-radius: 3px;
border: 1px solid #374850;
background-color: #374850;
margin: 10px 10px;
}
.skin-black-red .sidebar-form input[type="text"],
.skin-black-red .sidebar-form .btn {
box-shadow: none;
background-color: #374850;
border: 1px solid transparent;
height: 35px;
}
.skin-black-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-black-red .sidebar-form input[type="text"]:focus,
.skin-black-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff;
color: #666;
}
.skin-black-red .sidebar-form input[type="text"]:focus + .input-group-btn {
background: #fff;
border-top-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0;
}
.skin-black-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff;
}
.skin-black-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-black-red .treeview-menu > li > a {
padding-left: 18px;
}
.skin-black-red .treeview-menu > li.active > a {
background-color: #e74c3c;
}
.skin-black-red .sidebar-menu > li > a {
border-left: 3px solid transparent;
}
.skin-black-red .sidebar-menu > li.active > a {
color: #fff;
background: #e74c3c;
border-left-color: #e74c3c;
}
.skin-black-red .sidebar-menu > li:hover > a {
border-left-color: transparent;
}
.skin-black-red .sidebar-menu li.treeview > a {
background: transparent;
border-left-color: transparent;
}
.skin-black-red .sidebar-menu .treeview-menu {
padding-left: 0;
}
.skin-black-red .sidebar-menu .treeview-menu .treeview-menu {
padding-left: 0;
}
.skin-black-red .sidebar-menu .treeview-menu .treeview-menu > li > a {
padding-left: 30px;
}
.skin-black-red .sidebar-menu .treeview-menu li.treeview > a {
background: transparent;
border-left-color: transparent;
}
.skin-black-red.sidebar-collapse .sidebar-menu li:hover > a,
.skin-black-red.sidebar-collapse .sidebar-menu li.active > a {
color: #fff;
background: #e74c3c;
}
.skin-black-red.sidebar-collapse .sidebar-menu .treeview-menu li.active > a {
color: #fff;
background: #e74c3c;
}
.skin-black-red.sidebar-collapse .sidebar-menu .treeview-menu li.treeview > a {
background: transparent;
border-left-color: transparent;
}
@media (max-width: 767px) {
.skin-black-red.multiplenav .sidebar .mobilenav a.btn-app {
background: #374850;
color: #fff;
}
.skin-black-red.multiplenav .sidebar .mobilenav a.btn-app.active {
background: #e74c3c;
color: #fff;
}
}
/*# sourceMappingURL=skin-black-red.css.map */
+243
View File
@@ -0,0 +1,243 @@
/*
* Skin: Black yellow
* -----------
*/
.skin-black-yellow .main-header {
background: #222d32;
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}
.skin-black-yellow .main-header .navbar {
background-color: #fff;
}
.skin-black-yellow .main-header .navbar .nav > li > a {
color: #666;
}
.skin-black-yellow .main-header .navbar .nav > li > a:hover,
.skin-black-yellow .main-header .navbar .nav > li > a:active,
.skin-black-yellow .main-header .navbar .nav > li > a:focus,
.skin-black-yellow .main-header .navbar .nav .open > a,
.skin-black-yellow .main-header .navbar .nav .open > a:hover,
.skin-black-yellow .main-header .navbar .nav .open > a:focus,
.skin-black-yellow .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.02);
color: #333;
}
.skin-black-yellow .main-header .navbar .nav-addtabs li > .close-tab {
color: #333;
}
.skin-black-yellow .main-header .navbar .sidebar-toggle {
color: #666;
}
.skin-black-yellow .main-header .navbar .sidebar-toggle:hover {
color: #333;
background: rgba(0, 0, 0, 0.02);
}
.skin-black-yellow .main-header .navbar .navbar-nav > li > a {
border-right: none;
}
.skin-black-yellow .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
.skin-black-yellow .main-header .navbar .navbar-right > li > a {
border-left: none;
border-right-width: 0;
}
@media (max-width: 767px) {
.skin-black-yellow .main-header .navbar {
background-color: #181f23;
}
.skin-black-yellow .main-header .navbar .nav > li > a {
color: #fff;
}
.skin-black-yellow .main-header .navbar .nav > li > a:hover,
.skin-black-yellow .main-header .navbar .nav > li > a:active,
.skin-black-yellow .main-header .navbar .nav > li > a:focus,
.skin-black-yellow .main-header .navbar .nav .open > a,
.skin-black-yellow .main-header .navbar .nav .open > a:hover,
.skin-black-yellow .main-header .navbar .nav .open > a:focus,
.skin-black-yellow .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.1);
color: #f6f6f6;
}
.skin-black-yellow .main-header .navbar .nav-addtabs li > .close-tab {
color: #f6f6f6;
}
.skin-black-yellow .main-header .navbar .sidebar-toggle {
color: #fff;
}
.skin-black-yellow .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background: rgba(0, 0, 0, 0.1);
}
}
.skin-black-yellow .main-header .logo {
background-color: #222d32;
color: #fff;
border-bottom: 0 solid transparent;
border-right: 1px solid #222d32;
}
.skin-black-yellow .main-header .logo:hover {
background-color: #202a2f;
}
@media (max-width: 767px) {
.skin-black-yellow .main-header .logo {
background-color: #181f23;
color: #fff;
border-bottom: 0 solid transparent;
border-right: none;
}
.skin-black-yellow .main-header .logo:hover {
background-color: #161d20;
}
}
.skin-black-yellow .main-header li.user-header {
background-color: #222d32;
}
.skin-black-yellow .main-header .nav-addtabs > li > a,
.skin-black-yellow .main-header .nav-addtabs > li.active > a {
border-right-color: transparent;
}
.skin-black-yellow .content-header {
background: transparent;
box-shadow: none;
}
.skin-black-yellow .wrapper,
.skin-black-yellow .main-sidebar,
.skin-black-yellow .left-side {
background-color: #222d32;
}
.skin-black-yellow .user-panel > .info,
.skin-black-yellow .user-panel > .info > a {
color: #fff;
}
.skin-black-yellow .sidebar-menu .treeview-menu {
padding-left: 3px;
}
.skin-black-yellow .sidebar-menu > li.header {
color: #4b646f;
background: #1a2226;
}
.skin-black-yellow .sidebar-menu > li > a {
border-left: 3px solid transparent;
}
.skin-black-yellow .sidebar-menu > li:hover > a,
.skin-black-yellow .sidebar-menu > li.active > a {
color: #fff;
background: #1e282c;
border-left-color: #fff;
}
.skin-black-yellow .sidebar-menu > li > .treeview-menu {
background: #181f23;
}
.skin-black-yellow .sidebar a {
color: #b8c7ce;
}
.skin-black-yellow .sidebar a:hover {
text-decoration: none;
}
.skin-black-yellow .treeview-menu > li > a {
color: #6c8c9b;
}
.skin-black-yellow .treeview-menu > li.active > a,
.skin-black-yellow .treeview-menu > li > a:hover {
color: #fff;
}
.skin-black-yellow .sidebar-form {
border-radius: 3px;
border: 1px solid #374850;
background-color: #374850;
margin: 10px 10px;
}
.skin-black-yellow .sidebar-form input[type="text"],
.skin-black-yellow .sidebar-form .btn {
box-shadow: none;
background-color: #374850;
border: 1px solid transparent;
height: 35px;
}
.skin-black-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-black-yellow .sidebar-form input[type="text"]:focus,
.skin-black-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff;
color: #666;
}
.skin-black-yellow .sidebar-form input[type="text"]:focus + .input-group-btn {
background: #fff;
border-top-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0;
}
.skin-black-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff;
}
.skin-black-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-black-yellow .treeview-menu > li > a {
padding-left: 18px;
}
.skin-black-yellow .treeview-menu > li.active > a {
background-color: #f39c12;
}
.skin-black-yellow .sidebar-menu > li > a {
border-left: 3px solid transparent;
}
.skin-black-yellow .sidebar-menu > li.active > a {
color: #fff;
background: #f39c12;
border-left-color: #f39c12;
}
.skin-black-yellow .sidebar-menu > li:hover > a {
border-left-color: transparent;
}
.skin-black-yellow .sidebar-menu li.treeview > a {
background: transparent;
border-left-color: transparent;
}
.skin-black-yellow .sidebar-menu .treeview-menu {
padding-left: 0;
}
.skin-black-yellow .sidebar-menu .treeview-menu .treeview-menu {
padding-left: 0;
}
.skin-black-yellow .sidebar-menu .treeview-menu .treeview-menu > li > a {
padding-left: 30px;
}
.skin-black-yellow .sidebar-menu .treeview-menu li.treeview > a {
background: transparent;
border-left-color: transparent;
}
.skin-black-yellow.sidebar-collapse .sidebar-menu li:hover > a,
.skin-black-yellow.sidebar-collapse .sidebar-menu li.active > a {
color: #fff;
background: #f39c12;
}
.skin-black-yellow.sidebar-collapse .sidebar-menu .treeview-menu li.active > a {
color: #fff;
background: #f39c12;
}
.skin-black-yellow.sidebar-collapse .sidebar-menu .treeview-menu li.treeview > a {
background: transparent;
border-left-color: transparent;
}
@media (max-width: 767px) {
.skin-black-yellow.multiplenav .sidebar .mobilenav a.btn-app {
background: #374850;
color: #fff;
}
.skin-black-yellow.multiplenav .sidebar .mobilenav a.btn-app.active {
background: #f39c12;
color: #fff;
}
}
/*# sourceMappingURL=skin-black-yellow.css.map */
+213
View File
@@ -0,0 +1,213 @@
/*
* Skin: Black
* -----------
*/
.skin-black .main-header {
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}
.skin-black .main-header .navbar-toggle {
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: #666;
}
.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: rgba(0, 0, 0, 0.02);
color: #444;
}
.skin-black .main-header .navbar .nav-addtabs li > .close-tab {
color: #444;
}
.skin-black .main-header .navbar .sidebar-toggle {
color: #666;
}
.skin-black .main-header .navbar .sidebar-toggle:hover {
color: #444;
background: rgba(0, 0, 0, 0.02);
}
.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-left: none;
border-right-width: 0;
}
.skin-black .main-header .logo {
background-color: #222d32;
color: #fff;
border-bottom: 0 solid transparent;
border-right: 1px solid #222d32;
}
.skin-black .main-header .logo:hover {
background-color: #202a2f;
}
@media (max-width: 767px) {
.skin-black .main-header .logo {
background-color: #fff;
color: #222;
border-bottom: 0 solid transparent;
border-right: none;
}
.skin-black .main-header .logo:hover {
background-color: #fcfcfc;
}
}
.skin-black .main-header li.user-header {
background-color: #222;
}
.skin-black .main-header .nav-addtabs > li > a,
.skin-black .main-header .nav-addtabs > li.active > a {
border-right-color: transparent;
}
.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 .treeview-menu {
padding-left: 3px;
}
.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 {
background: #1c2529;
}
.skin-black .sidebar a {
color: #b8c7ce;
}
.skin-black .sidebar a:hover {
text-decoration: none;
}
.skin-black .treeview-menu > li > a {
color: #72919f;
}
.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;
background-color: #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;
}
.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 {
background: #fff;
border-top-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0;
}
.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;
}
@media (max-width: 767px) {
.skin-black.multiplenav .main-header .navbar {
background-color: #222d32;
}
.skin-black.multiplenav .main-header .navbar .nav > li > a {
color: #fff;
}
.skin-black.multiplenav .main-header .navbar .nav > li > a:hover,
.skin-black.multiplenav .main-header .navbar .nav > li > a:active,
.skin-black.multiplenav .main-header .navbar .nav > li > a:focus,
.skin-black.multiplenav .main-header .navbar .nav .open > a,
.skin-black.multiplenav .main-header .navbar .nav .open > a:hover,
.skin-black.multiplenav .main-header .navbar .nav .open > a:focus,
.skin-black.multiplenav .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.1);
color: #f6f6f6;
}
.skin-black.multiplenav .main-header .navbar .nav-addtabs li > .close-tab {
color: #f6f6f6;
}
.skin-black.multiplenav .main-header .navbar .sidebar-toggle {
color: #fff;
}
.skin-black.multiplenav .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background: rgba(0, 0, 0, 0.1);
}
.skin-black.multiplenav .main-header > .logo {
background-color: #222d32;
color: #fff;
border-bottom: 0 solid transparent;
}
.skin-black.multiplenav .main-header > .logo:hover {
background-color: #202a2f;
}
.skin-black.multiplenav .sidebar .mobilenav a.btn-app {
background: #374850;
color: #fff;
}
.skin-black.multiplenav .sidebar .mobilenav a.btn-app.active {
background: #fff;
color: #374850;
}
}
/*# sourceMappingURL=skin-black.css.map */
+175
View File
@@ -0,0 +1,175 @@
/*
* Skin: Blue
* ----------
*/
.skin-blue-light .main-header .navbar {
background-color: #4e73df;
}
.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.05);
color: #f6f6f6;
}
.skin-blue-light .main-header .navbar .nav-addtabs li > .close-tab {
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.05);
}
.skin-blue-light .main-header .navbar .sidebar-toggle {
color: #fff;
}
.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
background-color: #3862db;
}
@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: #3862db;
}
}
.skin-blue-light .main-header .logo {
background-color: #4e73df;
color: #fff;
border-bottom: 0 solid transparent;
}
.skin-blue-light .main-header .logo:hover {
background-color: #4a70de;
}
.skin-blue-light .main-header li.user-header {
background-color: #4e73df;
}
.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 0.3s ease;
-o-transition: border-left-color 0.3s ease;
transition: border-left-color 0.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;
}
.skin-blue-light .sidebar-menu > li:hover > a,
.skin-blue-light .sidebar-menu > li.active > a {
color: #000;
background: #f4f4f5;
border-left-color: #4e73df;
}
.skin-blue-light .sidebar-menu > li.active {
border-left-color: #4e73df;
}
.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;
}
.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-light .main-sidebar {
-webkit-box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
}
.skin-blue-light .content-wrapper,
.skin-blue-light .main-footer {
border-left: none;
}
@media (max-width: 767px) {
.skin-blue-light.multiplenav .sidebar .mobilenav a.btn-app {
background: #eceff3;
color: #757575;
}
.skin-blue-light.multiplenav .sidebar .mobilenav a.btn-app.active {
background: #4e73df;
color: #fff;
}
}
/*# sourceMappingURL=skin-blue-light.css.map */
+224
View File
@@ -0,0 +1,224 @@
/*
* Skin: Blue
* -----------
*/
.skin-blue .main-header .navbar-toggle {
color: #333;
}
.skin-blue .main-header .navbar-brand {
color: #333;
border-right: 1px solid #eee;
}
.skin-blue .main-header .navbar {
background-color: #fff;
}
.skin-blue .main-header .navbar .nav > li > a {
color: #444;
}
.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.02);
color: #4e73df;
}
.skin-blue .main-header .navbar .nav-addtabs li > .close-tab {
color: #4e73df;
}
.skin-blue .main-header .navbar .sidebar-toggle {
color: #444;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
color: #4e73df;
background: rgba(0, 0, 0, 0.02);
}
.skin-blue .main-header .navbar > .sidebar-toggle {
color: #333;
border-right: 1px solid #eee;
}
.skin-blue .main-header .navbar .navbar-nav > li > a {
border-right: 1px solid #eee;
}
.skin-blue .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
.skin-blue .main-header .navbar .navbar-right > li > a {
border-left: 1px solid #eee;
border-left: none;
border-right-width: 0;
}
.skin-blue .main-header > .logo {
background-color: #4e73df;
color: #fff;
border-bottom: 0 solid transparent;
border-right: 1px solid #4e73df;
box-shadow: none;
}
.skin-blue .main-header > .logo:hover {
background-color: #4a70de;
}
@media (max-width: 767px) {
.skin-blue .main-header > .logo {
background-color: #fff;
color: #222;
border-bottom: 0 solid transparent;
border-right: none;
}
.skin-blue .main-header > .logo:hover {
background-color: #fcfcfc;
}
}
.skin-blue .main-header li.user-header {
background-color: #4e73df;
}
.skin-blue .main-header .nav-addtabs > li > a,
.skin-blue .main-header .nav-addtabs > li.active > a {
border-right-color: transparent;
}
.skin-blue .content-header {
background: transparent;
box-shadow: none;
}
.skin-blue .wrapper,
.skin-blue .main-sidebar,
.skin-blue .left-side {
background-color: #4e73df;
}
.skin-blue .user-panel > .info,
.skin-blue .user-panel > .info > a {
color: #fff;
}
.skin-blue .sidebar-menu .treeview-menu {
padding-left: 3px;
}
.skin-blue .sidebar-menu > li.header {
color: #a4b7ef;
background: #3d65dc;
}
.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: #456cdd;
border-left-color: #fff;
}
.skin-blue .sidebar-menu > li > .treeview-menu {
background: #4169dd;
}
.skin-blue .sidebar a {
color: #ccd9ff;
}
.skin-blue .sidebar a:hover {
text-decoration: none;
}
.skin-blue .treeview-menu > li > a {
color: #ccd9ff;
}
.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 #7995e7;
background-color: #7995e7;
margin: 10px 10px;
}
.skin-blue .sidebar-form input[type="text"],
.skin-blue .sidebar-form .btn {
box-shadow: none;
background-color: #7995e7;
border: 1px solid transparent;
height: 35px;
}
.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 {
background: #fff;
border-top-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0;
}
.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 .sidebar-form input[type="text"]::-moz-placeholder {
color: #fff;
opacity: 1;
}
.skin-blue .sidebar-form input[type="text"]:-ms-input-placeholder {
color: #fff;
}
.skin-blue .sidebar-form input[type="text"]::-webkit-input-placeholder {
color: #fff;
}
.skin-blue .sidebar-form input[type="text"],
.skin-blue .sidebar-form .btn {
color: #fff;
}
@media (max-width: 767px) {
.skin-blue.multiplenav .main-header .navbar {
background-color: #4e73df;
}
.skin-blue.multiplenav .main-header .navbar .nav > li > a {
color: #fff;
}
.skin-blue.multiplenav .main-header .navbar .nav > li > a:hover,
.skin-blue.multiplenav .main-header .navbar .nav > li > a:active,
.skin-blue.multiplenav .main-header .navbar .nav > li > a:focus,
.skin-blue.multiplenav .main-header .navbar .nav .open > a,
.skin-blue.multiplenav .main-header .navbar .nav .open > a:hover,
.skin-blue.multiplenav .main-header .navbar .nav .open > a:focus,
.skin-blue.multiplenav .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.1);
color: #f6f6f6;
}
.skin-blue.multiplenav .main-header .navbar .nav-addtabs li > .close-tab {
color: #f6f6f6;
}
.skin-blue.multiplenav .main-header .navbar .sidebar-toggle {
color: #fff;
}
.skin-blue.multiplenav .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background: rgba(0, 0, 0, 0.1);
}
.skin-blue.multiplenav .main-header > .logo {
background-color: #4e73df;
color: #fff;
border-bottom: 0 solid transparent;
}
.skin-blue.multiplenav .main-header > .logo:hover {
background-color: #4a70de;
}
.skin-blue.multiplenav .sidebar .mobilenav a.btn-app {
background: #7995e7;
color: #fff;
}
.skin-blue.multiplenav .sidebar .mobilenav a.btn-app.active {
background: #fff;
color: #7995e7;
}
}
/*# sourceMappingURL=skin-blue.css.map */
+175
View File
@@ -0,0 +1,175 @@
/*
* Skin: Green
* -----------
*/
.skin-green-light .main-header {
background-color: #18bc9c;
}
.skin-green-light .main-header .navbar {
background-color: #18bc9c;
}
.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.05);
color: #f6f6f6;
}
.skin-green-light .main-header .navbar .nav-addtabs li > .close-tab {
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.05);
}
.skin-green-light .main-header .navbar .sidebar-toggle {
color: #fff;
}
.skin-green-light .main-header .navbar .sidebar-toggle:hover {
background-color: #15a589;
}
@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: #15a589;
}
}
.skin-green-light .main-header .logo {
background-color: #18bc9c;
color: #fff;
border-bottom: 0 solid transparent;
}
.skin-green-light .main-header .logo:hover {
background-color: #17b798;
}
.skin-green-light .main-header li.user-header {
background-color: #18bc9c;
}
.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 0.3s ease;
-o-transition: border-left-color 0.3s ease;
transition: border-left-color 0.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;
}
.skin-green-light .sidebar-menu > li:hover > a,
.skin-green-light .sidebar-menu > li.active > a {
color: #000;
background: #f4f4f5;
border-left-color: #18bc9c;
}
.skin-green-light .sidebar-menu > li.active {
border-left-color: #18bc9c;
}
.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;
}
.skin-green-light .sidebar-form input[type="text"] {
color: #666;
border-top-left-radius: 2px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 2px;
}
.skin-green-light .sidebar-form input[type="text"]:focus,
.skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff;
color: #666;
}
.skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff;
}
.skin-green-light .sidebar-form .btn {
color: #999;
border-top-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0;
}
@media (min-width: 768px) {
.skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
border-left: 1px solid #d2d6de;
}
}
.skin-green-light .main-sidebar {
-webkit-box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
}
.skin-green-light .content-wrapper,
.skin-green-light .main-footer {
border-left: none;
}
@media (max-width: 767px) {
.skin-green-light.multiplenav .sidebar .mobilenav a.btn-app {
background: #eceff3;
color: #757575;
}
.skin-green-light.multiplenav .sidebar .mobilenav a.btn-app.active {
background: #18bc9c;
color: #fff;
}
}
/*# sourceMappingURL=skin-green-light.css.map */
+169
View File
@@ -0,0 +1,169 @@
/*
* Skin: Green
* -----------
*/
.skin-green .main-header {
background-color: #18bc9c;
}
.skin-green .main-header .navbar {
background-color: #18bc9c;
}
.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.05);
color: #f6f6f6;
}
.skin-green .main-header .navbar .nav-addtabs li > .close-tab {
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.05);
}
.skin-green .main-header .navbar .sidebar-toggle {
color: #fff;
}
.skin-green .main-header .navbar .sidebar-toggle:hover {
background-color: #15a589;
}
@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: #15a589;
}
}
.skin-green .main-header .logo {
background-color: #15a589;
color: #fff;
border-bottom: 0 solid transparent;
}
.skin-green .main-header .logo:hover {
background-color: #15a185;
}
@media (max-width: 767px) {
.skin-green .main-header .logo {
background-color: #18bc9c;
color: #fff;
border-bottom: 0 solid transparent;
border-right: none;
}
.skin-green .main-header .logo:hover {
background-color: #17b798;
}
}
.skin-green .main-header li.user-header {
background-color: #18bc9c;
}
.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 .treeview-menu {
padding-left: 3px;
}
.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: #18bc9c;
}
.skin-green .sidebar-menu > li > .treeview-menu {
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;
background-color: #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;
}
.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 {
background: #fff;
border-top-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0;
}
.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;
}
@media (max-width: 767px) {
.skin-green.multiplenav .sidebar .mobilenav a.btn-app {
background: #374850;
color: #fff;
}
.skin-green.multiplenav .sidebar .mobilenav a.btn-app.active {
background: #18bc9c;
color: #fff;
}
}
/*# sourceMappingURL=skin-green.css.map */
+175
View File
@@ -0,0 +1,175 @@
/*
* Skin: Purple
* ------------
*/
.skin-purple-light .main-header {
background-color: #605ca8;
}
.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.05);
color: #f6f6f6;
}
.skin-purple-light .main-header .navbar .nav-addtabs li > .close-tab {
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.05);
}
.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 0.3s ease;
-o-transition: border-left-color 0.3s ease;
transition: border-left-color 0.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;
}
.skin-purple-light .sidebar-menu > li:hover > a,
.skin-purple-light .sidebar-menu > li.active > a {
color: #000;
background: #f4f4f5;
border-left-color: #605ca8;
}
.skin-purple-light .sidebar-menu > li.active {
border-left-color: #605ca8;
}
.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;
}
.skin-purple-light .sidebar-form input[type="text"] {
color: #666;
border-top-left-radius: 2px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 2px;
}
.skin-purple-light .sidebar-form input[type="text"]:focus,
.skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff;
color: #666;
}
.skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff;
}
.skin-purple-light .sidebar-form .btn {
color: #999;
border-top-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0;
}
@media (min-width: 768px) {
.skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
border-left: 1px solid #d2d6de;
}
}
.skin-purple-light .main-sidebar {
-webkit-box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
}
.skin-purple-light .content-wrapper,
.skin-purple-light .main-footer {
border-left: none;
}
@media (max-width: 767px) {
.skin-purple-light.multiplenav .sidebar .mobilenav a.btn-app {
background: #eceff3;
color: #757575;
}
.skin-purple-light.multiplenav .sidebar .mobilenav a.btn-app.active {
background: #605ca8;
color: #fff;
}
}
/*# sourceMappingURL=skin-purple-light.css.map */
+214
View File
@@ -0,0 +1,214 @@
/*
* Skin: Purple
* ------------
*/
.skin-purple .main-header .navbar {
background-color: #fff;
}
.skin-purple .main-header .navbar .nav > li > a {
color: #444;
}
.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.02);
color: #605ca8;
}
.skin-purple .main-header .navbar .nav-addtabs li > .close-tab {
color: #605ca8;
}
.skin-purple .main-header .navbar .sidebar-toggle {
color: #444;
}
.skin-purple .main-header .navbar .sidebar-toggle:hover {
color: #605ca8;
background: rgba(0, 0, 0, 0.02);
}
@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: #605ca8;
color: #fff;
border-bottom: 0 solid transparent;
border-right: 1px solid #605ca8;
box-shadow: none;
}
.skin-purple .main-header > .logo:hover {
background-color: #5d59a6;
}
@media (max-width: 767px) {
.skin-purple .main-header > .logo {
background-color: #fff;
color: #222;
border-bottom: 0 solid transparent;
border-right: none;
}
.skin-purple .main-header > .logo:hover {
background-color: #fcfcfc;
}
}
.skin-purple .main-header li.user-header {
background-color: #605ca8;
}
.skin-purple .main-header .nav-addtabs > li > a,
.skin-purple .main-header .nav-addtabs > li.active > a {
border-right-color: transparent;
}
.skin-purple .content-header {
background: transparent;
}
.skin-purple .wrapper,
.skin-purple .main-sidebar,
.skin-purple .left-side {
background-color: #605ca8;
}
.skin-purple .user-panel > .info,
.skin-purple .user-panel > .info > a {
color: #fff;
}
.skin-purple .sidebar-menu .treeview-menu {
padding-left: 3px;
}
.skin-purple .sidebar-menu > li.header {
color: #a19fcb;
background: #57539c;
}
.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: #5b57a3;
border-left-color: #fff;
}
.skin-purple .sidebar-menu > li > .treeview-menu {
background: #5955a0;
}
.skin-purple .sidebar a {
color: #c8c5ff;
}
.skin-purple .sidebar a:hover {
text-decoration: none;
}
.skin-purple .treeview-menu > li > a {
color: #c8c5ff;
}
.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 #807dba;
background-color: #807dba;
margin: 10px 10px;
}
.skin-purple .sidebar-form input[type="text"],
.skin-purple .sidebar-form .btn {
box-shadow: none;
background-color: #807dba;
border: 1px solid transparent;
height: 35px;
}
.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 {
background: #fff;
border-top-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0;
}
.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 .sidebar-form input[type="text"]::-moz-placeholder {
color: #fff;
opacity: 1;
}
.skin-purple .sidebar-form input[type="text"]:-ms-input-placeholder {
color: #fff;
}
.skin-purple .sidebar-form input[type="text"]::-webkit-input-placeholder {
color: #fff;
}
.skin-purple .sidebar-form input[type="text"],
.skin-purple .sidebar-form .btn {
color: #fff;
}
@media (max-width: 767px) {
.skin-purple.multiplenav .main-header .navbar {
background-color: #605ca8;
}
.skin-purple.multiplenav .main-header .navbar .nav > li > a {
color: #fff;
}
.skin-purple.multiplenav .main-header .navbar .nav > li > a:hover,
.skin-purple.multiplenav .main-header .navbar .nav > li > a:active,
.skin-purple.multiplenav .main-header .navbar .nav > li > a:focus,
.skin-purple.multiplenav .main-header .navbar .nav .open > a,
.skin-purple.multiplenav .main-header .navbar .nav .open > a:hover,
.skin-purple.multiplenav .main-header .navbar .nav .open > a:focus,
.skin-purple.multiplenav .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.1);
color: #f6f6f6;
}
.skin-purple.multiplenav .main-header .navbar .nav-addtabs li > .close-tab {
color: #f6f6f6;
}
.skin-purple.multiplenav .main-header .navbar .sidebar-toggle {
color: #fff;
}
.skin-purple.multiplenav .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background: rgba(0, 0, 0, 0.1);
}
.skin-purple.multiplenav .main-header > .logo {
background-color: #605ca8;
color: #fff;
border-bottom: 0 solid transparent;
}
.skin-purple.multiplenav .main-header > .logo:hover {
background-color: #5d59a6;
}
.skin-purple.multiplenav .sidebar .mobilenav a.btn-app {
background: #807dba;
color: #fff;
}
.skin-purple.multiplenav .sidebar .mobilenav a.btn-app.active {
background: #fff;
color: #807dba;
}
}
/*# sourceMappingURL=skin-purple.css.map */
+175
View File
@@ -0,0 +1,175 @@
/*
* Skin: Red
* ---------
*/
.skin-red-light .main-header {
background-color: #e74c3c;
}
.skin-red-light .main-header .navbar {
background-color: #e74c3c;
}
.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.05);
color: #f6f6f6;
}
.skin-red-light .main-header .navbar .nav-addtabs li > .close-tab {
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.05);
}
.skin-red-light .main-header .navbar .sidebar-toggle {
color: #fff;
}
.skin-red-light .main-header .navbar .sidebar-toggle:hover {
background-color: #e43725;
}
@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: #e43725;
}
}
.skin-red-light .main-header .logo {
background-color: #e74c3c;
color: #fff;
border-bottom: 0 solid transparent;
}
.skin-red-light .main-header .logo:hover {
background-color: #e64837;
}
.skin-red-light .main-header li.user-header {
background-color: #e74c3c;
}
.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 0.3s ease;
-o-transition: border-left-color 0.3s ease;
transition: border-left-color 0.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;
}
.skin-red-light .sidebar-menu > li:hover > a,
.skin-red-light .sidebar-menu > li.active > a {
color: #000;
background: #f4f4f5;
border-left-color: #e74c3c;
}
.skin-red-light .sidebar-menu > li.active {
border-left-color: #e74c3c;
}
.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;
}
.skin-red-light .sidebar-form input[type="text"] {
color: #666;
border-top-left-radius: 2px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 2px;
}
.skin-red-light .sidebar-form input[type="text"]:focus,
.skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff;
color: #666;
}
.skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff;
}
.skin-red-light .sidebar-form .btn {
color: #999;
border-top-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0;
}
@media (min-width: 768px) {
.skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
border-left: 1px solid #d2d6de;
}
}
.skin-red-light .main-sidebar {
-webkit-box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
}
.skin-red-light .content-wrapper,
.skin-red-light .main-footer {
border-left: none;
}
@media (max-width: 767px) {
.skin-red-light.multiplenav .sidebar .mobilenav a.btn-app {
background: #eceff3;
color: #757575;
}
.skin-red-light.multiplenav .sidebar .mobilenav a.btn-app.active {
background: #e74c3c;
color: #fff;
}
}
/*# sourceMappingURL=skin-red-light.css.map */
+169
View File
@@ -0,0 +1,169 @@
/*
* Skin: Red
* ---------
*/
.skin-red .main-header {
background-color: #e74c3c;
}
.skin-red .main-header .navbar {
background-color: #e74c3c;
}
.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.05);
color: #f6f6f6;
}
.skin-red .main-header .navbar .nav-addtabs li > .close-tab {
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.05);
}
.skin-red .main-header .navbar .sidebar-toggle {
color: #fff;
}
.skin-red .main-header .navbar .sidebar-toggle:hover {
background-color: #e43725;
}
@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: #e43725;
}
}
.skin-red .main-header .logo {
background-color: #e43725;
color: #fff;
border-bottom: 0 solid transparent;
}
.skin-red .main-header .logo:hover {
background-color: #e43321;
}
@media (max-width: 767px) {
.skin-red .main-header .logo {
background-color: #e74c3c;
color: #fff;
border-bottom: 0 solid transparent;
border-right: none;
}
.skin-red .main-header .logo:hover {
background-color: #e64837;
}
}
.skin-red .main-header li.user-header {
background-color: #e74c3c;
}
.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 .treeview-menu {
padding-left: 3px;
}
.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: #e74c3c;
}
.skin-red .sidebar-menu > li > .treeview-menu {
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;
background-color: #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;
}
.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 {
background: #fff;
border-top-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0;
}
.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;
}
@media (max-width: 767px) {
.skin-red.multiplenav .sidebar .mobilenav a.btn-app {
background: #374850;
color: #fff;
}
.skin-red.multiplenav .sidebar .mobilenav a.btn-app.active {
background: #e74c3c;
color: #fff;
}
}
/*# sourceMappingURL=skin-red.css.map */
+175
View File
@@ -0,0 +1,175 @@
/*
* Skin: Yellow light
* ------------
*/
.skin-yellow-light .main-header {
background-color: #f39c12;
}
.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.05);
color: #f6f6f6;
}
.skin-yellow-light .main-header .navbar .nav-addtabs li > .close-tab {
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.05);
}
.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 0.3s ease;
-o-transition: border-left-color 0.3s ease;
transition: border-left-color 0.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;
}
.skin-yellow-light .sidebar-menu > li:hover > a,
.skin-yellow-light .sidebar-menu > li.active > a {
color: #000;
background: #f4f4f5;
border-left-color: #f39c12;
}
.skin-yellow-light .sidebar-menu > li.active {
border-left-color: #f39c12;
}
.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;
}
.skin-yellow-light .sidebar-form input[type="text"] {
color: #666;
border-top-left-radius: 2px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 2px;
}
.skin-yellow-light .sidebar-form input[type="text"]:focus,
.skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff;
color: #666;
}
.skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff;
}
.skin-yellow-light .sidebar-form .btn {
color: #999;
border-top-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0;
}
@media (min-width: 768px) {
.skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
border-left: 1px solid #d2d6de;
}
}
.skin-yellow-light .main-sidebar {
-webkit-box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
}
.skin-yellow-light .content-wrapper,
.skin-yellow-light .main-footer {
border-left: none;
}
@media (max-width: 767px) {
.skin-yellow-light.multiplenav .sidebar .mobilenav a.btn-app {
background: #eceff3;
color: #757575;
}
.skin-yellow-light.multiplenav .sidebar .mobilenav a.btn-app.active {
background: #f39c12;
color: #fff;
}
}
/*# sourceMappingURL=skin-yellow-light.css.map */
+169
View File
@@ -0,0 +1,169 @@
/*
* Skin: Yellow
* ------------
*/
.skin-yellow .main-header {
background-color: #f39c12;
}
.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.05);
color: #f6f6f6;
}
.skin-yellow .main-header .navbar .nav-addtabs li > .close-tab {
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.05);
}
.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;
}
@media (max-width: 767px) {
.skin-yellow .main-header .logo {
background-color: #f39c12;
color: #fff;
border-bottom: 0 solid transparent;
border-right: none;
}
.skin-yellow .main-header .logo:hover {
background-color: #f39a0d;
}
}
.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 .treeview-menu {
padding-left: 3px;
}
.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 {
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;
background-color: #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;
}
.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 {
background: #fff;
border-top-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0;
}
.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;
}
@media (max-width: 767px) {
.skin-yellow.multiplenav .sidebar .mobilenav a.btn-app {
background: #374850;
color: #fff;
}
.skin-yellow.multiplenav .sidebar .mobilenav a.btn-app.active {
background: #f39c12;
color: #fff;
}
}
/*# sourceMappingURL=skin-yellow.css.map */
+73
View File
@@ -0,0 +1,73 @@
h2.page-header {
margin: 10px 0 25px 0;
padding-bottom: 15px;
}
.user-baseinfo {
margin-bottom: 25px;
}
.user-baseinfo table tr td {
color: #999;
}
@media (min-width: 992px) {
.user-center .avatar-text,
.user-center .avatar-img {
height: 150px;
width: 150px;
border-radius: 150px;
line-height: 150px;
font-size: 70px;
}
.user-center .avatar-img {
font-size: 0;
}
.user-center .avatar-img img {
height: 150px;
width: 150px;
border-radius: 150px;
}
}
.sidebar-toggle {
display: none;
}
@media (max-width: 991px) {
.sidenav {
position: fixed;
top: 50px;
z-index: 1029;
height: calc(100vh - 50px);
padding: 20px 0 20px 0;
min-width: 250px;
overflow-y: auto;
overflow-x: hidden;
width: 250px;
left: -250px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.sidebar-toggle {
display: block;
position: fixed;
right: 20px;
bottom: 70px;
border-radius: 50%;
background: #eee;
font-size: 22px;
padding: 10px;
line-height: 30px;
height: 50px;
width: 50px;
text-align: center;
z-index: 999999;
}
}
body.sidebar-open .sidenav {
left: 0;
width: 250px;
box-shadow: 0 6px 27px rgba(0, 0, 0, 0.075);
}
body.sidebar-open .sidebar-toggle i:before {
content: "\f00d";
}
/*# sourceMappingURL=user.css.map */