Template:我是歌手/styles.css
外观
/* 《我是歌手》及《歌手》系列节目相关条目的样式表文件 */
/* 本页面的目的在于将该系列条目中常用的诸如表格颜色等样式集中到一个统一的页面进行管理,以便最终实现「一次分发,统一应用」。 */
/* 关于深色模式下使用的样式表文件,请见[[:Template:我是歌手/darkmodestyles.css]] */
/* 赛果表样式 */
.iamasinger-legendbar {
/* 赛果表颜色指引 */
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
}
.iamasinger-returnsinger {
/* 逆战歌手身份标识牌 */
width: 1.6em;
height: 1.4em;
padding-bottom: 0.2em;
border-radius: 0.8em;
display: inline-block;
background: yellow;
font-size: 85%;
text-align: center;
}
.iamasinger-safe {
/* 安全 */
background: pink;
color: black;
}
.iamasinger-first {
/* 首位 */
background: blue;
color: white;
}
.iamasinger-bottom {
/* 末位 */
background: red;
color: white;
}
.iamasinger-el {
/* 淘汰 */
background: grey;
color: white;
}
.iamasinger-return {
/* 返场表演 */
background: #F89B40;
color: black;
}
.iamasinger-intl {
/* 襲榜歌手 */
background: #CCCCCC;
color: black;
}
.iamasinger-challenger {
/* 踢馆(挑战/奇袭/揭榜/冲榜)歌手 */
background: #92D3DA;
color: black;
}
.iamasinger-ts {
/* 奇袭获胜 */
background: #73BD28;
color: black;
}
.iamasinger-cs {
/* 踢馆(挑战/奇袭/揭榜/冲榜)成功 */
background: #994299;
color: white;
}
.iamasinger-cf {
/* 踢馆(挑战/奇袭/揭榜/冲榜)失败 */
background: tan;
color: black;
}
.iamasinger-bs {
/* 复活 or 突围成功 */
background: #C697F3;
color: black;
}
.iamasinger-bf {
/* 未复活 or 突围失败 */
background: #7FFFD4;
color: black;
}
.iamasinger-winner {
/* 歌王 */
background: lime;
color: black;
}
.iamasinger-other {
/* 其他名次 */
background: yellow;
color: black;
}
.iamasinger-absent {
/* 缺席 */
background: #F25B40;
color: black;
}
.iamasinger-wd {
/* 退赛 */
background: black;
color: white;
}
/* 赛程表样式 */
.iamasinger-s01,
.iamasinger-s02,
.iamasinger-s03,
.iamasinger-s04,
.iamasinger-s05,
.iamasinger-s06,
.iamasinger-s07,
.iamasinger-s08,
.iamasinger-s09 {
text-align: center;
}
.iamasinger-s01 th,
.iamasinger-s01 tr.ratingstable-header,
td.iamasinger-s01 {
background: #ABF8B2; /* 第一季表格标题色 */
}
.iamasinger-s02 th,
.iamasinger-s02 tr.ratingstable-header,
td.iamasinger-s02 {
background: #8B8EDE; /* 第二季表格标题色 */
}
.iamasinger-s03 th,
.iamasinger-s03 tr.ratingstable-header,
td.iamasinger-s03 {
background: gold; /* 第三季表格标题色 */
}
.iamasinger-s04 th,
.iamasinger-s04 tr.ratingstable-header,
td.iamasinger-s04 {
background: #73B839; /* 第四季表格标题色 */
}
.iamasinger-s05 th,
.iamasinger-s05 tr.ratingstable-header,
td.iamasinger-s05 {
background: #3399FF; /* 第五季表格标题色 */
}
.iamasinger-s06 th,
.iamasinger-s06 tr.ratingstable-header,
td.iamasinger-s06 {
background: #99CCFF; /* 第六季表格标题色 */
}
.iamasinger-s07 th,
.iamasinger-s07 tr.ratingstable-header,
td.iamasinger-s07 {
background: #AA7F54; /* 第七季表格标题色 */
}
.iamasinger-s08 th,
.iamasinger-s08 tr.ratingstable-header,
td.iamasinger-s08 {
background: orange; /* 第八季表格标题色 */
}
.iamasinger-s09 th,
.iamasinger-s09 tr.ratingstable-header,
td.iamasinger-s09 {
background: silver; /* 第九季表格標題色 */
}
.iamasinger-table-header {
font-size: 10pt;
}
.iamasinger-table-footnotes {
font-size: 9pt;
}
/* 导航模板样式 */
.singerbox .navbox-subgroup .navbox-title {
font-size: 85%;
line-height: 1.8em;
}
.singerbox .navbox-title {
background: gold; /* Level 1 color */
}
.singerbox .navbox-abovebelow,
.singerbox .navbox-group,
.singerbox .navbox-subgroup .navbox-title {
background: #FFEB88; /* Level 2 color */
}
.singerbox .navbox-subgroup .navbox-group,
.singerbox .navbox-subgroup .navbox-abovebelow {
background: #FFFBCE; /* Level 3 color */
}