何书鹏 / recruit · 提交

转到一个项目

作者 Karson
提交 a1a0d0f70c91d868ce8102e1d861eb350bc0fec9 1 个父辈 07679a3f

新增多个后台皮肤 

全新前台默认首页
优化后台菜单折叠
优化nice-validator加载
优化压缩打包后的JS文件
内嵌 并排对比
正在显示 17 个修改的文件 包含 3325 行增加 和 535 行删除

要显示太多修改。
重新载入完整差异 差异文件 邮件补丁

为保证性能只显示 17 of 17+ 个文件。

... ... @@ -22,6 +22,8 @@ class Admin extends Backend
* @var \app\admin\model\Admin
*/
protected $model = null;
protected $selectpageFields = 'id,username,nickname,avatar';
protected $searchFields = 'id,username,nickname';
protected $childrenGroupIds = [];
protected $childrenAdminIds = [];
... ...
... ... @@ -5,6 +5,10 @@
.skin-list li a{
display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4);
}
.skin-list li a span{
display: block;
float:left;
}
</style>
<!-- Control Sidebar -->
<aside class="control-sidebar control-sidebar-dark">
... ... @@ -29,18 +33,26 @@
<div class="form-group"><label class="control-sidebar-subheading"><input type="checkbox" data-sidebarskin="toggle" class="pull-right"> {:__('Toggle Right Sidebar Skin')}</label><p>{:__('Toggle between dark and light skins for the right sidebar')}</p></div>
<h4 class="control-sidebar-heading">{:__('Skins')}</h4>
<ul class="list-unstyled clearfix skin-list">
<li><a href="javascript:;" data-skin="skin-blue" style="" class="clearfix full-opacity-hover"><div><span style="display:block; width: 20%; float: left; height: 7px; background: #367fa9;"></span><span class="bg-light-blue" style="display:block; width: 80%; float: left; height: 7px;"></span></div><div><span style="display:block; width: 20%; float: left; height: 20px; background: #222d32;"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin">Blue</p></li>
<li><a href="javascript:;" data-skin="skin-white" class="clearfix full-opacity-hover"><div style="box-shadow: 0 0 2px rgba(0,0,0,0.1)" class="clearfix"><span style="display:block; width: 20%; float: left; height: 7px; background: #fefefe;"></span><span style="display:block; width: 80%; float: left; height: 7px; background: #fefefe;"></span></div><div><span style="display:block; width: 20%; float: left; height: 20px; background: #222;"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin">White</p></li>
<li><a href="javascript:;" data-skin="skin-purple" class="clearfix full-opacity-hover"><div><span style="display:block; width: 20%; float: left; height: 7px;" class="bg-purple-active"></span><span class="bg-purple" style="display:block; width: 80%; float: left; height: 7px;"></span></div><div><span style="display:block; width: 20%; float: left; height: 20px; background: #222d32;"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin">Purple</p></li>
<li><a href="javascript:;" data-skin="skin-green" class="clearfix full-opacity-hover"><div><span style="display:block; width: 20%; float: left; height: 7px;" class="bg-green-active"></span><span class="bg-green" style="display:block; width: 80%; float: left; height: 7px;"></span></div><div><span style="display:block; width: 20%; float: left; height: 20px; background: #222d32;"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin">Green</p></li>
<li><a href="javascript:;" data-skin="skin-red" class="clearfix full-opacity-hover"><div><span style="display:block; width: 20%; float: left; height: 7px;" class="bg-red-active"></span><span class="bg-red" style="display:block; width: 80%; float: left; height: 7px;"></span></div><div><span style="display:block; width: 20%; float: left; height: 20px; background: #222d32;"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin">Red</p></li>
<li><a href="javascript:;" data-skin="skin-yellow" class="clearfix full-opacity-hover"><div><span style="display:block; width: 20%; float: left; height: 7px;" class="bg-yellow-active"></span><span class="bg-yellow" style="display:block; width: 80%; float: left; height: 7px;"></span></div><div><span style="display:block; width: 20%; float: left; height: 20px; background: #222d32;"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin">Yellow</p></li>
<li><a href="javascript:;" data-skin="skin-blue-light" class="clearfix full-opacity-hover"><div><span style="display:block; width: 20%; float: left; height: 7px; background: #367fa9;"></span><span class="bg-light-blue" style="display:block; width: 80%; float: left; height: 7px;"></span></div><div><span style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc;"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin" style="font-size: 12px">Blue Light</p></li>
<li><a href="javascript:;" data-skin="skin-white-light" class="clearfix full-opacity-hover"><div style="box-shadow: 0 0 2px rgba(0,0,0,0.1)" class="clearfix"><span style="display:block; width: 20%; float: left; height: 7px; background: #fefefe;"></span><span style="display:block; width: 80%; float: left; height: 7px; background: #fefefe;"></span></div><div><span style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc;"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin" style="font-size: 12px">White Light</p></li>
<li><a href="javascript:;" data-skin="skin-purple-light" class="clearfix full-opacity-hover"><div><span style="display:block; width: 20%; float: left; height: 7px;" class="bg-purple-active"></span><span class="bg-purple" style="display:block; width: 80%; float: left; height: 7px;"></span></div><div><span style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc;"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin" style="font-size: 12px">Purple Light</p></li>
<li><a href="javascript:;" data-skin="skin-green-light" class="clearfix full-opacity-hover"><div><span style="display:block; width: 20%; float: left; height: 7px;" class="bg-green-active"></span><span class="bg-green" style="display:block; width: 80%; float: left; height: 7px;"></span></div><div><span style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc;"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin" style="font-size: 12px">Green Light</p></li>
<li><a href="javascript:;" data-skin="skin-red-light" class="clearfix full-opacity-hover"><div><span style="display:block; width: 20%; float: left; height: 7px;" class="bg-red-active"></span><span class="bg-red" style="display:block; width: 80%; float: left; height: 7px;"></span></div><div><span style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc;"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin" style="font-size: 12px">Red Light</p></li>
<li><a href="javascript:;" data-skin="skin-yellow-light" class="clearfix full-opacity-hover"><div><span style="display:block; width: 20%; float: left; height: 7px;" class="bg-yellow-active"></span><span class="bg-yellow" style="display:block; width: 80%; float: left; height: 7px;"></span></div><div><span style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc;"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin" style="font-size: 12px;">Yellow Light</p></li>
<li><a href="javascript:;" data-skin="skin-blue" class="clearfix full-opacity-hover"><div><span style="width: 20%; height: 27px; background: #4e73df;"></span><span style="width: 80%; height: 27px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin">Blue</p></li>
<li><a href="javascript:;" data-skin="skin-black" class="clearfix full-opacity-hover"><div><span style="width: 20%; height: 27px; background: #000;"></span><span style="width: 80%; height: 27px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin">Black</p></li>
<li><a href="javascript:;" data-skin="skin-purple" class="clearfix full-opacity-hover"><div><span style="width: 20%; height: 27px; background: #605ca8;"></span><span style="width: 80%; height: 27px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin">Purple</p></li>
<li><a href="javascript:;" data-skin="skin-green" class="clearfix full-opacity-hover"><div><span style="width: 20%; height: 7px;" class="bg-green-active"></span><span class="bg-green" style="width: 80%; height: 7px;"></span></div><div><span style="width: 20%; height: 20px; background: #000;"></span><span style="width: 80%; height: 20px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin">Green</p></li>
<li><a href="javascript:;" data-skin="skin-red" class="clearfix full-opacity-hover"><div><span style="width: 20%; height: 7px;" class="bg-red-active"></span><span class="bg-red" style="width: 80%; height: 7px;"></span></div><div><span style="width: 20%; height: 20px; background: #000;"></span><span style="width: 80%; height: 20px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin">Red</p></li>
<li><a href="javascript:;" data-skin="skin-yellow" class="clearfix full-opacity-hover"><div><span style="width: 20%; height: 7px;" class="bg-yellow-active"></span><span class="bg-yellow" style="width: 80%; height: 7px;"></span></div><div><span style="width: 20%; height: 20px; background: #000;"></span><span style="width: 80%; height: 20px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin">Yellow</p></li>
<li><a href="javascript:;" data-skin="skin-blue-light" class="clearfix full-opacity-hover"><div><span style="width: 100%; height: 7px; background: #4e73df;"></span></div><div><span style="width: 100%; height: 20px; background: #f9fafc;"></span></div></a><p class="text-center no-margin" style="font-size: 12px">Blue Light</p></li>
<li><a href="javascript:;" data-skin="skin-black-light" class="clearfix full-opacity-hover"><div><span style="width: 100%; height: 7px; background: #000;"></span></div><div><span style="width: 100%; height: 20px; background: #f9fafc;"></span></div></a><p class="text-center no-margin" style="font-size: 12px">Black Light</p></li>
<li><a href="javascript:;" data-skin="skin-purple-light" class="clearfix full-opacity-hover"><div><span style="width: 100%; height: 7px; background: #605ca8;"></span></div><div><span style="width: 100%; height: 20px; background: #f9fafc;"></span></div></a><p class="text-center no-margin" style="font-size: 12px">Purple Light</p></li>
<li><a href="javascript:;" data-skin="skin-green-light" class="clearfix full-opacity-hover"><div><span style="width: 100%; height: 7px;" class="bg-green"></span></div><div><span style="width: 100%; height: 20px; background: #f9fafc;"></span></div></a><p class="text-center no-margin" style="font-size: 12px">Green Light</p></li>
<li><a href="javascript:;" data-skin="skin-red-light" class="clearfix full-opacity-hover"><div><span style="width: 100%; height: 7px;" class="bg-red"></span></div><div><span style="width: 100%; height: 20px; background: #f9fafc;"></span></div></a><p class="text-center no-margin" style="font-size: 12px">Red Light</p></li>
<li><a href="javascript:;" data-skin="skin-yellow-light" class="clearfix full-opacity-hover"><div><span style="width: 100%; height: 7px;" class="bg-yellow"></span></div><div><span style="width: 100%; height: 20px; background: #f9fafc;"></span></div></a><p class="text-center no-margin" style="font-size: 12px">Yellow Light</p></li>
<li><a href="javascript:;" data-skin="skin-black-blue" class="clearfix full-opacity-hover"><div><span style="width: 20%; height: 27px; background: #000;"><span style="width: 100%; height: 3px; margin-top:10px; background: #4e73df;"></span></span><span style="width: 80%; height: 27px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin">Black Blue</p></li>
<li><a href="javascript:;" data-skin="skin-black-purple" class="clearfix full-opacity-hover"><div><span style="width: 20%; height: 27px; background: #000;"><span style="width: 100%; height: 3px; margin-top:10px; background: #605ca8;"></span></span><span style="width: 80%; height: 27px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin">Black Purple</p></li>
<li><a href="javascript:;" data-skin="skin-black-green" class="clearfix full-opacity-hover"><div><span style="width: 20%; height: 27px; background: #000;"><span style="width: 100%; height: 3px; margin-top:10px;" class="bg-green"></span></span><span style="width: 80%; height: 27px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin">Black Green</p></li>
<li><a href="javascript:;" data-skin="skin-black-red" class="clearfix full-opacity-hover"><div><span style="width: 20%; height: 27px; background: #000;"><span style="width: 100%; height: 3px; margin-top:10px;" class="bg-red"></span></span><span style="width: 80%; height: 27px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin">Black Red</p></li>
<li><a href="javascript:;" data-skin="skin-black-yellow" class="clearfix full-opacity-hover"><div><span style="width: 20%; height: 27px; background: #000;"><span style="width: 100%; height: 3px; margin-top:10px;" class="bg-yellow"></span></span><span style="width: 80%; height: 27px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin">Black Yellow</p></li>
<li><a href="javascript:;" data-skin="skin-black-pink" class="clearfix full-opacity-hover"><div><span style="width: 20%; height: 27px; background: #000;"><span style="width: 100%; height: 3px; margin-top:10px; background: #f5549f;"></span></span><span style="width: 80%; height: 27px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin">Black Pink</p></li>
</ul>
</div>
<!-- /.tab-pane -->
... ... @@ -56,4 +68,4 @@
<!-- /.tab-pane -->
</div>
</aside>
<!-- /.control-sidebar -->
\ No newline at end of file
<!-- /.control-sidebar -->
... ...
... ... @@ -149,6 +149,16 @@
.item {
padding: 30px 0;
}
#statistics .panel {
min-height: 150px;
}
#statistics .panel h5 {
font-size: 13px;
}
</style>
<div class="panel panel-default panel-intro">
<div class="panel-heading">
... ... @@ -275,15 +285,15 @@
</div>
</div>
<div class="row" style="margin-top:15px;">
<div class="row" style="margin-top:15px;" id="statistics">
<div class="col-lg-12">
</div>
<div class="col-xs-6 col-md-3">
<div class="panel bg-blue">
<div class="panel bg-blue-gradient no-border">
<div class="panel-body">
<div class="panel-title">
<span class="label label-success pull-right">{:__('Real time')}</span>
<span class="label label-primary pull-right">{:__('Real time')}</span>
<h5>{:__('Category count')}</h5>
</div>
<div class="panel-content">
... ... @@ -295,10 +305,10 @@
</div>
</div>
<div class="col-xs-6 col-md-3">
<div class="panel bg-aqua-gradient">
<div class="panel bg-aqua-gradient no-border">
<div class="panel-body">
<div class="ibox-title">
<span class="label label-info pull-right">{:__('Real time')}</span>
<span class="label label-primary pull-right">{:__('Real time')}</span>
<h5>{:__('Attachment count')}</h5>
</div>
<div class="ibox-content">
... ... @@ -311,7 +321,7 @@
</div>
<div class="col-xs-6 col-md-3">
<div class="panel bg-purple-gradient">
<div class="panel bg-purple-gradient no-border">
<div class="panel-body">
<div class="ibox-title">
<span class="label label-primary pull-right">{:__('Real time')}</span>
... ... @@ -338,7 +348,7 @@
</div>
</div>
<div class="col-xs-6 col-md-3">
<div class="panel bg-green-gradient">
<div class="panel bg-green-gradient no-border">
<div class="panel-body">
<div class="ibox-title">
<span class="label label-primary pull-right">{:__('Real time')}</span>
... ... @@ -376,10 +386,12 @@
</div>
</div>
</div>
<!--@formatter:off-->
<script>
var Orderdata = {
column: {:json_encode(array_keys($paylist))},
paydata: {:json_encode(array_values($paylist))},
createdata: {:json_encode(array_values($createlist))},
};
</script>
\ No newline at end of file
</script>
<!--@formatter:on-->
... ...
... ... @@ -8,6 +8,7 @@ use think\Controller;
use think\Hook;
use think\Lang;
use think\Loader;
use think\Model;
use think\Session;
use fast\Tree;
use think\Validate;
... ... @@ -430,7 +431,7 @@ class Backend extends Controller
protected function selectpage()
{
//设置过滤方法
$this->request->filter(['strip_tags', 'htmlspecialchars']);
$this->request->filter(['trim', 'strip_tags', 'htmlspecialchars']);
//搜索关键词,客户端输入以空格分开,这里接收为数组
$word = (array)$this->request->request("q_word/a");
... ... @@ -473,11 +474,18 @@ class Backend extends Controller
$where = function ($query) use ($word, $andor, $field, $searchfield, $custom) {
$logic = $andor == 'AND' ? '&' : '|';
$searchfield = is_array($searchfield) ? implode($logic, $searchfield) : $searchfield;
$word = array_filter($word);
if ($word) {
foreach ($word as $k => $v) {
$query->where(str_replace(',', $logic, $searchfield), "like", "%{$v}%");
}
$searchfield = str_replace(',', $logic, $searchfield);
$word = array_filter(array_unique($word));
if (count($word) == 1) {
$query->where($searchfield, "like", "%" . reset($word) . "%");
} else {
$query->where(function ($query) use ($word, $searchfield) {
foreach ($word as $index => $item) {
$query->whereOr(function ($query) use ($item, $searchfield) {
$query->where($searchfield, "like", "%{$item}%");
});
}
});
}
if ($custom && is_array($custom)) {
foreach ($custom as $k => $v) {
... ... @@ -500,18 +508,23 @@ class Backend extends Controller
if (is_array($adminIds)) {
$this->model->where($this->dataLimitField, 'in', $adminIds);
}
$fields = is_array($this->selectpageFields) ? $this->selectpageFields : ($this->selectpageFields && $this->selectpageFields != '*' ? explode(',', $this->selectpageFields) : []);
$datalist = $this->model->where($where)
->order($order)
->page($page, $pagesize)
->field($this->selectpageFields)
->select();
foreach ($datalist as $index => $item) {
unset($item['password'], $item['salt']);
$list[] = [
$primarykey => isset($item[$primarykey]) ? $item[$primarykey] : '',
$field => isset($item[$field]) ? $item[$field] : '',
'pid' => isset($item['pid']) ? $item['pid'] : 0
];
if ($this->selectpageFields == '*') {
$result = [
$primarykey => isset($item[$primarykey]) ? $item[$primarykey] : '',
$field => isset($item[$field]) ? $item[$field] : '',
];
} else {
$result = array_intersect_key(($item instanceof Model ? $item->toArray() : (array)$item), array_flip($fields));
}
$result['pid'] = isset($item['pid']) ? $item['pid'] : (isset($item['parent_id']) ? $item['parent_id'] : 0);
$list[] = $result;
}
if ($istree && !$primaryvalue) {
$tree = Tree::instance();
... ...
... ... @@ -48,19 +48,36 @@
<!-- /.container-fluid -->
</nav>
<header>
<main id="mainbody">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="header-content">
<div class="header-content-inner">
<div class="col-sm-5">
<div class="index-text">
<div>
<h1>{$site.name}</h1>
<p style="color:#adb9e0;line-height:30px;">网站(Website)是指在因特网上根据一定的规则，使用HTML（标准通用标记语言）等工具制作的用于展示特定内容相关网页的集合。简单地说，网站是一种沟通工具，人们可以通过网站来发布自己想要公开的资讯，或者利用网站来提供相关的网络服务。</p>
<div>
<a href="{:url('index/user/index')}" class="btn bg-primary btn-xl btn-round-lg">会员中心</a>
</div>
</div>
</div>
</div>
<div class="col-sm-7">
<div class="index-gallery">
<div>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="gallery-svg" data-name="Gallery" width="100%" height="" viewBox="0 0 1130.08 738.14"><defs><linearGradient id="a340ed46-1652-4aba-8925-cf57be9109ca-84" x1="421.41" y1="548.67" x2="423.73" y2="548.67" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="gray" stop-opacity="0.25"></stop><stop offset="0.54" stop-color="gray" stop-opacity="0.12"></stop><stop offset="1" stop-color="gray" stop-opacity="0.1"></stop></linearGradient></defs><title>pair programming</title><path d="M619.44,213.68c-71.37,12.06-142.64,6.89-211.2-.63s-136.95-17.34-208.35-14.38c-45.93,1.9-97.08,11-129.15,37.45C39.87,261.56,35.06,295.89,35,326.88c-.08,23.31,1.94,47.43,18.46,66,11.48,12.88,29.15,22.11,42.46,34,46.31,41.3,32.23,106.33,1.84,161.62-14.26,25.94-31.7,51.45-41.41,78s-11,55,6.38,76.65c17.22,21.47,50.53,33.57,85.26,39.84,70.54,12.74,149.13,4.83,225.17-5.89C541.45,753.29,708,716.17,874.19,679.14c61.49-13.71,123.25-27.48,182.49-47.24,32.9-11,66.4-24.69,87.65-46,27-27,27.68-63.93,1.66-86-43.66-37-142.48-28.79-176.25-71.09-18.58-23.29-10.49-54.92,4.3-82.86,31.71-59.92,93-119.12,85.06-178.86-5.48-41-47.29-74.93-103.33-83.77-58.74-9.26-134.18,8.3-168,49.56C753,175.39,682.46,203,619.44,213.68Z" transform="translate(-34.96 -80.93)" fill="#94acef" opacity="0.1"></path><rect x="360" y="359.24" width="283.43" height="65.63" fill="#565661"></rect><rect x="360" y="359.24" width="283.43" height="65.63" opacity="0.1"></rect><polygon points="393.91 427.03 395.9 602.24 368.64 671.06 366.53 427.03 393.91 427.03" fill="#bcbec9"></polygon><polygon points="362.99 371.84 638.94 373.5 638.94 422.38 362.99 422.38 362.99 371.84" fill="#565661"></polygon><polygon points="615.33 427.03 638.94 430.36 638.94 668.4 615.33 595.59 615.33 427.03" fill="#bcbec9"></polygon><rect x="647.91" y="361.87" width="132.99" height="282.6" fill="#efeff0"></rect><rect x="658.55" y="369.72" width="111.71" height="217.23" fill="#565661"></rect><rect x="658.55" y="369.72" width="111.71" height="217.23" opacity="0.1"></rect><rect x="658.55" y="374.17" width="111.71" height="48.21" fill="#565661"></rect><rect x="658.55" y="427.03" width="111.71" height="102.4" fill="#565661"></rect><rect x="658.55" y="535.75" width="111.71" height="102.4" fill="#565661"></rect><rect x="658.55" y="535.75" width="111.71" height="102.4" opacity="0.1"></rect><ellipse cx="663.21" cy="653.67" rx="7.2" ry="9.2" fill="#565661"></ellipse><ellipse cx="763.06" cy="654.11" rx="7.2" ry="9.2" fill="#565661"></ellipse><polygon points="359 671.06 368.64 671.06 365.99 364.32 351.35 364.32 359 671.06" fill="#efeff0"></polygon><polygon points="638.94 361.87 638.94 668.4 647.91 668.4 647.91 364.32 638.94 361.87" fill="#efeff0"></polygon><polygon points="366.46 419.38 366.46 430.36 638.94 430.36 638.94 422.38 366.46 419.38" fill="#efeff0"></polygon><polygon points="384.93 341.26 730.37 341.26 780.57 357.88 780.57 367.52 349.69 364.2 349.69 354.39 384.93 341.26" fill="#fff"></polygon><polygon points="349.69 354.39 780.57 357.88 780.57 367.52 349.69 364.2 349.69 354.39" fill="#bcbec9"></polygon><path d="M423.68,549.64l-2-.3c0-.09,0-.17,0-.25-.06-.47-.13-.93-.2-1.4.82.65,1.6,1.3,2.32,1.95Z" transform="translate(-34.96 -80.93)" fill="url(#a340ed46-1652-4aba-8925-cf57be9109ca-84)"></path><path d="M380.22,704.05c1.3-.3,2.62-.55,3.94-.73a47.42,47.42,0,0,1,26.62,3.92c-.84,6.18-1.67,12.57.11,18.54,1.24,4.2,3.73,8,4.26,12.38a7.3,7.3,0,0,1,5.75,5.08,11.05,11.05,0,0,1,.57,3.56,19,19,0,0,1-.56,4.44,4.48,4.48,0,0,1-4.8,4c-7.74.88-15.33-2.17-22.53-5.16l-14-5.82c-1.64-.68-3.29-1.37-4.86-2.21a26.63,26.63,0,0,1-7.79-6.37A3.55,3.55,0,0,1,366,734c-.26-1.76,1.8-2.81,3.11-4a6.23,6.23,0,0,0,1-1.22c1.55-2.34,1.7-5.57,2.63-8.33,2.2-6.55,9-10.77,11.4-17.16.13-.35.25-.7.35-1.06" transform="translate(-34.96 -80.93)" fill="#a26565"></path><path d="M421.47,746.8a19,19,0,0,1-.56,4.44,4.48,4.48,0,0,1-4.8,4c-7.74.88-15.33-2.17-22.53-5.16l-14-5.82c-1.64-.68-3.29-1.37-4.86-2.21a26.63,26.63,0,0,1-7.79-6.37A3.55,3.55,0,0,1,366,734c-.26-1.76,1.8-2.81,3.11-4a6.23,6.23,0,0,0,1-1.22c3.86.83,8.65,3.26,11.6,4.2a35.22,35.22,0,0,1,8.44,3.53c3.68,2.36,6.33,6,9.45,9s7.15,5.73,11.5,5.36a19,19,0,0,0,6.54-2.26Z" transform="translate(-34.96 -80.93)" opacity="0.1"></path><path d="M405.08,604.69a4.63,4.63,0,0,1-1.7,5c-1.31.81-3,.7-4.3,1.58-1.61,1.13-1.84,3.37-2.12,5.31-1,6.67-4.31,12.72-7.14,18.85s-5.22,12.82-4.18,19.48c.71,4.52,2.93,9.34.85,13.41-.51,1-1.27,1.89-1.85,2.86-2.85,4.76-1.23,10.79-1.34,16.33a3.23,3.23,0,0,1-.39,1.77,4.89,4.89,0,0,1-1.58,1.22,8.38,8.38,0,0,0-3.41,6.43,24.57,24.57,0,0,0,.9,7.46,4.44,4.44,0,0,0,1.23,2.6,4.6,4.6,0,0,0,2.69.76A59.84,59.84,0,0,1,401,712.19c3.79,1.58,7.47,3.56,11.5,4.32a3,3,0,0,0,2.36-.25,3.25,3.25,0,0,0,1-1.73c1.55-5.1,3.12-10.36,2.59-15.66-.23-2.28-.84-4.51-1-6.79-.7-9,5.39-17.12,7.32-26,.87-4,.87-8.14,1.49-12.18,1.68-11.07,7.78-21,10.13-31.95a34.73,34.73,0,0,1,1.52-6c1.75-4.24,5.8-7.68,5.89-12.27a4.78,4.78,0,0,0-.76-2.86,6.48,6.48,0,0,0-3.57-2,121.87,121.87,0,0,0-16.55-3.34,31.35,31.35,0,0,0-7.78-.54,22.9,22.9,0,0,0-9.52,3.36C401.76,600.68,404.24,601.25,405.08,604.69Z" transform="translate(-34.96 -80.93)" fill="#454b69"></path><path d="M405.08,604.69a4.63,4.63,0,0,1-1.7,5c-1.31.81-3,.7-4.3,1.58-1.61,1.13-1.84,3.37-2.12,5.31-1,6.67-4.31,12.72-7.14,18.85s-5.22,12.82-4.18,19.48c.71,4.52,2.93,9.34.85,13.41-.51,1-1.27,1.89-1.85,2.86-2.85,4.76-1.23,10.79-1.34,16.33a3.23,3.23,0,0,1-.39,1.77,4.89,4.89,0,0,1-1.58,1.22,8.38,8.38,0,0,0-3.41,6.43,24.57,24.57,0,0,0,.9,7.46,4.44,4.44,0,0,0,1.23,2.6,4.6,4.6,0,0,0,2.69.76A59.84,59.84,0,0,1,401,712.19c3.79,1.58,7.47,3.56,11.5,4.32a3,3,0,0,0,2.36-.25,3.25,3.25,0,0,0,1-1.73c1.55-5.1,3.12-10.36,2.59-15.66-.23-2.28-.84-4.51-1-6.79-.7-9,5.39-17.12,7.32-26,.87-4,.87-8.14,1.49-12.18,1.68-11.07,7.78-21,10.13-31.95a34.73,34.73,0,0,1,1.52-6c1.75-4.24,5.8-7.68,5.89-12.27a4.78,4.78,0,0,0-.76-2.86,6.48,6.48,0,0,0-3.57-2,121.87,121.87,0,0,0-16.55-3.34,31.35,31.35,0,0,0-7.78-.54,22.9,22.9,0,0,0-9.52,3.36C401.76,600.68,404.24,601.25,405.08,604.69Z" transform="translate(-34.96 -80.93)" opacity="0.05"></path><polygon points="350.55 674.47 342.02 674.47 336.44 559.83 336.05 553.31 343.3 550.76 343.79 557.69 350.55 674.47" fill="#565661"></polygon><polygon points="343.79 557.69 336.44 559.83 336.05 553.31 343.3 550.76 343.79 557.69" opacity="0.1"></polygon><polygon points="457.58 698.72 443.51 700.42 378.69 553.31 361.21 552.03 330.51 560.99 324.54 736.14 310.47 736.14 316.01 554.59 282.32 555.45 222.2 705.11 209.41 705.11 272.64 530.2 275.08 523.46 369.31 520.23 392.8 533.4 393.1 534.16 457.58 698.72" fill="#565661"></polygon><path d="M428.06,615.09c-20.25,6.1-41.27,12.76-41.27,12.76s-19.17,6.69-27.29,0a12.27,12.27,0,0,0-3.39-1.87,16.7,16.7,0,0,0,3.39,1.87l-51.9-16.73,2.43-6.73,94.24-3.23,23.49,13.17Z" transform="translate(-34.96 -80.93)" opacity="0.1"></path><path d="M332.21,586.06l38.37-8.53s91.68,17.06,98.5,23.88c0,0-73.34,14.92-81.44,20S331.35,632.11,332.21,586.06Z" transform="translate(-34.96 -80.93)" fill="#fff"></path><path d="M315.71,490.17c-3,9.51-11.19,18.08-21.16,18.49a3.69,3.69,0,0,1-2.11-.38c-1.25-.78-1.28-2.61-.77-4s1.4-2.64,1.54-4.1a2.68,2.68,0,0,0-.06-.89c-.26-1.19-1.23-2.25-2.37-2a4,4,0,0,0,.85-5.31,12,12,0,0,1-1.22-1.64c-.83-1.7.46-3.61,1-5.43,1.11-4-1.71-8-1.94-12.17-.2-3.73,1.69-7.24,2.16-10.94.75-6-2.23-11.75-2.58-17.74-.24-4.18.79-8.32,1.94-12.35,1-3.6,2.13-7.24,2.2-11,0-2.73-.47-5.43-.6-8.15a14.19,14.19,0,0,1,1.31-7.24,5.79,5.79,0,0,1,3.29-2.81c3.28-1.1,5.43.61,5.91,3.72.8,5.29.34,10.69,1.39,16a75,75,0,0,0,4.39,14.49c1.77,4.22,3.92,8.3,5.28,12.67a69.8,69.8,0,0,1,2.19,11C317.69,470.38,318.74,480.66,315.71,490.17Z" transform="translate(-34.96 -80.93)" fill="#94acef"></path><path d="M543.47,732.21a15.51,15.51,0,0,1-10.93,6.44c-4.34.54-8.85-.55-13.06.64a4,4,0,0,0-3,2.31,24.54,24.54,0,0,0-.19,2.45c-.49,2.67-4,3.27-6.73,3.25l-11.26-.07c-2.34,0-4.93-.13-6.61-1.75a4.92,4.92,0,0,1-.1-6.48,4.07,4.07,0,0,1,1.26-1,4,4,0,0,1-2.7-3.21,11.94,11.94,0,0,1,.21-4.41c0-4.18,1-11.18,3.94-14.45,3.61-4.07,9.87-9.33,15.32-10.42A12,12,0,0,1,520,708.46c2.58,2.4,4.46,6.16,8,6.58,1.93.24,3.79-.67,5.7-1a10.61,10.61,0,0,1,10.81,5.71,11.26,11.26,0,0,1,1,3.13A13,13,0,0,1,543.47,732.21Z" transform="translate(-34.96 -80.93)" fill="#a26565"></path><path d="M543.47,732.21a15.51,15.51,0,0,1-10.93,6.44c-4.34.54-8.85-.55-13.06.64a4,4,0,0,0-3,2.31,24.54,24.54,0,0,0-.19,2.45c-.49,2.67-4,3.27-6.73,3.25l-11.26-.07c-2.34,0-4.93-.13-6.61-1.75a4.92,4.92,0,0,1-.1-6.48c6.5-.27,12.89,0,19.37-1.34,2.63-.53,5.22-1.23,7.88-1.6,5.76-.82,11.89-.12,17.18-2.56,4.41-2,7.57-6.07,9.44-10.61A13,13,0,0,1,543.47,732.21Z" transform="translate(-34.96 -80.93)" opacity="0.1"></path><path d="M513.76,716.4c-4,3.1-8.69,5.52-13.73,5.78s-10.39-2-12.86-6.38c-3.61-6.43-.41-15.37-4.83-21.27-1.38-1.85-3.37-3.16-4.83-4.95s-2.3-4.48-1-6.38c-1.57.6-3.23-.92-3.69-2.54s-.17-3.36-.45-5c-.73-4.35-5-7.14-7.05-11s-1.77-8.87-2-13.44a51,51,0,0,0-11.8-30.35c-1.36-1.62-3.1-3.27-5.22-3.19.37-3.66-2.07-7.16-5.23-9s-6.92-2.46-10.58-2.82c-36.93-3.64-75.41,10.09-110.67-1.46-9.81-3.21-19.27-8.58-25.27-17a29.72,29.72,0,0,1-5.29-22.48l0-.14c1.39-7.1,5.14-8.85,11.35-12.09A136.24,136.24,0,0,1,323,543.3c15-4.69,31.15-6.38,46.63-2.94,7.23,1.62,14.2,4.3,21.44,5.87,2.85.62,5.72,1.06,8.61,1.43,4.49.56,9,.93,13.52,1.45a204.53,204.53,0,0,1,42.46,9.55c5.13,1.74,10.26,3.73,14.67,6.88A32.5,32.5,0,0,1,483.37,587c.42,2.94.43,6,1.07,8.85a45,45,0,0,0,2.4,7,465.63,465.63,0,0,1,20.89,65,15.79,15.79,0,0,0,1.67,4.7c1.28,2.07,3.48,3.46,4.77,5.53,3,4.88.11,11.69,2.77,16.77.92,1.76,2.45,3.15,3.37,4.91C523.31,705.53,518.88,712.43,513.76,716.4Z" transform="translate(-34.96 -80.93)" fill="#454b69"></path><path d="M462.66,601.5a16.5,16.5,0,0,0,3.63-4,7.46,7.46,0,0,0,1.1-5.17,14.79,14.79,0,0,1-3.89,12.72c-2.51,2.57-7.22,5.09-10.89,4.21C453.13,606.32,460.33,603.48,462.66,601.5Z" transform="translate(-34.96 -80.93)" opacity="0.1"></path><path d="M400.18,551.66a6.71,6.71,0,0,1-4.44,4.58,18.5,18.5,0,0,1-6.59.77l-2,0c-26.24-.58-52.76-6.4-78.39-.85a56.76,56.76,0,0,0-9.06,2.67,40.9,40.9,0,0,0-10.41,6l0-.14c1.39-7.1,5.14-8.85,11.35-12.09A136.24,136.24,0,0,1,323,543.3c15-4.69,31.15-6.38,46.63-2.94,7.23,1.62,14.2,4.3,21.44,5.87,2.85.62,5.72,1.06,8.61,1.43A6.91,6.91,0,0,1,400.18,551.66Z" transform="translate(-34.96 -80.93)" opacity="0.1"></path><path d="M400.18,550.23a6.7,6.7,0,0,1-4.44,4.59,18.27,18.27,0,0,1-6.59.76l-2,0c-26.24-.58-52.76-6.4-78.39-.85a57.78,57.78,0,0,0-9.06,2.66,41.2,41.2,0,0,0-10.85,6.4q-1.15-3.16-2.29-6.33c-.92-2.52,2-3.08,2.56-5.34.37-1.53-.26-3.27-.58-4.9a8.55,8.55,0,0,1-.16-1.21c-.18-3.61,1.11-5.69,4.07-7.64,8.78-5.8,19.49-9.78,29.51-12.77a73,73,0,0,1,16.4-3.18c7.88-.46,15.75,1,23.42,2.85,9.43,2.33,18.76,5.41,27.12,10.34C393,538,397,541,399.21,545.26A7.6,7.6,0,0,1,400.18,550.23Z" transform="translate(-34.96 -80.93)" fill="#a26565"></path><path d="M315.71,490.17c-3,9.51-11.19,18.08-21.16,18.49a3.69,3.69,0,0,1-2.11-.38c-1.25-.78-1.28-2.61-.77-4s1.4-2.64,1.54-4.1a2.68,2.68,0,0,0-.06-.89c5.29-7.46,10.42-15,12.45-23.83a12.74,12.74,0,0,0,.37-4.67c-.27-1.8-1.18-3.43-1.68-5.17-.88-3.08-.47-6.34-.22-9.53A88,88,0,0,0,297.23,415c-1.35-3.12-2.89-6.28-3.36-9.61a5.79,5.79,0,0,1,3.29-2.81c3.28-1.1,5.43.61,5.91,3.72.8,5.29.34,10.69,1.39,16a75,75,0,0,0,4.39,14.49c1.77,4.22,3.92,8.3,5.28,12.67a69.8,69.8,0,0,1,2.19,11C317.69,470.38,318.74,480.66,315.71,490.17Z" transform="translate(-34.96 -80.93)" opacity="0.1"></path><path d="M400.18,550.23a6.7,6.7,0,0,1-4.44,4.59,18.27,18.27,0,0,1-6.59.76l-2,0a43.57,43.57,0,0,0-29-7c-3.26.39-6.52,1.15-9.78.85-6.59-.6-11.93-5.34-17.8-8.37a37.38,37.38,0,0,0-41.43,5.62l-.57.5a8.55,8.55,0,0,1-.16-1.21c-.18-3.61,1.11-5.69,4.07-7.64,8.78-5.8,19.49-9.78,29.51-12.77a73,73,0,0,1,16.4-3.18c7.88-.46,15.75,1,23.42,2.85,9.43,2.33,18.76,5.41,27.12,10.34C393,538,397,541,399.21,545.26A7.6,7.6,0,0,1,400.18,550.23Z" transform="translate(-34.96 -80.93)" opacity="0.1"></path><path d="M422.61,440.69l-.14.36c-2.24,5.81-6.36,10.72-9,16.38-3.33,7.17-4.15,15.21-4.89,23.09-.64,6.75-1.27,13.54-.76,20.31,1.28,16.68,9.43,32.5,11.61,48.86a54.31,54.31,0,0,1,.41,11.41c-.18,2.41-.62,5-2.22,6.78s-4.71,2.48-6.43.77c.77-1.47,1.55-2.93,2.33-4.4-4.57-3.55-11.45-1-16.79-3.22-2.35-1-4.23-2.8-6.2-4.41a43.48,43.48,0,0,0-32.39-9.46c-3.26.4-6.52,1.16-9.78.86-6.59-.61-11.93-5.34-17.8-8.37a37.4,37.4,0,0,0-41.43,5.61c-1.4,1.3-3.28,2.82-5,2a4.16,4.16,0,0,1-1.55-1.69c-6.55-11.19-1.73-25.62,5.27-36.52S304.12,488.1,307,475.47a12.53,12.53,0,0,0,.37-4.67c-.27-1.8-1.18-3.43-1.68-5.17-.88-3.08-.47-6.34-.22-9.53A88,88,0,0,0,298.65,415c-1.6-3.73-3.5-7.51-3.5-11.56,0-6.38,4.57-11.67,8.35-16.8,4.35-5.9,8-12.43,13.51-17.28,5.22-4.61,12.78-7.43,19.24-5.09A119.94,119.94,0,0,1,369.81,361c3.9.18,7.93.59,11.35,2.48,3.66,2,6.29,5.56,9.89,7.69,2.63,1.57,5.66,2.31,8.52,3.41A35.21,35.21,0,0,1,417.93,391c4,7.75,5,16.66,5.88,25.34C424.65,424.51,425.45,433,422.61,440.69Z" transform="translate(-34.96 -80.93)" fill="#94acef"></path><path d="M407.82,500.83c1.28,16.68,9.43,32.5,11.61,48.86C415.07,546,409,542.29,408.19,538c-.9-4.64-3.78-10.72-4.26-15.41s2.81-10.42-.64-13.64c-1.68-1.57,2.79-1.13,1.15-2.74-3.69-3.59-4.6-9.12-4.83-14.25-.39-9.08.76-18.26-.91-27.19-1-5.51-3.09-10.76-4.76-16.11-1.94-6.23-3.34-12.61-4.74-19a133.12,133.12,0,0,1-3-17.26c-.43-5-.23-10.3,2-14.86s6.74-8.26,11.8-8.19c16.92.22,14,23.16,17.72,33.76,1.49,4.22,3.5,8.3,4.31,12.7a33.66,33.66,0,0,1,.48,5.22c-2.24,5.81-6.36,10.72-9,16.38-3.33,7.17-4.15,15.21-4.89,23.09C407.94,487.27,407.31,494.06,407.82,500.83Z" transform="translate(-34.96 -80.93)" opacity="0.1"></path><path d="M418.82,422.85c1.49,4.22,3.5,8.3,4.31,12.7,1.35,7.37-.74,15.2,1.53,22.34a38.92,38.92,0,0,1,1.48,4.67c.39,2.27-.06,4.59-.06,6.9,0,3.72,1.17,7.32,2.21,10.89a194.63,194.63,0,0,1,6.95,37.16,46.59,46.59,0,0,0,1.59,10,33.21,33.21,0,0,1,1.08,3.38,17.48,17.48,0,0,1,.19,4.63c-.27,4.9-.82,9.82-.27,14.7s2.33,9.83,6,13.1c-3.28.71-6.75,1.42-9.95.37-4.5-1.47-7.2-6-9.49-10.12-2.9-5.26-13.92-10-15.06-15.91-.89-4.63-3.77-10.71-4.25-15.41s2.8-10.41-.65-13.63c-1.67-1.57,2.8-1.14,1.15-2.74-3.68-3.59-4.59-9.12-4.82-14.26-.39-9.07.75-18.25-.91-27.18-1-5.51-3.09-10.76-4.76-16.12-1.94-6.22-3.34-12.6-4.74-19a131.73,131.73,0,0,1-3-17.26c-.43-5-.24-10.31,2-14.87s6.75-8.25,11.8-8.19C418,389.3,415.1,412.25,418.82,422.85Z" transform="translate(-34.96 -80.93)" fill="#94acef"></path><path d="M370.6,426.76c1.58,1.85,3.61,3.88,6,3.52a1.3,1.3,0,0,1-1.77.42,3.8,3.8,0,0,1-1.33-1.53l-3.42-5.77c-.45-.75-3.55-5.12-4.31-2.6C365.47,421.87,369.83,425.86,370.6,426.76Z" transform="translate(-34.96 -80.93)" opacity="0.1"></path><path d="M368.76,441.15a7.62,7.62,0,0,0-2.23-5,12.5,12.5,0,0,0-4.13-2.49c-3.75-1.54-8.19-2.78-12.26-2.58,1.48,2.16,6.23,3.45,8.61,4.67Q363.81,438.36,368.76,441.15Z" transform="translate(-34.96 -80.93)" opacity="0.1"></path><path d="M379.41,482.11c-.69,5.12-4.88,9-9.12,12s-9,5.58-11.77,9.92c-1.92,3-2.78,6.48-4.41,9.61-1.8,3.45-4.49,6.35-6.64,9.59s-3.83,7.11-3.17,10.95a1.29,1.29,0,0,0,.46.92,1.31,1.31,0,0,0,1.27-.14c4.36-2.28,6.08-7.49,7.91-12a138.65,138.65,0,0,1,6.48-13.32c1.08-2,2.27-4.18,4.28-5.29a37.55,37.55,0,0,1,4.22-1.47,14.19,14.19,0,0,0,5.21-4.09,34.34,34.34,0,0,0,8-23.31c-.06-1.79-.16-10.41-2.85-7.75S379.87,478.63,379.41,482.11Z" transform="translate(-34.96 -80.93)" opacity="0.1"></path><path d="M386,285.74c8.6,3.75,16,12,15.73,21.35-.23,9.82-8.45,19.07-5.62,28.48,1.64,5.46,6.58,9.12,10.49,13.27,14.89,15.76,14.86,43.27-.08,59-5.72,6-13.07,10.27-19.12,16-21.33,20.1-22.24,54.87-10.82,81.86a133.14,133.14,0,0,1-26.62,3c-4.19,0-9.32-.71-10.84-4.62-1.4-3.61,1-8.49-1.76-11.16-1.3-1.25-3.25-1.42-5-1.71-11.26-1.82-20.5-10.81-24.72-21.4s-4-22.51-1.58-33.65c1.72-8.05,4.41-16.91.42-24.11-5-9.06-19.38-12.88-19.16-23.24.18-8.49,10.19-12.62,15.87-18.93,10.48-11.62,5.49-29.65,5.47-45.31,0-13.78,4.82-28,15.08-37.18C339,273.62,368.39,278.09,386,285.74Z" transform="translate(-34.96 -80.93)" fill="#a26565"></path><g opacity="0.1"><path d="M308.12,401.78c-4.39-7.92-15.92-11.84-18.6-19.63a11.09,11.09,0,0,0-2.16,6.26c-.22,10.36,14.14,14.18,19.16,23.25a18.89,18.89,0,0,1,2,10.42C310.1,415.12,311.49,407.86,308.12,401.78Z" transform="translate(-34.96 -80.93)"></path><path d="M397.26,322.75c1.8-5.25,4.41-10.55,4.54-16a15,15,0,0,0-.05-1.77C399.74,311,396.66,316.84,397.26,322.75Z" transform="translate(-34.96 -80.93)"></path><path d="M309.84,350.72c3.44-10.87.47-24.35.46-36.41,0-1.46.06-2.93.17-4.39a57.74,57.74,0,0,0-1.78,14.26C308.71,332.79,310.22,342.13,309.84,350.72Z" transform="translate(-34.96 -80.93)"></path><path d="M408.19,397.61c-5.72,6-13.07,10.27-19.12,16-10.8,10.17-16.35,24.1-17.74,38.87,2.58-11,7.79-21.13,16.14-29,6-5.7,13.4-9.95,19.12-16a42.49,42.49,0,0,0,11.15-27.06A40.61,40.61,0,0,1,408.19,397.61Z" transform="translate(-34.96 -80.93)"></path><path d="M351.63,498.44c-4.19,0-9.32-.72-10.84-4.63-1.4-3.6,1-8.48-1.76-11.16-1.3-1.25-3.26-1.42-5-1.71-11.25-1.81-20.49-10.81-24.71-21.39-3.11-7.82-3.78-16.35-3-24.77-.08.33-.15.66-.22,1-2.38,11.14-2.63,23.07,1.58,33.66s13.46,19.58,24.71,21.39c1.78.29,3.74.47,5,1.71,2.79,2.68.36,7.56,1.76,11.16,1.52,3.91,6.65,4.68,10.84,4.63a133.23,133.23,0,0,0,26.62-3,89.38,89.38,0,0,1-3.23-8.93A132.74,132.74,0,0,1,351.63,498.44Z" transform="translate(-34.96 -80.93)"></path></g><path d="M384.38,454.83c2.47,1.86,5.15-5.23,3.62-7C387.59,448.29,384,454.57,384.38,454.83Z" transform="translate(-34.96 -80.93)" opacity="0.1"></path><path d="M394.91,583.17c2.91-1,6-2,7.9-4.4,1.57-1.93,2.86-9.59-.46-5.92C399.53,576,398.2,580.15,394.91,583.17Z" transform="translate(-34.96 -80.93)" opacity="0.1"></path><path d="M424.54,575.14c-.35,2.36-1,4.81-2.67,6.51-.31.32-1,.52-1.09.09a25.29,25.29,0,0,0,5.16-3.64c3.38-3.35,3.84-11.6-1.31-13.79C424.58,567.93,425.09,571.46,424.54,575.14Z" transform="translate(-34.96 -80.93)" opacity="0.1"></path><path d="M460.11,560.27s-28.38-11.15-38.64-10,11.62,17.32,11.62,17.32l13.08,8.82s8-3,8.53-3.23S460.11,560.27,460.11,560.27Z" transform="translate(-34.96 -80.93)" fill="#454b69"></path><path d="M264.84,440.65s21.32-12.36,49.46,3,32.83,105.75,32.83,105.75S335.62,641.49,380,621c0,0,81-25.15,89.11-19.61,0,0,7.68,0-7.67,3.41S386.79,627,386.79,627s-19.17,6.7-27.29,0-31.13.86-34.12-45.2a801,801,0,0,0-10.66-86.56l-7.91-23.45Z" transform="translate(-34.96 -80.93)" fill="#565661"></path><path d="M262.28,583.07s9.38-93.38-6-127.07c-13.38-29.36,38.36-15.63,51.86-11.63a9.83,9.83,0,0,1,5.18,3.7c8,11.25,36.7,56.34,28.24,116.67,0,0-3.41,53.73,17.91,62.25l-65.69-21.16c-5.33-1.72-10.74-3.15-16.2-4.39C270.62,599.86,259.28,595.37,262.28,583.07Z" transform="translate(-34.96 -80.93)" fill="#fff"></path><polygon points="694.53 676.47 703.06 676.47 708.65 561.83 709.03 555.31 701.78 552.76 701.3 559.69 694.53 676.47" fill="#565661"></polygon><polygon points="701.3 559.69 708.65 561.83 709.03 555.31 701.78 552.76 701.3 559.69" opacity="0.1"></polygon><path d="M658.27,713.13a19.23,19.23,0,0,1-1.2,4.58,8.09,8.09,0,0,1-3.65,4.56,9.64,9.64,0,0,1-3.69.73c-4.71.28-9.69.21-13.74-2.19a25,25,0,0,1-4.71-3.93,214.9,214.9,0,0,1-24.72-29.4c-1.23-1.77-2.5-3.86-1.95-6a93.21,93.21,0,0,0,26.77-12.25,12.92,12.92,0,0,1,3.76-2,20.43,20.43,0,0,1,7.06-.26c2.27.37,2.37.44,3.24,3,1.44,4.33,1.2,9,2.82,13.33a41.3,41.3,0,0,0,3.74,6.84C656.18,697.13,659.39,705.38,658.27,713.13Z" transform="translate(-34.96 -80.93)" fill="#a26565"></path><path d="M658.27,713.13a19.23,19.23,0,0,1-1.2,4.58,8.09,8.09,0,0,1-3.65,4.56,9.64,9.64,0,0,1-3.69.73c-4.71.28-9.69.21-13.74-2.19a25,25,0,0,1-4.71-3.93,214.9,214.9,0,0,1-24.72-29.4c-1.23-1.77-2.5-3.86-1.95-6a92.81,92.81,0,0,0,9.16-3.06l.15.11c3.07,2.19,5.3,5.33,7.47,8.41l7,9.85a29,29,0,0,0,4.39,5.3,29.38,29.38,0,0,0,6.79,4.08c3.29,1.59,6.58,3.18,10,4.46C651.78,711.52,655.52,711.87,658.27,713.13Z" transform="translate(-34.96 -80.93)" opacity="0.1"></path><path d="M664.73,606.34a30.1,30.1,0,0,1-2.5,4.77A204.16,204.16,0,0,0,640.91,661c-1.38-.31-2.16,1.57-2.15,3s0,3.23-1.32,3.75c-.39.15-.83.15-1.21.32-.84.38-1.08,1.45-1.2,2.37l-1.18,8.66c-.41,3-.77,6.25.7,8.9a14.23,14.23,0,0,0,3.87,4l19.52,15.4c.8.63,1.79,1.3,2.75.95,2.19-.8.25-4.72,2-6.31,1.16-1.09,3-.27,4.61-.4,2.1-.16,3.69-2.09,4.22-4.12a19.59,19.59,0,0,0,.11-6.26,5.68,5.68,0,0,1,.32-2.81,6.82,6.82,0,0,1,2.39-2.29,25.66,25.66,0,0,0,10.51-21.64,12,12,0,0,1,.14-3.83,10.09,10.09,0,0,1,1.81-3.16c7.09-9.59,13-20,18.87-30.39,3.38-6,6.82-12.09,8-18.85a1.75,1.75,0,0,0-1.44-2.4,68,68,0,0,0-8.94-2.14c-9.19-1.86-18.06-4.73-27-7.49S667.42,599.12,664.73,606.34Z" transform="translate(-34.96 -80.93)" fill="#454b69"></path><polygon points="587.5 700.72 601.58 702.42 666.39 555.31 683.87 554.03 714.58 562.99 720.54 738.14 734.61 738.14 729.07 556.59 762.76 557.45 822.88 707.11 835.67 707.11 772.44 532.2 770.01 525.46 675.77 522.23 652.28 535.4 651.98 536.16 587.5 700.72" fill="#565661"></polygon><path d="M686.94,617.09c20.25,6.1,41.27,12.76,41.27,12.76s19.17,6.69,27.29,0a12.27,12.27,0,0,1,3.39-1.87,16.7,16.7,0,0,1-3.39,1.87l51.9-16.73L805,606.39l-94.24-3.23-23.49,13.17Z" transform="translate(-34.96 -80.93)" opacity="0.1"></path><path d="M782.79,588.06l-38.37-8.53s-91.68,17.06-98.5,23.88c0,0,73.34,14.92,81.44,20S783.65,634.11,782.79,588.06Z" transform="translate(-34.96 -80.93)" fill="#fff"></path><path d="M640.41,725.14c-2.31,4.4-8,5.64-13,5.71a54.89,54.89,0,0,1-20.32-3.63c-3.7-1.42-7.25-3.25-11.07-4.29-5.69-1.56-12-1.43-17-4.56a20,20,0,0,1-6.39-6.93c-.29-.49-.57-1-.83-1.52-2.39-4.65-3.5-10.06-2.17-15.08s6.16-10.55,11.76-10.47c6.65.1,14.58,3.25,21,4.88,8,2,16,4.31,23.07,8.54,5.92,3.56,11.15,8.67,13.94,14.91a25.27,25.27,0,0,1,1.32,3.72C641.59,719.3,641.79,722.51,640.41,725.14Z" transform="translate(-34.96 -80.93)" fill="#a26565"></path><path d="M640.41,725.14c-2.31,4.4-8,5.64-13,5.71a54.89,54.89,0,0,1-20.32-3.63c-3.7-1.42-7.25-3.25-11.07-4.29-5.69-1.56-12-1.43-17-4.56a20,20,0,0,1-6.39-6.93c-.29-.49-.57-1-.83-1.52,1,.08,1.92.18,2.42.23,6.14.59,12,2.83,17.86,4.52a100.32,100.32,0,0,0,25,3.9c6,.17,12.26-.27,17.5-3.2a45.91,45.91,0,0,1,4.86-2.67,25.27,25.27,0,0,1,1.32,3.72C641.59,719.3,641.79,722.51,640.41,725.14Z" transform="translate(-34.96 -80.93)" opacity="0.1"></path><path d="M683.38,535c-13-2.13-26.24-2.65-39.42-3.17l-16.12-.64a7.31,7.31,0,0,0-3.39.41,22.09,22.09,0,0,0-2.65,2c-1.62,1.1-3.69,1.22-5.64,1.33A280.77,280.77,0,0,0,575,540.27c-7,1.43-14.27,3.3-19.53,8.13-5.56,5.11-8,12.9-8.19,20.44s1.79,14.95,3.88,22.19a101.09,101.09,0,0,1,4.37,26.86,50.25,50.25,0,0,0,.29,7.57,36.22,36.22,0,0,0,2.11,7l7.36,19.65c.65,1.72,1.29,3.43,2,5.11s1.39,3,2,4.58c.9,2.16,1.61,4.4,2.32,6.63l4.9,15.39.64,2c1.77,5.54,3.58,11.18,6.92,15.94s8.51,8.6,14.32,8.89a43.86,43.86,0,0,1,5.62.15,22.72,22.72,0,0,1,4.61,1.67,35.17,35.17,0,0,0,13.77,2.69c4.35,0,9.18-1.21,11.54-4.87,1.3-2,1.64-4.46,2-6.82.63-4.74,1.24-9.69-.37-14.19-1-2.69-2.68-5-3.84-7.65-1.62-3.61-2.15-7.6-3.2-11.41a43.58,43.58,0,0,0-13.3-21.16,208.58,208.58,0,0,1-5-27.38,24.09,24.09,0,0,0-1.21-6c-1.17-3-3.54-5.43-4.53-8.49-.93-2.84-.65-6.12-2.34-8.57,14.07,3.87,28,3,42.61,2.77a116.42,116.42,0,0,0,14-.8,44,44,0,0,1,6.56-.7c4.52,0,8.76,2,12.91,3.76,11.73,5,24.09,8.93,36.83,9.47,13.15.55,26.15-2.54,39-5.6,5.65-1.35,11.52-2.81,16-6.52s7-10.4,4.24-15.49c-2.1-3.83-6.45-5.71-10.51-7.31-11.24-4.44-22.54-8.77-33.37-14.14C713.87,556,701.5,538,683.38,535Z" transform="translate(-34.96 -80.93)" fill="#454b69"></path><path d="M660.2,489.76c-1.57,3.4-4.21,6.18-6.16,9.38a23.77,23.77,0,0,0-3,17.65,20.08,20.08,0,0,0,11.25,13.69,28.23,28.23,0,0,0,7.8,1.88c3.52.43,7.27.52,10.38-1.18A15.16,15.16,0,0,0,686,525.4c2.69-4.5,4.22-9.57,5.62-14.62,2.59-9.32,4.8-18.88,4.48-28.55-.11-3.33-.77-7.08-3.53-9a11.87,11.87,0,0,0-4.64-1.52l-13.19-2.36c-2.55-.46-7-2.33-9.21-.49s-2.38,7.28-2.76,9.83C662.17,482.46,661.8,486.29,660.2,489.76Z" transform="translate(-34.96 -80.93)" fill="#a1616a"></path><path d="M820.53,451.08,817.08,480a133,133,0,0,0-1.23,15.56c0,2.9.09,6.12-1.83,8.29a7.56,7.56,0,0,1-3.44,2.07c-4.19,1.3-8.76.14-12.76-1.65-2.34-1-4.73-2.45-5.79-4.78a11.88,11.88,0,0,1-.75-5.07c0-17.25,1.63-35.24,10.64-49.94a10.89,10.89,0,0,1,3.17-3.66c2.5-1.6,5.77-1.15,8.6-.28,1.74.53,6.44,1.12,7.55,2.67S820.77,449.09,820.53,451.08Z" transform="translate(-34.96 -80.93)" fill="#a1616a"></path><circle cx="694.04" cy="229.57" r="36" fill="#a1616a"></circle><path d="M719.37,364.15a18.57,18.57,0,0,1-2.23,8q27.57-4.2,55-9.36a25.83,25.83,0,0,1-12.76-15,42.36,42.36,0,0,1-1.62-10.69,123.57,123.57,0,0,1,.33-17.21c-6.4.67-12.46,3.07-18.56,5.13a183,183,0,0,1-18.69,5.23c-3.05.68-6.12,1.26-9.2,1.8-3.6.64-5.33.63-2.83,3.79C715.52,344.28,720.31,352.86,719.37,364.15Z" transform="translate(-34.96 -80.93)" fill="#a1616a"></path><path d="M730.43,359.34c-4.75.71-9.73,1.51-13.52,4.45a51,51,0,0,0-4.11,3.95c-7.53,7.31-18.16,10.25-27.3,15.41a12,12,0,0,0-3.88,3.05c-1,1.39-1.51,3.16-2.56,4.54-1.22,1.6-3.15,2.6-4.1,4.37s-.74,3.65-.84,5.53c-.23,4.13-1.79,8.05-3,12-5.55,18.91-2.51,40-10.91,57.86a8.13,8.13,0,0,0,4.42,4.62,25.1,25.1,0,0,0,6.56,1.41l18.61,2.31c2.66.33,5.48.64,7.91-.47a92.94,92.94,0,0,0-4.69,18.93,94.28,94.28,0,0,1-2.1,11.72c-2.56,8.8-9,16.13-16.63,21.14a6.15,6.15,0,0,0-2.35,2.17c-1,2,.48,4.24,1.53,6.2,3.05,5.68,2.63,12.5,2.59,18.94s.61,13.51,5.11,18.13c2.66,2.73,6.3,4.21,9.84,5.62l29.11,11.63a101.45,101.45,0,0,0,14.82,5c7.67,1.75,15.64,1.68,23.51,1.34q7.8-.33,15.58-1a12.12,12.12,0,0,0,5.89-1.55,11,11,0,0,0,3.45-4.68c4.05-8.81,5.41-19.09,11.69-26.47,4.31-5.07,11-9.12,11.49-15.75.23-3.3-1.24-6.51-1.26-9.82,0-4.07,2.13-7.94,2-12-.27-6.61-6.5-11.65-7.49-18.19-2.52-16.58,5.9-33.14,11.07-49.09.93-2.85,2.13-6,4.87-7.22s6.6-.58,7.58-3.28c2.47-6.78,3.06-14.73,2.74-21.94-.18-4.17-1.66-8.25-1.49-12.43.12-2.94,1.06-5.8,1.31-8.73.38-4.43-.79-8.83-2-13.11a20.54,20.54,0,0,0-1.56-4.42,21,21,0,0,0-2.6-3.57l-4.87-5.79c-2.28-2.71-4.69-5.52-8-6.89-1.07-2.65-4.49-4.48-6.94-5.94a71.12,71.12,0,0,0-7.64-3.75l-27.54-12.16a11.28,11.28,0,0,0-3.27-1.06,10.59,10.59,0,0,0-4.86,1C748.2,354.68,739.43,358,730.43,359.34Z" transform="translate(-34.96 -80.93)" fill="#94acef"></path><path d="M701.26,316.76c-1.06-3.73-3.77-6.95-4.18-10.81-.37-3.43,1.14-6.75,2-10.09s.83-7.42-1.82-9.64c-.44-.38-1-.72-1.16-1.28-.32-1,.69-1.91,1-2.92.57-2-1.9-4.21-1-6.13.51-1.05,1.79-1.42,2.91-1.75,4.28-1.27,8.62-4.09,9.55-8.46,3.35,1.4,6.92-1.23,9.49-3.78s5.73-5.46,9.27-4.69l-.79,1.61a25.6,25.6,0,0,1,16.93-.19l-1.68,0a23.22,23.22,0,0,1,13.39,4.53c-.43,0-.47.64-.3,1,1.4,3.27,5,5,8.47,5.81,2.09.5,4.36.86,5.89,2.36s1.56,4.63-.46,5.35a52.6,52.6,0,0,1,11.61,6.3c1,.73,2.13,1.72,2,3a9.76,9.76,0,0,1-.62,1.87,6.47,6.47,0,0,0,.21,3.2l1.11,4.58c1.22,5.09,2.18,11.22-1.53,14.91a13.69,13.69,0,0,1-2.41,16.16,6.66,6.66,0,0,1-5,8.61c1.23,1.92.1,4.66-1.84,5.86s-4.38,1.21-6.64,1-4.55-.72-6.81-.38c-3.29.51-6.51,2.75-9.68,1.75a21.73,21.73,0,0,1-3.39-1.82c-2.22-1.19-4.8-1.46-7.26-2a33.54,33.54,0,0,1-11.73-5,13.75,13.75,0,0,1-5.39-6c-2.2-5.56,1.5-12.85-2.39-17.38-2.28-2.64-6.8-2.68-9.35-.42-1.27,1.13-1.44,3.51-2.76,4.36A17.45,17.45,0,0,1,701.26,316.76Z" transform="translate(-34.96 -80.93)" fill="#464353"></path><path d="M652.34,603.5a16.5,16.5,0,0,1-3.63-4,7.46,7.46,0,0,1-1.1-5.17,14.79,14.79,0,0,0,3.89,12.72c2.51,2.57,7.22,5.09,10.89,4.21C661.87,608.32,654.67,605.48,652.34,603.5Z" transform="translate(-34.96 -80.93)" opacity="0.1"></path><path d="M850.16,442.65s-21.32-12.36-49.46,3-32.83,105.75-32.83,105.75S779.38,643.49,735,623c0,0-81-25.15-89.11-19.61,0,0-7.68,0,7.67,3.41S728.21,629,728.21,629s19.17,6.7,27.29,0,31.13.86,34.12-45.2a801,801,0,0,1,10.66-86.56l7.91-23.45Z" transform="translate(-34.96 -80.93)" fill="#565661"></path><path d="M852.72,585.07s-9.38-93.38,6-127.07c13.38-29.36-38.36-15.63-51.86-11.63a9.83,9.83,0,0,0-5.18,3.7c-8,11.25-36.7,56.34-28.24,116.67,0,0,3.41,53.73-17.91,62.25l65.69-21.16c5.33-1.72,10.74-3.15,16.2-4.39C844.38,601.86,855.72,597.37,852.72,585.07Z" transform="translate(-34.96 -80.93)" fill="#fff"></path><ellipse cx="989.97" cy="670.07" rx="97.44" ry="15.65" fill="#94acef" opacity="0.1"></ellipse><rect x="986.83" y="370.26" width="6.27" height="141.17" fill="#535461"></rect><path d="M1067.47,591.93l-.39,6.36-.56,9-.23,3.74-.55,9-.24,3.74-.56,9-6.32,102.07A17.3,17.3,0,0,1,1041.36,751h-32.87a17.28,17.28,0,0,1-17.24-16.22L984.91,632.7l-.55-9-.23-3.74-.57-9-.23-3.74-.55-9-.4-6.36a9,9,0,0,1,8.94-9.51h67.22A9,9,0,0,1,1067.47,591.93Z" transform="translate(-34.96 -80.93)" fill="#565661"></path><polygon points="1032.12 517.36 1031.56 526.33 948.38 526.33 947.82 517.36 1032.12 517.36" fill="#9d9cb5"></polygon><polygon points="1031.33 530.08 1030.78 539.06 949.17 539.06 948.61 530.08 1031.33 530.08" fill="#9d9cb5"></polygon><polygon points="1030.54 542.8 1029.98 551.77 949.96 551.77 949.4 542.8 1030.54 542.8" fill="#9d9cb5"></polygon><path d="M973.2,504.1c36.52,26.42,51.73,67.74,51.73,67.74s-44-1.51-80.53-27.93-51.72-67.73-51.72-67.73S936.69,477.69,973.2,504.1Z" transform="translate(-34.96 -80.93)" fill="#94acef"></path><path d="M892.68,476.18s45.67,25.35,60.33,46.34,71.92,49.32,71.92,49.32" transform="translate(-34.96 -80.93)" fill="none" stroke="#535461" stroke-miterlimit="10" stroke-width="2"></path><path d="M996.77,450.88c19.88,14.37,28.16,36.87,28.16,36.87s-24-.83-43.83-15.2S953,435.68,953,435.68,976.9,436.5,996.77,450.88Z" transform="translate(-34.96 -80.93)" fill="#94acef"></path><path d="M953,435.68s24.86,13.8,32.83,25.22,39.15,26.85,39.15,26.85" transform="translate(-34.96 -80.93)" fill="none" stroke="#535461" stroke-miterlimit="10" stroke-width="2"></path><path d="M1053.81,486.6c-22.83,25.09-27.66,57.88-27.66,57.88s32.19-7.9,55-33,27.66-57.88,27.66-57.88S1076.64,461.51,1053.81,486.6Z" transform="translate(-34.96 -80.93)" fill="#94acef"></path><path d="M1108.83,453.61s-29.74,25.72-37.3,43.44-45.38,47.43-45.38,47.43" transform="translate(-34.96 -80.93)" fill="none" stroke="#535461" stroke-miterlimit="10" stroke-width="2"></path><path d="M591.94,426.2v2.28H524.33v-1.85a22.72,22.72,0,0,0,5.22-2.78,22.21,22.21,0,0,0,9.28-18.06,21.92,21.92,0,0,0-.69-5.47,22.23,22.23,0,0,0-12.28-14.73h65.62a22.23,22.23,0,0,0-12.28,14.73,21.92,21.92,0,0,0-.68,5.47,22.2,22.2,0,0,0,9.27,18.06A22.87,22.87,0,0,0,591.94,426.2Z" transform="translate(-34.96 -80.93)" fill="#dfe6f5"></path><path d="M591.48,385.59a22.23,22.23,0,0,0-12.28,14.73H538.14a22.23,22.23,0,0,0-12.28-14.73Z" transform="translate(-34.96 -80.93)" opacity="0.1"></path><path d="M446.92,373.94v12.84c0,7.08,5.18,12.83,11.58,12.83H657.41c6.4,0,11.59-5.75,11.59-12.83V373.94Z" transform="translate(-34.96 -80.93)" fill="#dfe6f5"></path><path d="M591.94,426.2v2.28H524.33v-1.85a22.72,22.72,0,0,0,5.22-2.78h58.24A22.87,22.87,0,0,0,591.94,426.2Z" transform="translate(-34.96 -80.93)" opacity="0.1"></path><rect x="467.03" y="343.63" width="112.29" height="6.77" rx="3.39" fill="#dfe6f5"></rect><path d="M669,233.31a11.58,11.58,0,0,0-11.59-11.58H458.5a11.57,11.57,0,0,0-11.58,11.58V376.44H669Z" transform="translate(-34.96 -80.93)" fill="#474157"></path><path d="M662.94,238.48v123a5.7,5.7,0,0,1-5.7,5.71H458.68a5.7,5.7,0,0,1-5.7-5.71v-123a5.62,5.62,0,0,1,.76-2.85,5.7,5.7,0,0,1,4.94-2.85H657.24A5.7,5.7,0,0,1,662.94,238.48Z" transform="translate(-34.96 -80.93)" fill="#4c4c78"></path><circle cx="523" cy="146.32" r="2.67" fill="#fff"></circle><circle cx="523" cy="306.38" r="6.59" fill="#fff"></circle><path d="M662.94,238.48H453a5.7,5.7,0,0,1,5.7-5.7H657.24A5.7,5.7,0,0,1,662.94,238.48Z" transform="translate(-34.96 -80.93)" fill="#c8cad7"></path><circle cx="423.72" cy="154.7" r="1.43" fill="#ededf4"></circle><circle cx="428" cy="154.7" r="1.43" fill="#ededf4"></circle><circle cx="432.28" cy="154.7" r="1.43" fill="#ededf4"></circle></svg>
</div>
</div>
</div>
</div>
</div>
</header>
</main>
<footer>
<div class="container">
<p>Copyright @ 2017~2020 版权所有</p>
</div>
</footer>
<!-- jQuery -->
<script src="https://cdn.staticfile.org/jquery/2.1.4/jquery.min.js"></script>
... ...
... ... @@ -334,7 +334,6 @@ form.form-horizontal .control-label {
padding: 0 15px;
border-radius: 0;
border: none;
border-right: 1px solid rgba(0, 0, 0, 0.05);
background: #f1f4f6;
color: #2c3e50;
overflow: hidden;
... ... @@ -539,7 +538,7 @@ form.form-horizontal .control-label {
}
@media (min-width: 768px) {
.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
top: 41px;
top: 42px;
}
.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container {
top: 7px !important;
... ... @@ -973,9 +972,7 @@ table.table-nowrap thead > tr > th {
}
/*平板样式*/
@media (max-width: 767px) {
body .wrapper .main-header .logo {
background: none;
color: #fff;
.wrapper .main-header .logo {
border-bottom: 0 solid transparent;
position: absolute;
top: 0;
... ... @@ -984,32 +981,32 @@ table.table-nowrap thead > tr > th {
left: 50%;
margin-left: -65px;
}
body .sidebar .mobilenav a.btn-app {
.sidebar .mobilenav a.btn-app {
color: #444;
width: 100px;
height: 70px;
font-size: 13px;
}
body .sidebar .mobilenav a.btn-app i.fa {
.sidebar .mobilenav a.btn-app i.fa {
font-size: 24px;
}
body .sidebar .mobilenav a.btn-app span {
.sidebar .mobilenav a.btn-app span {
margin-top: 5px;
display: block;
}
body .sidebar .mobilenav a.btn-app.active {
.sidebar .mobilenav a.btn-app.active {
color: #222d32;
}
body .wrapper .main-header .navbar .dropdown-menu li > a {
.wrapper .main-header .navbar .dropdown-menu li > a {
color: #333;
}
body .wrapper .main-header .navbar .dropdown-menu li > a:hover {
.wrapper .main-header .navbar .dropdown-menu li > a:hover {
background: #eee;
}
body .wrapper .main-header .navbar .dropdown-menu li.active > a {
.wrapper .main-header .navbar .dropdown-menu li.active > a {
color: #fff;
}
body .wrapper .main-header .navbar .dropdown-menu li.active > a:hover {
.wrapper .main-header .navbar .dropdown-menu li.active > a:hover {
background: #222d32;
}
.main-sidebar,
... ...
... ... @@ -3,31 +3,37 @@ 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: #fdcc52;
color: #474157;
}
a:hover,
a:focus {
color: #fcbd20;
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,
... ... @@ -37,207 +43,161 @@ h6 {
font-weight: 200;
letter-spacing: 1px;
}
p {
font-size: 16px;
line-height: 1.5;
margin-bottom: 20px;
}
.navbar-default {
font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif';
font-weight: 200;
letter-spacing: 1px;
}
.navbar-default .navbar-header .navbar-brand {
font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif';
font-weight: 200;
letter-spacing: 1px;
color: #474157;
}
.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
color: #fcbd20;
color: #474157;
}
.navbar-default .navbar-header .navbar-toggle {
font-size: 12px;
color: #222222;
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: #fdcc52;
color: #474157;
}
.navbar-default .nav > li.active > a,
.navbar-default .nav > li.active > a:focus {
color: #fdcc52 !important;
color: #474157 !important;
background-color: transparent;
}
.navbar-default .nav > li.active > a:hover,
.navbar-default .nav > li.active > a:focus:hover {
background-color: transparent;
}
@media (min-width: 768px) {
.navbar-default {
background-color: transparent;
border-color: transparent;
}
.navbar-default .navbar-header .navbar-brand {
color: rgba(255, 255, 255, 0.7);
}
.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
color: white;
}
.navbar-default .nav > li > a,
.navbar-default .nav > li > a:focus {
color: rgba(255, 255, 255, 0.7);
}
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus:hover {
color: white;
}
}
header {
#mainbody {
position: relative;
width: 100%;
min-height: auto;
overflow-y: hidden;
background: url("../img/bg-pattern.png"), #247cdc;
/* fallback for old browsers */
background: url("../img/bg-pattern.png"), -webkit-linear-gradient(to left, #328944, #247cdc);
/* Chrome 10-25, Safari 5.1-6 */
background: url("../img/bg-pattern.png"), linear-gradient(to left, #328944, #247cdc);
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
color: white;
}
header .header-content {
text-align: center;
padding: 150px 0 50px;
position: relative;
background: #f1f6fd;
color: #474157;
height: calc(100vh - 61px);
}
header .header-content .header-content-inner {
#mainbody .index-text {
text-align: center;
padding: 250px 0 50px;
position: relative;
margin: 0 auto;
height: 100vh;
}
header .header-content .header-content-inner h1 {
margin-top: 0;
margin-bottom: 30px;
font-size: 80px;
}
header .header-content .header-content-inner .list-badges {
margin-bottom: 25px;
}
header .header-content .header-content-inner .list-badges img {
height: 50px;
margin-bottom: 25px;
#mainbody .index-text h1 {
font-size: 50px;
font-weight: bold;
color: #171347
}
header .device-container {
max-width: 300px;
margin: 0 auto 100px;
#mainbody .index-gallery {
text-align: center;
padding: 200px 0 50px;
position: relative;
}
header .device-container .screen img {
border-radius: 3px;
@media (max-height: 500px) {
#mainbody {
height: inherit;
}
}
@media (min-width: 768px) {
header {
min-height: 100%;
.navbar-default {
background-color: transparent;
border-color: transparent;
}
header .header-content {
text-align: center;
padding: 0;
height: 100vh;
#mainbody .index-text {
text-align: left;
}
header .header-content .header-content-inner {
width:100%;
margin: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
@media (max-width: 767px) {
.navbar-default {
background-color: #f1f6fd;
border-color: #f1f6fd;
}
header .header-content .header-content-inner h1 {
font-size: 35px;
.navbar-default .navbar-collapse {
background: #f1f6fd;
box-shadow: 5px 9px 5px rgba(0, 0, 0, 0.07);
}
header .device-container {
max-width: none;
max-height: calc(0vh);
margin: 100px auto 0;
#mainbody {
height: unset;
}
}
@media (min-width: 992px) {
header .header-content .header-content-inner h1 {
font-size: 80px;
#mainbody .index-text {
padding: 130px 0 0 0;
height: calc(100vh - 261px);
}
}
@media (max-width: 767px) {
header .header-content .header-content-inner h1 {
#mainbody .index-gallery {
padding: 30px 0 50px 0;
}
#mainbody .index-text h1 {
font-size: 50px;
margin-bottom: 20px;
}
}
section {
padding: 100px 0;
}
section h2 {
font-size: 50px;
}
footer {
background-color: #222222;
padding: 25px 0;
padding: 20px 0;
color: rgba(255, 255, 255, 0.3);
text-align: center;
}
footer p {
font-size: 12px;
font-size: 14px;
margin: 0;
}
footer ul {
margin-bottom: 0;
}
footer ul li a {
font-size: 12px;
color: rgba(255, 255, 255, 0.3);
}
footer ul li a:hover,
footer ul li a:focus,
footer ul li a:active,
footer ul li a.active {
text-decoration: none;
}
.bg-primary {
background: #fdcc52;
background: -webkit-linear-gradient(#fdcc52, #fdc539);
background: linear-gradient(#fdcc52, #fdc539);
}
.text-primary {
color: #fdcc52;
}
.no-gutter > [class*='col-'] {
padding-right: 0;
padding-left: 0;
}
.btn-outline {
color: white;
border-color: white;
border: 1px solid;
}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active {
color: white;
background-color: #fdcc52;
border-color: #fdcc52;
}
.btn {
text-transform: uppercase;
letter-spacing: 2px;
border-radius: 300px;
}
.btn-xl {
margin-top:20px;
margin-top: 20px;
padding: 10px 45px;
font-size: 14px;
}
... ...
/*
* Skin: Blue
* ----------
* -----------
*/
.skin-blue .main-header {
background-color: #3c8dbc;
.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: #3c8dbc;
background-color: #fff;
}
.skin-blue .main-header .navbar .nav > li > a {
color: #fff;
color: #444;
}
.skin-blue .main-header .navbar .nav > li > a:hover,
.skin-blue .main-header .navbar .nav > li > a:active,
... ... @@ -18,59 +22,73 @@
.skin-blue .main-header .navbar .nav .open > a:hover,
.skin-blue .main-header .navbar .nav .open > a:focus,
.skin-blue .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.1);
color: #f6f6f6;
background: rgba(0, 0, 0, 0.02);
color: #4e73df;
}
.skin-blue .main-header .navbar .sidebar-toggle {
color: #fff;
color: #444;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background: rgba(0, 0, 0, 0.1);
color: #4e73df;
background: rgba(0, 0, 0, 0.02);
}
.skin-blue .main-header .navbar .sidebar-toggle {
color: #fff;
.skin-blue .main-header .navbar > .sidebar-toggle {
color: #333;
border-right: 1px solid #eee;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
background-color: #367fa9;
.skin-blue .main-header .navbar .navbar-nav > li > a {
border-right: 1px solid #eee;
}
@media (max-width: 767px) {
.skin-blue .main-header .navbar .dropdown-menu li.divider {
background-color: rgba(255, 255, 255, 0.1);
}
.skin-blue .main-header .navbar .dropdown-menu li a {
color: #fff;
}
.skin-blue .main-header .navbar .dropdown-menu li a:hover {
background: #367fa9;
}
.skin-blue .main-header .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: #367fa9;
.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: #357ca5;
.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: #3c8dbc;
background-color: #4e73df;
}
.skin-blue .main-header .nav-addtabs > li > a,
.skin-blue .main-header .nav-addtabs > li.active > a {
border-right: none;
}
.skin-blue .content-header {
background: transparent;
box-shadow: none;
}
.skin-blue .wrapper,
.skin-blue .main-sidebar,
.skin-blue .left-side {
background-color: #222d32;
background-color: #605ca8;
}
.skin-blue .user-panel > .info,
.skin-blue .user-panel > .info > a {
color: #fff;
}
.skin-blue .sidebar-menu > li.header {
color: #4b646f;
background: #1a2226;
color: #a19fcb;
background: #57539c;
}
.skin-blue .sidebar-menu > li > a {
border-left: 3px solid transparent;
... ... @@ -78,21 +96,21 @@
.skin-blue .sidebar-menu > li:hover > a,
.skin-blue .sidebar-menu > li.active > a {
color: #fff;
background: #1e282c;
border-left-color: #3c8dbc;
background: #5b57a3;
border-left-color: #fff;
}
.skin-blue .sidebar-menu > li > .treeview-menu {
margin: 0 1px;
background: #2c3b41;
background: #706db1;
}
.skin-blue .sidebar a {
color: #b8c7ce;
color: #c8c5ff;
}
.skin-blue .sidebar a:hover {
text-decoration: none;
}
.skin-blue .treeview-menu > li > a {
color: #8aa4af;
color: #c8c5ff;
}
.skin-blue .treeview-menu > li.active > a,
.skin-blue .treeview-menu > li > a:hover {
... ... @@ -100,14 +118,14 @@
}
.skin-blue .sidebar-form {
border-radius: 3px;
border: 1px solid #374850;
background-color: #374850;
border: 1px solid #807dba;
background-color: #807dba;
margin: 10px 10px;
}
.skin-blue .sidebar-form input[type="text"],
.skin-blue .sidebar-form .btn {
box-shadow: none;
background-color: #374850;
background-color: #807dba;
border: 1px solid transparent;
height: 35px;
}
... ... @@ -140,20 +158,26 @@
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0;
}
.skin-blue.layout-top-nav .main-header > .logo {
background-color: #3c8dbc;
.skin-blue .sidebar-form input[type="text"]::-moz-placeholder {
color: #fff;
border-bottom: 0 solid transparent;
opacity: 1;
}
.skin-blue.layout-top-nav .main-header > .logo:hover {
background-color: #3b8ab8;
.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;
}
/*
* Skin: Blue
* ----------
*/
.skin-blue-light .main-header .navbar {
background-color: #3c8dbc;
background-color: #4e73df;
}
.skin-blue-light .main-header .navbar .nav > li > a {
color: #fff;
... ... @@ -165,7 +189,7 @@
.skin-blue-light .main-header .navbar .nav .open > a:hover,
.skin-blue-light .main-header .navbar .nav .open > a:focus,
.skin-blue-light .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.1);
background: rgba(0, 0, 0, 0.05);
color: #f6f6f6;
}
.skin-blue-light .main-header .navbar .sidebar-toggle {
... ... @@ -173,13 +197,13 @@
}
.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background: rgba(0, 0, 0, 0.1);
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: #367fa9;
background-color: #3862db;
}
@media (max-width: 767px) {
.skin-blue-light .main-header .navbar .dropdown-menu li.divider {
... ... @@ -189,19 +213,19 @@
color: #fff;
}
.skin-blue-light .main-header .navbar .dropdown-menu li a:hover {
background: #367fa9;
background: #3862db;
}
}
.skin-blue-light .main-header .logo {
background-color: #3c8dbc;
background-color: #4e73df;
color: #fff;
border-bottom: 0 solid transparent;
}
.skin-blue-light .main-header .logo:hover {
background-color: #3b8ab8;
background-color: #4a70de;
}
.skin-blue-light .main-header li.user-header {
background-color: #3c8dbc;
background-color: #4e73df;
}
.skin-blue-light .content-header {
background: transparent;
... ... @@ -238,7 +262,7 @@
background: #f4f4f5;
}
.skin-blue-light .sidebar-menu > li.active {
border-left-color: #3c8dbc;
border-left-color: #4e73df;
}
.skin-blue-light .sidebar-menu > li.active > a {
font-weight: 600;
... ... @@ -304,342 +328,345 @@
.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;
}
.skin-blue.layout-top-nav .main-header > .logo {
background-color: #3c8dbc;
background-color: #4e73df;
color: #fff;
border-bottom: 0 solid transparent;
}
.skin-blue.layout-top-nav .main-header > .logo:hover {
background-color: #3b8ab8;
background-color: #4a70de;
}
/*
* Skin: White
* Skin: Black
* -----------
*/
/* skin-white navbar */
.skin-white .main-header {
.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-white .main-header .navbar-toggle {
.skin-black .main-header .navbar-toggle {
color: #333;
}
.skin-white .main-header .navbar-brand {
.skin-black .main-header .navbar-brand {
color: #333;
border-right: 1px solid #eee;
}
.skin-white .main-header .navbar {
.skin-black .main-header .navbar {
background-color: #fff;
}
.skin-white .main-header .navbar .nav > li > a {
color: #333;
.skin-black .main-header .navbar .nav > li > a {
color: #666;
}
.skin-white .main-header .navbar .nav > li > a:hover,
.skin-white .main-header .navbar .nav > li > a:active,
.skin-white .main-header .navbar .nav > li > a:focus,
.skin-white .main-header .navbar .nav .open > a,
.skin-white .main-header .navbar .nav .open > a:hover,
.skin-white .main-header .navbar .nav .open > a:focus,
.skin-white .main-header .navbar .nav > .active > a {
background: #fff;
color: #999;
.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-white .main-header .navbar .sidebar-toggle {
color: #333;
.skin-black .main-header .navbar .sidebar-toggle {
color: #666;
}
.skin-white .main-header .navbar .sidebar-toggle:hover {
color: #999;
background: #fff;
.skin-black .main-header .navbar .sidebar-toggle:hover {
color: #444;
background: rgba(0, 0, 0, 0.02);
}
.skin-white .main-header .navbar > .sidebar-toggle {
.skin-black .main-header .navbar > .sidebar-toggle {
color: #333;
border-right: 1px solid #eee;
}
.skin-white .main-header .navbar .navbar-nav > li > a {
.skin-black .main-header .navbar .navbar-nav > li > a {
border-right: 1px solid #eee;
}
.skin-white .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
.skin-white .main-header .navbar .navbar-right > li > a {
.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-white .main-header > .logo {
background-color: #fff;
color: #333;
.skin-black .main-header .logo {
background-color: #605ca8;
color: #fff;
border-bottom: 0 solid transparent;
border-right: 1px solid #eee;
border-right: 1px solid #605ca8;
}
.skin-white .main-header > .logo:hover {
background-color: #fcfcfc;
.skin-black .main-header .logo:hover {
background-color: #5d59a6;
}
@media (max-width: 767px) {
.skin-white .main-header > .logo {
background-color: #222;
color: #fff;
.skin-black .main-header .logo {
background-color: #fff;
color: #222;
border-bottom: 0 solid transparent;
border-right: none;
}
.skin-white .main-header > .logo:hover {
background-color: #1f1f1f;
.skin-black .main-header .logo:hover {
background-color: #fcfcfc;
}
}
.skin-white .main-header li.user-header {
.skin-black .main-header li.user-header {
background-color: #222;
}
.skin-white .content-header {
.skin-black .main-header .nav-addtabs > li > a,
.skin-black .main-header .nav-addtabs > li.active > a {
border-right: none;
}
.skin-black .content-header {
background: transparent;
box-shadow: none;
}
.skin-white .wrapper,
.skin-white .main-sidebar,
.skin-white .left-side {
background-color: #222d32;
.skin-black .wrapper,
.skin-black .main-sidebar,
.skin-black .left-side {
background-color: #605ca8;
}
.skin-white .user-panel > .info,
.skin-white .user-panel > .info > a {
.skin-black .user-panel > .info,
.skin-black .user-panel > .info > a {
color: #fff;
}
.skin-white .sidebar-menu > li.header {
color: #4b646f;
background: #1a2226;
.skin-black .sidebar-menu > li.header {
color: #a19fcb;
background: #57539c;
}
.skin-white .sidebar-menu > li > a {
.skin-black .sidebar-menu > li > a {
border-left: 3px solid transparent;
}
.skin-white .sidebar-menu > li:hover > a,
.skin-white .sidebar-menu > li.active > a {
.skin-black .sidebar-menu > li:hover > a,
.skin-black .sidebar-menu > li.active > a {
color: #fff;
background: #1e282c;
background: #5b57a3;
border-left-color: #fff;
}
.skin-white .sidebar-menu > li > .treeview-menu {
.skin-black .sidebar-menu > li > .treeview-menu {
margin: 0 1px;
background: #2c3b41;
background: #706db1;
}
.skin-white .sidebar a {
color: #b8c7ce;
.skin-black .sidebar a {
color: #c8c5ff;
}
.skin-white .sidebar a:hover {
.skin-black .sidebar a:hover {
text-decoration: none;
}
.skin-white .treeview-menu > li > a {
color: #8aa4af;
.skin-black .treeview-menu > li > a {
color: #c8c5ff;
}
.skin-white .treeview-menu > li.active > a,
.skin-white .treeview-menu > li > a:hover {
.skin-black .treeview-menu > li.active > a,
.skin-black .treeview-menu > li > a:hover {
color: #fff;
}
.skin-white .sidebar-form {
.skin-black .sidebar-form {
border-radius: 3px;
border: 1px solid #374850;
background-color: #374850;
border: 1px solid #807dba;
background-color: #807dba;
margin: 10px 10px;
}
.skin-white .sidebar-form input[type="text"],
.skin-white .sidebar-form .btn {
.skin-black .sidebar-form input[type="text"],
.skin-black .sidebar-form .btn {
box-shadow: none;
background-color: #374850;
background-color: #807dba;
border: 1px solid transparent;
height: 35px;
}
.skin-white .sidebar-form input[type="text"] {
.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-white .sidebar-form input[type="text"]:focus,
.skin-white .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
.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-white .sidebar-form input[type="text"]:focus + .input-group-btn {
.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-white .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff;
}
.skin-white .sidebar-form .btn {
.skin-black .sidebar-form .btn {
color: #999;
border-top-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0;
}
.skin-white .pace .pace-progress {
background: #222;
}
.skin-white .pace .pace-activity {
border-top-color: #222;
border-left-color: #222;
}
/*
* Skin: White
* Skin: Black light
* -----------
*/
/* skin-white navbar */
.skin-white-light .main-header {
.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-white-light .main-header .navbar-toggle {
.skin-black-light .main-header .navbar-toggle {
color: #333;
}
.skin-white-light .main-header .navbar-brand {
.skin-black-light .main-header .navbar-brand {
color: #333;
border-right: 1px solid #eee;
}
.skin-white-light .main-header .navbar {
background-color: #fff;
.skin-black-light .main-header .navbar {
background-color: #222d32;
}
.skin-white-light .main-header .navbar .nav > li > a {
color: #333;
.skin-black-light .main-header .navbar .nav > li > a {
color: #fff;
}
.skin-white-light .main-header .navbar .nav > li > a:hover,
.skin-white-light .main-header .navbar .nav > li > a:active,
.skin-white-light .main-header .navbar .nav > li > a:focus,
.skin-white-light .main-header .navbar .nav .open > a,
.skin-white-light .main-header .navbar .nav .open > a:hover,
.skin-white-light .main-header .navbar .nav .open > a:focus,
.skin-white-light .main-header .navbar .nav > .active > a {
background: #fff;
color: #999;
.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-white-light .main-header .navbar .sidebar-toggle {
color: #333;
.skin-black-light .main-header .navbar .sidebar-toggle {
color: #fff;
}
.skin-white-light .main-header .navbar .sidebar-toggle:hover {
color: #999;
background: #fff;
.skin-black-light .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background: rgba(0, 0, 0, 0.3);
}
.skin-white-light .main-header .navbar > .sidebar-toggle {
.skin-black-light .main-header .navbar > .sidebar-toggle {
color: #333;
border-right: 1px solid #eee;
}
.skin-white-light .main-header .navbar .navbar-nav > li > a {
border-right: 1px solid #eee;
.skin-black-light .main-header .navbar .navbar-nav > li > a {
color: #fff;
}
.skin-white-light .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
.skin-white-light .main-header .navbar .navbar-right > li > a {
border-left: 1px solid #eee;
.skin-black-light .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
.skin-black-light .main-header .navbar .navbar-right > li > a {
border-left: none;
border-right-width: 0;
}
.skin-white-light .main-header > .logo {
background-color: #fff;
color: #333;
.skin-black-light .main-header .logo {
background-color: #222d32;
color: #fff;
border-bottom: 0 solid transparent;
border-right: 1px solid #eee;
}
.skin-white-light .main-header > .logo:hover {
background-color: #fcfcfc;
.skin-black-light .main-header .logo:hover {
background-color: #202a2f;
}
@media (max-width: 767px) {
.skin-white-light .main-header > .logo {
background-color: #222;
.skin-black-light .main-header .logo {
background-color: #222d32;
color: #fff;
border-bottom: 0 solid transparent;
border-right: none;
}
.skin-white-light .main-header > .logo:hover {
background-color: #1f1f1f;
.skin-black-light .main-header .logo:hover {
background-color: #202a2f;
}
}
.skin-white-light .main-header li.user-header {
background-color: #222;
.skin-black-light .main-header li.user-header {
background-color: #222d32;
}
.skin-white-light .content-header {
.skin-black-light .content-header {
background: transparent;
box-shadow: none;
}
.skin-white-light .wrapper,
.skin-white-light .main-sidebar,
.skin-white-light .left-side {
.skin-black-light .wrapper,
.skin-black-light .main-sidebar,
.skin-black-light .left-side {
background-color: #f9fafc;
}
.skin-white-light .content-wrapper,
.skin-white-light .main-footer {
.skin-black-light .content-wrapper,
.skin-black-light .main-footer {
border-left: 1px solid #d2d6de;
}
.skin-white-light .user-panel > .info,
.skin-white-light .user-panel > .info > a {
.skin-black-light .user-panel > .info,
.skin-black-light .user-panel > .info > a {
color: #444;
}
.skin-white-light .sidebar-menu > li {
.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-white-light .sidebar-menu > li.header {
.skin-black-light .sidebar-menu > li.header {
color: #848484;
background: #f9fafc;
}
.skin-white-light .sidebar-menu > li > a {
.skin-black-light .sidebar-menu > li > a {
border-left: 3px solid transparent;
font-weight: 600;
}
.skin-white-light .sidebar-menu > li:hover > a,
.skin-white-light .sidebar-menu > li.active > a {
.skin-black-light .sidebar-menu > li:hover > a,
.skin-black-light .sidebar-menu > li.active > a {
color: #000;
background: #f4f4f5;
}
.skin-white-light .sidebar-menu > li.active {
.skin-black-light .sidebar-menu > li.active {
border-left-color: #fff;
}
.skin-white-light .sidebar-menu > li.active > a {
.skin-black-light .sidebar-menu > li.active > a {
font-weight: 600;
}
.skin-white-light .sidebar-menu > li > .treeview-menu {
.skin-black-light .sidebar-menu > li > .treeview-menu {
background: #f4f4f5;
}
.skin-white-light .sidebar a {
.skin-black-light .sidebar a {
color: #444;
}
.skin-white-light .sidebar a:hover {
.skin-black-light .sidebar a:hover {
text-decoration: none;
}
.skin-white-light .treeview-menu > li > a {
.skin-black-light .treeview-menu > li > a {
color: #777;
}
.skin-white-light .treeview-menu > li.active > a,
.skin-white-light .treeview-menu > li > a:hover {
.skin-black-light .treeview-menu > li.active > a,
.skin-black-light .treeview-menu > li > a:hover {
color: #000;
}
.skin-white-light .treeview-menu > li.active > a {
.skin-black-light .treeview-menu > li.active > a {
font-weight: 600;
}
.skin-white-light .sidebar-form {
.skin-black-light .sidebar-form {
border-radius: 3px;
border: 1px solid #d2d6de;
margin: 10px 10px;
}
.skin-white-light .sidebar-form input[type="text"],
.skin-white-light .sidebar-form .btn {
.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-white-light .sidebar-form input[type="text"] {
.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-white-light .sidebar-form input[type="text"]:focus,
.skin-white-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
.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-white-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
.skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff;
}
.skin-white-light .sidebar-form .btn {
.skin-black-light .sidebar-form .btn {
color: #999;
border-top-left-radius: 0;
border-top-right-radius: 2px;
... ... @@ -647,10 +674,18 @@
border-bottom-left-radius: 0;
}
@media (min-width: 768px) {
.skin-white-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
.skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
border-left: 1px solid #d2d6de;
}
}
.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;
}
/*
* Skin: Green
* -----------
... ... @@ -671,7 +706,7 @@
.skin-green .main-header .navbar .nav .open > a:hover,
.skin-green .main-header .navbar .nav .open > a:focus,
.skin-green .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.1);
background: rgba(0, 0, 0, 0.05);
color: #f6f6f6;
}
.skin-green .main-header .navbar .sidebar-toggle {
... ... @@ -679,7 +714,7 @@
}
.skin-green .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background: rgba(0, 0, 0, 0.1);
background: rgba(0, 0, 0, 0.05);
}
.skin-green .main-header .navbar .sidebar-toggle {
color: #fff;
... ... @@ -706,6 +741,17 @@
.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;
}
... ... @@ -715,15 +761,15 @@
.skin-green .wrapper,
.skin-green .main-sidebar,
.skin-green .left-side {
background-color: #222d32;
background-color: #605ca8;
}
.skin-green .user-panel > .info,
.skin-green .user-panel > .info > a {
color: #fff;
}
.skin-green .sidebar-menu > li.header {
color: #4b646f;
background: #1a2226;
color: #a19fcb;
background: #57539c;
}
.skin-green .sidebar-menu > li > a {
border-left: 3px solid transparent;
... ... @@ -731,21 +777,21 @@
.skin-green .sidebar-menu > li:hover > a,
.skin-green .sidebar-menu > li.active > a {
color: #fff;
background: #1e282c;
background: #5b57a3;
border-left-color: #18bc9c;
}
.skin-green .sidebar-menu > li > .treeview-menu {
margin: 0 1px;
background: #2c3b41;
background: #706db1;
}
.skin-green .sidebar a {
color: #b8c7ce;
color: #c8c5ff;
}
.skin-green .sidebar a:hover {
text-decoration: none;
}
.skin-green .treeview-menu > li > a {
color: #8aa4af;
color: #c8c5ff;
}
.skin-green .treeview-menu > li.active > a,
.skin-green .treeview-menu > li > a:hover {
... ... @@ -753,14 +799,14 @@
}
.skin-green .sidebar-form {
border-radius: 3px;
border: 1px solid #374850;
background-color: #374850;
border: 1px solid #807dba;
background-color: #807dba;
margin: 10px 10px;
}
.skin-green .sidebar-form input[type="text"],
.skin-green .sidebar-form .btn {
box-shadow: none;
background-color: #374850;
background-color: #807dba;
border: 1px solid transparent;
height: 35px;
}
... ... @@ -813,7 +859,7 @@
.skin-green-light .main-header .navbar .nav .open > a:hover,
.skin-green-light .main-header .navbar .nav .open > a:focus,
.skin-green-light .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.1);
background: rgba(0, 0, 0, 0.05);
color: #f6f6f6;
}
.skin-green-light .main-header .navbar .sidebar-toggle {
... ... @@ -821,7 +867,7 @@
}
.skin-green-light .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background: rgba(0, 0, 0, 0.1);
background: rgba(0, 0, 0, 0.05);
}
.skin-green-light .main-header .navbar .sidebar-toggle {
color: #fff;
... ... @@ -949,6 +995,17 @@
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;
}
.skin-green-light #firstnav {
box-shadow: none;
}
/*
* Skin: Red
* ---------
... ... @@ -969,7 +1026,7 @@
.skin-red .main-header .navbar .nav .open > a:hover,
.skin-red .main-header .navbar .nav .open > a:focus,
.skin-red .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.1);
background: rgba(0, 0, 0, 0.05);
color: #f6f6f6;
}
.skin-red .main-header .navbar .sidebar-toggle {
... ... @@ -977,7 +1034,7 @@
}
.skin-red .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background: rgba(0, 0, 0, 0.1);
background: rgba(0, 0, 0, 0.05);
}
.skin-red .main-header .navbar .sidebar-toggle {
color: #fff;
... ... @@ -1004,6 +1061,17 @@
.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;
}
... ... @@ -1013,15 +1081,15 @@
.skin-red .wrapper,
.skin-red .main-sidebar,
.skin-red .left-side {
background-color: #222d32;
background-color: #605ca8;
}
.skin-red .user-panel > .info,
.skin-red .user-panel > .info > a {
color: #fff;
}
.skin-red .sidebar-menu > li.header {
color: #4b646f;
background: #1a2226;
color: #a19fcb;
background: #57539c;
}
.skin-red .sidebar-menu > li > a {
border-left: 3px solid transparent;
... ... @@ -1029,21 +1097,21 @@
.skin-red .sidebar-menu > li:hover > a,
.skin-red .sidebar-menu > li.active > a {
color: #fff;
background: #1e282c;
background: #5b57a3;
border-left-color: #e74c3c;
}
.skin-red .sidebar-menu > li > .treeview-menu {
margin: 0 1px;
background: #2c3b41;
background: #706db1;
}
.skin-red .sidebar a {
color: #b8c7ce;
color: #c8c5ff;
}
.skin-red .sidebar a:hover {
text-decoration: none;
}
.skin-red .treeview-menu > li > a {
color: #8aa4af;
color: #c8c5ff;
}
.skin-red .treeview-menu > li.active > a,
.skin-red .treeview-menu > li > a:hover {
... ... @@ -1051,14 +1119,14 @@
}
.skin-red .sidebar-form {
border-radius: 3px;
border: 1px solid #374850;
background-color: #374850;
border: 1px solid #807dba;
background-color: #807dba;
margin: 10px 10px;
}
.skin-red .sidebar-form input[type="text"],
.skin-red .sidebar-form .btn {
box-shadow: none;
background-color: #374850;
background-color: #807dba;
border: 1px solid transparent;
height: 35px;
}
... ... @@ -1111,7 +1179,7 @@
.skin-red-light .main-header .navbar .nav .open > a:hover,
.skin-red-light .main-header .navbar .nav .open > a:focus,
.skin-red-light .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.1);
background: rgba(0, 0, 0, 0.05);
color: #f6f6f6;
}
.skin-red-light .main-header .navbar .sidebar-toggle {
... ... @@ -1119,7 +1187,7 @@
}
.skin-red-light .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background: rgba(0, 0, 0, 0.1);
background: rgba(0, 0, 0, 0.05);
}
.skin-red-light .main-header .navbar .sidebar-toggle {
color: #fff;
... ... @@ -1247,6 +1315,14 @@
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;
}
/*
* Skin: Yellow
* ------------
... ... @@ -1267,7 +1343,7 @@
.skin-yellow .main-header .navbar .nav .open > a:hover,
.skin-yellow .main-header .navbar .nav .open > a:focus,
.skin-yellow .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.1);
background: rgba(0, 0, 0, 0.05);
color: #f6f6f6;
}
.skin-yellow .main-header .navbar .sidebar-toggle {
... ... @@ -1275,7 +1351,7 @@
}
.skin-yellow .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background: rgba(0, 0, 0, 0.1);
background: rgba(0, 0, 0, 0.05);
}
.skin-yellow .main-header .navbar .sidebar-toggle {
color: #fff;
... ... @@ -1302,6 +1378,17 @@
.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;
}
... ... @@ -1311,15 +1398,15 @@
.skin-yellow .wrapper,
.skin-yellow .main-sidebar,
.skin-yellow .left-side {
background-color: #222d32;
background-color: #605ca8;
}
.skin-yellow .user-panel > .info,
.skin-yellow .user-panel > .info > a {
color: #fff;
}
.skin-yellow .sidebar-menu > li.header {
color: #4b646f;
background: #1a2226;
color: #a19fcb;
background: #57539c;
}
.skin-yellow .sidebar-menu > li > a {
border-left: 3px solid transparent;
... ... @@ -1327,21 +1414,21 @@
.skin-yellow .sidebar-menu > li:hover > a,
.skin-yellow .sidebar-menu > li.active > a {
color: #fff;
background: #1e282c;
background: #5b57a3;
border-left-color: #f39c12;
}
.skin-yellow .sidebar-menu > li > .treeview-menu {
margin: 0 1px;
background: #2c3b41;
background: #706db1;
}
.skin-yellow .sidebar a {
color: #b8c7ce;
color: #c8c5ff;
}
.skin-yellow .sidebar a:hover {
text-decoration: none;
}
.skin-yellow .treeview-menu > li > a {
color: #8aa4af;
color: #c8c5ff;
}
.skin-yellow .treeview-menu > li.active > a,
.skin-yellow .treeview-menu > li > a:hover {
... ... @@ -1349,14 +1436,14 @@
}
.skin-yellow .sidebar-form {
border-radius: 3px;
border: 1px solid #374850;
background-color: #374850;
border: 1px solid #807dba;
background-color: #807dba;
margin: 10px 10px;
}
.skin-yellow .sidebar-form input[type="text"],
.skin-yellow .sidebar-form .btn {
box-shadow: none;
background-color: #374850;
background-color: #807dba;
border: 1px solid transparent;
height: 35px;
}
... ... @@ -1390,7 +1477,7 @@
border-bottom-left-radius: 0;
}
/*
* Skin: Yellow
* Skin: Yellow light
* ------------
*/
.skin-yellow-light .main-header {
... ... @@ -1409,7 +1496,7 @@
.skin-yellow-light .main-header .navbar .nav .open > a:hover,
.skin-yellow-light .main-header .navbar .nav .open > a:focus,
.skin-yellow-light .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.1);
background: rgba(0, 0, 0, 0.05);
color: #f6f6f6;
}
.skin-yellow-light .main-header .navbar .sidebar-toggle {
... ... @@ -1417,7 +1504,7 @@
}
.skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background: rgba(0, 0, 0, 0.1);
background: rgba(0, 0, 0, 0.05);
}
.skin-yellow-light .main-header .navbar .sidebar-toggle {
color: #fff;
... ... @@ -1545,18 +1632,23 @@
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;
}
/*
* Skin: Purple
* ------------
*/
.skin-purple .main-header {
background-color: #605ca8;
}
.skin-purple .main-header .navbar {
background-color: #605ca8;
background-color: #fff;
}
.skin-purple .main-header .navbar .nav > li > a {
color: #fff;
color: #444;
}
.skin-purple .main-header .navbar .nav > li > a:hover,
.skin-purple .main-header .navbar .nav > li > a:active,
... ... @@ -1565,21 +1657,15 @@
.skin-purple .main-header .navbar .nav .open > a:hover,
.skin-purple .main-header .navbar .nav .open > a:focus,
.skin-purple .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.1);
color: #f6f6f6;
}
.skin-purple .main-header .navbar .sidebar-toggle {
color: #fff;
}
.skin-purple .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background: rgba(0, 0, 0, 0.1);
background: rgba(0, 0, 0, 0.02);
color: #605ca8;
}
.skin-purple .main-header .navbar .sidebar-toggle {
color: #fff;
color: #444;
}
.skin-purple .main-header .navbar .sidebar-toggle:hover {
background-color: #555299;
color: #605ca8;
background: rgba(0, 0, 0, 0.02);
}
@media (max-width: 767px) {
.skin-purple .main-header .navbar .dropdown-menu li.divider {
... ... @@ -1592,32 +1678,49 @@
background: #555299;
}
}
.skin-purple .main-header .logo {
background-color: #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: #545096;
.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: none;
}
.skin-purple .content-header {
background: transparent;
}
.skin-purple .wrapper,
.skin-purple .main-sidebar,
.skin-purple .left-side {
background-color: #222d32;
background-color: #605ca8;
}
.skin-purple .user-panel > .info,
.skin-purple .user-panel > .info > a {
color: #fff;
}
.skin-purple .sidebar-menu > li.header {
color: #4b646f;
background: #1a2226;
color: #a19fcb;
background: #57539c;
}
.skin-purple .sidebar-menu > li > a {
border-left: 3px solid transparent;
... ... @@ -1625,21 +1728,21 @@
.skin-purple .sidebar-menu > li:hover > a,
.skin-purple .sidebar-menu > li.active > a {
color: #fff;
background: #1e282c;
border-left-color: #605ca8;
background: #5b57a3;
border-left-color: #fff;
}
.skin-purple .sidebar-menu > li > .treeview-menu {
margin: 0 1px;
background: #2c3b41;
background: #706db1;
}
.skin-purple .sidebar a {
color: #b8c7ce;
color: #c8c5ff;
}
.skin-purple .sidebar a:hover {
text-decoration: none;
}
.skin-purple .treeview-menu > li > a {
color: #8aa4af;
color: #c8c5ff;
}
.skin-purple .treeview-menu > li.active > a,
.skin-purple .treeview-menu > li > a:hover {
... ... @@ -1647,14 +1750,14 @@
}
.skin-purple .sidebar-form {
border-radius: 3px;
border: 1px solid #374850;
background-color: #374850;
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: #374850;
background-color: #807dba;
border: 1px solid transparent;
height: 35px;
}
... ... @@ -1687,6 +1790,20 @@
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;
}
/*
* Skin: Purple
* ------------
... ... @@ -1707,7 +1824,7 @@
.skin-purple-light .main-header .navbar .nav .open > a:hover,
.skin-purple-light .main-header .navbar .nav .open > a:focus,
.skin-purple-light .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.1);
background: rgba(0, 0, 0, 0.05);
color: #f6f6f6;
}
.skin-purple-light .main-header .navbar .sidebar-toggle {
... ... @@ -1715,7 +1832,7 @@
}
.skin-purple-light .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background: rgba(0, 0, 0, 0.1);
background: rgba(0, 0, 0, 0.05);
}
.skin-purple-light .main-header .navbar .sidebar-toggle {
color: #fff;
... ... @@ -1843,4 +1960,1332 @@
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;
}
/*
* Skin: Black blue
* -----------
*/
.skin-black-blue .main-header {
background: #605ca8;
-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-toggle {
color: #333;
}
.skin-black-blue .main-header .navbar-brand {
color: #333;
border-right: 1px solid #eee;
}
.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: #444;
}
.skin-black-blue .main-header .navbar .sidebar-toggle {
color: #666;
}
.skin-black-blue .main-header .navbar .sidebar-toggle:hover {
color: #444;
background: rgba(0, 0, 0, 0.02);
}
.skin-black-blue .main-header .navbar > .sidebar-toggle {
color: #333;
border-right: 1px solid #eee;
}
.skin-black-blue .main-header .navbar .navbar-nav > li > a {
border-right: 1px solid #eee;
}
.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: 1px solid #eee;
border-left: none;
border-right-width: 0;
}
.skin-black-blue .main-header .logo {
background-color: #605ca8;
color: #fff;
border-bottom: 0 solid transparent;
border-right: 1px solid #605ca8;
}
.skin-black-blue .main-header .logo:hover {
background-color: #5d59a6;
}
@media (max-width: 767px) {
.skin-black-blue .main-header .logo {
background-color: #fff;
color: #333;
border-bottom: 0 solid transparent;
border-right: none;
}
.skin-black-blue .main-header .logo:hover {
background-color: #fcfcfc;
}
}
.skin-black-blue .main-header li.user-header {
background-color: #222;
}
.skin-black-blue .main-header .nav-addtabs > li > a,
.skin-black-blue .main-header .nav-addtabs > li.active > a {
border-right: none;
}
.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: #605ca8;
}
.skin-black-blue .user-panel > .info,
.skin-black-blue .user-panel > .info > a {
color: #fff;
}
.skin-black-blue .sidebar-menu > li.header {
color: #a19fcb;
background: #57539c;
}
.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: #5b57a3;
border-left-color: #fff;
}
.skin-black-blue .sidebar-menu > li > .treeview-menu {
margin: 0 1px;
background: #706db1;
}
.skin-black-blue .sidebar a {
color: #c8c5ff;
}
.skin-black-blue .sidebar a:hover {
text-decoration: none;
}
.skin-black-blue .treeview-menu > li > a {
color: #c8c5ff;
}
.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 #807dba;
background-color: #807dba;
margin: 10px 10px;
}
.skin-black-blue .sidebar-form input[type="text"],
.skin-black-blue .sidebar-form .btn {
box-shadow: none;
background-color: #807dba;
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 .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: #f5549f;
border-left-color: #f5549f;
}
.skin-black-blue .sidebar-menu > li:hover > a {
border-left-color: transparent;
}
.skin-black-blue .treeview-menu > li > a {
padding-left: 18px;
}
.skin-black-blue .treeview-menu > li.active > a,
.skin-black-blue .treeview-menu > li > a:hover {
background-color: #f5549f;
}
.skin-black-blue .sidebar-menu > li > .treeview-menu {
margin: 0;
}
.skin-black-blue .sidebar-menu li.treeview > a {
background: transparent;
border-left-color: transparent;
}
.skin-black-blue .sidebar-menu li.treeview > a:hover {
color: #fff;
background: #f5549f;
}
.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-menu .treeview-menu li.treeview > a:hover {
color: #fff;
background: #f5549f;
}
.skin-black-blue.sidebar-collapse .sidebar-menu li:hover > a,
.skin-black-blue.sidebar-collapse .sidebar-menu li.active > a {
color: #fff;
background: #f5549f;
}
.skin-black-blue.sidebar-collapse .sidebar-menu .treeview-menu li.active > a {
color: #fff;
background: #f5549f;
}
/*
* Skin: Black purple
* -----------
*/
.skin-black-purple .main-header {
background: #605ca8;
-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-toggle {
color: #333;
}
.skin-black-purple .main-header .navbar-brand {
color: #333;
border-right: 1px solid #eee;
}
.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: #444;
}
.skin-black-purple .main-header .navbar .sidebar-toggle {
color: #666;
}
.skin-black-purple .main-header .navbar .sidebar-toggle:hover {
color: #444;
background: rgba(0, 0, 0, 0.02);
}
.skin-black-purple .main-header .navbar > .sidebar-toggle {
color: #333;
border-right: 1px solid #eee;
}
.skin-black-purple .main-header .navbar .navbar-nav > li > a {
border-right: 1px solid #eee;
}
.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: 1px solid #eee;
border-left: none;
border-right-width: 0;
}
.skin-black-purple .main-header .logo {
background-color: #605ca8;
color: #fff;
border-bottom: 0 solid transparent;
border-right: 1px solid #605ca8;
}
.skin-black-purple .main-header .logo:hover {
background-color: #5d59a6;
}
@media (max-width: 767px) {
.skin-black-purple .main-header .logo {
background-color: #fff;
color: #333;
border-bottom: 0 solid transparent;
border-right: none;
}
.skin-black-purple .main-header .logo:hover {
background-color: #fcfcfc;
}
}
.skin-black-purple .main-header li.user-header {
background-color: #222;
}
.skin-black-purple .main-header .nav-addtabs > li > a,
.skin-black-purple .main-header .nav-addtabs > li.active > a {
border-right: none;
}
.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: #605ca8;
}
.skin-black-purple .user-panel > .info,
.skin-black-purple .user-panel > .info > a {
color: #fff;
}
.skin-black-purple .sidebar-menu > li.header {
color: #a19fcb;
background: #57539c;
}
.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: #5b57a3;
border-left-color: #fff;
}
.skin-black-purple .sidebar-menu > li > .treeview-menu {
margin: 0 1px;
background: #706db1;
}
.skin-black-purple .sidebar a {
color: #c8c5ff;
}
.skin-black-purple .sidebar a:hover {
text-decoration: none;
}
.skin-black-purple .treeview-menu > li > a {
color: #c8c5ff;
}
.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 #807dba;
background-color: #807dba;
margin: 10px 10px;
}
.skin-black-purple .sidebar-form input[type="text"],
.skin-black-purple .sidebar-form .btn {
box-shadow: none;
background-color: #807dba;
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 .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: #f5549f;
border-left-color: #f5549f;
}
.skin-black-purple .sidebar-menu > li:hover > a {
border-left-color: transparent;
}
.skin-black-purple .treeview-menu > li > a {
padding-left: 18px;
}
.skin-black-purple .treeview-menu > li.active > a,
.skin-black-purple .treeview-menu > li > a:hover {
background-color: #f5549f;
}
.skin-black-purple .sidebar-menu > li > .treeview-menu {
margin: 0;
}
.skin-black-purple .sidebar-menu li.treeview > a {
background: transparent;
border-left-color: transparent;
}
.skin-black-purple .sidebar-menu li.treeview > a:hover {
color: #fff;
background: #f5549f;
}
.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-menu .treeview-menu li.treeview > a:hover {
color: #fff;
background: #f5549f;
}
.skin-black-purple.sidebar-collapse .sidebar-menu li:hover > a,
.skin-black-purple.sidebar-collapse .sidebar-menu li.active > a {
color: #fff;
background: #f5549f;
}
.skin-black-purple.sidebar-collapse .sidebar-menu .treeview-menu li.active > a {
color: #fff;
background: #f5549f;
}
/*
* Skin: Black green
* -----------
*/
.skin-black-green .main-header {
background: #605ca8;
-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-toggle {
color: #333;
}
.skin-black-green .main-header .navbar-brand {
color: #333;
border-right: 1px solid #eee;
}
.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: #444;
}
.skin-black-green .main-header .navbar .sidebar-toggle {
color: #666;
}
.skin-black-green .main-header .navbar .sidebar-toggle:hover {
color: #444;
background: rgba(0, 0, 0, 0.02);
}
.skin-black-green .main-header .navbar > .sidebar-toggle {
color: #333;
border-right: 1px solid #eee;
}
.skin-black-green .main-header .navbar .navbar-nav > li > a {
border-right: 1px solid #eee;
}
.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: 1px solid #eee;
border-left: none;
border-right-width: 0;
}
.skin-black-green .main-header .logo {
background-color: #605ca8;
color: #fff;
border-bottom: 0 solid transparent;
border-right: 1px solid #605ca8;
}
.skin-black-green .main-header .logo:hover {
background-color: #5d59a6;
}
@media (max-width: 767px) {
.skin-black-green .main-header .logo {
background-color: #fff;
color: #333;
border-bottom: 0 solid transparent;
border-right: none;
}
.skin-black-green .main-header .logo:hover {
background-color: #fcfcfc;
}
}
.skin-black-green .main-header li.user-header {
background-color: #222;
}
.skin-black-green .main-header .nav-addtabs > li > a,
.skin-black-green .main-header .nav-addtabs > li.active > a {
border-right: none;
}
.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: #605ca8;
}
.skin-black-green .user-panel > .info,
.skin-black-green .user-panel > .info > a {
color: #fff;
}
.skin-black-green .sidebar-menu > li.header {
color: #a19fcb;
background: #57539c;
}
.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: #5b57a3;
border-left-color: #fff;
}
.skin-black-green .sidebar-menu > li > .treeview-menu {
margin: 0 1px;
background: #706db1;
}
.skin-black-green .sidebar a {
color: #c8c5ff;
}
.skin-black-green .sidebar a:hover {
text-decoration: none;
}
.skin-black-green .treeview-menu > li > a {
color: #c8c5ff;
}
.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 #807dba;
background-color: #807dba;
margin: 10px 10px;
}
.skin-black-green .sidebar-form input[type="text"],
.skin-black-green .sidebar-form .btn {
box-shadow: none;
background-color: #807dba;
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 .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: #f5549f;
border-left-color: #f5549f;
}
.skin-black-green .sidebar-menu > li:hover > a {
border-left-color: transparent;
}
.skin-black-green .treeview-menu > li > a {
padding-left: 18px;
}
.skin-black-green .treeview-menu > li.active > a,
.skin-black-green .treeview-menu > li > a:hover {
background-color: #f5549f;
}
.skin-black-green .sidebar-menu > li > .treeview-menu {
margin: 0;
}
.skin-black-green .sidebar-menu li.treeview > a {
background: transparent;
border-left-color: transparent;
}
.skin-black-green .sidebar-menu li.treeview > a:hover {
color: #fff;
background: #f5549f;
}
.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-menu .treeview-menu li.treeview > a:hover {
color: #fff;
background: #f5549f;
}
.skin-black-green.sidebar-collapse .sidebar-menu li:hover > a,
.skin-black-green.sidebar-collapse .sidebar-menu li.active > a {
color: #fff;
background: #f5549f;
}
.skin-black-green.sidebar-collapse .sidebar-menu .treeview-menu li.active > a {
color: #fff;
background: #f5549f;
}
/*
* Skin: Black red
* -----------
*/
.skin-black-red .main-header {
background: #605ca8;
-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-toggle {
color: #333;
}
.skin-black-red .main-header .navbar-brand {
color: #333;
border-right: 1px solid #eee;
}
.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: #444;
}
.skin-black-red .main-header .navbar .sidebar-toggle {
color: #666;
}
.skin-black-red .main-header .navbar .sidebar-toggle:hover {
color: #444;
background: rgba(0, 0, 0, 0.02);
}
.skin-black-red .main-header .navbar > .sidebar-toggle {
color: #333;
border-right: 1px solid #eee;
}
.skin-black-red .main-header .navbar .navbar-nav > li > a {
border-right: 1px solid #eee;
}
.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: 1px solid #eee;
border-left: none;
border-right-width: 0;
}
.skin-black-red .main-header .logo {
background-color: #605ca8;
color: #fff;
border-bottom: 0 solid transparent;
border-right: 1px solid #605ca8;
}
.skin-black-red .main-header .logo:hover {
background-color: #5d59a6;
}
@media (max-width: 767px) {
.skin-black-red .main-header .logo {
background-color: #fff;
color: #333;
border-bottom: 0 solid transparent;
border-right: none;
}
.skin-black-red .main-header .logo:hover {
background-color: #fcfcfc;
}
}
.skin-black-red .main-header li.user-header {
background-color: #222;
}
.skin-black-red .main-header .nav-addtabs > li > a,
.skin-black-red .main-header .nav-addtabs > li.active > a {
border-right: none;
}
.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: #605ca8;
}
.skin-black-red .user-panel > .info,
.skin-black-red .user-panel > .info > a {
color: #fff;
}
.skin-black-red .sidebar-menu > li.header {
color: #a19fcb;
background: #57539c;
}
.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: #5b57a3;
border-left-color: #fff;
}
.skin-black-red .sidebar-menu > li > .treeview-menu {
margin: 0 1px;
background: #706db1;
}
.skin-black-red .sidebar a {
color: #c8c5ff;
}
.skin-black-red .sidebar a:hover {
text-decoration: none;
}
.skin-black-red .treeview-menu > li > a {
color: #c8c5ff;
}
.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 #807dba;
background-color: #807dba;
margin: 10px 10px;
}
.skin-black-red .sidebar-form input[type="text"],
.skin-black-red .sidebar-form .btn {
box-shadow: none;
background-color: #807dba;
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 .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: #f5549f;
border-left-color: #f5549f;
}
.skin-black-red .sidebar-menu > li:hover > a {
border-left-color: transparent;
}
.skin-black-red .treeview-menu > li > a {
padding-left: 18px;
}
.skin-black-red .treeview-menu > li.active > a,
.skin-black-red .treeview-menu > li > a:hover {
background-color: #f5549f;
}
.skin-black-red .sidebar-menu > li > .treeview-menu {
margin: 0;
}
.skin-black-red .sidebar-menu li.treeview > a {
background: transparent;
border-left-color: transparent;
}
.skin-black-red .sidebar-menu li.treeview > a:hover {
color: #fff;
background: #f5549f;
}
.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-menu .treeview-menu li.treeview > a:hover {
color: #fff;
background: #f5549f;
}
.skin-black-red.sidebar-collapse .sidebar-menu li:hover > a,
.skin-black-red.sidebar-collapse .sidebar-menu li.active > a {
color: #fff;
background: #f5549f;
}
.skin-black-red.sidebar-collapse .sidebar-menu .treeview-menu li.active > a {
color: #fff;
background: #f5549f;
}
/*
* Skin: Black yellow
* -----------
*/
.skin-black-yellow .main-header {
background: #605ca8;
-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-toggle {
color: #333;
}
.skin-black-yellow .main-header .navbar-brand {
color: #333;
border-right: 1px solid #eee;
}
.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: #444;
}
.skin-black-yellow .main-header .navbar .sidebar-toggle {
color: #666;
}
.skin-black-yellow .main-header .navbar .sidebar-toggle:hover {
color: #444;
background: rgba(0, 0, 0, 0.02);
}
.skin-black-yellow .main-header .navbar > .sidebar-toggle {
color: #333;
border-right: 1px solid #eee;
}
.skin-black-yellow .main-header .navbar .navbar-nav > li > a {
border-right: 1px solid #eee;
}
.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: 1px solid #eee;
border-left: none;
border-right-width: 0;
}
.skin-black-yellow .main-header .logo {
background-color: #605ca8;
color: #fff;
border-bottom: 0 solid transparent;
border-right: 1px solid #605ca8;
}
.skin-black-yellow .main-header .logo:hover {
background-color: #5d59a6;
}
@media (max-width: 767px) {
.skin-black-yellow .main-header .logo {
background-color: #fff;
color: #333;
border-bottom: 0 solid transparent;
border-right: none;
}
.skin-black-yellow .main-header .logo:hover {
background-color: #fcfcfc;
}
}
.skin-black-yellow .main-header li.user-header {
background-color: #222;
}
.skin-black-yellow .main-header .nav-addtabs > li > a,
.skin-black-yellow .main-header .nav-addtabs > li.active > a {
border-right: none;
}
.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: #605ca8;
}
.skin-black-yellow .user-panel > .info,
.skin-black-yellow .user-panel > .info > a {
color: #fff;
}
.skin-black-yellow .sidebar-menu > li.header {
color: #a19fcb;
background: #57539c;
}
.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: #5b57a3;
border-left-color: #fff;
}
.skin-black-yellow .sidebar-menu > li > .treeview-menu {
margin: 0 1px;
background: #706db1;
}
.skin-black-yellow .sidebar a {
color: #c8c5ff;
}
.skin-black-yellow .sidebar a:hover {
text-decoration: none;
}
.skin-black-yellow .treeview-menu > li > a {
color: #c8c5ff;
}
.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 #807dba;
background-color: #807dba;
margin: 10px 10px;
}
.skin-black-yellow .sidebar-form input[type="text"],
.skin-black-yellow .sidebar-form .btn {
box-shadow: none;
background-color: #807dba;
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 .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: #f5549f;
border-left-color: #f5549f;
}
.skin-black-yellow .sidebar-menu > li:hover > a {
border-left-color: transparent;
}
.skin-black-yellow .treeview-menu > li > a {
padding-left: 18px;
}
.skin-black-yellow .treeview-menu > li.active > a,
.skin-black-yellow .treeview-menu > li > a:hover {
background-color: #f5549f;
}
.skin-black-yellow .sidebar-menu > li > .treeview-menu {
margin: 0;
}
.skin-black-yellow .sidebar-menu li.treeview > a {
background: transparent;
border-left-color: transparent;
}
.skin-black-yellow .sidebar-menu li.treeview > a:hover {
color: #fff;
background: #f5549f;
}
.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-menu .treeview-menu li.treeview > a:hover {
color: #fff;
background: #f5549f;
}
.skin-black-yellow.sidebar-collapse .sidebar-menu li:hover > a,
.skin-black-yellow.sidebar-collapse .sidebar-menu li.active > a {
color: #fff;
background: #f5549f;
}
.skin-black-yellow.sidebar-collapse .sidebar-menu .treeview-menu li.active > a {
color: #fff;
background: #f5549f;
}
/*
* Skin: Black pink
* -----------
*/
.skin-black-pink .main-header {
background: #605ca8;
-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-toggle {
color: #333;
}
.skin-black-pink .main-header .navbar-brand {
color: #333;
border-right: 1px solid #eee;
}
.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: #444;
}
.skin-black-pink .main-header .navbar .sidebar-toggle {
color: #666;
}
.skin-black-pink .main-header .navbar .sidebar-toggle:hover {
color: #444;
background: rgba(0, 0, 0, 0.02);
}
.skin-black-pink .main-header .navbar > .sidebar-toggle {
color: #333;
border-right: 1px solid #eee;
}
.skin-black-pink .main-header .navbar .navbar-nav > li > a {
border-right: 1px solid #eee;
}
.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: 1px solid #eee;
border-left: none;
border-right-width: 0;
}
.skin-black-pink .main-header .logo {
background-color: #605ca8;
color: #fff;
border-bottom: 0 solid transparent;
border-right: 1px solid #605ca8;
}
.skin-black-pink .main-header .logo:hover {
background-color: #5d59a6;
}
@media (max-width: 767px) {
.skin-black-pink .main-header .logo {
background-color: #fff;
color: #333;
border-bottom: 0 solid transparent;
border-right: none;
}
.skin-black-pink .main-header .logo:hover {
background-color: #fcfcfc;
}
}
.skin-black-pink .main-header li.user-header {
background-color: #222;
}
.skin-black-pink .main-header .nav-addtabs > li > a,
.skin-black-pink .main-header .nav-addtabs > li.active > a {
border-right: none;
}
.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: #605ca8;
}
.skin-black-pink .user-panel > .info,
.skin-black-pink .user-panel > .info > a {
color: #fff;
}
.skin-black-pink .sidebar-menu > li.header {
color: #a19fcb;
background: #57539c;
}
.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: #5b57a3;
border-left-color: #fff;
}
.skin-black-pink .sidebar-menu > li > .treeview-menu {
margin: 0 1px;
background: #706db1;
}
.skin-black-pink .sidebar a {
color: #c8c5ff;
}
.skin-black-pink .sidebar a:hover {
text-decoration: none;
}
.skin-black-pink .treeview-menu > li > a {
color: #c8c5ff;
}
.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 #807dba;
background-color: #807dba;
margin: 10px 10px;
}
.skin-black-pink .sidebar-form input[type="text"],
.skin-black-pink .sidebar-form .btn {
box-shadow: none;
background-color: #807dba;
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 .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: #f5549f;
border-left-color: #f5549f;
}
.skin-black-pink .sidebar-menu > li:hover > a {
border-left-color: transparent;
}
.skin-black-pink .treeview-menu > li > a {
padding-left: 18px;
}
.skin-black-pink .treeview-menu > li.active > a,
.skin-black-pink .treeview-menu > li > a:hover {
background-color: #f5549f;
}
.skin-black-pink .sidebar-menu > li > .treeview-menu {
margin: 0;
}
.skin-black-pink .sidebar-menu li.treeview > a {
background: transparent;
border-left-color: transparent;
}
.skin-black-pink .sidebar-menu li.treeview > a:hover {
color: #fff;
background: #f5549f;
}
.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-menu .treeview-menu li.treeview > a:hover {
color: #fff;
background: #f5549f;
}
.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;
}
/*# sourceMappingURL=_all-skins.css.map */
\ No newline at end of file
... ...
/*
* 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-toggle {
color: #333;
}
.skin-black-blue .main-header .navbar-brand {
color: #333;
border-right: 1px solid #eee;
}
.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: #444;
}
.skin-black-blue .main-header .navbar .sidebar-toggle {
color: #666;
}
.skin-black-blue .main-header .navbar .sidebar-toggle:hover {
color: #444;
background: rgba(0, 0, 0, 0.02);
}
.skin-black-blue .main-header .navbar > .sidebar-toggle {
color: #333;
border-right: 1px solid #eee;
}
.skin-black-blue .main-header .navbar .navbar-nav > li > a {
border-right: 1px solid #eee;
}
.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: 1px solid #eee;
border-left: none;
border-right-width: 0;
}
.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: #fff;
color: #333;
border-bottom: 0 solid transparent;
border-right: none;
}
.skin-black-blue .main-header .logo:hover {
background-color: #fcfcfc;
}
}
.skin-black-blue .main-header li.user-header {
background-color: #222;
}
.skin-black-blue .main-header .nav-addtabs > li > a,
.skin-black-blue .main-header .nav-addtabs > li.active > a {
border-right: none;
}
.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 > 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 {
margin: 0 1px;
background: #2c3b41;
}
.skin-black-blue .sidebar a {
color: #b8c7ce;
}
.skin-black-blue .sidebar a:hover {
text-decoration: none;
}
.skin-black-blue .treeview-menu > li > a {
color: #8aa4af;
}
.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 .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: #4e73df;
border-left-color: #4e73df;
}
.skin-black-blue .sidebar-menu > li:hover > a {
border-left-color: transparent;
}
.skin-black-blue .treeview-menu > li > a {
padding-left: 18px;
}
.skin-black-blue .treeview-menu > li.active > a,
.skin-black-blue .treeview-menu > li > a:hover {
background-color: #4e73df;
}
.skin-black-blue .sidebar-menu > li > .treeview-menu {
margin: 0;
}
.skin-black-blue .sidebar-menu li.treeview > a {
background: transparent;
border-left-color: transparent;
}
.skin-black-blue .sidebar-menu li.treeview > a:hover {
color: #fff;
background: #4e73df;
}
.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-menu .treeview-menu li.treeview > a:hover {
color: #fff;
background: #4e73df;
}
.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;
}
/*# sourceMappingURL=skin-black-blue.css.map */
\ No newline at end of file
... ...
/*
* 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-toggle {
color: #333;
}
.skin-black-green .main-header .navbar-brand {
color: #333;
border-right: 1px solid #eee;
}
.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: #444;
}
.skin-black-green .main-header .navbar .sidebar-toggle {
color: #666;
}
.skin-black-green .main-header .navbar .sidebar-toggle:hover {
color: #444;
background: rgba(0, 0, 0, 0.02);
}
.skin-black-green .main-header .navbar > .sidebar-toggle {
color: #333;
border-right: 1px solid #eee;
}
.skin-black-green .main-header .navbar .navbar-nav > li > a {
border-right: 1px solid #eee;
}
.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: 1px solid #eee;
border-left: none;
border-right-width: 0;
}
.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: #fff;
color: #333;
border-bottom: 0 solid transparent;
border-right: none;
}
.skin-black-green .main-header .logo:hover {
background-color: #fcfcfc;
}
}
.skin-black-green .main-header li.user-header {
background-color: #222;
}
.skin-black-green .main-header .nav-addtabs > li > a,
.skin-black-green .main-header .nav-addtabs > li.active > a {
border-right: none;
}
.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 > 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 {
margin: 0 1px;
background: #2c3b41;
}
.skin-black-green .sidebar a {
color: #b8c7ce;
}
.skin-black-green .sidebar a:hover {
text-decoration: none;
}
.skin-black-green .treeview-menu > li > a {
color: #8aa4af;
}
.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 .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: #18bc9c;
border-left-color: #18bc9c;
}
.skin-black-green .sidebar-menu > li:hover > a {
border-left-color: transparent;
}
.skin-black-green .treeview-menu > li > a {
padding-left: 18px;
}
.skin-black-green .treeview-menu > li.active > a,
.skin-black-green .treeview-menu > li > a:hover {
background-color: #18bc9c;
}
.skin-black-green .sidebar-menu > li > .treeview-menu {
margin: 0;
}
.skin-black-green .sidebar-menu li.treeview > a {
background: transparent;
border-left-color: transparent;
}
.skin-black-green .sidebar-menu li.treeview > a:hover {
color: #fff;
background: #18bc9c;
}
.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-menu .treeview-menu li.treeview > a:hover {
color: #fff;
background: #18bc9c;
}
.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;
}
/*# sourceMappingURL=skin-black-green.css.map */
\ No newline at end of file
... ...
/*
* Skin: White
* Skin: Black light
* -----------
*/
/* skin-white navbar */
.skin-white-light .main-header {
.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-white-light .main-header .navbar-toggle {
.skin-black-light .main-header .navbar-toggle {
color: #333;
}
.skin-white-light .main-header .navbar-brand {
.skin-black-light .main-header .navbar-brand {
color: #333;
border-right: 1px solid #eee;
}
.skin-white-light .main-header .navbar {
background-color: #fff;
.skin-black-light .main-header .navbar {
background-color: #222d32;
}
.skin-white-light .main-header .navbar .nav > li > a {
color: #333;
.skin-black-light .main-header .navbar .nav > li > a {
color: #fff;
}
.skin-white-light .main-header .navbar .nav > li > a:hover,
.skin-white-light .main-header .navbar .nav > li > a:active,
.skin-white-light .main-header .navbar .nav > li > a:focus,
.skin-white-light .main-header .navbar .nav .open > a,
.skin-white-light .main-header .navbar .nav .open > a:hover,
.skin-white-light .main-header .navbar .nav .open > a:focus,
.skin-white-light .main-header .navbar .nav > .active > a {
background: #fff;
color: #999;
.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-white-light .main-header .navbar .sidebar-toggle {
color: #333;
.skin-black-light .main-header .navbar .sidebar-toggle {
color: #fff;
}
.skin-white-light .main-header .navbar .sidebar-toggle:hover {
color: #999;
background: #fff;
.skin-black-light .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background: rgba(0, 0, 0, 0.3);
}
.skin-white-light .main-header .navbar > .sidebar-toggle {
.skin-black-light .main-header .navbar > .sidebar-toggle {
color: #333;
border-right: 1px solid #eee;
}
.skin-white-light .main-header .navbar .navbar-nav > li > a {
border-right: 1px solid #eee;
.skin-black-light .main-header .navbar .navbar-nav > li > a {
color: #fff;
}
.skin-white-light .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
.skin-white-light .main-header .navbar .navbar-right > li > a {
border-left: 1px solid #eee;
.skin-black-light .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
.skin-black-light .main-header .navbar .navbar-right > li > a {
border-left: none;
border-right-width: 0;
}
.skin-white-light .main-header > .logo {
background-color: #fff;
color: #333;
.skin-black-light .main-header .logo {
background-color: #222d32;
color: #fff;
border-bottom: 0 solid transparent;
border-right: 1px solid #eee;
}
.skin-white-light .main-header > .logo:hover {
background-color: #fcfcfc;
.skin-black-light .main-header .logo:hover {
background-color: #202a2f;
}
@media (max-width: 767px) {
.skin-white-light .main-header > .logo {
background-color: #222;
.skin-black-light .main-header .logo {
background-color: #222d32;
color: #fff;
border-bottom: 0 solid transparent;
border-right: none;
}
.skin-white-light .main-header > .logo:hover {
background-color: #1f1f1f;
.skin-black-light .main-header .logo:hover {
background-color: #202a2f;
}
}
.skin-white-light .main-header li.user-header {
background-color: #222;
.skin-black-light .main-header li.user-header {
background-color: #222d32;
}
.skin-white-light .content-header {
.skin-black-light .content-header {
background: transparent;
box-shadow: none;
}
.skin-white-light .wrapper,
.skin-white-light .main-sidebar,
.skin-white-light .left-side {
.skin-black-light .wrapper,
.skin-black-light .main-sidebar,
.skin-black-light .left-side {
background-color: #f9fafc;
}
.skin-white-light .content-wrapper,
.skin-white-light .main-footer {
.skin-black-light .content-wrapper,
.skin-black-light .main-footer {
border-left: 1px solid #d2d6de;
}
.skin-white-light .user-panel > .info,
.skin-white-light .user-panel > .info > a {
.skin-black-light .user-panel > .info,
.skin-black-light .user-panel > .info > a {
color: #444;
}
.skin-white-light .sidebar-menu > li {
.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-white-light .sidebar-menu > li.header {
.skin-black-light .sidebar-menu > li.header {
color: #848484;
background: #f9fafc;
}
.skin-white-light .sidebar-menu > li > a {
.skin-black-light .sidebar-menu > li > a {
border-left: 3px solid transparent;
font-weight: 600;
}
.skin-white-light .sidebar-menu > li:hover > a,
.skin-white-light .sidebar-menu > li.active > a {
.skin-black-light .sidebar-menu > li:hover > a,
.skin-black-light .sidebar-menu > li.active > a {
color: #000;
background: #f4f4f5;
}
.skin-white-light .sidebar-menu > li.active {
.skin-black-light .sidebar-menu > li.active {
border-left-color: #fff;
}
.skin-white-light .sidebar-menu > li.active > a {
.skin-black-light .sidebar-menu > li.active > a {
font-weight: 600;
}
.skin-white-light .sidebar-menu > li > .treeview-menu {
.skin-black-light .sidebar-menu > li > .treeview-menu {
background: #f4f4f5;
}
.skin-white-light .sidebar a {
.skin-black-light .sidebar a {
color: #444;
}
.skin-white-light .sidebar a:hover {
.skin-black-light .sidebar a:hover {
text-decoration: none;
}
.skin-white-light .treeview-menu > li > a {
.skin-black-light .treeview-menu > li > a {
color: #777;
}
.skin-white-light .treeview-menu > li.active > a,
.skin-white-light .treeview-menu > li > a:hover {
.skin-black-light .treeview-menu > li.active > a,
.skin-black-light .treeview-menu > li > a:hover {
color: #000;
}
.skin-white-light .treeview-menu > li.active > a {
.skin-black-light .treeview-menu > li.active > a {
font-weight: 600;
}
.skin-white-light .sidebar-form {
.skin-black-light .sidebar-form {
border-radius: 3px;
border: 1px solid #d2d6de;
margin: 10px 10px;
}
.skin-white-light .sidebar-form input[type="text"],
.skin-white-light .sidebar-form .btn {
.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-white-light .sidebar-form input[type="text"] {
.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-white-light .sidebar-form input[type="text"]:focus,
.skin-white-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
.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-white-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
.skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff;
}
.skin-white-light .sidebar-form .btn {
.skin-black-light .sidebar-form .btn {
color: #999;
border-top-left-radius: 0;
border-top-right-radius: 2px;
... ... @@ -167,8 +165,16 @@
border-bottom-left-radius: 0;
}
@media (min-width: 768px) {
.skin-white-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
.skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
border-left: 1px solid #d2d6de;
}
}
/*# sourceMappingURL=skin-white-light.css.map */
\ No newline at end of file
.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;
}
/*# sourceMappingURL=skin-black-light.css.map */
\ No newline at end of file
... ...
/*
* 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-toggle {
color: #333;
}
.skin-black-pink .main-header .navbar-brand {
color: #333;
border-right: 1px solid #eee;
}
.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: #444;
}
.skin-black-pink .main-header .navbar .sidebar-toggle {
color: #666;
}
.skin-black-pink .main-header .navbar .sidebar-toggle:hover {
color: #444;
background: rgba(0, 0, 0, 0.02);
}
.skin-black-pink .main-header .navbar > .sidebar-toggle {
color: #333;
border-right: 1px solid #eee;
}
.skin-black-pink .main-header .navbar .navbar-nav > li > a {
border-right: 1px solid #eee;
}
.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: 1px solid #eee;
border-left: none;
border-right-width: 0;
}
.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: #fff;
color: #333;
border-bottom: 0 solid transparent;
border-right: none;
}
.skin-black-pink .main-header .logo:hover {
background-color: #fcfcfc;
}
}
.skin-black-pink .main-header li.user-header {
background-color: #222;
}
.skin-black-pink .main-header .nav-addtabs > li > a,
.skin-black-pink .main-header .nav-addtabs > li.active > a {
border-right: none;
}
.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 > 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 {
margin: 0 1px;
background: #2c3b41;
}
.skin-black-pink .sidebar a {
color: #b8c7ce;
}
.skin-black-pink .sidebar a:hover {
text-decoration: none;
}
.skin-black-pink .treeview-menu > li > a {
color: #8aa4af;
}
.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 .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: #f5549f;
border-left-color: #f5549f;
}
.skin-black-pink .sidebar-menu > li:hover > a {
border-left-color: transparent;
}
.skin-black-pink .treeview-menu > li > a {
padding-left: 18px;
}
.skin-black-pink .treeview-menu > li.active > a,
.skin-black-pink .treeview-menu > li > a:hover {
background-color: #f5549f;
}
.skin-black-pink .sidebar-menu > li > .treeview-menu {
margin: 0;
}
.skin-black-pink .sidebar-menu li.treeview > a {
background: transparent;
border-left-color: transparent;
}
.skin-black-pink .sidebar-menu li.treeview > a:hover {
color: #fff;
background: #f5549f;
}
.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-menu .treeview-menu li.treeview > a:hover {
color: #fff;
background: #f5549f;
}
.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;
}
/*# sourceMappingURL=skin-black-pink.css.map */
\ No newline at end of file
... ...
/*
* 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-toggle {
color: #333;
}
.skin-black-purple .main-header .navbar-brand {
color: #333;
border-right: 1px solid #eee;
}
.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: #444;
}
.skin-black-purple .main-header .navbar .sidebar-toggle {
color: #666;
}
.skin-black-purple .main-header .navbar .sidebar-toggle:hover {
color: #444;
background: rgba(0, 0, 0, 0.02);
}
.skin-black-purple .main-header .navbar > .sidebar-toggle {
color: #333;
border-right: 1px solid #eee;
}
.skin-black-purple .main-header .navbar .navbar-nav > li > a {
border-right: 1px solid #eee;
}
.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: 1px solid #eee;
border-left: none;
border-right-width: 0;
}
.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: #fff;
color: #333;
border-bottom: 0 solid transparent;
border-right: none;
}
.skin-black-purple .main-header .logo:hover {
background-color: #fcfcfc;
}
}
.skin-black-purple .main-header li.user-header {
background-color: #222;
}
.skin-black-purple .main-header .nav-addtabs > li > a,
.skin-black-purple .main-header .nav-addtabs > li.active > a {
border-right: none;
}
.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 > 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 {
margin: 0 1px;
background: #2c3b41;
}
.skin-black-purple .sidebar a {
color: #b8c7ce;
}
.skin-black-purple .sidebar a:hover {
text-decoration: none;
}
.skin-black-purple .treeview-menu > li > a {
color: #8aa4af;
}
.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 .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: #605ca8;
border-left-color: #605ca8;
}
.skin-black-purple .sidebar-menu > li:hover > a {
border-left-color: transparent;
}
.skin-black-purple .treeview-menu > li > a {
padding-left: 18px;
}
.skin-black-purple .treeview-menu > li.active > a,
.skin-black-purple .treeview-menu > li > a:hover {
background-color: #605ca8;
}
.skin-black-purple .sidebar-menu > li > .treeview-menu {
margin: 0;
}
.skin-black-purple .sidebar-menu li.treeview > a {
background: transparent;
border-left-color: transparent;
}
.skin-black-purple .sidebar-menu li.treeview > a:hover {
color: #fff;
background: #605ca8;
}
.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-menu .treeview-menu li.treeview > a:hover {
color: #fff;
background: #605ca8;
}
.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;
}
/*# sourceMappingURL=skin-black-purple.css.map */
\ No newline at end of file
... ...
/*
* 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-toggle {
color: #333;
}
.skin-black-red .main-header .navbar-brand {
color: #333;
border-right: 1px solid #eee;
}
.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: #444;
}
.skin-black-red .main-header .navbar .sidebar-toggle {
color: #666;
}
.skin-black-red .main-header .navbar .sidebar-toggle:hover {
color: #444;
background: rgba(0, 0, 0, 0.02);
}
.skin-black-red .main-header .navbar > .sidebar-toggle {
color: #333;
border-right: 1px solid #eee;
}
.skin-black-red .main-header .navbar .navbar-nav > li > a {
border-right: 1px solid #eee;
}
.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: 1px solid #eee;
border-left: none;
border-right-width: 0;
}
.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: #fff;
color: #333;
border-bottom: 0 solid transparent;
border-right: none;
}
.skin-black-red .main-header .logo:hover {
background-color: #fcfcfc;
}
}
.skin-black-red .main-header li.user-header {
background-color: #222;
}
.skin-black-red .main-header .nav-addtabs > li > a,
.skin-black-red .main-header .nav-addtabs > li.active > a {
border-right: none;
}
.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 > 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 {
margin: 0 1px;
background: #2c3b41;
}
.skin-black-red .sidebar a {
color: #b8c7ce;
}
.skin-black-red .sidebar a:hover {
text-decoration: none;
}
.skin-black-red .treeview-menu > li > a {
color: #8aa4af;
}
.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 .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: #e74c3c;
border-left-color: #e74c3c;
}
.skin-black-red .sidebar-menu > li:hover > a {
border-left-color: transparent;
}
.skin-black-red .treeview-menu > li > a {
padding-left: 18px;
}
.skin-black-red .treeview-menu > li.active > a,
.skin-black-red .treeview-menu > li > a:hover {
background-color: #e74c3c;
}
.skin-black-red .sidebar-menu > li > .treeview-menu {
margin: 0;
}
.skin-black-red .sidebar-menu li.treeview > a {
background: transparent;
border-left-color: transparent;
}
.skin-black-red .sidebar-menu li.treeview > a:hover {
color: #fff;
background: #e74c3c;
}
.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-menu .treeview-menu li.treeview > a:hover {
color: #fff;
background: #e74c3c;
}
.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;
}
/*# sourceMappingURL=skin-black-red.css.map */
\ No newline at end of file
... ...
/*
* 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-toggle {
color: #333;
}
.skin-black-yellow .main-header .navbar-brand {
color: #333;
border-right: 1px solid #eee;
}
.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: #444;
}
.skin-black-yellow .main-header .navbar .sidebar-toggle {
color: #666;
}
.skin-black-yellow .main-header .navbar .sidebar-toggle:hover {
color: #444;
background: rgba(0, 0, 0, 0.02);
}
.skin-black-yellow .main-header .navbar > .sidebar-toggle {
color: #333;
border-right: 1px solid #eee;
}
.skin-black-yellow .main-header .navbar .navbar-nav > li > a {
border-right: 1px solid #eee;
}
.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: 1px solid #eee;
border-left: none;
border-right-width: 0;
}
.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: #fff;
color: #333;
border-bottom: 0 solid transparent;
border-right: none;
}
.skin-black-yellow .main-header .logo:hover {
background-color: #fcfcfc;
}
}
.skin-black-yellow .main-header li.user-header {
background-color: #222;
}
.skin-black-yellow .main-header .nav-addtabs > li > a,
.skin-black-yellow .main-header .nav-addtabs > li.active > a {
border-right: none;
}
.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 > 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 {
margin: 0 1px;
background: #2c3b41;
}
.skin-black-yellow .sidebar a {
color: #b8c7ce;
}
.skin-black-yellow .sidebar a:hover {
text-decoration: none;
}
.skin-black-yellow .treeview-menu > li > a {
color: #8aa4af;
}
.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 .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: #f39c12;
border-left-color: #f39c12;
}
.skin-black-yellow .sidebar-menu > li:hover > a {
border-left-color: transparent;
}
.skin-black-yellow .treeview-menu > li > a {
padding-left: 18px;
}
.skin-black-yellow .treeview-menu > li.active > a,
.skin-black-yellow .treeview-menu > li > a:hover {
background-color: #f39c12;
}
.skin-black-yellow .sidebar-menu > li > .treeview-menu {
margin: 0;
}
.skin-black-yellow .sidebar-menu li.treeview > a {
background: transparent;
border-left-color: transparent;
}
.skin-black-yellow .sidebar-menu li.treeview > a:hover {
color: #fff;
background: #f39c12;
}
.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-menu .treeview-menu li.treeview > a:hover {
color: #fff;
background: #f39c12;
}
.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;
}
/*# sourceMappingURL=skin-black-yellow.css.map */
\ No newline at end of file
... ...