mirror of
https://gitee.com/zoujingli/ThinkAdmin.git
synced 2025-04-05 19:41:44 +08:00
更新菜单模块
This commit is contained in:
邹景立
parent
a189014159
commit
4960630527
@ -9,10 +9,12 @@
|
||||
<th class='list-table-check-td'>
|
||||
<input data-none-auto="" data-check-target='.list-check-box' type='checkbox'/>
|
||||
</th>
|
||||
<th class='list-table-sort-td'><button>排序</button></th>
|
||||
<th class='list-table-sort-td'>
|
||||
<button type="submit" class="layui-btn layui-btn-normal layui-btn-mini">排序</button>
|
||||
</th>
|
||||
<th class='text-center'></th>
|
||||
<th>菜单名称</th>
|
||||
<th>链接</th>
|
||||
<th>菜单链接</th>
|
||||
<th class='text-center'>状态</th>
|
||||
<th class='text-center'>操作</th>
|
||||
</tr>
|
||||
@ -29,10 +31,8 @@
|
||||
<td class='text-center'>
|
||||
<i style="font-size:18px" class="{$vo.icon}"></i>
|
||||
</td>
|
||||
<td>{$vo.spl}{$vo.title}
|
||||
</td>
|
||||
<td>{$vo.url}
|
||||
</td>
|
||||
<td>{$vo.spl}{$vo.title}</td>
|
||||
<td>{$vo.url}</td>
|
||||
<td class='text-center'>
|
||||
{if $vo.status eq 0}
|
||||
<span>已禁用</span>
|
||||
@ -47,20 +47,14 @@
|
||||
{/if}
|
||||
{if $vo.status eq 1 and auth("$classuri/forbid")}
|
||||
<span class="text-explode">|</span>
|
||||
<a data-update="{$vo.ids}" data-field='status' data-value='0'
|
||||
data-action='{:url("$classuri/forbid")}' href="javascript:void(0)">禁用
|
||||
</a>
|
||||
<a data-update="{$vo.ids}" data-field='status' data-value='0'data-action='{:url("$classuri/forbid")}' href="javascript:void(0)">禁用</a>
|
||||
{elseif auth("$classuri/resume")}
|
||||
<span class="text-explode">|</span>
|
||||
<a data-update="{$vo.ids}" data-field='status' data-value='1'
|
||||
data-action='{:url("$classuri/resume")}' href="javascript:void(0)">启用
|
||||
</a>
|
||||
<a data-update="{$vo.ids}" data-field='status' data-value='1' data-action='{:url("$classuri/resume")}' href="javascript:void(0)">启用</a>
|
||||
{/if}
|
||||
{if auth("$classuri/del")}
|
||||
<span class="text-explode">|</span>
|
||||
<a data-update="{$vo.ids}" data-field='delete' data-action="{:url('system/menu/del')}"
|
||||
href="javascript:void(0)">删除
|
||||
</a>
|
||||
<a data-update="{$vo.ids}" data-field='delete' data-action='{:url("$classuri/del")}' href="javascript:void(0)">删除</a>
|
||||
{/if}
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
@ -6,234 +6,234 @@
|
||||
* date 2017/02/13 14:15
|
||||
* --------------------------------------- */
|
||||
|
||||
html {overflow:auto;overflow-y:scroll !important}
|
||||
body {min-width:1024px;font-size:12px;line-height:24px;font-family:'微软雅黑',"Microsoft YaHei","Helvetica Neue", "Luxi Sans", "DejaVu Sans", "Hiragino Sans GB",serif}
|
||||
a {color:#06C;cursor:pointer}
|
||||
a:hover {color:#039}
|
||||
label {font-size:100%;font-weight:500}
|
||||
input::-ms-clear {display:none}
|
||||
html{overflow:auto;overflow-y:scroll !important}
|
||||
body{min-width:1024px;font-size:12px;line-height:24px;font-family:'微软雅黑',"Microsoft YaHei","Helvetica Neue", "Luxi Sans", "DejaVu Sans", "Hiragino Sans GB",serif}
|
||||
a{color:#06C;cursor:pointer}
|
||||
a:hover{color:#039}
|
||||
label{font-size:100%;font-weight:500}
|
||||
input::-ms-clear{display:none}
|
||||
|
||||
/** 后台框架 */
|
||||
.framework-topbar {position:fixed;width:100%;height:50px;background:#09C;z-index:101}
|
||||
.framework-body {position:absolute;width:100%;top:50px;bottom:0px;background-color:#000;z-index:100}
|
||||
.framework-container {width:auto;position:absolute;top:0px;left:0px;bottom:0px;right:0px;background:#FFF}
|
||||
.framework-topbar{position:fixed;width:100%;height:50px;background:#09C;z-index:101}
|
||||
.framework-body{position:absolute;width:100%;top:50px;bottom:0px;background-color:#000;z-index:100}
|
||||
.framework-container{width:auto;position:absolute;top:0px;left:0px;bottom:0px;right:0px;background:#FFF}
|
||||
|
||||
/** 顶部菜单 */
|
||||
.console-topbar {position:relative;z-index:100;clear:both;height:50px;background:#09C;font-size:12px;min-width:990px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
|
||||
.console-topbar a {text-decoration:none}
|
||||
.console-topbar a:focus {outline:none}
|
||||
.console-topbar .icon-arrow-down {display:inline-block;width:18px;text-align:center;vertical-align:middle}
|
||||
.console-topbar .dropdown .dropdown-menu {z-index:1;font-size:12px;border-radius:0;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)}
|
||||
.console-topbar .dropdown .dropdown-menu a {padding:0}
|
||||
.console-topbar .dropdown.open .icon-arrow-down {vertical-align:text-top;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg)}
|
||||
.console-topbar{position:relative;z-index:100;clear:both;height:50px;background:#09C;font-size:12px;min-width:990px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
|
||||
.console-topbar a{text-decoration:none}
|
||||
.console-topbar a:focus{outline:none}
|
||||
.console-topbar .icon-arrow-down{display:inline-block;width:18px;text-align:center;vertical-align:middle}
|
||||
.console-topbar .dropdown .dropdown-menu{z-index:1;font-size:12px;border-radius:0;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)}
|
||||
.console-topbar .dropdown .dropdown-menu a{padding:0}
|
||||
.console-topbar .dropdown.open .icon-arrow-down{vertical-align:text-top;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg)}
|
||||
.console-topbar .topbar-wrap,
|
||||
.console-topbar .topbar-logo,
|
||||
.console-topbar .topbar-home-link,
|
||||
.console-topbar .topbar-nav,
|
||||
.console-topbar .topbar-info {height:100%}
|
||||
.console-topbar .topbar-left {float:left}
|
||||
.console-topbar .topbar-right {float:right}
|
||||
.console-topbar .topbar-info{height:100%}
|
||||
.console-topbar .topbar-left{float:left}
|
||||
.console-topbar .topbar-right{float:right}
|
||||
.console-topbar .topbar-clearfix:before,
|
||||
.console-topbar .topbar-clearfix:after {display:table;content:" "}
|
||||
.console-topbar .topbar-clearfix:after {clear:both}
|
||||
.console-topbar .topbar-head {background:#008fbf;height:50px;position:relative;z-index:3}
|
||||
.console-topbar .topbar-nav {position:relative;z-index:2;background:#09C}
|
||||
.console-topbar .topbar-logo {display:block;background:#0087b4;min-width:220px;font-size:18px;color:#FFF;text-align:center;line-height:50px}
|
||||
.console-topbar .topbar-logo span {line-height:50px;padding:auto 20px}
|
||||
.console-topbar .topbar-home-link {padding:0 20px;margin-right:1px;background:#09c}
|
||||
.console-topbar .topbar-btn {color:#fff;font-size:14px;line-height:50px}
|
||||
.console-topbar .topbar-clearfix:after{display:table;content:" "}
|
||||
.console-topbar .topbar-clearfix:after{clear:both}
|
||||
.console-topbar .topbar-head{height:50px;position:relative;z-index:3}
|
||||
.console-topbar .topbar-nav{position:relative;z-index:2;background:#09C}
|
||||
.console-topbar .topbar-logo{display:block;min-width:220px;font-size:18px;color:#FFF;text-align:center;line-height:50px}
|
||||
.console-topbar .topbar-logo span{line-height:50px;padding:auto 20px}
|
||||
.console-topbar .topbar-home-link{padding:0 20px;margin-right:1px;background:#09c}
|
||||
.console-topbar .topbar-btn{color:#fff;font-size:14px;line-height:50px}
|
||||
.console-topbar .topbar-btn.active,
|
||||
.console-topbar .topbar-btn:hover {background:#008fbf}
|
||||
.console-topbar .topbar-info {background:#008fbf;position:absolute;z-index:1;top:0;right:0}
|
||||
.console-topbar .topbar-info .topbar-btn {padding:0 10px;height:50px;display:block;z-index:2;background:#09c}
|
||||
.console-topbar .topbar-btn:hover{background:#008fbf}
|
||||
.console-topbar .topbar-info{background:#008fbf;position:absolute;z-index:1;top:0;right:0}
|
||||
.console-topbar .topbar-info .topbar-btn{padding:0 10px;height:50px;display:block;z-index:2;background:#09c}
|
||||
.console-topbar .topbar-info .topbar-btn:hover,
|
||||
.console-topbar .topbar-info .topbar-btn.topbar-btn-dark {background:#008fbf}
|
||||
.console-topbar .topbar-info .topbar-btn.open {position:relative}
|
||||
.console-topbar .topbar-info .dropdown {min-width:80px}
|
||||
.console-topbar .topbar-info .dropdown .dropdown-menu {width:100%;min-width:0;margin:0;border:none;padding:0}
|
||||
.console-topbar .topbar-info .dropdown.open .topbar-btn {color:#333;background:#fff;border-bottom:1px solid #eaedf1;position:relative}
|
||||
.console-topbar .topbar-info .topbar-info-btn {height:40px;border-bottom:1px solid #eaedf1}
|
||||
.console-topbar .topbar-info .topbar-info-btn a {line-height:39px;text-align:center;padding-left:10px;padding-right:10px;margin:0}
|
||||
.console-topbar .topbar-info-item {display:inline-block;margin-left:1px}
|
||||
.console-topbar .topbar-info-item.open .glyphicon-menu-up {transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg)}
|
||||
.console-topbar .topbar-info .topbar-btn.topbar-btn-dark{background:#008fbf}
|
||||
.console-topbar .topbar-info .topbar-btn.open{position:relative}
|
||||
.console-topbar .topbar-info .dropdown{min-width:80px}
|
||||
.console-topbar .topbar-info .dropdown .dropdown-menu{width:100%;min-width:0;margin:0;border:none;padding:0}
|
||||
.console-topbar .topbar-info .dropdown.open .topbar-btn{color:#333;background:#fff;border-bottom:1px solid #eaedf1;position:relative}
|
||||
.console-topbar .topbar-info .topbar-info-btn{height:40px;border-bottom:1px solid #eaedf1}
|
||||
.console-topbar .topbar-info .topbar-info-btn a{line-height:39px;text-align:center;padding-left:10px;padding-right:10px;margin:0}
|
||||
.console-topbar .topbar-info-item{display:inline-block;margin-left:1px}
|
||||
.console-topbar .topbar-info-item.open .glyphicon-menu-up{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg)}
|
||||
|
||||
/** 左侧菜单 **/
|
||||
.framework-sidebar {width:0px;display:none;position:fixed;top:50px;bottom:0px;background-color:#293038;z-index:102;overflow-x:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
|
||||
.framework-sidebar .sidebar-content {width:230px;height:100%;overflow:auto;overflow-x:hidden}
|
||||
.framework-sidebar .sidebar-fold {height:30px;width:220px;background:#394555;color:#aeb9c2;text-align:center;line-height:30px !important;font-size:12px;user-select:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none}
|
||||
.framework-sidebar .sidebar-fold:hover {background:#37424f;color:#fff}
|
||||
.framework-sidebar .sidebar-nav {width:220px}
|
||||
.framework-sidebar .sidebar-nav ul {margin:0px;padding:0px;list-style:none;overflow:hidden;text-indent:1.2em}
|
||||
.framework-sidebar .sidebar-nav li a {display:block;width:100%;height:40px;line-height:40px;overflow:hidden}
|
||||
.framework-sidebar .sidebar-nav li a:hover {background:#37424f}
|
||||
.framework-sidebar{width:0px;display:none;position:fixed;top:50px;bottom:0px;background-color:#293038;z-index:102;overflow-x:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
|
||||
.framework-sidebar .sidebar-content{width:230px;height:100%;overflow:auto;overflow-x:hidden}
|
||||
.framework-sidebar .sidebar-fold{height:30px;width:220px;background:#394555;color:#aeb9c2;text-align:center;line-height:30px !important;font-size:12px;user-select:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none}
|
||||
.framework-sidebar .sidebar-fold:hover{background:#37424f;color:#fff}
|
||||
.framework-sidebar .sidebar-nav{width:220px}
|
||||
.framework-sidebar .sidebar-nav ul{margin:0px;padding:0px;list-style:none;overflow:hidden;text-indent:1.2em}
|
||||
.framework-sidebar .sidebar-nav li a{display:block;width:100%;height:40px;line-height:40px;overflow:hidden}
|
||||
.framework-sidebar .sidebar-nav li a:hover{background:#37424f}
|
||||
.framework-sidebar .sidebar-nav li a:hover .nav-icon,
|
||||
.framework-sidebar .sidebar-nav li a:hover .nav-title {color:#fff}
|
||||
.framework-sidebar .sidebar-nav .nav-item {position:relative}
|
||||
.framework-sidebar .sidebar-nav .sidebar-title {height:40px;background:#37424f;border-bottom:1px solid #414d5c;color:#fff;line-height:40px;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none}
|
||||
.framework-sidebar .sidebar-nav .sidebar-title:hover {background:#414d5c}
|
||||
.framework-sidebar .sidebar-nav .sidebar-title-icon {display:inline-block;margin:0 8px 0 20px;vertical-align:middle}
|
||||
.framework-sidebar .sidebar-manage {vertical-align:middle;position:absolute;height:40px;width:40px;right:0}
|
||||
.framework-sidebar .sidebar-manage a {display:block;width:100%;height:100%;text-align:center;line-height:40px;font-size:14px;color:#a0abb3;text-decoration:none}
|
||||
.framework-sidebar .sidebar-nav.open .sidebar-title {background:#22282e;border-bottom:1px solid #22282e}
|
||||
.framework-sidebar .sidebar-nav.open .sidebar-title-icon {transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg)}
|
||||
.framework-sidebar .sidebar-nav .nav-icon {width:50px;text-align:center;font-size:16px;float:left;color:#aeb9c2}
|
||||
.framework-sidebar .sidebar-nav .nav-title {float:left;overflow:hidden;color:#fff;white-space:nowrap;text-overflow:ellipsis;display:block;width:130px}
|
||||
.framework-sidebar .sidebar-nav li.active a {background:#0099cc}
|
||||
.framework-sidebar .sidebar-nav li.active a .nav-title {color:#fff}
|
||||
.framework-sidebar .sidebar-nav li.active a .nav-icon {color:#fff}
|
||||
.framework-sidebar .sidebar-nav .manage-nav {height:30px;overflow:hidden}
|
||||
.framework-sidebar .sidebar-nav .manage-nav:hover .nav-icon {color:#fff}
|
||||
.framework-sidebar .sidebar-nav .manage-nav a {display:block;height:100%}
|
||||
.framework-sidebar .sidebar-nav .manage-nav .nav-icon {height:100%;line-height:30px;font-size:16px}
|
||||
.framework-sidebar .sidebar-nav .manage-nav .nav-title {margin-top:14px;background:#293038;height:1px;width:120px}
|
||||
.framework-sidebar-mini .framework-sidebar {width:50px;display:block}
|
||||
.framework-sidebar-mini .framework-sidebar .sidebar-content {width:70px}
|
||||
.framework-sidebar-mini .framework-sidebar .sidebar-fold {width:50px}
|
||||
.framework-sidebar-mini .framework-sidebar .sidebar-nav {width:50px}
|
||||
.framework-sidebar-mini .framework-sidebar .sidebar-nav ul {text-indent:0;display:block !important}
|
||||
.framework-sidebar-mini .framework-sidebar .sidebar-nav .nav-item a:hover + .nav-tooltip {display:block}
|
||||
.framework-sidebar-mini .framework-sidebar .sidebar-nav .nav-title {display:none}
|
||||
.framework-sidebar-mini .framework-sidebar .sidebar-nav .sidebar-title-icon {margin:0 8px 0 20px}
|
||||
.framework-sidebar-mini .framework-sidebar .sidebar-nav .sidebar-title-icon {transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg)}
|
||||
.framework-sidebar-mini .framework-sidebar .sidebar-fold span {transform:rotate(-270deg);-webkit-transform:rotate(-270deg);-moz-transform:rotate(-270deg);-ms-transform:rotate(-270deg);-o-transform:rotate(-270deg)}
|
||||
.framework-sidebar-mini .framework-sidebar .sidebar-title {background:#22282e;border-bottom:1px solid #22282e}
|
||||
.framework-sidebar-mini .framework-sidebar .sidebar-title .sidebar-title-text {display:none}
|
||||
.framework-sidebar-mini .framework-sidebar .sidebar-title-inner:hover + .nav-tooltip {display:block}
|
||||
.framework-sidebar-mini .framework-sidebar .sidebar-manage {display:none}
|
||||
.framework-sidebar-full .framework-sidebar {width:220px;display:block}
|
||||
.framework-sidebar-full .framework-sidebar .sidebar-nav .nav-icon {width:50px}
|
||||
.framework-sidebar-mini .framework-container {left:50px}
|
||||
.framework-sidebar-full .framework-container {left:220px}
|
||||
.framework-sidebar .sidebar-nav li a:hover .nav-title{color:#fff}
|
||||
.framework-sidebar .sidebar-nav .nav-item{position:relative}
|
||||
.framework-sidebar .sidebar-nav .sidebar-title{height:40px;background:#37424f;border-bottom:1px solid #414d5c;color:#fff;line-height:40px;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none}
|
||||
.framework-sidebar .sidebar-nav .sidebar-title:hover{background:#414d5c}
|
||||
.framework-sidebar .sidebar-nav .sidebar-title-icon{display:inline-block;margin:0 8px 0 20px;vertical-align:middle}
|
||||
.framework-sidebar .sidebar-manage{vertical-align:middle;position:absolute;height:40px;width:40px;right:0}
|
||||
.framework-sidebar .sidebar-manage a{display:block;width:100%;height:100%;text-align:center;line-height:40px;font-size:14px;color:#a0abb3;text-decoration:none}
|
||||
.framework-sidebar .sidebar-nav.open .sidebar-title{background:#22282e;border-bottom:1px solid #22282e}
|
||||
.framework-sidebar .sidebar-nav.open .sidebar-title-icon{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg)}
|
||||
.framework-sidebar .sidebar-nav .nav-icon{width:50px;text-align:center;font-size:16px;float:left;color:#aeb9c2}
|
||||
.framework-sidebar .sidebar-nav .nav-title{float:left;overflow:hidden;color:#fff;white-space:nowrap;text-overflow:ellipsis;display:block;width:130px}
|
||||
.framework-sidebar .sidebar-nav li.active a{background:#0099cc}
|
||||
.framework-sidebar .sidebar-nav li.active a .nav-title{color:#fff}
|
||||
.framework-sidebar .sidebar-nav li.active a .nav-icon{color:#fff}
|
||||
.framework-sidebar .sidebar-nav .manage-nav{height:30px;overflow:hidden}
|
||||
.framework-sidebar .sidebar-nav .manage-nav:hover .nav-icon{color:#fff}
|
||||
.framework-sidebar .sidebar-nav .manage-nav a{display:block;height:100%}
|
||||
.framework-sidebar .sidebar-nav .manage-nav .nav-icon{height:100%;line-height:30px;font-size:16px}
|
||||
.framework-sidebar .sidebar-nav .manage-nav .nav-title{margin-top:14px;background:#293038;height:1px;width:120px}
|
||||
.framework-sidebar-mini .framework-sidebar{width:50px;display:block}
|
||||
.framework-sidebar-mini .framework-sidebar .sidebar-content{width:70px}
|
||||
.framework-sidebar-mini .framework-sidebar .sidebar-fold{width:50px}
|
||||
.framework-sidebar-mini .framework-sidebar .sidebar-nav{width:50px}
|
||||
.framework-sidebar-mini .framework-sidebar .sidebar-nav ul{text-indent:0;display:block !important}
|
||||
.framework-sidebar-mini .framework-sidebar .sidebar-nav .nav-item a:hover + .nav-tooltip{display:block}
|
||||
.framework-sidebar-mini .framework-sidebar .sidebar-nav .nav-title{display:none}
|
||||
.framework-sidebar-mini .framework-sidebar .sidebar-nav .sidebar-title-icon{margin:0 8px 0 20px}
|
||||
.framework-sidebar-mini .framework-sidebar .sidebar-nav .sidebar-title-icon{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg)}
|
||||
.framework-sidebar-mini .framework-sidebar .sidebar-fold span{transform:rotate(-270deg);-webkit-transform:rotate(-270deg);-moz-transform:rotate(-270deg);-ms-transform:rotate(-270deg);-o-transform:rotate(-270deg)}
|
||||
.framework-sidebar-mini .framework-sidebar .sidebar-title{background:#22282e;border-bottom:1px solid #22282e}
|
||||
.framework-sidebar-mini .framework-sidebar .sidebar-title .sidebar-title-text{display:none}
|
||||
.framework-sidebar-mini .framework-sidebar .sidebar-title-inner:hover + .nav-tooltip{display:block}
|
||||
.framework-sidebar-mini .framework-sidebar .sidebar-manage{display:none}
|
||||
.framework-sidebar-full .framework-sidebar{width:220px;display:block}
|
||||
.framework-sidebar-full .framework-sidebar .sidebar-nav .nav-icon{width:50px}
|
||||
.framework-sidebar-mini .framework-container{left:50px}
|
||||
.framework-sidebar-full .framework-container{left:220px}
|
||||
|
||||
/** 菜单Tips样式 */
|
||||
.console-sidebar-tooltip {position:absolute;z-index:1030;display:block;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0);visibility:visible}
|
||||
.console-sidebar-tooltip .tooltip-inner {max-width:200px;padding:12px 8px;color:#ffffff;text-align:center;text-decoration:none;border-radius:0 0;background-color:#425160}
|
||||
.console-sidebar-tooltip .tooltip-arrow {position:absolute;width:0;height:0;border-color:transparent;border-style:solid}
|
||||
.console-sidebar-tooltip.right {padding:0 5px;margin-left:3px}
|
||||
.console-sidebar-tooltip.right .tooltip-arrow {top:50%;left:0;margin-top:-5px;border-right-color:#425160;border-width:5px 5px 5px 0}
|
||||
.console-sidebar-tooltip.in {opacity:0.9;filter:alpha(opacity=90)}
|
||||
.console-sidebar-tooltip{position:absolute;z-index:1030;display:block;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0);visibility:visible}
|
||||
.console-sidebar-tooltip .tooltip-inner{max-width:200px;padding:12px 8px;color:#ffffff;text-align:center;text-decoration:none;border-radius:0 0;background-color:#425160}
|
||||
.console-sidebar-tooltip .tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}
|
||||
.console-sidebar-tooltip.right{padding:0 5px;margin-left:3px}
|
||||
.console-sidebar-tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-right-color:#425160;border-width:5px 5px 5px 0}
|
||||
.console-sidebar-tooltip.in{opacity:0.9;filter:alpha(opacity=90)}
|
||||
|
||||
/* 设置选择文字及背景颜色 */
|
||||
::selection {background-color:#ec494e;color:#FFF}
|
||||
::-moz-selection {background-color:#ec494e;color:#FFF}
|
||||
::selection{background-color:#ec494e;color:#FFF}
|
||||
::-moz-selection{background-color:#ec494e;color:#FFF}
|
||||
|
||||
.layui-box legend{width:auto!important;border-bottom:none!important}
|
||||
|
||||
/** checkbox 优化 */
|
||||
input[type=checkbox],input[type=radio] {-webkit-appearance:none;appearance:none;width:18px;height:18px;margin:0;cursor:pointer;vertical-align:bottom;background:#fff;border:1px solid #dcdcdc;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}
|
||||
input[type=checkbox]:active,input[type=radio]:active {border-color:#c6c6c6;background:#ebebeb}
|
||||
input[type=checkbox]:hover {border-color:#c6c6c6;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);box-shadow:inset 0 1px 1px rgba(0,0,0,0.1)}
|
||||
input[type=radio] {-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em;width:18px;height:18px}
|
||||
input[type=checkbox]:checked,input[type=radio]:checked {background:#fff}
|
||||
input[type=radio]:checked::after {content:'';display:block;position:relative;top:2px;left:2px;width:12px;height:12px;background:#666;-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em}
|
||||
input[type=checkbox]:checked::after {display:block;position:absolute;top:-2px;left:-4px;content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAtklEQVQ4y2P4//8/A7Ux1Q0cxoaCADIbCUgCMTvVXAoE5kA8CYidyXYpGrAH4iVAHIXiCwoMDQTimUBcBsRMlBrKCsTpUANzkC0j11BuIK6EGlgKsoAkQ4FgChD7AzELVI8YEDdDDawDYk6YQaQY6gg1oAqILYC4D8oHGcyLbBAphoJAKtQgGO4EYiHk2CLHUJAXm6AG9gCxNHoSIMdQEJCFGqiALaGSayjMxQwUGzq0S6nhZygA2ojsbh6J67kAAAAASUVORK5CYII=')}
|
||||
input[type=checkbox],input[type=radio]{-webkit-appearance:none;appearance:none;width:18px;height:18px;margin:0;cursor:pointer;vertical-align:bottom;background:#fff;border:1px solid #dcdcdc;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}
|
||||
input[type=checkbox]:active,input[type=radio]:active{border-color:#c6c6c6;background:#ebebeb}
|
||||
input[type=checkbox]:hover{border-color:#c6c6c6;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);box-shadow:inset 0 1px 1px rgba(0,0,0,0.1)}
|
||||
input[type=radio]{-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em;width:18px;height:18px}
|
||||
input[type=checkbox]:checked,input[type=radio]:checked{background:#fff}
|
||||
input[type=radio]:checked::after{content:'';display:block;position:relative;top:2px;left:2px;width:12px;height:12px;background:#666;-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em}
|
||||
input[type=checkbox]:checked::after{display:block;position:absolute;top:-2px;left:-4px;content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAtklEQVQ4y2P4//8/A7Ux1Q0cxoaCADIbCUgCMTvVXAoE5kA8CYidyXYpGrAH4iVAHIXiCwoMDQTimUBcBsRMlBrKCsTpUANzkC0j11BuIK6EGlgKsoAkQ4FgChD7AzELVI8YEDdDDawDYk6YQaQY6gg1oAqILYC4D8oHGcyLbBAphoJAKtQgGO4EYiHk2CLHUJAXm6AG9gCxNHoSIMdQEJCFGqiALaGSayjMxQwUGzq0S6nhZygA2ojsbh6J67kAAAAASUVORK5CYII=')}
|
||||
input[type=checkbox]:focus,input[type=radio]:focus{outline:none}
|
||||
|
||||
/* 延时动画 */
|
||||
.transition {-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
|
||||
.transition{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
|
||||
[data-tips-image]{cursor:pointer !important;cursor:-webkit-zoom-in !important;cursor:-moz-zoom-in !important;cursor:zoom-in !important}
|
||||
select.form-control.input-sm {padding:0 0 0 10px}
|
||||
.form-control.input-sm {line-height:1em}
|
||||
.pointer {cursor:pointer}
|
||||
.wrapper {padding:10px 15px;min-width:900px}
|
||||
.framework-sidebar-mini .wrapper {min-width:950px}
|
||||
.help-block {margin-bottom:0}
|
||||
.text-center {text-align:center}
|
||||
.block {display:block}
|
||||
.gray-bg {background-color:#f3f3f4}
|
||||
.full-height {height:100% !important}
|
||||
.full-width {width:100% !important}
|
||||
.nowrap {white-space:nowrap !important}
|
||||
td .text-explode:first-child {opacity:0;display:none}
|
||||
.text-explode {color:#CCC !important;font-weight:normal !important;margin:0px 4px !important}
|
||||
select.form-control.input-sm{padding:0 0 0 10px}
|
||||
.form-control.input-sm{line-height:1em}
|
||||
.pointer{cursor:pointer}
|
||||
.wrapper{padding:10px 15px;min-width:900px}
|
||||
.framework-sidebar-mini .wrapper{min-width:950px}
|
||||
.help-block{margin-bottom:0}
|
||||
.text-center{text-align:center}
|
||||
.block{display:block}
|
||||
.gray-bg{background-color:#f3f3f4}
|
||||
.full-height{height:100% !important}
|
||||
.full-width{width:100% !important}
|
||||
.nowrap{white-space:nowrap !important}
|
||||
td .text-explode:first-child{opacity:0;display:none}
|
||||
.text-explode{color:#CCC !important;font-weight:normal !important;margin:0px 4px !important}
|
||||
|
||||
/** 列表搜索区 */
|
||||
.form-search .row {margin-left:-5px;margin-right:-5px}
|
||||
.form-search .col-xs-4 {width:220px !important;padding-left:5px;padding-right:5px}
|
||||
.form-search .col-xs-3 {width:200px !important;padding-left:5px;padding-right:5px}
|
||||
.form-search .col-xs-2 {width:180px !important;padding-left:5px;padding-right:5px}
|
||||
.form-search .col-xs-1 {width:65px !important;padding-left:5px;padding-right:5px}
|
||||
.input-focus {background:none !important;padding:3px 5px !important}
|
||||
.form-search .row{margin-left:-5px;margin-right:-5px}
|
||||
.form-search .col-xs-4{width:220px !important;padding-left:5px;padding-right:5px}
|
||||
.form-search .col-xs-3{width:200px !important;padding-left:5px;padding-right:5px}
|
||||
.form-search .col-xs-2{width:180px !important;padding-left:5px;padding-right:5px}
|
||||
.form-search .col-xs-1{width:65px !important;padding-left:5px;padding-right:5px}
|
||||
.input-focus{background:none !important;padding:3px 5px !important}
|
||||
|
||||
/** 表单Input错误提示 */
|
||||
.error-input-right {-webkit-animation-duration:.2s;animation-duration:.2s;padding-right:5px}
|
||||
.label-required:after {content:'*';color:red;position:absolute;margin-left:4px;font-weight:bold;line-height:1.8em}
|
||||
.error-input-right{-webkit-animation-duration:.2s;animation-duration:.2s;padding-right:5px}
|
||||
.label-required:after{content:'*';color:red;position:absolute;margin-left:4px;font-weight:bold;line-height:1.8em}
|
||||
|
||||
/** 列表图片图标样式 */
|
||||
.list-table-image {width:22px;cursor:pointer}
|
||||
.list-table-image{width:22px;cursor:pointer}
|
||||
|
||||
/** 列表排序样式 */
|
||||
.list-table-sort-td {width:60px !important;text-align:center}
|
||||
.list-table-sort-td input {width:50px;text-align:center;font-size:12px;line-height:14px;padding:2px}
|
||||
.list-table-sort-td button {width:50px;text-align:center;font-size:12px;color:#333}
|
||||
.list-table-sort-td{width:60px !important;text-align:center}
|
||||
.list-table-sort-td input{width:50px;text-align:center;font-size:12px;line-height:14px;padding:2px}
|
||||
/*.list-table-sort-td button{width:50px;text-align:center;font-size:12px;color:#333}*/
|
||||
|
||||
/** 列表选择框 */
|
||||
.list-table-check-td {width:30px !important;text-align:center;padding:0}
|
||||
.list-table-check-td input {margin:0;vertical-align:middle}
|
||||
.list-table-check-td{width:30px !important;text-align:center;padding:0}
|
||||
.list-table-check-td input{margin:0;vertical-align:middle}
|
||||
|
||||
/** 表格样式 */
|
||||
.table {background:#FFF;font-size:12px;border-top:1px solid #e1e6eb;border:1px solid #e1e6eb}
|
||||
.table-center {text-align:center}
|
||||
.table-center td, .table-center th {text-align:center}
|
||||
.table-bordered {border:1px solid #EBEBEB}
|
||||
.table-bordered > thead > tr > td {background-color:#F5F5F6;border-bottom-width:1px}
|
||||
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th.table-bordered > thead > tr > td, .table-bordered > tbody > tr > td {border:1px solid #e7e7e7}
|
||||
.table > thead > tr > th {border-bottom:1px solid #DDDDDD;vertical-align:bottom;font-weight:normal;color:#999;background-color:#F5F6FA}
|
||||
.table > thead > tr > th, .table > tbody > tr > th, .table > thead > tr > td, .table > tbody > tr > td {border-top:1px solid #e7eaec;line-height:1.42857;padding:8px;vertical-align:middle}
|
||||
.form-control {background-color:#FFFFFF;background-image:none;border:1px solid #e5e6e7;border-radius:1px;color:inherit;display:block;padding:6px 12px;transition:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;width:100%;font-size:14px;box-shadow:none}
|
||||
.form-control:focus {outline:none;box-shadow:none}
|
||||
.hr-line-dashed {border-top:1px dashed #e7eaec;color:#ffffff;background-color:#ffffff;height:1px;margin:20px 0}
|
||||
.hr-line-solid {border-bottom:1px solid #e7eaec;background-color:rgba(0, 0, 0, 0);border-style:solid !important;margin-top:15px;margin-bottom:15px}
|
||||
.table{background:#FFF;font-size:12px;border-top:1px solid #e1e6eb;border:1px solid #e1e6eb}
|
||||
.table-center{text-align:center}
|
||||
.table-center td, .table-center th{text-align:center}
|
||||
.table-bordered{border:1px solid #EBEBEB}
|
||||
.table-bordered > thead > tr > td{background-color:#F5F5F6;border-bottom-width:1px}
|
||||
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th.table-bordered > thead > tr > td, .table-bordered > tbody > tr > td{border:1px solid #e7e7e7}
|
||||
.table > thead > tr > th{border-bottom:1px solid #DDDDDD;vertical-align:bottom;font-weight:normal;color:#999;background-color:#F5F6FA}
|
||||
.table > thead > tr > th, .table > tbody > tr > th, .table > thead > tr > td, .table > tbody > tr > td{border-top:1px solid #e7eaec;line-height:1.42857;padding:8px;vertical-align:middle}
|
||||
.form-control{background-color:#FFFFFF;background-image:none;border:1px solid #e5e6e7;border-radius:1px;color:inherit;display:block;padding:6px 12px;transition:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;width:100%;font-size:14px;box-shadow:none}
|
||||
.form-control:focus{outline:none;box-shadow:none}
|
||||
.hr-line-dashed{border-top:1px dashed #e7eaec;color:#ffffff;background-color:#ffffff;height:1px;margin:20px 0}
|
||||
.hr-line-solid{border-bottom:1px solid #e7eaec;background-color:rgba(0, 0, 0, 0);border-style:solid !important;margin-top:15px;margin-bottom:15px}
|
||||
|
||||
/** 按钮定义 */
|
||||
.btn {outline:none !important}
|
||||
.btn-primary {background-color:#1ab394;border-color:#1ab394;color:#FFFFFF}
|
||||
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {background-image:none !important;background-color:#18a689 !important;border-color:#18a689 !important;color:#FFFFFF !important;box-shadow:none !important}
|
||||
.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active {background-color:#1dc5a3;border-color:#1dc5a3}
|
||||
.btn-white {color:inherit;background:white;border:1px solid #e7eaec}
|
||||
.btn-white:hover, .btn-white:focus, .btn-white:active {color:inherit;border:1px solid #d2d2d2}
|
||||
.btn-white.disabled, .btn-white.disabled:hover, .btn-white.disabled:focus, .btn-white.disabled.active {color:#cacaca}
|
||||
.btn{outline:none !important}
|
||||
.btn-primary{background-color:#1ab394;border-color:#1ab394;color:#FFFFFF}
|
||||
.btn-primary:hover, .btn-primary:focus, .btn-primary:active{background-image:none !important;background-color:#18a689 !important;border-color:#18a689 !important;color:#FFFFFF !important;box-shadow:none !important}
|
||||
.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active{background-color:#1dc5a3;border-color:#1dc5a3}
|
||||
.btn-white{color:inherit;background:white;border:1px solid #e7eaec}
|
||||
.btn-white:hover, .btn-white:focus, .btn-white:active{color:inherit;border:1px solid #d2d2d2}
|
||||
.btn-white.disabled, .btn-white.disabled:hover, .btn-white.disabled:focus, .btn-white.disabled.active{color:#cacaca}
|
||||
|
||||
/** 内容盒子 */
|
||||
.ibox {clear:both;margin-bottom:25px;margin-top:0;padding:0}
|
||||
.ibox:after, .ibox:before {display:table}
|
||||
.ibox-title {border-bottom:1px solid #e7eaec;color:inherit;margin-bottom:0;padding:0px 15px 0px 15px;min-height:48px}
|
||||
.ibox-content {background-color:#ffffff;color:inherit;padding:15px}
|
||||
.ibox-footer {color:inherit;border-top:1px solid #e7eaec;font-size:90%;background:#ffffff;padding:10px 15px}
|
||||
.ibox-title h5 {display:inline-block;font-size:16px;margin:16px 0px;font-weight:500;text-indent:8px;text-overflow:ellipsis;border-left:2px solid #88B7E0}
|
||||
.ibox{clear:both;margin-bottom:25px;margin-top:0;padding:0}
|
||||
.ibox:after, .ibox:before{display:table}
|
||||
.ibox-title{border-bottom:1px solid #e7eaec;color:inherit;margin-bottom:0;padding:0px 15px 0px 15px;min-height:48px}
|
||||
.ibox-content{background-color:#ffffff;color:inherit;padding:15px}
|
||||
.ibox-footer{color:inherit;border-top:1px solid #e7eaec;font-size:90%;background:#ffffff;padding:10px 15px}
|
||||
.ibox-title h5{display:inline-block;font-size:16px;margin:16px 0px;font-weight:500;text-indent:8px;text-overflow:ellipsis;border-left:2px solid #88B7E0}
|
||||
|
||||
/** 分页样式 */
|
||||
.pagination > li > a {background-color:#FFFFFF !important;border:1px solid #DDDDDD !important;color:inherit !important;float:left;line-height:1.42857;margin-left:-1px;padding:4px 10px;position:relative;text-decoration:none}
|
||||
.pagination > li > a{background-color:#FFFFFF !important;border:1px solid #DDDDDD !important;color:inherit !important;float:left;line-height:1.42857;margin-left:-1px;padding:4px 10px;position:relative;text-decoration:none}
|
||||
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover,
|
||||
.pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {background-color:#f4f4f4 !important;color:inherit !important;border-color:#DDDDDD !important;cursor:default;z-index:2}
|
||||
.pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{background-color:#f4f4f4 !important;color:inherit !important;border-color:#DDDDDD !important;cursor:default;z-index:2}
|
||||
|
||||
/** 页面加载进度 */
|
||||
.pace {-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
|
||||
.pace-inactive {display:none}
|
||||
.pace .pace-progress {background:#22df80;position:fixed;z-index:2000;top:0;right:100%;width:100%;height:2px}
|
||||
.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
|
||||
.pace-inactive{display:none}
|
||||
.pace .pace-progress{background:#22df80;position:fixed;z-index:2000;top:0;right:100%;width:100%;height:2px}
|
||||
|
||||
/** 手机盒子 */
|
||||
.phone-container {background:#2c3e50;border-radius:30px;left:0;margin:0 auto 0;padding:70px 18px 68px 18px;position:absolute;right:0;width:300px}
|
||||
.phone-container:before {background:#1f2b38;border-radius:20px;content:'';height:8px;left:0;margin:-35px auto;position:absolute;right:0;width:45px}
|
||||
.phone-container:after {background:#1f2b38;border-radius:20px;content:"";display:block;height:42px;left:0;margin:12px auto;position:absolute;right:0;width:42px}
|
||||
.phone-screen {background:#d6e6e9;height:408px;overflow:hidden;padding:0;position:relative}
|
||||
.phone-screen iframe {width:100%;height:100%;background:#fff}
|
||||
.phone-container{background:#2c3e50;border-radius:30px;left:0;margin:0 auto 0;padding:70px 18px 68px 18px;position:absolute;right:0;width:300px}
|
||||
.phone-container:before{background:#1f2b38;border-radius:20px;content:'';height:8px;left:0;margin:-35px auto;position:absolute;right:0;width:45px}
|
||||
.phone-container:after{background:#1f2b38;border-radius:20px;content:"";display:block;height:42px;left:0;margin:12px auto;position:absolute;right:0;width:42px}
|
||||
.phone-screen{background:#d6e6e9;height:408px;overflow:hidden;padding:0;position:relative}
|
||||
.phone-screen iframe{width:100%;height:100%;background:#fff}
|
||||
|
||||
/** 微信菜单 */
|
||||
.mobile-preview {position:relative;width:317px;height:580px;background:transparent url("../img/wechat/mobile_head.png") no-repeat 0 0;background-position:0 0;border:1px solid #e7e7eb}
|
||||
.mobile-preview .mobile-header {color:#fff;text-align:center;padding-top:30px;font-size:15px;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;margin:0 30px}
|
||||
.mobile-footer {list-style-type:none;margin:0;position:absolute;bottom:0;left:0;right:0;border-top:1px solid #e7e7eb;background:transparent url("../img/wechat/mobile_foot.png") no-repeat 0 0;background-position:0 0;background-repeat:no-repeat;padding-left:43px}
|
||||
.mobile-footer li {width:33.33%;line-height:50px;position:relative;float:left;text-align:center}
|
||||
.mobile-footer li a {display:block;border:1px solid rgba(255, 255, 255, 0);border-left:1px solid #e7e7eb;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;color:#616161;text-decoration:none}
|
||||
.mobile-footer li a.active {background-color:#fff;border:1px solid #44b549 !important}
|
||||
.mobile-footer .icon-add {background:url("../img/wechat/index.png") 0 0 no-repeat;width:14px;height:14px;vertical-align:middle;display:inline-block;margin-top:-2px;border-bottom:none !important}
|
||||
.mobile-footer .icon-sub {background:url("../img/wechat/index.png") 0 -48px no-repeat;width:7px;height:7px;vertical-align:middle;display:inline-block;margin-right:2px;margin-top:-2px}
|
||||
.mobile-footer .sub-menu {position:absolute;border-radius:3px;border:1px solid #d0d0d0;display:block;bottom:60px;width:100%;background-color:#fafafa}
|
||||
.mobile-preview{position:relative;width:317px;height:580px;background:transparent url("../img/wechat/mobile_head.png") no-repeat 0 0;background-position:0 0;border:1px solid #e7e7eb}
|
||||
.mobile-preview .mobile-header{color:#fff;text-align:center;padding-top:30px;font-size:15px;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;margin:0 30px}
|
||||
.mobile-footer{list-style-type:none;margin:0;position:absolute;bottom:0;left:0;right:0;border-top:1px solid #e7e7eb;background:transparent url("../img/wechat/mobile_foot.png") no-repeat 0 0;background-position:0 0;background-repeat:no-repeat;padding-left:43px}
|
||||
.mobile-footer li{width:33.33%;line-height:50px;position:relative;float:left;text-align:center}
|
||||
.mobile-footer li a{display:block;border:1px solid rgba(255, 255, 255, 0);border-left:1px solid #e7e7eb;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;color:#616161;text-decoration:none}
|
||||
.mobile-footer li a.active{background-color:#fff;border:1px solid #44b549 !important}
|
||||
.mobile-footer .icon-add{background:url("../img/wechat/index.png") 0 0 no-repeat;width:14px;height:14px;vertical-align:middle;display:inline-block;margin-top:-2px;border-bottom:none !important}
|
||||
.mobile-footer .icon-sub{background:url("../img/wechat/index.png") 0 -48px no-repeat;width:7px;height:7px;vertical-align:middle;display:inline-block;margin-right:2px;margin-top:-2px}
|
||||
.mobile-footer .sub-menu{position:absolute;border-radius:3px;border:1px solid #d0d0d0;display:block;bottom:60px;width:100%;background-color:#fafafa}
|
||||
.mobile-footer .sub-menu ul,
|
||||
.mobile-footer .sub-menu li {padding:0;display:block;width:100%;float:none;z-index:11}
|
||||
.mobile-footer .sub-menu li a {border:1px solid rgba(255, 255, 255, 0)}
|
||||
.mobile-footer .sub-menu li a.bottom-border {border-bottom:1px solid #e7e7eb}
|
||||
.mobile-footer .arrow {position:absolute;left:50%;margin-left:-6px}
|
||||
.mobile-footer .arrow_in, .mobile-footer .arrow_out {z-index:10;width:0;height:0;display:inline-block;border-width:6px;border-style:dashed;border-color:transparent;border-bottom-width:0;border-top-style:solid}
|
||||
.mobile-footer .arrow_in {bottom:-5px;border-top-color:#fafafa}
|
||||
.mobile-footer .arrow_out {bottom:-6px;border-top-color:#d0d0d0}
|
||||
.mobile-footer .sub-menu li{padding:0;display:block;width:100%;float:none;z-index:11}
|
||||
.mobile-footer .sub-menu li a{border:1px solid rgba(255, 255, 255, 0)}
|
||||
.mobile-footer .sub-menu li a.bottom-border{border-bottom:1px solid #e7e7eb}
|
||||
.mobile-footer .arrow{position:absolute;left:50%;margin-left:-6px}
|
||||
.mobile-footer .arrow_in, .mobile-footer .arrow_out{z-index:10;width:0;height:0;display:inline-block;border-width:6px;border-style:dashed;border-color:transparent;border-bottom-width:0;border-top-style:solid}
|
||||
.mobile-footer .arrow_in{bottom:-5px;border-top-color:#fafafa}
|
||||
.mobile-footer .arrow_out{bottom:-6px;border-top-color:#d0d0d0}
|
||||
Loading…
x
Reference in New Issue
Block a user