欢迎来到奇葩栖息地!欢迎加入Discord服务器:XfrfHCzfbW。请先至特殊:参数设置验证邮箱后再进行编辑。在特殊:参数设置挑选自己想要使用的小工具!不会编辑?请至这里学习Wikitext语法。
MediaWiki:Gadget-float-toc.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。
/* From [[moe:MediaWiki:Gadget-float-toc.css]] */
.tocfloat {
position: fixed;
top: 3rem;
width: 20rem;
right: -20rem;
transition: right .37s ease-in-out;
max-height: calc(100vh - 7.625rem);
z-index: 72;
display: flex;
align-items: flex-start;
align-content: flex-start;
}
@media print {
.tocfloat {
display: none !important;
}
}
.tocfloat:hover {
right: 0;
}
.tocfloatlabel {
width: 22px;
font-size: 12px;
cursor: pointer;
color: #252525;
border-style: solid;
border-width: 1px 0 1px 1px;
border-color: #ccc;
text-align: center;
background-color: #fff;
box-sizing: border-box;
user-select: none;
padding: 5px 1px 5px 0;
position: absolute;
top: 3rem;
left: -21px;
z-index: 2;
background-color: #0009;
color: #fff;
transition-duration: .37s;
transition-timing-function: ease-in-out;
transition-property: color, background-color;
}
.tocfloat:hover .tocfloatlabel {
background-color: #ffff;
color: #000;
}
.tocfloat .tocfloatcontent {
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem;
width: 20rem;
box-sizing: border-box;
border-style: solid;
border-width: 1px 0 1px 1px;
border-color: #ccc;
max-height: calc(100vh - 7.625rem);
background-color: #fff;
padding: 1.5rem 0 1.5rem 1.5rem;
}
.tocfloat .tocfloatcontent .toctitle {
text-align: center;
padding: 0 1.5rem
}
.tocfloat .tocfloatcontent .toctitle h2 {
display: inline;
border: 0;
padding: 0;
font-size: 100%;
font-weight: 700;
font-family: sans-serif;
}
.tocfloat .tocfloatcontent > ul {
margin: 0 20px 0 0 !important;
width: calc(18.5rem - 20px);
max-height: calc(100vh - 11.9125rem);
overflow: auto;
padding: 0;
text-align: left;
}
.tocfloat .tocfloatcontent ul {
list-style-type: none;
list-style-image: none;
}
.tocfloat .tocfloatcontent .tocnumber {
word-break: keep-all;
}
.tocfloat .tocfloatcontent .toctext {
word-break: break-all;
}