META-INF.resources.demo.style.css.common.css Maven / Gradle / Ivy

Go to download
.mb20{margin-bottom: 20px;}
.mt20{margin-top: 20px;}
.left{float: left;}
.right{float: right;}
.none{display: none;}
.clearfix:after {content: ''; height: 0; line-height: 0; display: block; visibility: hidden; clear: both;}

/* 按钮颜色 */
.btn-blue{background: #409eff; border-color: #409eff; color: #fff;}
.btn-blue:hover{background: #66b1ff; border-color: #66b1ff; color: #fff;}

.div-btn{margin-bottom: 20px;}
.div-btn button{display: inline-block; margin-right: 10px;}

/* 图片上传预览 */
.div-upload{position: relative;}
.btn-file{width: 82px; height: 34px; position: absolute; top: 0; left: 0; opacity: 0; z-index: 99;}
.btn-file2{width: 150px; height: 150px;}


/* 人脸框 */
#preview{position: relative; width: 100%; height: 100%;}
.preview img{max-width: 100%; max-height: 100%;}
.drawDiv{position: absolute; border: 2px solid #a64ceb; cursor: pointer;}
.piontDiv{position: absolute; width: 20px; height: 20px; background: url(../images/icon3.png);}

/* 对比 */
.prevPic{width: 100%; position: relative; margin-top: 20px;}
.div-center{margin: 0 50px;}
.picStr{display: none;}
.tab-div{border: 1px solid #337ab7; padding: 20px 10px;}
.tab-pane>div.left{width: 295px; margin: 0 3.4%;}
.div-center{display: flex; justify-content: center; /* 水平居中 */	align-items: center; /*垂直居中*/}
.div-center>div{overflow: hidden; word-wrap: break-word;}
.drawDiv>p{width: 100%; background-color: #a64ceb; color: #fff; text-align: center;}

/* 提示语 */
.box{width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: none; background: rgba(0, 0, 0, 0.4);}
.msg{position: absolute; border-radius: 4px; padding: 10px 20px; background: #fff; top: 50%; color: #409eff; left: 50%; transform: translate(-50%, -50%); display: inline-block;}


.tips{padding: 10px 10px 0; border: 1px dashed #ccc; margin-bottom: 10px; background: #fefBe4;}
.tips-hover{position: absolute; width: 402px; top: -150px; display: none; z-index: 100;}

.otherPos{position: absolute; width: 16px; height: 16px; background:url(../images/icon4.png); border-radius: 50%;}
.div-upload .closeBtn{display: none;}