mirror of
https://gitee.com/zoujingli/ThinkAdmin.git
synced 2025-04-05 19:41:44 +08:00
大量调整后台样式
This commit is contained in:
邹景立
parent
13455d1a4a
commit
628abd0b21
1
app/admin/view/index/index-body.html
Normal file
1
app/admin/view/index/index-body.html
Normal file
@ -0,0 +1 @@
|
||||
<div class="layui-body">{block name='content'}{/block}</div>
|
||||
39
app/admin/view/index/index-left.html
Normal file
39
app/admin/view/index/index-left.html
Normal file
@ -0,0 +1,39 @@
|
||||
<div class="layui-side notselect">
|
||||
<a class="layui-logo layui-elip" href="{:url('@')}" title="{:sysconf('app_name')}">
|
||||
{:sysconf('app_name')} {if sysconf('app_version')}<sup>{:sysconf('app_version')}</sup>{/if}
|
||||
</a>
|
||||
<a class="layui-logo-mini layui-elip" href="{:url('@')}" title="{:sysconf('app_name')}">
|
||||
<span class="headimg headimg-xs" data-lazy-src="{:sysconf('site_icon')}"></span>
|
||||
</a>
|
||||
<div class="layui-side-scroll">
|
||||
{foreach $menus as $one}{notempty name='one.sub'}
|
||||
<ul class="layui-nav layui-nav-tree layui-hide" data-menu-layout="m-{$one.id}">
|
||||
{foreach $one.sub as $two}{empty name='two.sub'}
|
||||
<li class="layui-nav-item">
|
||||
<a data-target-tips="{$two.title}" data-menu-node="m-{$one.id}-{$two.id}" data-open="{$two.url}">
|
||||
<span class='{$two.icon|default="layui-icon layui-icon-link"}'></span>
|
||||
<span class="nav-text">{$two.title|default=''}</span>
|
||||
</a>
|
||||
</li>
|
||||
{else}
|
||||
<li class="layui-nav-item" data-submenu-layout='m-{$one.id}-{$two.id}'>
|
||||
<a data-target-tips="{$two.title}" style="background:#393D49">
|
||||
<span class='nav-icon layui-hide {$two.icon|default="layui-icon layui-icon-triangle-d"}'></span>
|
||||
<span class="nav-text">{$two.title|default=''}</span>
|
||||
</a>
|
||||
<dl class="layui-nav-child">
|
||||
{foreach $two.sub as $thr}
|
||||
<dd>
|
||||
<a data-target-tips="{$thr.title}" data-open="{$thr.url}" data-menu-node="m-{$one.id}-{$two.id}-{$thr.id}">
|
||||
<span class='nav-icon {$thr.icon|default="layui-icon layui-icon-link"}'></span>
|
||||
<span class="nav-text">{$thr.title|default=''}</span>
|
||||
</a>
|
||||
</dd>
|
||||
{/foreach}
|
||||
</dl>
|
||||
</li>
|
||||
{/empty}{/foreach}
|
||||
</ul>
|
||||
{/notempty}{/foreach}
|
||||
</div>
|
||||
</div>
|
||||
46
app/admin/view/index/index-top.html
Normal file
46
app/admin/view/index/index-top.html
Normal file
@ -0,0 +1,46 @@
|
||||
<div class="layui-header notselect">
|
||||
<ul class="layui-nav layui-layout-left">
|
||||
<li class="layui-nav-item" lay-unselect>
|
||||
<a class="text-center" data-target-menu-type>
|
||||
<i class="layui-icon layui-icon-spread-left"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="layui-nav-item" lay-unselect>
|
||||
<a class="layui-logo-hide layui-elip" href="{:url('@')}" title="{:sysconf('app_name')}">
|
||||
<span class="headimg headimg-xs" data-lazy-src="{:sysconf('site_icon')}"></span>
|
||||
</a>
|
||||
</li>
|
||||
{foreach $menus as $one}
|
||||
<li class="layui-nav-item">
|
||||
<a data-menu-node="m-{$one.id}" data-open="{$one.url}">
|
||||
{notempty name='one.icon'}<span class='{$one.icon} padding-right-5'></span>{/notempty}
|
||||
<span>{$one.title|default=''}</span>
|
||||
</a>
|
||||
</li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
<ul class="layui-nav layui-layout-right">
|
||||
<li lay-unselect class="layui-nav-item"><a data-reload><i class="layui-icon layui-icon-refresh-3"></i></a></li>
|
||||
{if session('user.username')}
|
||||
<li class="layui-nav-item">
|
||||
<dl class="layui-nav-child">
|
||||
<dd lay-unselect><a data-modal="{:url('admin/index/info',['id'=>session('user.id')])}"><i class="layui-icon layui-icon-set-fill"></i> 基本资料</a></dd>
|
||||
<dd lay-unselect><a data-modal="{:url('admin/index/pass',['id'=>session('user.id')])}"><i class="layui-icon layui-icon-component"></i> 安全设置</a></dd>
|
||||
{if session('user.username') eq 'admin'}
|
||||
<dd lay-unselect><a data-load="{:url('admin/api.plugs/pushRuntime')}"><i class="layui-icon layui-icon-template-1"></i> 缓存加速</a></dd>
|
||||
<dd lay-unselect><a data-load="{:url('admin/api.plugs/clearRuntime')}"><i class="layui-icon layui-icon-fonts-clear"></i> 清理缓存</a></dd>
|
||||
{/if}
|
||||
<dd lay-unselect><a data-load="{:url('admin/login/out')}" data-confirm="确定要退出登录吗？"><i class="layui-icon layui-icon-release"></i> 退出登录</a></dd>
|
||||
</dl>
|
||||
<a class="layui-elip">
|
||||
<img alt=" " onerror="this.src='__ROOT__/static/theme/img/headimg.png'" src="{:htmlentities(session('user.headimg'))}">
|
||||
<span>{:htmlentities(session('user.nickname')?:session('user.username'))}</span>
|
||||
</a>
|
||||
</li>
|
||||
{else}
|
||||
<li class="layui-nav-item">
|
||||
<a data-href="{:sysuri('admin/login/index')}"><i class="layui-icon layui-icon-username"></i> 立即登录</a>
|
||||
</li>
|
||||
{/if}
|
||||
</ul>
|
||||
</div>
|
||||
@ -1,5 +1,6 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh">
|
||||
|
||||
<head>
|
||||
<title>{block name="title"}{$title|default=''}{if !empty($title)} · {/if}{:sysconf('site_name')}{/block}</title>
|
||||
<meta charset="utf-8">
|
||||
@ -17,102 +18,37 @@
|
||||
<script>window.tapiRoot = '{:sysuri("admin/index/index",[],false)}'</script>
|
||||
<script src="__ROOT__/static/plugs/jquery/pace.min.js"></script>
|
||||
</head>
|
||||
|
||||
<body class="layui-layout-body">
|
||||
|
||||
{block name='body'}
|
||||
<div class="layui-layout layui-layout-admin layui-layout-left-hide">
|
||||
|
||||
<!-- 顶部菜单 开始 -->
|
||||
<div class="layui-header notselect">
|
||||
<a href="{:url('@')}" class="layui-logo layui-elip">
|
||||
{:sysconf('app_name')} {if sysconf('app_version')}<sup>{:sysconf('app_version')}</sup>{/if}
|
||||
</a>
|
||||
<ul class="layui-nav layui-layout-left">
|
||||
<li class="layui-nav-item" lay-unselect>
|
||||
<a class="text-center" data-target-menu-type>
|
||||
<i class="layui-icon layui-icon-spread-left"></i>
|
||||
</a>
|
||||
</li>
|
||||
{foreach $menus as $one}
|
||||
<li class="layui-nav-item">
|
||||
<a data-menu-node="m-{$one.id}" data-open="{$one.url}">
|
||||
{notempty name='one.icon'}<span class='{$one.icon} padding-right-5'></span>{/notempty}
|
||||
<span>{$one.title|default=''}</span>
|
||||
</a>
|
||||
</li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
<ul class="layui-nav layui-layout-right">
|
||||
<li lay-unselect class="layui-nav-item"><a data-reload><i class="layui-icon layui-icon-refresh-3"></i></a></li>
|
||||
{if session('user.username')}
|
||||
<li class="layui-nav-item">
|
||||
<dl class="layui-nav-child">
|
||||
<dd lay-unselect><a data-modal="{:url('admin/index/info',['id'=>session('user.id')])}"><i class="layui-icon layui-icon-set-fill"></i> 基本资料</a></dd>
|
||||
<dd lay-unselect><a data-modal="{:url('admin/index/pass',['id'=>session('user.id')])}"><i class="layui-icon layui-icon-component"></i> 安全设置</a></dd>
|
||||
{if session('user.username') eq 'admin'}
|
||||
<dd lay-unselect><a data-load="{:url('admin/api.plugs/pushRuntime')}"><i class="layui-icon layui-icon-template-1"></i> 缓存加速</a></dd>
|
||||
<dd lay-unselect><a data-load="{:url('admin/api.plugs/clearRuntime')}"><i class="layui-icon layui-icon-fonts-clear"></i> 清理缓存</a></dd>
|
||||
{/if}
|
||||
<dd lay-unselect><a data-load="{:url('admin/login/out')}" data-confirm="确定要退出登录吗？"><i class="layui-icon layui-icon-release"></i> 退出登录</a></dd>
|
||||
</dl>
|
||||
<a class="layui-elip">
|
||||
<img alt=" " onerror="this.src='__ROOT__/static/theme/img/headimg.png'" src="{:htmlentities(session('user.headimg'))}">
|
||||
<span>{:htmlentities(session('user.nickname')?:session('user.username'))}</span>
|
||||
</a>
|
||||
</li>
|
||||
{else}
|
||||
<li class="layui-nav-item">
|
||||
<a data-href="{:sysuri('admin/login/index')}"><i class="layui-icon layui-icon-username"></i> 立即登录</a>
|
||||
</li>
|
||||
{/if}
|
||||
</ul>
|
||||
</div>
|
||||
{include file='index/index-top'}
|
||||
<!-- 顶部菜单 结束 -->
|
||||
|
||||
<!-- 左则菜单 开始 -->
|
||||
<div class="layui-side layui-bg-black notselect">
|
||||
<div class="layui-side-scroll">
|
||||
{foreach $menus as $one}{notempty name='one.sub'}
|
||||
<ul class="layui-nav layui-nav-tree layui-hide" data-menu-layout="m-{$one.id}">
|
||||
{foreach $one.sub as $two}{empty name='two.sub'}
|
||||
<li class="layui-nav-item">
|
||||
<a data-target-tips="{$two.title}" data-menu-node="m-{$one.id}-{$two.id}" data-open="{$two.url}">
|
||||
<span class='{$two.icon|default="layui-icon layui-icon-link"}'></span>
|
||||
<span class="nav-text">{$two.title|default=''}</span>
|
||||
</a>
|
||||
</li>
|
||||
{else}
|
||||
<li class="layui-nav-item" data-submenu-layout='m-{$one.id}-{$two.id}'>
|
||||
<a data-target-tips="{$two.title}" style="background:#393D49">
|
||||
<span class='nav-icon layui-hide {$two.icon|default="layui-icon layui-icon-triangle-d"}'></span>
|
||||
<span class="nav-text">{$two.title|default=''}</span>
|
||||
</a>
|
||||
<dl class="layui-nav-child">
|
||||
{foreach $two.sub as $thr}
|
||||
<dd>
|
||||
<a data-target-tips="{$thr.title}" data-open="{$thr.url}" data-menu-node="m-{$one.id}-{$two.id}-{$thr.id}">
|
||||
<span class='nav-icon {$thr.icon|default="layui-icon layui-icon-link"}'></span>
|
||||
<span class="nav-text">{$thr.title|default=''}</span>
|
||||
</a>
|
||||
</dd>
|
||||
{/foreach}
|
||||
</dl>
|
||||
</li>
|
||||
{/empty}{/foreach}
|
||||
</ul>
|
||||
{/notempty}{/foreach}
|
||||
</div>
|
||||
</div>
|
||||
{include file="index/index-left"}
|
||||
<!-- 左则菜单 结束 -->
|
||||
|
||||
<!-- 主体内容 开始 -->
|
||||
<div class="layui-body">{block name='content'}{/block}</div>
|
||||
{include file='index/index-body'}
|
||||
<!-- 主体内容 结束 -->
|
||||
|
||||
</div>
|
||||
<!-- 页面加载动画 -->
|
||||
|
||||
<!-- 加载动画 开始 -->
|
||||
<div class="layui-page-loader">
|
||||
<div class="loader"></div>
|
||||
</div>
|
||||
<!-- 加载动画 结束 -->
|
||||
|
||||
{/block}
|
||||
<script src="__ROOT__/static/plugs/layui/layui.js"></script>
|
||||
<script src="__ROOT__/static/plugs/require/require.js"></script>
|
||||
<script src="__ROOT__/static/admin.js"></script>
|
||||
{block name='script'}{/block}
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
@ -1,12 +1,40 @@
|
||||
@boxBorderRadius: 5px;
|
||||
@boxBorderColor: #EEE;
|
||||
// 默认盒边框样式
|
||||
@BoxBorderColor: #EEE;
|
||||
@BoxBorderRadius: 5px;
|
||||
|
||||
@radioBorderColor: #CCC;
|
||||
// 输入框边线颜色
|
||||
@RadioBorderNormalColor: #CCC;
|
||||
@InputBorderNormalColor: #E9E9E9;
|
||||
@InputBorderActiveColor: #DDD;
|
||||
|
||||
@inputBorderColor: #E9E9E9;
|
||||
@inputBorderActiveColor: #DDD;
|
||||
// 基础阴影样式配置
|
||||
@MinOuterShadow: 0 2px 3px 0 rgba(0, 0, 0, .11);
|
||||
@MaxOuterShadow: 0 2px 3px 0 rgba(0, 0, 0, .22);
|
||||
@MinInsetShadow: 0 2px 5px 0 rgba(0, 0, 0, .11) inset;
|
||||
@MaxInsetShadow: 0 2px 20px 0 rgba(0, 0, 0, .11) inset;
|
||||
|
||||
@minOuterShadow: 0 2px 3px 0 rgba(0, 0, 0, .11);
|
||||
@maxOuterShadow: 0 2px 3px 0 rgba(0, 0, 0, .22);
|
||||
@minInsetShadow: 0 2px 5px 0 rgba(0, 0, 0, .11) inset;
|
||||
@maxInsetShadow: 0 2px 20px 0 rgba(0, 0, 0, .11) inset;
|
||||
// 导航条颜色配置
|
||||
@TopHeaderTextColor: #333;
|
||||
@TopHeaderBackColor: #393D49;
|
||||
|
||||
// 导航条按钮颜色
|
||||
@TopHeaderNavNormalTextColor: #EEEEEE;
|
||||
@TopHeaderNavNormalBackColor: #393D49;
|
||||
@TopHeaderNavHoverTextColor: #EFEFEF;
|
||||
@TopHeaderNavHoverBackColor: #393D49;
|
||||
@TopHeaderNavActiveTextColor: #FFFFFF;
|
||||
@TopHeaderNavActiveBackColor: #098;
|
||||
|
||||
// 左侧菜单布局颜色
|
||||
@LeftMainBackColor: #393D49 !important;
|
||||
@LeftMainSubBackColor: rgba(0, 0, 0, .3) !important;
|
||||
@LeftMainNavNormalBackColor: none;
|
||||
@LeftMainNavNormalTextColor: #fff;
|
||||
@LeftMainNavActiveBackColor: #098;
|
||||
@LeftMainNavActiveTextColor: #fff;
|
||||
|
||||
// 加载页面背景颜色
|
||||
@LoadBackColor: #E9E7E7;
|
||||
|
||||
// 窗口页面背景颜色
|
||||
@BodyMainBackColor: #EEE;
|
||||
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -6,9 +6,9 @@
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
line-height: 22px;
|
||||
border-radius: @boxBorderRadius;
|
||||
border-radius: @BoxBorderColor;
|
||||
letter-spacing: 6px;
|
||||
border: 1px solid @boxBorderColor;
|
||||
border: 1px solid @BoxBorderRadius;
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
|
||||
@ -55,11 +55,11 @@
|
||||
}
|
||||
|
||||
.shadow {
|
||||
box-shadow: @maxOuterShadow;
|
||||
box-shadow: @MaxOuterShadow;
|
||||
}
|
||||
|
||||
.shadow-mini {
|
||||
box-shadow: @minOuterShadow;
|
||||
box-shadow: @MinOuterShadow;
|
||||
}
|
||||
|
||||
.shadow-none {
|
||||
@ -84,8 +84,8 @@
|
||||
.think-box-shadow {
|
||||
padding: 20px !important;
|
||||
background: #fff !important;
|
||||
box-shadow: @maxOuterShadow;
|
||||
border-radius: @boxBorderRadius;
|
||||
box-shadow: @MaxOuterShadow;
|
||||
border-radius: @BoxBorderColor;
|
||||
|
||||
> form.layui-card {
|
||||
box-shadow: none;
|
||||
@ -364,7 +364,7 @@
|
||||
padding: 15px 25px;
|
||||
position: relative;
|
||||
line-height: 3em;
|
||||
border-radius: @boxBorderRadius;
|
||||
border-radius: @BoxBorderColor;
|
||||
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .2);
|
||||
|
||||
> div:nth-child(2) {
|
||||
@ -404,7 +404,7 @@
|
||||
color: #333;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border: 1px solid @boxBorderColor;
|
||||
border: 1px solid @BoxBorderRadius;
|
||||
overflow: hidden;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
@ -458,11 +458,11 @@
|
||||
}
|
||||
|
||||
&-line {
|
||||
border: 1px solid @boxBorderColor;
|
||||
border: 1px solid @BoxBorderRadius;
|
||||
}
|
||||
|
||||
&-bottom-line {
|
||||
border-bottom: 1px solid @boxBorderColor;
|
||||
border-bottom: 1px solid @BoxBorderRadius;
|
||||
}
|
||||
|
||||
&-top-0 {
|
||||
|
||||
@ -1,11 +1,55 @@
|
||||
@import "console.config.less";
|
||||
|
||||
.headimg {
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
border: 1px solid @BoxBorderRadius;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
margin-right: 5px;
|
||||
border-radius: 50%;
|
||||
vertical-align: middle;
|
||||
box-shadow: @MinOuterShadow;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
|
||||
&-no {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
&-xs {
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
}
|
||||
|
||||
&-md {
|
||||
width: 55px;
|
||||
height: 55px;
|
||||
}
|
||||
|
||||
> img {
|
||||
width: 110%;
|
||||
height: 110%;
|
||||
max-width: 110%;
|
||||
max-height: 110%;
|
||||
margin: -5% 0 0 -5%;
|
||||
}
|
||||
|
||||
& + * {
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
fieldset {
|
||||
margin: 0 0 10px 0;
|
||||
border: 1px solid @boxBorderColor;
|
||||
border: 1px solid @BoxBorderColor;
|
||||
padding: 10px 20px 5px 20px;
|
||||
background: #fff;
|
||||
border-radius: @boxBorderRadius;
|
||||
border-radius: @BoxBorderRadius;
|
||||
|
||||
legend {
|
||||
color: #666;
|
||||
@ -15,18 +59,18 @@ fieldset {
|
||||
}
|
||||
|
||||
.layui-tab, .layui-card {
|
||||
border-radius: @boxBorderRadius;
|
||||
border-radius: @BoxBorderColor;
|
||||
}
|
||||
|
||||
.layui-tab {
|
||||
.layui-tab-title {
|
||||
border-top-left-radius: @boxBorderRadius;
|
||||
border-top-right-radius: @boxBorderRadius;
|
||||
border-top-left-radius: @BoxBorderColor;
|
||||
border-top-right-radius: @BoxBorderColor;
|
||||
|
||||
> li:first-child {
|
||||
padding: 0 15px 0 17px;
|
||||
margin-left: 0 !important;
|
||||
border-top-left-radius: @boxBorderRadius;
|
||||
border-top-left-radius: @BoxBorderColor;
|
||||
|
||||
&:after {
|
||||
border-left: none
|
||||
@ -35,8 +79,8 @@ fieldset {
|
||||
}
|
||||
|
||||
.layui-tab-content {
|
||||
border-bottom-left-radius: @boxBorderRadius;
|
||||
border-bottom-right-radius: @boxBorderRadius;
|
||||
border-bottom-left-radius: @BoxBorderColor;
|
||||
border-bottom-right-radius: @BoxBorderColor;
|
||||
}
|
||||
|
||||
> .layui-tab-content {
|
||||
@ -56,14 +100,14 @@ fieldset {
|
||||
}
|
||||
|
||||
.layui-code {
|
||||
border-radius: @boxBorderRadius;
|
||||
border-radius: @BoxBorderColor;
|
||||
}
|
||||
|
||||
.layui-btn {
|
||||
border: 1px solid #009688;
|
||||
|
||||
&:hover:not(.layui-btn-disabled) {
|
||||
box-shadow: @maxInsetShadow;
|
||||
box-shadow: @MaxInsetShadow;
|
||||
}
|
||||
|
||||
&-warm {
|
||||
@ -79,7 +123,7 @@ fieldset {
|
||||
}
|
||||
|
||||
&-disabled {
|
||||
border: 1px solid @boxBorderColor;
|
||||
border: 1px solid @BoxBorderRadius;
|
||||
}
|
||||
|
||||
&-primary {
|
||||
@ -154,7 +198,7 @@ fieldset {
|
||||
height: 32px;
|
||||
padding: 0 8px;
|
||||
line-height: 32px;
|
||||
border-color: @inputBorderColor;
|
||||
border-color: @InputBorderNormalColor;
|
||||
}
|
||||
|
||||
.layui-input-inline {
|
||||
@ -167,14 +211,14 @@ fieldset {
|
||||
height: 32px;
|
||||
padding: 0 8px;
|
||||
line-height: 32px;
|
||||
border-color: @inputBorderColor;
|
||||
border-color: @InputBorderNormalColor;
|
||||
}
|
||||
}
|
||||
|
||||
.layui-form-select dl {
|
||||
top: 31px;
|
||||
padding: 0;
|
||||
border-color: @inputBorderActiveColor;
|
||||
border-color: @InputBorderActiveColor;
|
||||
}
|
||||
}
|
||||
|
||||
@ -210,10 +254,10 @@ fieldset {
|
||||
|
||||
.layui-input, .layui-select {
|
||||
line-height: 38px;
|
||||
border-color: @inputBorderColor;
|
||||
border-color: @InputBorderNormalColor;
|
||||
|
||||
&:hover, &:active, &:focus {
|
||||
border-color: @inputBorderActiveColor;
|
||||
border-color: @InputBorderActiveColor;
|
||||
}
|
||||
}
|
||||
|
||||
@ -243,7 +287,7 @@ label.think-radio, label.think-checkbox {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
cursor: pointer;
|
||||
border: 1px solid @radioBorderColor;
|
||||
border: 1px solid @RadioBorderNormalColor;
|
||||
position: relative;
|
||||
background: #fff;
|
||||
margin-right: 5px;
|
||||
@ -312,50 +356,6 @@ label.think-radio, label.think-checkbox {
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
div.headimg {
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
border: 1px solid @boxBorderColor;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
margin-right: 5px;
|
||||
border-radius: 50%;
|
||||
vertical-align: middle;
|
||||
box-shadow: @minOuterShadow;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
|
||||
&-no {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
&-xs {
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
}
|
||||
|
||||
&-md {
|
||||
width: 55px;
|
||||
height: 55px;
|
||||
}
|
||||
|
||||
> img {
|
||||
width: 110%;
|
||||
height: 110%;
|
||||
max-width: 110%;
|
||||
max-height: 110%;
|
||||
margin: -5% 0 0 -5%;
|
||||
}
|
||||
|
||||
& + * {
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
.list-table-sort-td {
|
||||
width: 10px !important;
|
||||
text-align: center !important;
|
||||
@ -372,7 +372,7 @@ label.think-radio, label.think-checkbox {
|
||||
color: #666;
|
||||
padding: 2px;
|
||||
font-size: 9pt;
|
||||
border: 1px solid @inputBorderColor;
|
||||
border: 1px solid @InputBorderNormalColor;
|
||||
text-align: center;
|
||||
line-height: 18px
|
||||
}
|
||||
@ -458,3 +458,357 @@ label.think-radio, label.think-checkbox {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/** 手机盒子及微信菜单 */
|
||||
.mobile-preview {
|
||||
width: 317px;
|
||||
height: 580px;
|
||||
position: relative;
|
||||
background: url(../img/wechat/mobile_head.png) no-repeat 0 0;
|
||||
box-shadow: @MinOuterShadow;
|
||||
border-radius: @BoxBorderColor;
|
||||
|
||||
.mobile-header {
|
||||
color: #fff;
|
||||
width: auto;
|
||||
margin: 0 30px;
|
||||
overflow: hidden;
|
||||
font-size: 15px;
|
||||
padding-top: 30px;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
word-wrap: normal;
|
||||
user-select: none;
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
pointer-events: none;
|
||||
-webkit-pointer-events: none;
|
||||
}
|
||||
|
||||
.mobile-body {
|
||||
top: 60px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
border: 1px solid #ccc;
|
||||
position: absolute;
|
||||
background: #f5f5f5;
|
||||
border-radius: 0 0 @BoxBorderColor @BoxBorderColor;
|
||||
|
||||
iframe {
|
||||
width: 100%;
|
||||
height: 100%
|
||||
}
|
||||
}
|
||||
|
||||
.mobile-footer {
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
margin: 0;
|
||||
border: 1px solid #ccc;
|
||||
position: absolute;
|
||||
padding-left: 43px;
|
||||
background: url(../img/wechat/mobile_foot.png) no-repeat 0 0;
|
||||
list-style-type: none;
|
||||
border-radius: 0 0 @BoxBorderColor @BoxBorderColor;
|
||||
|
||||
li {
|
||||
float: left;
|
||||
width: 33.33%;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
line-height: 50px;
|
||||
|
||||
a {
|
||||
width: auto;
|
||||
color: #616161;
|
||||
border: 1px solid hsla(0, 0%, 100%, 0);
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
word-wrap: normal;
|
||||
margin-top: -1px;
|
||||
border-left: 1px solid #e7e7eb;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
margin-bottom: -1px;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
background: rgba(0, 0, 0, .02)
|
||||
}
|
||||
|
||||
&.active {
|
||||
border: 1px solid #44b549 !important;
|
||||
box-shadow: 0 0 1px #44b549
|
||||
}
|
||||
|
||||
span:before {
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
content: '';
|
||||
display: inline-block
|
||||
}
|
||||
}
|
||||
|
||||
> .close {
|
||||
top: 1px;
|
||||
right: 1px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
display: none;
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
line-height: 18px
|
||||
}
|
||||
|
||||
&:hover > .close {
|
||||
display: inline-block;
|
||||
|
||||
&:hover {
|
||||
color: #fff !important;
|
||||
background: #999 !important
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.icon {
|
||||
&-add, &-sub {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
|
||||
&::before {
|
||||
content: none;
|
||||
}
|
||||
}
|
||||
|
||||
&-add {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
border-bottom: none !important;
|
||||
background: url(../img/wechat/index.png) 0 0 no-repeat
|
||||
}
|
||||
|
||||
&-sub {
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
margin-right: 2px;
|
||||
background: url(../img/wechat/index.png) 0 -3pc no-repeat
|
||||
}
|
||||
}
|
||||
|
||||
.sub-menu {
|
||||
width: 100%;
|
||||
bottom: 60px;
|
||||
margin: -1px;
|
||||
display: block;
|
||||
position: absolute;
|
||||
border: 1px solid #d0d0d0;
|
||||
background-color: #fafafa;
|
||||
|
||||
ul li {
|
||||
float: none;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
z-index: 11;
|
||||
display: block;
|
||||
|
||||
a {
|
||||
padding: 0 5px;
|
||||
border: 1px solid hsla(0, 0%, 100%, 0);
|
||||
|
||||
&.bottom-border {
|
||||
margin: -1px -1px 0;
|
||||
border-bottom: 1px solid #e7e7eb
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child a.bottom-border {
|
||||
border-bottom-color: #fff
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.arrow {
|
||||
left: 50%;
|
||||
position: absolute;
|
||||
margin-left: -6px;
|
||||
}
|
||||
|
||||
.arrow_in, .arrow_out {
|
||||
width: 0;
|
||||
height: 0;
|
||||
z-index: 10;
|
||||
border: 6px dashed transparent;
|
||||
display: inline-block;
|
||||
border-top-style: solid;
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
.arrow_in {
|
||||
bottom: -5px;
|
||||
z-index: 3;
|
||||
border-top-color: #fafafa
|
||||
}
|
||||
|
||||
.arrow_out {
|
||||
bottom: -6px;
|
||||
z-index: 2;
|
||||
border-top-color: #d0d0d0
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* 下拉样式 */
|
||||
.layui-nav {
|
||||
.layui-nav-item {
|
||||
.layui-nav-more {
|
||||
top: 0;
|
||||
right: 15px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
border: none;
|
||||
margin-top: 0;
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
font-family: "layui-icon" !important;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
|
||||
&::before {
|
||||
content: "\e619"
|
||||
}
|
||||
}
|
||||
|
||||
& .layui-nav-mored, &ed .layui-nav-more {
|
||||
border: none;
|
||||
margin-top: 0;
|
||||
transform: rotate(180deg);
|
||||
-o-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
-moz-transform: rotate(180deg);
|
||||
-webkit-transform: rotate(180deg)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*! 重置 Iframe 页面样式 */
|
||||
.iframe-pagination {
|
||||
padding: 20px 20px 45px 20px;
|
||||
|
||||
.pagination-container {
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
padding: 5px 20px;
|
||||
position: fixed;
|
||||
background: #fff;
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
}
|
||||
|
||||
/*! 首页加载动画 */
|
||||
.layui-page-loader {
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 9999999;
|
||||
position: fixed;
|
||||
background-color: #E9E7E7;
|
||||
|
||||
.loader {
|
||||
top: 50%;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin: -30px auto 40px;
|
||||
z-index: 999999;
|
||||
position: relative;
|
||||
background-color: #E9E7E7;
|
||||
}
|
||||
|
||||
.loader:before {
|
||||
top: 59px;
|
||||
left: 0;
|
||||
width: 50px;
|
||||
height: 7px;
|
||||
opacity: 0.1;
|
||||
content: "";
|
||||
background: #000;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
animation: shadow .5s linear infinite;
|
||||
}
|
||||
|
||||
.loader:after {
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
content: "";
|
||||
position: absolute;
|
||||
border-radius: 3px;
|
||||
background-color: #5FB878;
|
||||
animation: loading .5s linear infinite;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes loading {
|
||||
17% {
|
||||
border-bottom-right-radius: 3px;
|
||||
}
|
||||
25% {
|
||||
transform: translateY(9px) rotate(22.5deg);
|
||||
}
|
||||
50% {
|
||||
transform: translateY(18px) scale(1, 0.9) rotate(45deg);
|
||||
border-bottom-right-radius: 40px;
|
||||
}
|
||||
75% {
|
||||
transform: translateY(9px) rotate(67.5deg);
|
||||
}
|
||||
100% {
|
||||
transform: translateY(0) rotate(90deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes loading {
|
||||
17% {
|
||||
border-bottom-right-radius: 3px;
|
||||
}
|
||||
25% {
|
||||
transform: translateY(9px) rotate(22.5deg);
|
||||
}
|
||||
50% {
|
||||
border-bottom-right-radius: 40px;
|
||||
transform: translateY(18px) scale(1, 0.9) rotate(45deg);
|
||||
}
|
||||
75% {
|
||||
transform: translateY(9px) rotate(67.5deg);
|
||||
}
|
||||
100% {
|
||||
transform: translateY(0) rotate(90deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes shadow {
|
||||
0%,
|
||||
100% {
|
||||
transform: scale(1, 1);
|
||||
}
|
||||
50% {
|
||||
transform: scale(1.2, 1);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes shadow {
|
||||
0%,
|
||||
100% {
|
||||
transform: scale(1, 1);
|
||||
}
|
||||
50% {
|
||||
transform: scale(1.2, 1);
|
||||
}
|
||||
}
|
||||
@ -1,17 +1,201 @@
|
||||
@import "console.config.less";
|
||||
|
||||
.layui-layout {
|
||||
> .layui-header {
|
||||
left: 200px;
|
||||
right: 0;
|
||||
height: 50px;
|
||||
position: absolute;
|
||||
color: @TopHeaderTextColor !important;
|
||||
background: @TopHeaderBackColor !important;
|
||||
|
||||
> ul.layui-nav {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
.layui-logo-hide {
|
||||
width: 50px !important;
|
||||
padding: 0 !important;
|
||||
display: none;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&.layui-layout-left {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.layui-nav-item > a {
|
||||
height: 50px;
|
||||
padding: 0 18px;
|
||||
overflow: hidden;
|
||||
line-height: 50px;
|
||||
|
||||
&:hover {
|
||||
color: @TopHeaderNavHoverTextColor
|
||||
}
|
||||
|
||||
.layui-icon {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.layui-nav-item {
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
|
||||
> a {
|
||||
color: @TopHeaderNavNormalTextColor !important;
|
||||
background: @TopHeaderNavNormalBackColor !important;
|
||||
|
||||
&:hover {
|
||||
color: @TopHeaderNavHoverTextColor !important;
|
||||
background: @TopHeaderNavHoverBackColor !important;
|
||||
}
|
||||
}
|
||||
|
||||
&.layui-this > a {
|
||||
color: @TopHeaderNavActiveTextColor !important;
|
||||
background: @TopHeaderNavActiveBackColor !important;
|
||||
}
|
||||
|
||||
.layui-nav-child {
|
||||
top: 50px;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
line-height: 48px;
|
||||
border-radius: 0;
|
||||
|
||||
+ a.layui-elip {
|
||||
padding-right: 35px;
|
||||
|
||||
img {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-right: 5px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
&.layui-show + a {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
dd {
|
||||
a {
|
||||
padding: 0;
|
||||
margin-top: 1px;
|
||||
text-align: center;
|
||||
|
||||
.layui-icon {
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.layui-nav-bar, .layui-nav-item:after {
|
||||
display: none !important
|
||||
}
|
||||
}
|
||||
|
||||
> .layui-side {
|
||||
top: 50px;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
overflow: auto
|
||||
position: fixed;
|
||||
overflow: hidden;
|
||||
background-color: @LeftMainBackColor;
|
||||
|
||||
.layui-logo,
|
||||
.layui-logo-mini {
|
||||
color: #fff;
|
||||
width: auto;
|
||||
height: 50px;
|
||||
display: block;
|
||||
position: relative;
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
line-height: 49px;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, .15);
|
||||
|
||||
sup {
|
||||
font-size: 9px;
|
||||
line-height: 9px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.layui-logo-mini {
|
||||
color: #fff;
|
||||
display: none;
|
||||
font-size: 18px;
|
||||
line-height: 49px;
|
||||
}
|
||||
|
||||
.layui-nav-bar {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.layui-side-scroll {
|
||||
top: 51px;
|
||||
bottom: 0;
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
overflow: auto;
|
||||
position: absolute;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
width: 3px !important;
|
||||
|
||||
&-track {
|
||||
background: #ccc !important
|
||||
}
|
||||
|
||||
&-thumb {
|
||||
background-color: #666 !important
|
||||
}
|
||||
}
|
||||
|
||||
.layui-nav-item {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, .2);
|
||||
|
||||
.layui-nav-child {
|
||||
background-color: @LeftMainSubBackColor;
|
||||
}
|
||||
|
||||
dd, dd > a {
|
||||
color: @LeftMainNavNormalTextColor;
|
||||
background-color: @LeftMainNavNormalBackColor;
|
||||
}
|
||||
|
||||
dd.layui-this, dd.layui-this > a {
|
||||
color: @LeftMainNavActiveTextColor;
|
||||
background-color: @LeftMainNavActiveBackColor;
|
||||
}
|
||||
|
||||
a {
|
||||
height: 45px;
|
||||
display: block;
|
||||
line-height: 45px;
|
||||
|
||||
&:hover {
|
||||
background: hsla(0, 0%, 39%, .2) !important
|
||||
}
|
||||
|
||||
.nav-icon, .nav-text {
|
||||
padding-left: 5px
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .layui-body {
|
||||
top: 50px;
|
||||
bottom: 0;
|
||||
overflow: auto;
|
||||
background: #eee;
|
||||
background: @BodyMainBackColor;
|
||||
|
||||
> .layui-card {
|
||||
overflow: visible;
|
||||
@ -30,7 +214,7 @@
|
||||
position: fixed;
|
||||
background: #fff;
|
||||
line-height: 50px;
|
||||
box-shadow: @maxOuterShadow;
|
||||
box-shadow: @MaxOuterShadow;
|
||||
}
|
||||
|
||||
> .layui-card-header + .layui-card-body {
|
||||
@ -43,7 +227,7 @@
|
||||
|
||||
> .layui-tab.layui-tab-card {
|
||||
border: none;
|
||||
box-shadow: @maxOuterShadow;
|
||||
box-shadow: @MaxOuterShadow;
|
||||
}
|
||||
|
||||
> .layui-tab.layui-tab-card > .layui-tab-content.think-box-shadow {
|
||||
@ -54,568 +238,94 @@
|
||||
}
|
||||
}
|
||||
|
||||
/* 页面布局 - 头部 */
|
||||
.layui-header {
|
||||
height: 50px;
|
||||
background: #393D49 !important;
|
||||
|
||||
[data-target-menu-type] {
|
||||
border-left: 1px solid rgba(0, 0, 0, 0);
|
||||
border-right: 1px solid rgba(0, 0, 0, .15);
|
||||
.layui-layout-left-mini {
|
||||
.layui-header {
|
||||
left: 50px;
|
||||
}
|
||||
|
||||
.layui-layout-left, .layui-layout-right {
|
||||
margin: 0;
|
||||
padding: 0
|
||||
}
|
||||
> .layui-body {
|
||||
left: 50px;
|
||||
|
||||
.layui-logo {
|
||||
color: #fff;
|
||||
width: 199px;
|
||||
height: auto;
|
||||
font-size: 18px;
|
||||
line-height: 49px;
|
||||
border-right: 1px solid rgba(0, 0, 0, .15);
|
||||
border-bottom: 1px solid rgba(0, 0, 0, .15);
|
||||
|
||||
sup {
|
||||
font-size: 9px;
|
||||
line-height: 9px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.layui-nav-item {
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
|
||||
&.layui-this {
|
||||
background: #009688
|
||||
}
|
||||
|
||||
> a {
|
||||
color: #fff !important
|
||||
}
|
||||
|
||||
.layui-nav-child {
|
||||
top: 49px;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
background: #eef;
|
||||
line-height: 45px;
|
||||
|
||||
+ a.layui-elip {
|
||||
padding-right: 35px;
|
||||
|
||||
img {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 50%
|
||||
}
|
||||
|
||||
span {
|
||||
padding-left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
&.layui-show + a {
|
||||
background: #fff;
|
||||
|
||||
span {
|
||||
color: #333
|
||||
}
|
||||
}
|
||||
|
||||
dd {
|
||||
background: #fff;
|
||||
|
||||
a {
|
||||
padding: 0;
|
||||
color: #333;
|
||||
margin-top: 1px;
|
||||
text-align: center;
|
||||
|
||||
.layui-icon {
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
> .layui-card {
|
||||
> .layui-card-header {
|
||||
left: 50px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.layui-nav-bar, .layui-nav-item:after {
|
||||
display: none !important
|
||||
}
|
||||
|
||||
.layui-layout-right {
|
||||
> li > a {
|
||||
border-left: 1px solid rgba(0, 0, 0, .15);
|
||||
border-right: 1px solid rgba(0, 0, 0, 0);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* 页面布局 - 左则 */
|
||||
.layui-layout {
|
||||
> .layui-side {
|
||||
.layui-nav-bar {
|
||||
|
||||
.layui-logo {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.layui-logo-mini {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.layui-nav-more {
|
||||
display: none !important
|
||||
}
|
||||
|
||||
.layui-side-scroll {
|
||||
width: 100% !important
|
||||
}
|
||||
|
||||
.layui-nav-item {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, .2);
|
||||
|
||||
a {
|
||||
height: 45px;
|
||||
display: block;
|
||||
line-height: 45px;
|
||||
color: #fff !important;
|
||||
|
||||
&:hover {
|
||||
background: hsla(0, 0%, 39%, .2) !important
|
||||
}
|
||||
|
||||
.nav-icon, .nav-text {
|
||||
padding-left: 5px
|
||||
}
|
||||
padding: 0
|
||||
}
|
||||
|
||||
&ed {
|
||||
border-bottom: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.layui-nav-tree-top a {
|
||||
height: 28px !important;
|
||||
line-height: 28px !important
|
||||
}
|
||||
}
|
||||
|
||||
&.layui-layout-left-mini {
|
||||
> .layui-body {
|
||||
left: 50px;
|
||||
|
||||
> .layui-card {
|
||||
> .layui-card-header {
|
||||
left: 50px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .layui-side {
|
||||
.layui-nav-more {
|
||||
display: none !important
|
||||
.nav-text {
|
||||
display: none
|
||||
}
|
||||
|
||||
.layui-nav-item {
|
||||
a {
|
||||
padding: 0
|
||||
}
|
||||
|
||||
.nav-text {
|
||||
display: none
|
||||
}
|
||||
|
||||
.nav-icon {
|
||||
display: inline-block !important;
|
||||
padding: 0 !important
|
||||
}
|
||||
|
||||
.layui-nav-child {
|
||||
padding: 0;
|
||||
display: block !important;
|
||||
background-color: rgba(0, 0, 0, .3) !important
|
||||
}
|
||||
.nav-icon {
|
||||
padding: 0 !important;
|
||||
display: inline-block !important;
|
||||
}
|
||||
|
||||
&, .layui-nav-tree, .layui-side-scroll {
|
||||
width: 50px;
|
||||
text-align: center
|
||||
}
|
||||
}
|
||||
|
||||
[data-target-menu-type] i {
|
||||
display: inline-block;
|
||||
transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
-webkit-transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
|
||||
&.layui-layout-left-hide {
|
||||
> .layui-body {
|
||||
left: 0 !important;
|
||||
|
||||
> .layui-card {
|
||||
> .layui-card-header {
|
||||
left: 0 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .layui-side {
|
||||
display: none
|
||||
}
|
||||
|
||||
[data-target-menu-type] {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/** 手机盒子及微信菜单 */
|
||||
.mobile-preview {
|
||||
width: 317px;
|
||||
height: 580px;
|
||||
position: relative;
|
||||
background: url(../img/wechat/mobile_head.png) no-repeat 0 0;
|
||||
box-shadow: @minOuterShadow;
|
||||
border-radius: @boxBorderRadius;
|
||||
|
||||
.mobile-header {
|
||||
color: #fff;
|
||||
width: auto;
|
||||
margin: 0 30px;
|
||||
overflow: hidden;
|
||||
font-size: 15px;
|
||||
padding-top: 30px;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
word-wrap: normal;
|
||||
user-select: none;
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
pointer-events: none;
|
||||
-webkit-pointer-events: none;
|
||||
}
|
||||
|
||||
.mobile-body {
|
||||
top: 60px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
border: 1px solid #ccc;
|
||||
position: absolute;
|
||||
background: #f5f5f5;
|
||||
border-radius: 0 0 @boxBorderRadius @boxBorderRadius;
|
||||
|
||||
iframe {
|
||||
width: 100%;
|
||||
height: 100%
|
||||
}
|
||||
}
|
||||
|
||||
.mobile-footer {
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
margin: 0;
|
||||
border: 1px solid #ccc;
|
||||
position: absolute;
|
||||
padding-left: 43px;
|
||||
background: url(../img/wechat/mobile_foot.png) no-repeat 0 0;
|
||||
list-style-type: none;
|
||||
border-radius: 0 0 @boxBorderRadius @boxBorderRadius;
|
||||
|
||||
li {
|
||||
float: left;
|
||||
width: 33.33%;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
line-height: 50px;
|
||||
|
||||
a {
|
||||
width: auto;
|
||||
color: #616161;
|
||||
border: 1px solid hsla(0, 0%, 100%, 0);
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
word-wrap: normal;
|
||||
margin-top: -1px;
|
||||
border-left: 1px solid #e7e7eb;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
margin-bottom: -1px;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
background: rgba(0, 0, 0, .02)
|
||||
}
|
||||
|
||||
&.active {
|
||||
border: 1px solid #44b549 !important;
|
||||
box-shadow: 0 0 1px #44b549
|
||||
}
|
||||
|
||||
span:before {
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
content: '';
|
||||
display: inline-block
|
||||
}
|
||||
}
|
||||
|
||||
> .close {
|
||||
top: 1px;
|
||||
right: 1px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
display: none;
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
line-height: 18px
|
||||
}
|
||||
|
||||
&:hover > .close {
|
||||
display: inline-block;
|
||||
|
||||
&:hover {
|
||||
color: #fff !important;
|
||||
background: #999 !important
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.icon {
|
||||
&-add, &-sub {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
|
||||
&::before {
|
||||
content: none;
|
||||
}
|
||||
}
|
||||
|
||||
&-add {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
border-bottom: none !important;
|
||||
background: url(../img/wechat/index.png) 0 0 no-repeat
|
||||
}
|
||||
|
||||
&-sub {
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
margin-right: 2px;
|
||||
background: url(../img/wechat/index.png) 0 -3pc no-repeat
|
||||
}
|
||||
}
|
||||
|
||||
.sub-menu {
|
||||
width: 100%;
|
||||
bottom: 60px;
|
||||
margin: -1px;
|
||||
display: block;
|
||||
position: absolute;
|
||||
border: 1px solid #d0d0d0;
|
||||
background-color: #fafafa;
|
||||
|
||||
ul li {
|
||||
float: none;
|
||||
width: 100%;
|
||||
.layui-nav-child {
|
||||
padding: 0;
|
||||
z-index: 11;
|
||||
display: block;
|
||||
|
||||
a {
|
||||
padding: 0 5px;
|
||||
border: 1px solid hsla(0, 0%, 100%, 0);
|
||||
|
||||
&.bottom-border {
|
||||
margin: -1px -1px 0;
|
||||
border-bottom: 1px solid #e7e7eb
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child a.bottom-border {
|
||||
border-bottom-color: #fff
|
||||
}
|
||||
display: block !important;
|
||||
background-color: rgba(0, 0, 0, .3) !important
|
||||
}
|
||||
}
|
||||
|
||||
.arrow {
|
||||
left: 50%;
|
||||
position: absolute;
|
||||
margin-left: -6px;
|
||||
&, .layui-nav-tree, .layui-side-scroll {
|
||||
width: 50px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.arrow_in, .arrow_out {
|
||||
width: 0;
|
||||
height: 0;
|
||||
z-index: 10;
|
||||
border: 6px dashed transparent;
|
||||
display: inline-block;
|
||||
border-top-style: solid;
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
.arrow_in {
|
||||
bottom: -5px;
|
||||
z-index: 3;
|
||||
border-top-color: #fafafa
|
||||
}
|
||||
|
||||
.arrow_out {
|
||||
bottom: -6px;
|
||||
z-index: 2;
|
||||
border-top-color: #d0d0d0
|
||||
}
|
||||
[data-target-menu-type] i {
|
||||
display: inline-block;
|
||||
transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
-webkit-transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
|
||||
/* 下拉样式 */
|
||||
.layui-nav {
|
||||
.layui-nav-item {
|
||||
.layui-nav-more {
|
||||
top: 0;
|
||||
right: 15px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
border: none;
|
||||
margin-top: 0;
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
font-family: "layui-icon" !important;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
.layui-layout-left-hide {
|
||||
> .layui-body {
|
||||
left: 0 !important;
|
||||
|
||||
&::before {
|
||||
content: "\e619"
|
||||
> .layui-card {
|
||||
> .layui-card-header {
|
||||
left: 0 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
& .layui-nav-mored, &ed .layui-nav-more {
|
||||
border: none;
|
||||
margin-top: 0;
|
||||
transform: rotate(180deg);
|
||||
-o-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
-moz-transform: rotate(180deg);
|
||||
-webkit-transform: rotate(180deg)
|
||||
> .layui-header {
|
||||
left: 0 !important;
|
||||
|
||||
.layui-logo-hide {
|
||||
display: inline-block !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*! 重置 Iframe 页面样式 */
|
||||
.iframe-pagination {
|
||||
padding: 20px 20px 45px 20px;
|
||||
|
||||
.pagination-container {
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
padding: 5px 20px;
|
||||
position: fixed;
|
||||
background: #fff;
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
}
|
||||
|
||||
/*! 首页加载动画 */
|
||||
.layui-page-loader {
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 9999999;
|
||||
position: fixed;
|
||||
background-color: #E9E7E7;
|
||||
|
||||
.loader {
|
||||
top: 50%;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin: -30px auto 40px;
|
||||
z-index: 999999;
|
||||
position: relative;
|
||||
background-color: #E9E7E7;
|
||||
> .layui-side {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.loader:before {
|
||||
top: 59px;
|
||||
left: 0;
|
||||
width: 50px;
|
||||
height: 7px;
|
||||
opacity: 0.1;
|
||||
content: "";
|
||||
background: #000;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
animation: shadow .5s linear infinite;
|
||||
}
|
||||
|
||||
.loader:after {
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
content: "";
|
||||
position: absolute;
|
||||
border-radius: 3px;
|
||||
background-color: #5FB878;
|
||||
animation: loading .5s linear infinite;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes loading {
|
||||
17% {
|
||||
border-bottom-right-radius: 3px;
|
||||
}
|
||||
25% {
|
||||
transform: translateY(9px) rotate(22.5deg);
|
||||
}
|
||||
50% {
|
||||
transform: translateY(18px) scale(1, 0.9) rotate(45deg);
|
||||
border-bottom-right-radius: 40px;
|
||||
}
|
||||
75% {
|
||||
transform: translateY(9px) rotate(67.5deg);
|
||||
}
|
||||
100% {
|
||||
transform: translateY(0) rotate(90deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes loading {
|
||||
17% {
|
||||
border-bottom-right-radius: 3px;
|
||||
}
|
||||
25% {
|
||||
transform: translateY(9px) rotate(22.5deg);
|
||||
}
|
||||
50% {
|
||||
border-bottom-right-radius: 40px;
|
||||
transform: translateY(18px) scale(1, 0.9) rotate(45deg);
|
||||
}
|
||||
75% {
|
||||
transform: translateY(9px) rotate(67.5deg);
|
||||
}
|
||||
100% {
|
||||
transform: translateY(0) rotate(90deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes shadow {
|
||||
0%,
|
||||
100% {
|
||||
transform: scale(1, 1);
|
||||
}
|
||||
50% {
|
||||
transform: scale(1.2, 1);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes shadow {
|
||||
0%,
|
||||
100% {
|
||||
transform: scale(1, 1);
|
||||
}
|
||||
50% {
|
||||
transform: scale(1.2, 1);
|
||||
[data-target-menu-type] {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
@ -24,32 +24,18 @@
|
||||
background-color: #ec494e !important
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
&-track {
|
||||
background: #ccc !important
|
||||
}
|
||||
::-webkit-scrollbar-track {
|
||||
background: #ccc !important
|
||||
}
|
||||
|
||||
&-thumb {
|
||||
background-color: #666 !important
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color: #666 !important
|
||||
}
|
||||
|
||||
::-webkit-input-placeholder {
|
||||
color: #aaa
|
||||
}
|
||||
|
||||
div.layui-side > div.layui-side-scroll::-webkit-scrollbar {
|
||||
width: 3px;
|
||||
|
||||
&-track {
|
||||
background: #ccc !important
|
||||
}
|
||||
|
||||
&-thumb {
|
||||
background-color: #666 !important
|
||||
}
|
||||
}
|
||||
|
||||
:-webkit-autofill {
|
||||
&, &:hover, &:focus, &:active {
|
||||
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1) inset !important;
|
||||
|
||||
@ -1 +1 @@
|
||||
@charset "UTF-8";body,html{height:100%;display:block}body{background:url(../img/login/bg1.jpg) no-repeat center center;background-size:cover}.login-container{height:100%}.login-container .header{top:0;left:0;width:100%;height:48px;position:absolute;text-shadow:#000 .1em .1em .1em}.login-container .header .title{color:#fff;float:left;font-size:18px;line-height:48px;text-indent:40px;letter-spacing:1px}.login-container .header .title span{font-size:10px;padding-left:5px}.login-container .header a,.login-container .header a:focus,.login-container .header a:hover{color:#fff;letter-spacing:1px;text-decoration:none}.login-container .header ul{float:right}.login-container .header ul li{float:left;line-height:47px;margin-left:10px}.login-container form{top:50%;left:50%;width:300px;position:absolute;margin-top:-250px;margin-left:-150px}.login-container form h2{color:#fff;padding:20px 0;font-size:25px;text-align:center;font-weight:700;letter-spacing:3px;text-shadow:#000 .05em .05em .05em}.login-container form ul li{margin-top:20px;text-shadow:#000 .1em .1em .1em}.login-container form ul li.verify label{width:200px}.login-container form ul li.verify input.layui-input{text-transform:uppercase}.login-container form ul li.verify img{width:95px;height:44px;cursor:pointer;position:absolute;margin-left:5px;border-radius:5px;box-shadow:0 2px 5px 0 rgba(0,0,0,.1)}.login-container form ul li i.layui-icon{color:#fff;font-size:18px;position:absolute;padding:14px 15px 13px 20px}.login-container form ul li input{color:#fff;height:45px;padding:0 15px;font-size:14px;line-height:1em;text-indent:35px;border-radius:5px;letter-spacing:1px;background:rgba(0,0,0,.12);text-shadow:#000 .1em .1em .1em;-webkit-text-fill-color:#fff!important;box-shadow:0 2px 3px 0 rgba(0,0,0,.3) inset!important}.login-container form ul li input:-webkit-autofill,.login-container form ul li input:-webkit-autofill:active,.login-container form ul li input:-webkit-autofill:focus,.login-container form ul li input:-webkit-autofill:hover,.login-container form ul li input:active,.login-container form ul li input:focus,.login-container form ul li input:hover{text-shadow:#000 .1em .1em .1em;box-shadow:0 2px 3px 0 rgba(0,0,0,.3) inset!important;-webkit-text-fill-color:#fff!important;-webkit-transition-delay:9999s!important;-webkit-transition:color 9999s ease-out,background-color 9999s ease-out!important}.login-container form ul li span{letter-spacing:1px;color:#ff0!important}.login-container form ul li button{color:#333!important;height:45px!important;border:none!important;background:#fff!important;border-radius:5px!important;letter-spacing:1px!important;box-shadow:0 15px 30px 0 hsla(0,0%,100%,.25) inset,0 2px 7px 0 rgba(0,0,0,.2)}.login-container form ul li button:hover{opacity:1}.login-container .footer{left:0;bottom:0;color:#fff;width:100%;position:absolute;text-align:center;line-height:30px;padding-bottom:10px;text-shadow:#000 .1em .1em .1em}.login-container .footer a,.login-container .footer span{color:#fff}.login-container .footer a:hover{color:#ccc}#supersized{top:0;left:0;width:100%;height:100%;z-index:-999;display:block;position:fixed;overflow:hidden}#supersized img{border:0;width:auto;height:auto;display:none;outline:0;position:relative;max-width:none!important}#supersized.speed img{image-rendering:-moz-crisp-edges;-ms-interpolation-mode:nearest-neighbor}#supersized.quality img{image-rendering:optimizeQuality;-ms-interpolation-mode:bicubic}#supersized a,#supersized li{width:100%;height:100%;display:block;cursor:default}#supersized li{top:0;left:0;z-index:-30;position:fixed;overflow:hidden;list-style:none}#supersized li.prevslide{z-index:-20}#supersized li.prevslide img{display:inline}#supersized li.activeslide{z-index:-10}#supersized li.activeslide img{display:inline}#supersized li.image-loading{width:100%;height:100%;background:url(../../plugs/supersized/progress.gif) no-repeat center center}#supersized li.image-loading img{visibility:hidden}#supersized-loader{top:50%;left:50%;z-index:0;width:60px;height:60px;position:absolute;text-indent:-999em;margin:-30px 0 0 -30px;background:url(../../plugs/supersized/progress.gif) no-repeat center center}/*# sourceMappingURL=login.css.map */
|
||||
@charset "UTF-8";body,html{height:100%;display:block}body{background:url(../img/login/bg1.jpg) no-repeat center center;background-size:cover}.login-container{height:100%}.login-container .header{top:0;left:0;width:100%;height:48px;position:absolute;text-shadow:#000 .1em .1em .1em}.login-container .header .title{color:#fff;float:left;font-size:18px;line-height:48px;text-indent:40px;letter-spacing:1px}.login-container .header .title span{font-size:10px;padding-left:5px}.login-container .header a,.login-container .header a:focus,.login-container .header a:hover{color:#fff;letter-spacing:1px;text-decoration:none}.login-container .header ul{float:right}.login-container .header ul li{float:left;line-height:47px;margin-left:10px}.login-container form{top:50%;left:50%;width:300px;position:absolute;margin-top:-250px;margin-left:-150px}.login-container form h2{color:#fff;padding:20px 0;font-size:25px;text-align:center;font-weight:700;letter-spacing:3px;text-shadow:#000 .05em .05em .05em}.login-container form ul li{margin-top:20px;text-shadow:#000 .1em .1em .1em}.login-container form ul li.verify label{width:200px}.login-container form ul li.verify input.layui-input{text-transform:uppercase}.login-container form ul li.verify img{width:95px;height:44px;cursor:pointer;position:absolute;margin-left:5px;border-radius:#EEE;box-shadow:0 2px 5px 0 rgba(0,0,0,.1)}.login-container form ul li i.layui-icon{color:#fff;font-size:18px;position:absolute;padding:14px 15px 13px 20px}.login-container form ul li input{color:#fff;height:45px;padding:0 15px;font-size:14px;line-height:1em;text-indent:35px;border-radius:#EEE;letter-spacing:1px;background:rgba(0,0,0,.12);text-shadow:#000 .1em .1em .1em;-webkit-text-fill-color:#fff!important;box-shadow:0 2px 3px 0 rgba(0,0,0,.3) inset!important}.login-container form ul li input:-webkit-autofill,.login-container form ul li input:-webkit-autofill:active,.login-container form ul li input:-webkit-autofill:focus,.login-container form ul li input:-webkit-autofill:hover,.login-container form ul li input:active,.login-container form ul li input:focus,.login-container form ul li input:hover{text-shadow:#000 .1em .1em .1em;box-shadow:0 2px 3px 0 rgba(0,0,0,.3) inset!important;-webkit-text-fill-color:#fff!important;-webkit-transition-delay:9999s!important;-webkit-transition:color 9999s ease-out,background-color 9999s ease-out!important}.login-container form ul li span{letter-spacing:1px;color:#ff0!important}.login-container form ul li button{color:#333!important;height:45px!important;border:none!important;background:#fff!important;border-radius:#EEE!important;letter-spacing:1px!important;box-shadow:0 15px 30px 0 hsla(0,0%,100%,.25) inset,0 2px 7px 0 rgba(0,0,0,.2)}.login-container form ul li button:hover{opacity:1}.login-container .footer{left:0;bottom:0;color:#fff;width:100%;position:absolute;text-align:center;line-height:30px;padding-bottom:10px;text-shadow:#000 .1em .1em .1em}.login-container .footer a,.login-container .footer span{color:#fff}.login-container .footer a:hover{color:#ccc}#supersized{top:0;left:0;width:100%;height:100%;z-index:-999;display:block;position:fixed;overflow:hidden}#supersized img{border:0;width:auto;height:auto;display:none;outline:0;position:relative;max-width:none!important}#supersized.speed img{image-rendering:-moz-crisp-edges;-ms-interpolation-mode:nearest-neighbor}#supersized.quality img{image-rendering:optimizeQuality;-ms-interpolation-mode:bicubic}#supersized a,#supersized li{width:100%;height:100%;display:block;cursor:default}#supersized li{top:0;left:0;z-index:-30;position:fixed;overflow:hidden;list-style:none}#supersized li.prevslide{z-index:-20}#supersized li.prevslide img{display:inline}#supersized li.activeslide{z-index:-10}#supersized li.activeslide img{display:inline}#supersized li.image-loading{width:100%;height:100%;background:url(../../plugs/supersized/progress.gif) no-repeat center center}#supersized li.image-loading img{visibility:hidden}#supersized-loader{top:50%;left:50%;z-index:0;width:60px;height:60px;position:absolute;text-indent:-999em;margin:-30px 0 0 -30px;background:url(../../plugs/supersized/progress.gif) no-repeat center center}/*# sourceMappingURL=login.css.map */
|
||||
@ -1 +1 @@
|
||||
{"version":3,"sources":["login.less"],"names":[],"mappings":"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"}
|
||||
{"version":3,"sources":["login.less"],"names":[],"mappings":"iBAgBA,KAAM,KACJ,OAAA,KACA,QAAA,MAGF,KACE,WAAgB,0BAAA,UAAA,OAAA,OAChB,gBAAA,MAGF,iBACE,OAAA,KAEA,yBACE,IAAA,EACA,KAAA,EACA,MAAA,KACA,OAAA,KACA,SAAA,SACA,YAAA,KAAA,KAAA,KAAA,KAEA,gCACE,MAAA,KACA,MAAA,KACA,UAAA,KACA,YAAA,KACA,YAAA,KACA,eAAA,IAEA,qCACE,UAAA,KACA,aAAA,IAIJ,2BACM,iCAAS,iCACX,MAAA,KACA,eAAA,IACA,gBAAA,KAIJ,4BACE,MAAA,MAEA,+BACE,MAAA,KACA,YAAA,KACA,YAAA,KAKN,sBACE,IAAA,IACA,KAAA,IACA,MAAA,MACA,SAAA,SACA,WAAA,OACA,YAAA,OAEA,yBACE,MAAA,KACA,QAAA,KAAA,EACA,UAAA,KACA,WAAA,OACA,YAAA,IACA,eAAA,IACA,YAAA,KAAA,MAAA,MAAA,MAGC,4BACD,WAAA,KACA,YAAA,KAAA,KAAA,KAAA,KAGE,yCACE,MAAA,MAGG,qDACH,eAAA,UAGF,uCACE,MAAA,KACA,OAAA,KACA,OAAA,QACA,SAAA,SACA,YAAA,IACA,cAAA,KACA,WAAA,EAAA,IAAA,IAAA,EAAA,eAIH,yCACC,MAAA,KACA,UAAA,KACA,SAAA,SACA,QAAA,KAAA,KAAA,KAAA,KAGF,kCACE,MAAA,KACA,OAAA,KACA,QAAA,EAAA,KACA,UAAA,KACA,YAAA,IACA,YAAA,KACA,cAAA,KACA,eAAA,IACA,WAAA,gBACA,YAAA,KAAA,KAAA,KAAA,KACA,wBAAA,eACA,WAAA,EAAA,IAAA,IAAA,EAAA,eAAA,gBAGC,mDAC2C,0DAA1B,yDADoB,yDADnB,yCAAT,wCAAT,wCAGC,YAAA,KAAA,KAAA,KAAA,KACA,WAAA,EAAA,IAAA,IAAA,EAAA,eAAA,gBACA,wBAAA,eACA,yBAAA,gBACA,mBAAA,MAAA,MAAA,SAAA,iBAAA,MAAA,mBAIJ,iCACE,eAAA,IACA,MAAA,eAGF,mCACE,MAAA,eACA,OAAA,eACA,OAAA,eACA,WAAA,eACA,cAAA,eACA,eAAA,cACA,WAAA,EAAA,KAAA,KAAA,EAAA,oBAAA,MAAA,EAAA,IAAA,IAAA,EAAA,eAEC,yCACC,QAAA,EAMR,yBACE,KAAA,EACA,OAAA,EACA,MAAA,KACA,MAAA,KACA,SAAA,SACA,WAAA,OACA,YAAA,KACA,eAAA,KACA,YAAA,KAAA,KAAA,KAAA,KAEA,2BAAG,8BACD,MAAA,KAGD,iCACC,MAAA,KAKN,YACE,IAAA,EACA,KAAA,EACA,MAAA,KACA,OAAA,KACA,QAAA,KACA,QAAA,MACA,SAAA,MACA,SAAA,OAEA,gBACE,OAAA,EACA,MAAA,KACA,OAAA,KACA,QAAA,KACA,QAAA,EACA,SAAA,SACA,UAAA,eAGM,sBACN,gBAAA,iBACA,uBAAA,iBAGQ,wBACR,gBAAA,gBACA,uBAAA,QAGF,cAAG,eACD,MAAA,KACA,OAAA,KACA,QAAA,MACA,OAAA,QAGF,eACE,IAAA,EACA,KAAA,EACA,QAAA,IACA,SAAA,MACA,SAAA,OACA,WAAA,KAEC,yBACC,QAAA,IAEA,6BACE,QAAA,OAIH,2BACC,QAAA,IAEA,+BACE,QAAA,OAIH,6BACC,MAAA,KACA,OAAA,KACA,WAAA,yCAAA,UAAA,OAAA,OAEA,iCACE,WAAA,OAMR,mBACE,IAAA,IACA,KAAA,IACA,QAAA,EACA,MAAA,KACA,OAAA,KACA,SAAA,SACA,YAAA,OACA,OAAA,MAAA,EAAA,EAAA,MACA,WAAA,yCAAA,UAAA,OAAA"}
|
||||
@ -105,7 +105,7 @@ body {
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
margin-left: 5px;
|
||||
border-radius: @boxBorderRadius;
|
||||
border-radius: @BoxBorderColor;
|
||||
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
|
||||
}
|
||||
}
|
||||
@ -124,7 +124,7 @@ body {
|
||||
font-size: 14px;
|
||||
line-height: 1em;
|
||||
text-indent: 35px;
|
||||
border-radius: @boxBorderRadius;
|
||||
border-radius: @BoxBorderColor;
|
||||
letter-spacing: 1px;
|
||||
background: rgba(0, 0, 0, .12);
|
||||
text-shadow: #000 .1em .1em .1em;
|
||||
@ -152,7 +152,7 @@ body {
|
||||
height: 45px !important;
|
||||
border: none !important;
|
||||
background: #fff !important;
|
||||
border-radius: @boxBorderRadius !important;
|
||||
border-radius: @BoxBorderColor !important;
|
||||
letter-spacing: 1px !important;
|
||||
box-shadow: 0 15px 30px 0 hsla(0, 0%, 100%, .25) inset, 0 2px 7px 0 rgba(0, 0, 0, .2);
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user