MediaWiki:Gadget-FloatToc.css：修订间差异
跳到导航
跳到搜索
imported>=海豚= 无编辑摘要 |
imported>=海豚= 无编辑摘要 |
||
| 第12行： | 第12行： | ||
left: -6px; | left: -6px; | ||
top: 75px; | top: 75px; | ||
width: | width: 170px; | ||
-webkit-transition: -webkit-transform .2s ease-in; | -webkit-transition: -webkit-transform .2s ease-in; | ||
transition: transform .2s ease-in; | transition: transform .2s ease-in; | ||
2021年8月9日 (一) 21:20的版本
/* 由用户: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: 75px;
width: 170px;
-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;
z-index: 10;
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;
border: 1px solid #ddd;
}
.toc-custom>ul {
height: 60vh;
overflow-y: scroll;
}
#btn-showtoc {
cursor: pointer;
}
.toc .toctoggle {
display: none;
}