“模板:弹幕开关/styles.css”的版本间的差异
< 模板:弹幕开关
1.38>牛腩面 (创建页面,内容为“span#mw-customcollapsible-danmu { display: none !important; } .mw-customtoggle-danmu { display: inline-block; width: 30px; height: 20px; box-sizing: border-box; border-radius: 10px; position: relative; background-colo…) |
小 (导入1个版本) |
(没有差异)
|
2022年7月8日 (五) 21:15的最新版本
span#mw-customcollapsible-danmu {
display: none !important;
}
.mw-customtoggle-danmu {
display: inline-block;
width: 30px;
height: 20px;
box-sizing: border-box;
border-radius: 10px;
position: relative;
background-color: #00a1d6;
color: #00a1d6;
outline: none;
transition: all 0.3s;
-webkit-user-select: none;
user-select: none;
}
#mw-customcollapsible-danmu.mw-collapsed + .mw-customtoggle-danmu {
background-color: #757575;
color: #757575;
}
.mw-customtoggle-danmu > span {
display: flex;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
border-radius: 100%;
position: relative;
left: 100%;
margin-left: -18px;
top: 2px;
background-color: #fff;
box-shadow: 0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05);
transition: all 0.3s;
}
#mw-customcollapsible-danmu.mw-collapsed + .mw-customtoggle-danmu > span {
left: 2px;
margin-left: 0;
}
.mw-customtoggle-danmu > span > span {
font-size: 10px;
}
/* [[Category:在模板名字空间下的CSS页面]] */