166 lines
5.4 KiB
CSS
166 lines
5.4 KiB
CSS
/**
|
|
* UI v1.0.0
|
|
* Copyright 2015-2017 Muyao
|
|
* Licensed under the Muyao License 1.0
|
|
*/
|
|
/**
|
|
* 对layer官方默认样式中进行重写
|
|
* 图标和loading图片均采用svg图片
|
|
*/
|
|
.layui-layer-lan .layui-layer .layui-layer-title, .layui-layer-molv .layui-layer .layui-layer-title {
|
|
color: #37474f;
|
|
}
|
|
.layui-layer .layui-layer-setwin .layui-layer-min cite {
|
|
width: 12px;
|
|
}
|
|
.layui-layer .layui-layer-setwin .layui-layer-min:hover {
|
|
opacity: .7;
|
|
}
|
|
.layui-layer .layui-layer-setwin .layui-layer-min:hover cite {
|
|
background-color: #37474f;
|
|
}
|
|
.layui-layer .layui-layer-setwin .layui-layer-ico {
|
|
background-repeat: no-repeat;
|
|
background-position: center center;
|
|
-webkit-background-size: 16px 16px;
|
|
background-size: 16px 16px;
|
|
}
|
|
.layui-layer .layui-layer-setwin .layui-layer-ico:hover {
|
|
opacity: .7;
|
|
}
|
|
.layui-layer .layui-layer-setwin .layui-layer-max {
|
|
background-image: url("svg/maximize.svg");
|
|
}
|
|
.layui-layer .layui-layer-setwin .layui-layer-max.layui-layer-maxmin {
|
|
background-image: url("svg/restore.svg");
|
|
}
|
|
.layui-layer .layui-layer-setwin .layui-layer-close.layui-layer-close1 {
|
|
background-image: url("svg/close-1.svg");
|
|
-webkit-background-size: 18px 18px;
|
|
background-size: 18px;
|
|
}
|
|
.layui-layer .layui-layer-setwin .layui-layer-close.layui-layer-close2 {
|
|
background-color: #fff;
|
|
background-image: url("svg/close-2.svg");
|
|
-webkit-background-size: 30px 30px;
|
|
background-size: 30px;
|
|
border: solid 3px #fff;
|
|
border-radius: 50%;
|
|
}
|
|
.layui-layer .layui-layer-setwin .layui-layer-close.layui-layer-close2:hover {
|
|
opacity: .9;
|
|
}
|
|
.layui-layer .layui-layer-content .layui-layer-ico {
|
|
background: url("svg/icon-1.svg") no-repeat center center;
|
|
-webkit-background-size: cover;
|
|
background-size: cover;
|
|
}
|
|
.layui-layer .layui-layer-content .layui-layer-ico.layui-layer-ico2 {
|
|
background-image: url("svg/icon-2.svg");
|
|
}
|
|
.layui-layer .layui-layer-content .layui-layer-ico {
|
|
background: url("svg/icon-1.svg") no-repeat center center;
|
|
-webkit-background-size: cover;
|
|
background-size: cover;
|
|
}
|
|
.layui-layer .layui-layer-content .layui-layer-ico.layui-layer-ico3 {
|
|
background-image: url("svg/icon-3.svg");
|
|
}
|
|
.layui-layer .layui-layer-content .layui-layer-ico {
|
|
background: url("svg/icon-1.svg") no-repeat center center;
|
|
-webkit-background-size: cover;
|
|
background-size: cover;
|
|
}
|
|
.layui-layer .layui-layer-content .layui-layer-ico.layui-layer-ico4 {
|
|
background-image: url("svg/icon-4.svg");
|
|
}
|
|
.layui-layer .layui-layer-content .layui-layer-ico {
|
|
background: url("svg/icon-1.svg") no-repeat center center;
|
|
-webkit-background-size: cover;
|
|
background-size: cover;
|
|
}
|
|
.layui-layer .layui-layer-content .layui-layer-ico.layui-layer-ico5 {
|
|
background-image: url("svg/icon-5.svg");
|
|
}
|
|
.layui-layer .layui-layer-content .layui-layer-ico {
|
|
background: url("svg/icon-1.svg") no-repeat center center;
|
|
-webkit-background-size: cover;
|
|
background-size: cover;
|
|
}
|
|
.layui-layer .layui-layer-content .layui-layer-ico.layui-layer-ico6 {
|
|
background-image: url("svg/icon-6.svg");
|
|
}
|
|
.layui-layer .layui-layer-content .layui-layer-ico {
|
|
background: url("svg/icon-1.svg") no-repeat center center;
|
|
-webkit-background-size: cover;
|
|
background-size: cover;
|
|
}
|
|
.layui-layer .layui-layer-content .layui-layer-ico.layui-layer-ico7 {
|
|
background-image: url("svg/icon-7.svg");
|
|
}
|
|
.layui-layer .layui-layer-content .layui-layer-ico {
|
|
background: url("svg/icon-1.svg") no-repeat center center;
|
|
-webkit-background-size: cover;
|
|
background-size: cover;
|
|
}
|
|
.layui-layer .layui-layer-content .layui-layer-ico.layui-layer-ico8 {
|
|
background-image: url("svg/icon-8.svg");
|
|
}
|
|
.layui-layer.layui-layer-loading .layui-layer-loading0 {
|
|
background: url("svg/loading-0.svg") no-repeat center center;
|
|
-webkit-background-size: 58px auto;
|
|
background-size: 58px auto;
|
|
}
|
|
.layui-layer.layui-layer-loading .layui-layer-loading1 {
|
|
background: url("svg/loading-1.svg") no-repeat center center;
|
|
-webkit-background-size: 58px auto;
|
|
background-size: 58px auto;
|
|
}
|
|
.layui-layer.layui-layer-loading .layui-layer-loading2 {
|
|
background: url("svg/loading-2.svg") no-repeat center center;
|
|
-webkit-background-size: 58px auto;
|
|
background-size: 58px auto;
|
|
}
|
|
.layui-layer.layui-layer-msg {
|
|
border: none;
|
|
-webkit-box-shadow: 1px 1px 30px rgba(0, 0, 0, .1);
|
|
box-shadow: 1px 1px 30px rgba(0, 0, 0, .1);
|
|
}
|
|
.layui-layer.layui-layer-tab .layui-layer-title span.layui-this {
|
|
height: 42px;
|
|
}
|
|
.layui-layer.layui-layer-tab .layui-layer-tabmain {
|
|
padding: 1px;
|
|
list-style: none;
|
|
}
|
|
.layui-layer.layui-layer-page {
|
|
-webkit-box-shadow: 1px 1px 30px rgba(0, 0, 0, .1);
|
|
box-shadow: 1px 1px 30px rgba(0, 0, 0, .1);
|
|
}
|
|
.layui-layer.layui-layer-page:not(.layui-layer-photos) .layui-layer-content {
|
|
padding: 1px;
|
|
}
|
|
|
|
.layui-layer.layui-layer-photos .layui-layer-imgprev, .layui-layer.layui-layer-photos .layui-layer-imgnext {
|
|
width: 40px;
|
|
height: 60px;
|
|
background-repeat: no-repeat;
|
|
background-position: center center;
|
|
-webkit-background-size: 100% auto;
|
|
background-size: 100% auto;
|
|
border-radius: 3px;
|
|
opacity: .8;
|
|
}
|
|
.layui-layer.layui-layer-photos .layui-layer-imgprev:hover, .layui-layer.layui-layer-photos .layui-layer-imgnext:hover {
|
|
background-color: rgba(0, 0, 0, .3);
|
|
opacity: 1;
|
|
}
|
|
.layui-layer.layui-layer-photos .layui-layer-imgprev {
|
|
background-image: url("svg/prev.svg");
|
|
}
|
|
.layui-layer.layui-layer-photos .layui-layer-imgnext {
|
|
background-image: url("svg/next.svg");
|
|
}
|
|
.layui-layer.layui-layer-photos .layui-layer-imgbar {
|
|
background-color: rgba(0, 0, 0, .3);
|
|
} |