6,304
个编辑
小
无编辑摘要
小无编辑摘要 |
小无编辑摘要 |
||
| 第27行： | 第27行： | ||
font-size: small; | font-size: small; | ||
line-height: 1.5em; | line-height: 1.5em; | ||
} | |||
.songbox .byd{ | |||
grid-template-columns: 1fr 2fr 2fr 2fr 2fr; | |||
} | } | ||
| 第35行： | 第39行： | ||
} | } | ||
.label.light, | |||
.light > .label, | |||
.header | .light > #title, | ||
.light > .header { | |||
background-color: lightskyblue; | background-color: lightskyblue; | ||
| 第48行： | 第53行： | ||
.prs-data, | .prs-data, | ||
.pst-data, | .pst-data, | ||
.ftr-data { | .ftr-data, | ||
.byd-data { | |||
word-wrap: break-word; | word-wrap: break-word; | ||
border-bottom: 1px solid #eaecf0; | border-bottom: 1px solid #eaecf0; | ||
| 第59行： | 第65行： | ||
.prs-data, | .prs-data, | ||
.pst-data { | .pst-data, | ||
.byd > .ftr-data{ | |||
border-right: 1px solid #eaecf0; | border-right: 1px solid #eaecf0; | ||
} | } | ||
.data { | .data { | ||
grid-column: 2 / 5; | grid-column: 2 / 5; | ||
} | |||
.byd > .data{ | |||
grid-column: 2 / 6; | |||
} | } | ||
| 第82行： | 第95行： | ||
align-items: center; | align-items: center; | ||
justify-content: center; | justify-content: center; | ||
} | |||
.byd > .header{ | |||
grid-column: 1 / 6; | |||
} | } | ||
| 第88行： | 第105行： | ||
grid-column: 1 / 5; | grid-column: 1 / 5; | ||
} | } | ||
.byd > #top-image{ | |||
grid-column: 1 / 6; | |||
} | |||
#top-image,#right-image{ | #top-image,#right-image{ | ||
| 第102行： | 第124行： | ||
#title { | #title { | ||
font-size: large; | font-size: large; | ||
grid-column: 1 / | grid-column: 1 / 6; | ||
padding: 7px 10px; | padding: 7px 10px; | ||
max-width: 100%; | max-width: 100%; | ||
} | |||
.byd > #title { | |||
grid-column: 1 / 7; | |||
} | } | ||
| 第157行： | 第183行： | ||
grid-row: 2 / 25; | grid-row: 2 / 25; | ||
border-left: 1px solid #eaecf0; | border-left: 1px solid #eaecf0; | ||
} | |||
.byd > #right-image{ | |||
grid-column: 6 / 7; | |||
} | } | ||
| 第186行： | 第216行： | ||
display: block; | display: block; | ||
} | } | ||
.play-diff{ | .play-diff{ | ||
float:right; | float:right; | ||
} | |||
.date-box{ | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
flex-wrap: wrap; | |||
} | } | ||