本站页面(多半)转载自萌娘百科的同名页面,依CC BY-NC-SA 3.0引入,贡献者可以在历史页查询。
因各种原因页面内容可能和源页面有所出入,非本站特有页面内容请以萌娘百科为准。
因各种原因页面内容可能和源页面有所出入,非本站特有页面内容请以萌娘百科为准。
- 你好~!欢迎来到萌娘百科镜像站!如需查看或编辑,请联系本站管理员注册账号。
- 本镜像站和其他萌娘百科的镜像站无关,请注意分别。
Module:Sandbox/BearBin/List163/style.css
< Module:Sandbox | BearBin | List163
跳到导航
跳到搜索
/* 总体 -------------------- */ .list163 { max-width: 1600px; background-color: #fff; cursor: default; font-size: .8125rem; } /* 信息 -------------------- */ .list163-top { display: flex; column-gap: .3em; padding: 1em; overflow: hidden; } .list163-info { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; } .list163-cover { flex-shrink: 0; width: 180px; height: 180px; overflow: hidden; border: 1px solid #f3f3f3; } .list163-cover img { object-fit: cover; object-position: 50%; width: 100%; height: 100%; } .list163-name { font-size: 1.5em; font-weight: 700; } .list163-creator { display: flex; align-items: center; } .list163-creator>img { width: 24px; border-radius: 50%; } .list163-action { font-size: 1.214em; white-space: nowrap; } .list163-action>div { display: inline-flex; box-sizing: border-box; margin-right: .3em; padding: .5em 1em; border-radius: 2em; line-height: 1em; border: 1px solid #ddd; white-space: nowrap; cursor: pointer; } .list163-action>div.list163-playall { background-color: #39afea; border: 1px solid #39afea; color: #fff; } .list163-action>div:hover { background-color: #f2f2f2; } .list163-action>div.list163-playall:hover { background-color: #229bd4; border: 1px solid #229bd4; } .list163-brief { display: flex; justify-content: space-between; } /* 列表行 -------------------- */ .list163-row { display: flex; justify-content: space-between; width: 100%; } .list163-row:nth-child(2n) { background-color: #fafafa; } .list163-row:hover { background-color: #f2f2f3; } /* 单元格 -------------------- */ .list163-row>div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 7px; } .list163-song-no { flex: 0 0 2em; text-align: right; } .list163-song-action { flex: 0 0 3em; text-align: center; } .list163-song-title { flex: .8 1 6em; } .list163-song-artist { flex: 1 1 3em } .list163-song-cd { flex: 1 1 4em } .list163-song-length { flex: 0 0 3.5em; } /* 文字 -------------------- */ .list163-top, .list163-row, .list163-row a:hover { color: #111; } .list163 a { color: inherit; text-decoration: none; } .list163-creator a { color: #527eb0; } .list163-creator a:hover { color: #145eb3; } .list163-song-artist, .list163-song-cd { color: #6d6d6d; } .list163 .list163-header, .list163-song-no, .list163-song-length { color: #898989; }