MediaWiki:HanziConverterCSS.css
注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Internet Explorer或Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5
- Opera:按 Ctrl-F5。
@charset "UTF-8";
/*源代码: MediaWiki:HanziConverterCSS.css*/
#HanziConverterTypeSwitch {
position: fixed;
top: 0.25rem;
left: 1rem;
padding: 0.25rem 0.5rem;
background-color: #fff;
opacity: 0.5;
transition: 0.2s ease;
z-index: 999999;
cursor: pointer;
user-select: none;
font-size: 1.2rem;
font-family: "STKaiti", "KaiTi", "MicrosoftYaHei";
color: #222;
text-align: center;
}
#HanziConverterTypeSwitch.none {
background-color: #ccc;
color: #666;
}
#HanziConverterTypeSwitch.simplified .s {
outline: 1px solid #222;
font-weight: bold;
}
#HanziConverterTypeSwitch.traditional .t {
outline: 1px solid #222;
font-weight: bold;
}
#HanziConverterTypeSwitch::after {
content: attr(title);
position: absolute;
top: 0.25rem;
left: 50%;
width: 8.4rem;
opacity: 0;
pointer-events: none;
transition: 0.3s ease;
}
#HanziConverterTypeSwitch:hover {
box-shadow: 2px 3px 5px 0 #222;
opacity: 1;
}
#HanziConverterTypeSwitch:hover::after {
left: 100%;
opacity: 1;
}
#HanziConverterTypeSwitch:active {
box-shadow: 1px 2px 2px 0 #222;
background-color: #ddd;
}