128 lines
5.4 KiB
CSS
128 lines
5.4 KiB
CSS
.layui-table-cell {height: auto; }
|
|
.like-layui-collapse {
|
|
border-width: 1px;
|
|
border-style: dashed;
|
|
border-radius: 2px;
|
|
border-color: #c4c4c4;
|
|
}
|
|
.like-layui-colla-title {
|
|
position: relative;
|
|
height: 42px;
|
|
line-height: 42px;
|
|
padding: 0 15px 0 35px;
|
|
color: #333;
|
|
background-color: #ffffff;
|
|
cursor: pointer;
|
|
font-size: 14px;
|
|
overflow: hidden;
|
|
}
|
|
.like-layui-colla-title:hover {
|
|
color: #2ba1fc;
|
|
}
|
|
|
|
|
|
.like-layui-form-label{
|
|
margin: 20px;
|
|
padding-left: 5px;
|
|
border-left: solid #2ba1fc 8px;
|
|
text-align: left;
|
|
width: 100px
|
|
}
|
|
.like-layui-elem-quote {
|
|
margin-bottom: 10px;
|
|
padding: 15px;
|
|
line-height: 22px;
|
|
border-left: 5px solid #2ba1fc;
|
|
border-radius: 0 2px 2px 0;
|
|
background-color: #f2f2f2;
|
|
}
|
|
|
|
.layui-form-select dl dd.layui-this {
|
|
background-color: #1E9FFF;
|
|
}
|
|
|
|
.layui-form-onswitch {
|
|
border-color: #1E9FFF;
|
|
background-color: #1E9FFF;
|
|
}
|
|
|
|
.layui-laypage .layui-laypage-curr .layui-laypage-em {
|
|
position: absolute;
|
|
left: -1px;
|
|
top: -1px;
|
|
padding: 1px;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: #1E9FFF;
|
|
}
|
|
|
|
.info_footer {
|
|
text-align: center;
|
|
bottom: 20px;
|
|
left: 40%;
|
|
font-size:14px;
|
|
color:rgba(112,112,112,1);
|
|
font-weight:400;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
|
|
/** 按钮样式 **/
|
|
.layui-form-radioed>i {
|
|
color: #1E9FFF;
|
|
}
|
|
.layui-form-radio>i:hover, .layui-form-radioed>i {
|
|
color: #1E9FFF;
|
|
}
|
|
.layui-form-checked[lay-skin=primary] i {
|
|
border-color: #1E9FFF!important;
|
|
background-color: #1E9FFF;
|
|
color: #fff;
|
|
}
|
|
.layui-form-checkbox[lay-skin=primary]:hover i {
|
|
border-color: #1E9FFF;
|
|
color: #fff;
|
|
}
|
|
.layui-btn-primary:hover {
|
|
border-color: #1E9FFF;
|
|
color: #333;
|
|
}
|
|
.layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed > i{
|
|
color: #1E9FFF;
|
|
}
|
|
|
|
|
|
|
|
/** 文件仓库 FZR **/
|
|
.file-manager { display: flex; justify-content: flex-start; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color: #FFFFFF; }
|
|
.file-manager .layui-icon-file:before { content: "\e623"; }
|
|
.file-manager .cate-tree-more { width: 150px; flex-shrink: 0; border-right: 1px #EEEEEE solid; }
|
|
.file-manager .gallery { flex: 1; }
|
|
.file-manager .warehouse:after { content: ""; height: 0; line-height: 0; display: block; visibility: hidden; clear: both; }
|
|
.file-manager .warehouse li { cursor: pointer; width: 120px; height: 127px; float: left; margin: 5px 0 0 10px; text-align: center; position: relative; border-radius: 5px; border: 2px solid #EEEEEE; }
|
|
.file-manager .warehouse li:hover { border-radius: 5px; background-color: #f1f5fa; }
|
|
.file-manager .warehouse li.on { border-radius: 5px; border: 2px solid #3B91FF; background-color: #f1f5fa; }
|
|
.file-manager .warehouse .file-icon { position: relative; margin: 9px auto 0; width: 84px; height: 84px; background-repeat: no-repeat; overflow: hidden; }
|
|
.file-manager .warehouse .file-image { width: 100%; height: 100%; vertical-align: middle; }
|
|
.file-manager .warehouse .file-name { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 6px 5px 5px; }
|
|
.file-manager .footer { display: flex; justify-content: space-between; height: 55px; min-height: 55px; align-items: center; padding: 0 30px; position: fixed; bottom: 0; left: 201px; right: 0; border-top: 1px solid #EEEEEE; background-color: #FFFFFF; }
|
|
.file-manager .footer #page { margin: 0 20px; }
|
|
.file-manager .empty { width: 100%; text-align: center; margin-top: 70px; }
|
|
.file-manager .empty i { font-size:120px; color:#EEEEEE; }
|
|
.file-manager .empty p {font-size: 14px; margin-top: 20px; color:#999; }
|
|
|
|
/** 图片上传容器 FZR **/
|
|
.like-upload-image:after { content: ""; height: 0; line-height: 0; display: block; visibility: hidden; clear: both; }
|
|
.upload-image-div, .upload-image-elem { position: relative; height: 80px; width: 80px; float: left; opacity: 1; margin: 4px; text-align: center; border: 1px dashed #a0a0a0; background-image: url(/static/admin/images/image.png); background-repeat: no-repeat; background-position: 50% 35%; }
|
|
.upload-image-div:hover .del-upload-btn { visibility: visible; }
|
|
.upload-image-div img { width: 100%; height: 100%; box-sizing: border-box; }
|
|
.add-upload-image { cursor: pointer; position: absolute; z-index: 100; top: 58px; right: -10%; width: 100px; height: 20px; font-size: 8px; line-height: 16px; text-align: center; border-radius: 10px; color: #4e8bff; }
|
|
.del-upload-btn { visibility: hidden; display: flex; align-items: center; justify-content: center; position: absolute; z-index: 100; top: -11px; right: -9px; width: 20px; height: 20px; cursor: pointer; font-size: 14px; color: #FFFFFF; border-radius: 50%; background: hsla(0, 0%, 60%, .6); }
|
|
|
|
/* 视频上传容器 */
|
|
.like-upload-video:after { content: ""; height: 0; line-height: 0; display: block; visibility: hidden; clear: both; }
|
|
.upload-video-div, .upload-video-elem { position: relative; height: 80px; width: 80px; float: left; opacity: 1; margin: 4px; text-align: center; border: 1px dashed #a0a0a0; background-image: url(/static/lib/layui/images/other/video.png); background-repeat: no-repeat; background-position: 50% 35%; }
|
|
.upload-video-div:hover .del-upload-btn { visibility: visible; }
|
|
.upload-video-div video { width: 100%; height: 100%; box-sizing: border-box; }
|
|
.add-upload-video { cursor: pointer; position: absolute; z-index: 100; top: 58px; right: -10%; width: 100px; height: 20px; font-size: 8px; line-height: 16px; text-align: center; border-radius: 10px; color: #4e8bff; }
|