3,383
个编辑
小
编辑“用户:Salt_lovely/沙盒/投票箱/style.css” // 维基盐编辑器
（样式拆分） |
小 （编辑“用户:Salt_lovely/沙盒/投票箱/style.css” // 维基盐编辑器） |
||
| （未显示同一用户的1个中间版本） | |||
|
/* 不展示的部分 */
.salt-vote-container .salt-vote-color,
.salt-vote-container .salt-vote-
display: none;
}
}
.salt-vote-container .salt-vote-options li {
display:
border-left: 4px solid var(--vote-color, #ab8749);▼
}
cursor: pointer;
}
.salt-vote-container .salt-vote-options li,
.salt-vote-container .salt-vote-options .salt-vote-option-content,
.salt-vote-container .salt-vote-options .salt-vote-desc {
position: relative;
width: 100%;
justify-content: flex-start;▼
align-items: center;▼
▲ margin: 0 0 2px 0;
}
/* 列表本身的背景 */
▲.salt-vote-container .salt-vote-options li::before {
.salt-vote-container .salt-vote-options li::before,
.salt-vote-container .salt-vote-options li .salt-vote-option-count,
.salt-vote-container .salt-vote-options li .salt-vote-option-count::before {
content: "";
position: absolute;
right: 0;
background-color: var(--vote-color, #ab8749);
opacity: 0;▼
z-index: -1;
}
.salt-vote-container .salt-vote-options li::before {
▲ opacity: 0;
}
.salt-vote-container .salt-vote-options li:hover::before {
opacity: 0.1;
}
.salt-vote-container .salt-vote-options li .salt-vote-option-count {
display: flex;
flex-wrap: nowrap;
justify-content: flex-end;
▲ align-items: center;
padding-right: 0.5rem;
background-color: transparent;
pointer-events: none;
opacity: 0.5;
}
.salt-vote-container .salt-vote-options li .salt-vote-option-count::before {
width: var(--vote-percent, 0);
left: auto;
opacity: 0.2;
}
/* .salt-vote-container .salt-vote-options li:hover .salt-vote-option-count {
opacity: 0.1;
} */
/* 选项主体部分 */
.salt-vote-container .salt-vote-options .salt-vote-option-content {
display: flex;
▲ justify-content: flex-start;
align-items: center;
}
.salt-vote-container .salt-vote-options li .salt-vote-option {
padding: 0.5rem 1rem;
text-align: center;
▲ border-left: 4px solid var(--vote-color, #ab8749);
font-size: 1rem;
}
.salt-vote-container .salt-vote-options li .salt-vote-voter a:hover::before {
opacity: 0.2;
}
/* 选项描述样式 */
.salt-vote-container .salt-vote-options .salt-vote-desc {
height: 0;
padding: 0.5rem 1rem;
margin: -1rem 0 0 0;
opacity: 0;
pointer-events: none;
overflow: hidden;
transition: all 0.2s ease;
box-sizing: border-box;
}
.salt-vote-container .salt-vote-options .salt-vote-desc.show {
height: var(--height, auto);
max-height: 90wh;
margin: 0 0 0 0;
opacity: 1;
pointer-events: auto;
}
| |||