Adams 主题自定义 CSS 记录

/ 417 阅读 / 0

好记性不如烂笔头,免得到时候又找不到需要的痕迹信息。而且我不是专业人士,就是兴趣使然,所以在代码方面肯定有许多不正确的地方,如果你有需要就拿去用,就这样吧。

20220216/Adams 主题自定义 css

主要新增内容如下:

下载按钮

直达按钮

提示按钮

本文引用自:
大风起兮云飞扬,威加海内兮归故乡,安得猛士兮守四方!

此为标题,也可作为引用使用。

步骤标签


具体代码如下:

/*按钮样式开始*/
.btn-dl, .btn-zd, .btn-dh {
    width: auto;
    max-width: none;
    padding: 10px 16px !important;
    margin-bottom: 0;
    border: none;
    color: #FFF !important;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    text-decoration: none !important;
}

.btn-dl {background: #3498db;font-weight: 600;}
.btn-zd {background: #27ae60;font-weight: 600;}
.btn-dh {background: #393f56;font-weight: 600;}

.btn-dl:hover, .btn-zd:hover, .btn-dh:hover {
    cursor: pointer;
    color: #FFF;
}

.btn-dl:hover {background-color: #2980b9;}
.btn-zd:hover {background-color: #229854;}
.btn-dh:hover {background-color: #ff3347;}

.btn-dl:active, .btn-zd:active, .btn-dh:active {
    top: 1px;
    position: relative;
}
a:active, a:focus, a:hover{
    text-decoration: none;
}
/*按钮样式结束*/
/*文章引用标注*/
.bzyy {
    margin-bottom: 30px;
    padding:1.5rem 2.5rem;
    border-radius: 5px; 
    background-color: rgba(189, 202, 219, 0.3);
}
.btk1 {
    margin-bottom: 30px;
    padding: 10px 18px;
    border-left: 8px solid rgba(189, 202, 219, 0.3);
}
.step {
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    background-color: rgba(189, 202, 219, 0.3);
    padding: 10px 30px;
    display: inline-block;
}