|
|
|
|
@@ -8,7 +8,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/** 初始化 **/
|
|
|
|
|
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,th,td,form,pre{margin: 0; padding: 0; -webkit-tap-highlight-color:rgba(0,0,0,0)}
|
|
|
|
|
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,th,td,form,pre{margin: 0; padding: 0; -webkit-tap-highlight-color:rgba(0,0,0,0);}
|
|
|
|
|
a:active,a:hover{outline:0}
|
|
|
|
|
img{display: inline-block; border: none; vertical-align: middle;}
|
|
|
|
|
li{list-style:none;}
|
|
|
|
|
@@ -67,7 +67,8 @@ a cite{font-style: normal; *cursor:pointer;}
|
|
|
|
|
.layui-side-scroll{width: 220px; height: 100%; overflow-x: hidden;}
|
|
|
|
|
.layui-body{position: absolute; left: 200px; right: 0; top: 0; bottom: 0; z-index: 998; width: auto; overflow: hidden; overflow-y: auto; box-sizing: border-box;}
|
|
|
|
|
|
|
|
|
|
/* 后台框架大布局 */.layui-layout-admin .layui-header{background-color: #23262E;}
|
|
|
|
|
/* 后台框架大布局 */.layui-layout-body{overflow: hidden;}
|
|
|
|
|
.layui-layout-admin .layui-header{background-color: #23262E;}
|
|
|
|
|
.layui-layout-admin .layui-side{top: 60px; width: 200px; overflow-x: hidden;}
|
|
|
|
|
.layui-layout-admin .layui-body{top: 60px; bottom: 44px;}
|
|
|
|
|
.layui-layout-admin .layui-main{width: auto; margin: 0 15px;}
|
|
|
|
|
@@ -255,7 +256,7 @@ a cite{font-style: normal; *cursor:pointer;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/** 页面元素 **/
|
|
|
|
|
.layui-btn, .layui-input, .layui-textarea, .layui-upload-button, .layui-select{outline: none; transition: all .3s; -webkit-transition: all .3s; box-sizing: border-box;}
|
|
|
|
|
.layui-btn, .layui-input, .layui-textarea, .layui-upload-button, .layui-select{outline: none; -webkit-appearance: none; transition: all .3s; -webkit-transition: all .3s; box-sizing: border-box;}
|
|
|
|
|
|
|
|
|
|
/* 引用 */.layui-elem-quote{margin-bottom: 10px; padding: 15px; line-height: 22px; border-left: 5px solid #009688; border-radius: 0 2px 2px 0; background-color: #f2f2f2;}
|
|
|
|
|
.layui-quote-nm{border-color: #e2e2e2; border-style: solid; border-width: 1px; border-left-width: 5px; background: none;}
|
|
|
|
|
@@ -308,14 +309,14 @@ a cite{font-style: normal; *cursor:pointer;}
|
|
|
|
|
.layui-word-aux{color: #999 !important; padding: 0 5px !important;}
|
|
|
|
|
|
|
|
|
|
/* 按钮 */
|
|
|
|
|
.layui-btn{display: inline-block; vertical-align: middle; height: 38px; line-height: 38px; padding: 0 18px; background-color: #009688; color: #fff; white-space: nowrap; text-align: center; font-size: 14px; border: none; border-radius: 2px; cursor: pointer; opacity: 0.9; filter:alpha(opacity=90); -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}
|
|
|
|
|
.layui-btn{display: inline-block; vertical-align: middle; height: 38px; line-height: 38px; padding: 0 18px; background-color: #009688; color: #fff; white-space: nowrap; text-align: center; font-size: 14px; border: none; border-radius: 2px; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}
|
|
|
|
|
.layui-btn:hover{opacity: 0.8; filter:alpha(opacity=80); color: #fff;}
|
|
|
|
|
.layui-btn:active{opacity: 1; filter:alpha(opacity=100);}
|
|
|
|
|
.layui-btn+.layui-btn{margin-left: 10px;}
|
|
|
|
|
/* 圆角 */.layui-btn-radius{border-radius: 100px;}
|
|
|
|
|
.layui-btn .layui-icon{margin-right: 3px; font-size: 18px; vertical-align: bottom; vertical-align: middle\0;}
|
|
|
|
|
|
|
|
|
|
/* 原始 */.layui-btn-primary{line-height: 36px; border: 1px solid #C9C9C9; background-color: #fff; color: #555;}
|
|
|
|
|
/* 原始 */.layui-btn-primary{border: 1px solid #C9C9C9; background-color: #fff; color: #555;}
|
|
|
|
|
.layui-btn-primary:hover{border-color: #009688; color: #333}
|
|
|
|
|
/* 百搭 */.layui-btn-normal{background-color: #1E9FFF;}
|
|
|
|
|
/* 暖色 */.layui-btn-warm{background-color: #FFB800;}
|
|
|
|
|
@@ -338,7 +339,10 @@ a cite{font-style: normal; *cursor:pointer;}
|
|
|
|
|
.layui-btn-group+.layui-btn-group{margin-left: 10px;}
|
|
|
|
|
|
|
|
|
|
/** 表单 **/
|
|
|
|
|
.layui-input, .layui-textarea, .layui-select{height: 38px; line-height: 36px\9; border: 1px solid #e6e6e6; background-color: #fff; border-radius: 2px;}
|
|
|
|
|
.layui-input, .layui-textarea, .layui-select{height: 38px; line-height: 1.3; line-height: 38px\9; border: 1px solid #e6e6e6; background-color: #fff; border-radius: 2px;}
|
|
|
|
|
.layui-input::-webkit-input-placeholder,
|
|
|
|
|
.layui-textarea::-webkit-input-placeholder,
|
|
|
|
|
.layui-select::-webkit-input-placeholder{line-height: 1.3;}
|
|
|
|
|
.layui-input, .layui-textarea{display: block; width: 100%; padding-left: 10px;}
|
|
|
|
|
.layui-input:hover, .layui-textarea:hover{border-color: #D2D2D2 !important;}
|
|
|
|
|
.layui-input:focus, .layui-textarea:focus{border-color: #C9C9C9 !important;}
|
|
|
|
|
|