注意:在保存之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。
?_=1来访问最新页面。https://zh.moegirl.org.cn/User:850710247liu/js/FloatToc.js/style.css?_=1/* 由用户:850710247liu设计的浮动目录效果*/
.toc-custom {
position: fixed;
right: -195px;
top: 100px;
z-index: 10;
width: 181px;
filter: alpha(opacity=50);
-webkit-transition: -webkit-transform .2s ease-in;
transition: transform .2s ease-in;
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;
}
.toc-custom:hover {
opacity: 1;
filter: alpha(opacity=50);
-webkit-transform: translate(-85%, 0);
-ms-transform: translate(-85%, 0);
transform: translate(-85%, 0);
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;
}
.toc-custom>ul {
height: 60vh;
overflow-y: scroll;
}
#btn-showtoc {
cursor: pointer;
}
.toc .toctoggle {
display: none;
}