MediaWiki:Gadget-FloatToc.css

注意：这类代码页面在保存之后，您可能需要清除浏览器缓存才能看到所作出的变更的影响。

按住CTRL+SHIFT+DEL 或 ⌘-Shift-R来清除缓存！
或尝试在地址栏的地址最后添加代码?_=1来访问最新页面。
添加代码后的本页地址如下：-{R|https://hmoegirl.com/MediaWiki:Gadget-FloatToc.css?_=1}-
你还可以在设置中勾选小工具在页面右上角添加清除缓存按钮！

/* 由用户:850710247liu设计的浮动目录效果*/
#toc{
  padding: 0.8em;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #ddd;
  background: rgba(250,250,250,0.8);
}
.toc-custom {
  position: fixed;
  left: -6px;
  top: 60px;
  width: 170px;
  -webkit-transition: -webkit-transform .2s ease-in;
  transition: transform .2s ease-in;
  padding: 0.8em;
  filter: alpha(opacity=80);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #ddd;
}
.toc-custom:hover {
  opacity: 1;
  z-index: 10;
  padding: 0.8em;
  filter: alpha(opacity=90);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
  border: 1px solid #ddd;
}
.toc-custom>ul {
  height: 60vh;
  overflow-y: scroll;
}
#btn-showtoc {
  cursor: pointer;
}
.toc .toctoggle {
  display: none;
}