1
 /* 头像自动缩放 */
2
#leftbar_overview_author_image {
3
width: 100px;
4
height: 100px;
5
margin: auto;
6
background-position: center;
7
background-repeat: no-repeat;
8
background-size: cover;
9
background-color: rgba(127, 127, 127, 0.1);
10
overflow: hidden;
11
box-shadow: 0 0 5px rgba(116, 8, 204, 0.3);
12
transition: transform 0.3s ease;
13
/*变化速度*/
14
}
15
#leftbar_overview_author_image:hover {
16
transform: scale(1.2);
17
/*缩放大小*/
18
}
19
/*控制字重*/
20
p{
21
font-weight: normal
22
}
23
/*顶栏展开项的字体颜色*/
24
.dropdown-item{
25
color:#525f7f
26
}
27
/*图片样式*/
28
.wp-block-image img{
29
box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07) !important;
30
border-radius: var(--card-radius);
31
}
32
.fancybox-wrapper > img{
33
border-radius: var(--card-radius);
34
box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07) !important;
35
}
36
.shuoshuo-preview-container img{
37
box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07) !important;
38
}
39
/*顶栏圆角*/
40
@media screen and (orientation: landscape){
41
#navbar-main {
42
margin-left: 10px;
43
margin-right: 10px;
44
margin-top: 5px;
45
width: 98.80%;
46
border-radius: var(--card-radius) var(--card-radius) var(--card-radius) var(--card-radius);
47
display: inline-block;
48
}
49
}
50
@media screen and (orientation: portrait) {
51
#navbar-main {
52
margin-left: 10px;
53
margin-right: 10px;
54
margin-top: 5px;
55
width: 96%;
56
border-radius: var(--card-radius) var(--card-radius) var(--card-radius) var(--card-radius);
57
display: inline-block;
58
}
59
}
60
/*侧边栏遮罩模糊*/
61
@media screen and (max-width: 900px) {
62
#sidebar_mask {
63
backdrop-filter: blur(12px);
64
}
65
}
66
/* 封面白云效果 */
67
.banner-title::before {
68
content: \'\';
69
position: absolute;
70
top: 0;
71
left: 50%;
72
bottom: 0;
73
right: 0;
74
transform:translatex(-50%);
75
max-width:500px;
76
z-index: -100;
77
background:black;
78
filter: blur(30px);
79
opacity: 0.2;
80
}