Give me five !

@media only screen and (max-width: 360px) {
#friedsGroup {
grid-template-columns:1fr!important;
}

}
#MySignature{
    display:none!important;
}

#app a,#card a{
    color:inherit;
}

#friedsGroup {
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-gap:20px;
}

.friends {
    /*margin-bottom: 20px;*/
    width: 100%;
    display: inline-grid;
}

.friendCard {
    border-radius: 8px;
    padding: 20px;
    border: 1px solid rgba(120, 130, 140, 0.13);
}

.friendCard:hover {
    box-shadow: 6px 11px 41px -28px #a99de7;
}

.friendCard img {
    width: 70px !important;
    height: 70px !important;
    float: left;
    margin-right: 20px !important;
}

.friendCard .name {
    margin: 0 0 10px 0 !important;
    font-size: 20px;
    font-weight: 700;
}

.friendCard .sign {
    margin: 0 !important;
    font-size: 16px;
    color: var(--TextColor2);
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /*white-space: nowrap;*/
}
.post .postBody .cnblogs-markdown a {
    font-weight: unset !important;
    margin: unset !important;
}
.post .postBody blockquote {
    border-left: unset !important;
    text-align: center;

}

/* 友链框*/

card {

background-color: var(--BlockColor);
border-radius: 8px;
width: 100%;
margin: 20px 0;
border: 1px solid rgba(120, 130, 140, 0.13);

}

card:hover {

box-shadow: 6px 11px 41px -28px #a99de7;

}

card p {

margin: 0 !important;

}

proBody center {

background: rgba(0, 0, 0, .6);
padding: 20px;
border-radius: 8px 8px 0 0;

}

proBody {

background-color: #000;
filter: Alpha(opacity=80);
border-radius: 8px 8px 0 0;
background-image: url(https://img2018.cnblogs.com/blog/1489774/201911/1489774-20191115181738072-2067895519.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;

}

proBody img {

width: 100px;
object-fit: cover;
border-radius: 50%;

}

proBody .name {

font-size: 28px;
color: white;
font-weight: 700;

}

proBody .sign {

/*color: #8898aa;*/
color: white;

}

proBody .contact {

background-color: #4d7cff;
width: 200px !important;
color: white;
margin: 20px 0;
padding: 10px 20px;
border: 1px solid #4d7cff;
border-radius: 80px;
outline: none;

}

proBody .contact:hover {

opacity: 0.8;

}

proFooter {

columns: 3;
padding: 20px;
text-align: center;
border-top: 1px solid rgba(120, 130, 140, 0.13);

}

proFooter ul {

margin-left: 0 !important;

}

proFooter li {

list-style: none !important;
line-height: 2;

}

proFooter li:nth-child(1),

proFooter li:nth-child(2) {

border-right: 1px solid rgba(120, 130, 140, 0.13);

}

茫茫人海，相逢即是缘，感谢遇见 (゜-゜)つロ 干杯~

友情链接

{{friend.blogName}}

{{friend.blogSign}}

申请友链

在本页下方评论一下信息就好啦，记得先添加一下本博客鸭。

序号	字段内容	示例
1	博客昵称	雨沐心田
2	博客地址	https://leixbo.cnblogs.com/
3	博客头像	https://images.cnblogs.com/cnblogs_com/leixbo/1645621/o_200218101707ta.png
4	个性签名	"优雅 高可用 健壮性"

复制下方代码，替换个人信息

    {
        blogName:'雨沐心田',
        blogUrl:'https://leixbo.cnblogs.com/',
        avatarUrl: 'https://images.cnblogs.com/cnblogs_com/leixbo/1645621/o_200218101707ta.png',
        blogSign: '优雅 高可用 健壮性'
    },