模板:切换显示按钮/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; }