B2主题美化-下载样式美化

B2PRO主题

版本:3.4.2
图片[1]-B2主题美化-下载样式美化-岸边IBIAN

操作示例:

代码一:

在主题CSS引入如下代码:

其中的数值 按自己的需要来修改

/** 下载卡片 */
.download-item {
    padding: 40px;
    margin-top: 60px;
    background: #f7f7f7;
    border: 1px solid #f7f7f7;
    box-shadow: inset 1px 1px 0px #f5f3f3, inset 1px 1px 4px #ffffff;
}

.download-rights {
    background: linear-gradient(225.08deg,#ffffff 0%,#f7f7f7 96.09%);
    box-shadow: 0px 2px 8px #c1c1c1;
}

.download-info {
    background: linear-gradient(225.08deg,#f7f7f7 0%,#ffffff 96.09%);
    box-shadow: 0px 2px 8px #c1c1c1;
}

.download-info ul {
    display: flex;
    flex-flow: wrap;
    padding: 10px;
    margin: 0;
    list-style: none;
}

.post-style-6 .download-current {
    background: rgb(255, 255, 255);
    box-shadow: 0px 0px 2px #a2a2a2, inset 0px 2px 3px #e4e4e4;
}

.download-rights ul li {
    border-top: 1px dashed #2a2c31;
}

.entry-content .button:hover {
    background: linear-gradient(225.87deg,#6de6b3 2.76%,#2abd80 94.28%);
    box-shadow: 1px 1px 0px #f7f7f7, -1px -1px 1px #f7f7f7;
    color: #fff;
}

.download-button-box a:hover {
    color: #fff !important;
}

.download-list.gujia .gujia-bg {
    background-color: #252627;
}

.download-list.gujia .download-button-box div {
    background-color: #252627;
}

.lv-icon.user-lv i {
    padding: inherit;
    margin-left: 0;
}

THE END
点赞0赞赏 分享
抢沙发
头像
提交
头像

昵称

取消
昵称表情

    暂无评论内容