本文最后更新于 294 天前,其中的信息可能已经有所发展或是发生改变。
博客,本是记录生活的,如果花太多时间在美化上,就是一种本末倒置!
以下是本站对主题的一些美化,并不全是我所写,感谢其他美化作者!
/* 头像自动缩放 */
#leftbar_overview_author_image {
width: 100px;
height: 100px;
margin: auto;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-color: rgba(127, 127, 127, 0.1);
overflow: hidden;
box-shadow: 0 0 5px rgba(116, 8, 204, 0.3);
transition: transform 0.3s ease;
/*变化速度*/
}
#leftbar_overview_author_image:hover {
transform: scale(1.2);
/*缩放大小*/
}
/*控制字重*/
p{
font-weight: normal
}
/*顶栏展开项的字体颜色*/
.dropdown-item{
color:#525f7f
}
/*图片样式*/
.wp-block-image img{
box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07) !important;
border-radius: var(--card-radius);
}
.fancybox-wrapper > img{
border-radius: var(--card-radius);
box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07) !important;
}
.shuoshuo-preview-container img{
box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07) !important;
}
/*顶栏圆角*/
@media screen and (orientation: landscape){
#navbar-main {
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
width: 98.80%;
border-radius: var(--card-radius) var(--card-radius) var(--card-radius) var(--card-radius);
display: inline-block;
}
}
@media screen and (orientation: portrait) {
#navbar-main {
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
width: 96%;
border-radius: var(--card-radius) var(--card-radius) var(--card-radius) var(--card-radius);
display: inline-block;
}
}
/*侧边栏遮罩模糊*/
@media screen and (max-width: 900px) {
#sidebar_mask {
backdrop-filter: blur(12px);
}
}
/* 封面白云效果 */
.banner-title::before {
content: '';
position: absolute;
top: 0;
left: 50%;
bottom: 0;
right: 0;
transform:translatex(-50%);
max-width:500px;
z-index: -100;
background:black;
filter: blur(30px);
opacity: 0.2;
}



