3,389
个编辑
MCBBS Wiki欢迎您共同参与编辑！在参与编辑之前请先阅读Wiki方针。
如果在编辑的过程中遇到了什么问题，可以去讨论板提问。
为了您能够无阻碍地参与编辑 未验证/绑定过邮箱的用户，请尽快绑定/验证。
MCBBS Wiki GitHub群组已上线！
您可以在回声洞中发表吐槽！
服务器状态监控。点击进入
本站由MCBBS用户自行搭建，与MCBBS及东银河系漫游指南（北京）科技有限公司没有从属关系。点此了解 MCBBS Wiki 不是什么>>
用户:Salt lovely/沙盒/投票箱：修订间差异
跳到导航
跳到搜索
小
改成模板
Salt lovely（留言 | 贡献） （先搭建一个框架） |
Salt lovely（留言 | 贡献） 小 （改成模板） |
||
| 第1行： | 第1行： | ||
<div class="salt-vote-container not-init"> | <div class="salt-vote-container not-init"> | ||
<div class="salt-vote-color"></div> | <div class="salt-vote-color"></div> | ||
<div class="salt-vote-title">{{{title|投票统计}}}</div>{{#if: {{{subtitle|}}} | <div class="salt-vote-subtitle">{{{subtitle|}}}</div> | }} | |||
{{#if: {{{subtitle|}}} | <div class="salt-vote-subtitle">{{{subtitle|}}}</div> | }} | |||
<div class="salt-vote-bar"></div> | <div class="salt-vote-bar"></div> | ||
{{#forargs: # | |||
| _k | | _k | ||
| _v | | _v | ||
| <nowiki></nowiki> | | <nowiki></nowiki> | ||
* <div class="salt-vote-option">{{#var: _k }}</div><div class="salt-vote-voter">{{#var: _v }}</div> | * <div class="salt-vote-option">{{#var: _k }}</div><div class="salt-vote-voter">{{#var: _v }}</div> | ||
}} | }}</div> | ||
</div> | |||
{{CSS|1= | {{CSS|1= | ||
.salt-vote-container { | .salt-vote-container { | ||
| 第37行： | 第29行： | ||
color: #333a; | color: #333a; | ||
} | } | ||
.salt-vote-container .salt-vote-bar { | |||
display: flex; | |||
align-items: center; | |||
width: 100%; | |||
height: 1rem; | |||
margin: 0 0 0 1rem; | |||
} | |||
.salt-vote-container .salt-vote-bar .salt-vote-bar-item { | |||
position: relative; | |||
height: 100%; | |||
line-height: 100%; | |||
text-align: center; | |||
transition: 240ms ease; | |||
text-shadow: 0 0 8px #fff; | |||
} | |||
.salt-vote-container .salt-vote-bar .salt-vote-bar-item:hover { | |||
text-shadow: 0 0 8px #fff,0 0 8px #fff,0 0 16px #fff,0 0 16px #fff; | |||
} | |||
.salt-vote-container .salt-vote-bar .salt-vote-bar-item::before { | |||
content: ''; | |||
position: absolute; | |||
top: 25%; | |||
bottom: 25%; | |||
left: 0; | |||
right: 0; | |||
background-color: var(--vote-color, #ab8749); | |||
opacity: .5; | |||
transition: 240ms ease; | |||
z-index: -1; | |||
} | |||
.salt-vote-container .salt-vote-bar .salt-vote-bar-item:hover::before { | |||
top: 0; | |||
bottom: 0; | |||
opacity: 1; | |||
} | |||
.salt-vote-container .salt-vote-color { | .salt-vote-container .salt-vote-color { | ||
display: none; | display: none; | ||
} | } | ||
.salt-vote-container ul { | .salt-vote-container ul { | ||
display: flex; | display: flex; | ||