MediaWiki:Gadget-FloatToc.css
跳到导航
跳到搜索
注意:这类代码页面在保存之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- 按住
CTRL+SHIFT+DEL 或 ⌘-Shift-R
来清除缓存! - 或尝试在地址栏的地址最后添加代码
?_=1
来访问最新页面。 - 你还可以在设置中勾选小工具在页面右上角添加清除缓存按钮!
/* 由用户:850710247liu设计的浮动目录效果*/
.toc-custom {
position: fixed;
right: -190px;
top: 190px;
background: rgba(255, 255, 255, 0.8);
z-index: 10;
width: 176px;
filter: alpha(opacity=50);
-webkit-transition: -webkit-transform .2s ease-in;
transition: transform .2s ease-in;
}
.toc-custom:hover {
opacity: 1;
filter: alpha(opacity=100);
box-shadow: 0 0 4px black;
-webkit-transform: translate(-85%, 0);
-ms-transform: translate(-85%, 0);
transform: translate(-85%, 0);
}
.toc-custom>ul {
height: 55vh;
overflow-y: scroll;
}
#toc:not(.toc-custom) {
display: none;
}
#btn-showtoc {
cursor: pointer;
}
.toc .toctoggle {
display: none;
}