nuijs/assets/components/layer/index.less

nui框架

.nui-layer { position:absolute; padding:0px; font-size:14px;}
.nui-layer .layer-box { background-color:#fff; zoom:1; border:1px solid #F2F2F2; border-radius:3px;}
.nui-layer .layer-head { padding-left:15px; height:33px; line-height:33px; color:#323232; border-bottom:1px solid #E6E6E6; background-color: #F2F2F2;}
.nui-layer .layer-box, .nui-layer .layer-body { position:relative;}
.nui-layer .layer-main:before, .nui-layer .layer-main:after,
.nui-layer .layer-foot:before, .nui-layer .layer-foot:after { content:''; display:table;}
.nui-layer .layer-main:after, .nui-layer .layer-foot:after { clear:both;}
.nui-layer .layer-main, .nui-layer .layer-foot { *zoom:1;}
.nui-layer .layer-main { overflow: visible; word-wrap:break-word;}
.nui-layer .layer-foot { padding:15px 10px 20px;}
.nui-layer .layer-foot .layer-inner { overflow:hidden;}
.nui-layer .layer-foot .ui-button { margin:0 6px; height: 30px;}
.nui-layer .layer-button-close { position:absolute; top:3px; right:5px; padding:0; width:25px; height:25px; line-height: 25px; font-size:25px; overflow: hidden; color:#666; border:none; z-index:1; background: none;}
.nui-layer-mask .layer-mask { position:relative; width:100%; height:100%; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); background:rgba(0,0,0,.5); background:transparent\;}
.nui-layer-movemask { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); background:rgba(0,0,0,0.5); background:transparent\;}
.nui-layer .layer-bubble, .nui-layer .layer-bubble b, .nui-layer .layer-bubble i { position:absolute;}
.nui-layer .layer-bubble b, .nui-layer .layer-bubble i { overflow:hidden; line-height:0; font-size:0; border:6px dashed transparent;}
.nui-layer .layer-bubble-top { top:-12px; left:10px;}
.nui-layer .layer-bubble-top b, .nui-layer .layer-bubble-top i { border-bottom-style:solid;}
.nui-layer .layer-bubble-top b { border-bottom-color:#E82018; top:0; left:0;}
.nui-layer .layer-bubble-top i { border-bottom-color:#FFEBEB; top:1px; left:0;}
.nui-layer .layer-bubble-right { right:-12px; top:10px;}
.nui-layer .layer-bubble-right b, .nui-layer .layer-bubble-right i { border-left-style:solid;}
.nui-layer .layer-bubble-right b { border-left-color:#E82018; right:0; top:0;}
.nui-layer .layer-bubble-right i { border-left-color:#FFEBEB; right:1px; top:0;}
.nui-layer .layer-bubble-bottom { bottom:-12px; left:10px;}
.nui-layer .layer-bubble-bottom b, .nui-layer .layer-bubble-bottom i { border-top-style:solid;}
.nui-layer .layer-bubble-bottom b { border-top-color:#E82018; bottom:0; left:0;}
.nui-layer .layer-bubble-bottom i { border-top-color:#FFEBEB; bottom:1px; left:0;}
.nui-layer .layer-bubble-left { left:-12px; top:10px;}
.nui-layer .layer-bubble-left b, .nui-layer .layer-bubble-left i { border-right-style:solid;}
.nui-layer .layer-bubble-left b { border-right-color:#E82018; left:0; top:0;}
.nui-layer .layer-bubble-left i { border-right-color:#FFEBEB; left:1px; top:0;}
.nui-layer.layer-loading .layer-main div { padding:15px 15px 30px 15px; background: url("../../images/loadingdata.gif?v=7ff1ab3") no-repeat center -10px;}
.nui-layer.layer-message .layer-button-close { top:-7px; right: -8px; width: 20px; height: 20px; line-height: 18px; font-size: 18px; background-color: #fff; border-radius:50%; border:1px solid #F2F2F2;}