2019-06-06 15:07:21 +08:00

99 lines
2.2 KiB
HTML

<style>
.label-required:after {
content: ''
}
.news-left.layui-card .layui-card-header, .news-right.layui-card .layui-card-header {
border: none;
background: #eee
}
.news-left.layui-card .layui-card-body, .news-right.layui-card .layui-card-body {
margin-bottom: 30px;
border: 1px solid #eee
}
.news-left {
left: 20px;
width: 300px;
position: absolute
}
.news-right {
left: 330px;
right: 20px;
overflow: hidden;
position: absolute
}
.news-left .news-item {
width: 280px;
height: 150px;
cursor: pointer;
max-width: 270px;
overflow: hidden;
position: relative;
border: 1px solid #ccc;
background-size: cover;
background-position: center center
}
.news-left .news-item.active {
border: 1px solid #44b549 !important
}
.news-left .article-add {
color: #999;
display: block;
font-size: 22px;
text-align: center
}
.news-left .article-add:hover {
color: #666
}
.news-left .news-title {
bottom: 0;
color: #fff;
width: 272px;
display: block;
padding: 0 5px;
max-height: 6em;
overflow: hidden;
margin-left: -1px;
position: absolute;
text-overflow: ellipsis;
background: rgba(0, 0, 0, .7)
}
.news-left .news-item a {
color: #fff;
width: 30px;
height: 30px;
float: right;
font-size: 12px;
margin-top: -1px;
line-height: 34px;
text-align: center;
margin-right: -1px;
background-color: rgba(0, 0, 0, .5)
}
.news-left .news-item:hover a {
display: inline-block !important
}
.news-left .news-item a:hover {
text-decoration: none;
background-color: #0C0C0C
}
.news-right .upload-image-box {
width: 130px;
height: 90px;
background: url(__ROOT__/static/plugs/uploader/theme/image.png) no-repeat center center;
background-size: cover;
border: 1px solid rgba(125, 125, 125, .1)
}
</style>