MediaWiki:Gadget-FloatToc.css：修订间差异
跳到导航
跳到搜索
imported>=海豚= 无编辑摘要 |
imported>=海豚= 无编辑摘要 |
||
| 第11行： | 第11行： | ||
position: fixed; | position: fixed; | ||
left: -6px; | left: -6px; | ||
top: | top: 57px; | ||
width: 178px; | width: 178px; | ||
-webkit-transition: -webkit-transform .2s ease-in; | -webkit-transition: -webkit-transform .2s ease-in; | ||
2021年8月9日 (一) 22:47的版本
/* 由用户: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: rgb(254 254 254 / 90%)
}
.toc-custom {
position: fixed;
left: -6px;
top: 57px;
width: 178px;
-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: 999;
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;
}