MediaWiki:Gadget-FloatToc.css：修订间差异
跳到导航
跳到搜索
imported>=海豚= 无编辑摘要 |
imported>=海豚= 无编辑摘要 |
||
| 第10行： | 第10行： | ||
.toc-custom { | .toc-custom { | ||
position: fixed; | position: fixed; | ||
left: -6px; | |||
top: | top: 75px; | ||
width: 181px; | width: 181px; | ||
-webkit-transition: -webkit-transform .2s ease-in; | -webkit-transition: -webkit-transform .2s ease-in; | ||
transition: transform .2s ease-in; | transition: transform .2s ease-in; | ||
| 第25行： | 第23行： | ||
.toc-custom:hover { | .toc-custom:hover { | ||
opacity: 1; | opacity: 1; | ||
z-index: 10; | |||
padding: 0.8em; | padding: 0.8em; | ||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.12); | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.12); | ||
border-radius: 10px; | border-radius: 10px; | ||
border: 1px solid #ddd; | border: 1px solid #ddd; | ||
} | } | ||
2021年8月9日 (一) 21:19的版本
/* 由用户: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: 181px;
-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;
}