注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5。
/* 曲目导航栏无框表格的修复 */
.navbox {
display: inline-block;
max-width: 100%;
overflow-x: auto;
white-space: nowrap;
}
.navbox-inner {
display: inline-block;
white-space: nowrap;
}
.navbox-subgroup {
display: inline-table;
white-space: normal;
}
/* 曲目信息和版本更新infobox的修复 */
.infobox {
padding-left: 13px;
}
@media (max-width: 510px) {
.infobox {
float: none;
margin-left: 0;
margin-bottom: 20px;
order: 0;
}
.citizen-section,
.mw-content-ltr {
display: flex;
flex-direction: column;
}
.citizen-section>p,
.mw-content-ltr>p {
width: 100%;
margin-top: 20px;
}
}
/* 首页home-card--button的修复 */
.home-card--button {
position: relative;
overflow: hidden;
}
.home-card__foreground {
height: 100%;
position: absolute;
left: 15px;
color: white;
line-height: 48px;
font-weight: bold;
user-select: none;
pointer-events: none;
z-index: 2;
}
.home-card__background::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
background: linear-gradient(90deg,
rgba(0, 0, 0, 1) 0%,
rgba(0, 0, 0, 0.4) 50%,
transparent 100%);
pointer-events: none;
z-index: 1;
}
/*红龙的神秘css*/
/* 标题链接换行 */
.citizen-page-heading {
display: flex;
flex-direction: column;
gap: 0.1rem;
}
.firstHeading-container {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 0.1rem;
}
.title-shortlink-container {
width: 100%;
order: 1;
}
#siteSub {
order: 2;
}
/* 首页背景缩放 */
#home-nav .home-card {
overflow: hidden;
position: relative;
}
#home-nav .home-card__background img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
transform-origin: center;
will-change: transform;
backface-visibility: hidden;
}
#home-nav .home-card:hover .home-card__background img {
transform: scale(1.07);
}