模板:切换显示按钮/togglestyle.css:修订间差异
外观
Willson-v-(留言 | 贡献) 建立内容为“.textToggleDisplayButtons { display: inline-flex; flex-wrap: wrap; align-items: baseline; align-content: flex-start; user-select: none; } .te…”的新页面 |
Willson-v-(留言 | 贡献) 无编辑摘要 |
||
| 第26行: | 第26行: | ||
} | } | ||
.textToggleDisplay.hidden | .textToggleDisplay.hidden { | ||
.textToggleDisplayButtonsStyle | display: none !important; | ||
.textToggleDisplayStyle | } | ||
.textToggleDisplayButtonLabel:not(.on) | |||
.textToggleDisplayButtonsStyle { | |||
display: none !important; | |||
} | |||
.textToggleDisplayStyle { | |||
display: none !important; | |||
} | |||
.textToggleDisplayButtonLabel:not(.on) { | |||
display: none !important; | |||
} | |||
.textToggleDisplayButtonLabelText.off { | |||
display: none !important; | display: none !important; | ||
} | } | ||
2022年5月4日 (三) 13:37的版本
.textToggleDisplayButtons {
display: inline-flex;
flex-wrap: wrap;
align-items: baseline;
align-content: flex-start;
user-select: none;
}
.textToggleDisplayButtonLabel {
border: 1px solid rgba(0, 0, 0, .3);
border-left-width: 4px;
border-radius: 2px;
flex: 1 0 auto;
margin: 4px;
padding: 0 8px;
box-shadow: 1px 1px 2px black;
color: rgba(0, 0, 0, .7);
transition: .13s ease-in-out all;
background-color: white;
}
.textToggleDisplayButtonLabel.on {
border-color: rgba(0, 0, 0, 1);
color: rgba(0, 0, 0, 1);
}
.textToggleDisplay.hidden {
display: none !important;
}
.textToggleDisplayButtonsStyle {
display: none !important;
}
.textToggleDisplayStyle {
display: none !important;
}
.textToggleDisplayButtonLabel:not(.on) {
display: none !important;
}
.textToggleDisplayButtonLabelText.off {
display: none !important;
}