.styleToggle-transform, .styleToggle-color, .styleToggle-opacity, .styleToggle-font-size, .styleToggle-font-weight, .styleToggle-width, .styleToggle-font-family, .styleToggle-display { transition:all linear 1s; } .textToggleDisplay.hidden + .styleToggle-transform { transform:inherit !important; } .textToggleDisplay.hidden + .styleToggle-color { color:inherit !important; } .textToggleDisplay.hidden + .styleToggle-opacity { opacity:inherit !important; } .textToggleDisplay.hidden + .styleToggle-font-size { font-size:inherit !important; } .textToggleDisplay.hidden + .styleToggle-font-weight { font-weight:inherit !important; } .textToggleDisplay.hidden + .styleToggle-width { width:inherit !important; } .textToggleDisplay.hidden + .styleToggle-font-family { font-family:inherit !important; } .textToggleDisplay.hidden + .styleToggle-display { display:inline !important; } .styleToggleBtn { position:relative; display:inline-block; height:24px; vertical-align:bottom; } .styleToggleBtn label { display: inline-block; width: 0; height: 24px; border: none; margin: 0; padding: 0; overflow: hidden; position: relative; z-index: 2; opacity: 0; } .styleToggleBtn label:not(.on) { cursor: pointer; width: 40px; } .styleToggleBtn input { display:none; } .styleToggleSwitch { display:inline-block; width:40px; height:24px; box-sizing:border-box; border:1px solid; border-radius:20px; position:absolute; left:0; } .styleToggleSwitch > span { display:inline-block; width:18px; height:18px; box-sizing:border-box; margin:2px; border:1px solid #fff; border-radius:10px; background-color:#fff; } /* [[Category:在模板名字空间下的CSS页面]] */