MediaWiki:Gadget-FloatToc.css：修订间差异
跳到导航
跳到搜索
imported>=海豚= 无编辑摘要 |
imported>=海豚= 无编辑摘要 |
||
| 第6行： | 第6行： | ||
overflow: hidden; | overflow: hidden; | ||
border: 1px solid #ddd; | border: 1px solid #ddd; | ||
background: | background: rgb(254 254 254 / 90%) | ||
} | } | ||
.toc-custom { | .toc-custom { | ||
position: fixed; | position: fixed; | ||
left: -6px; | left: -6px; | ||
top: | top: 56px; | ||
width: | width: 178px; | ||
-webkit-transition: -webkit-transform .2s ease-in; | -webkit-transition: -webkit-transform .2s ease-in; | ||
transition: transform .2s ease-in; | transition: transform .2s ease-in; | ||
| 第24行： | 第24行： | ||
.toc-custom:hover { | .toc-custom:hover { | ||
opacity: 1; | opacity: 1; | ||
z-index: | z-index: 999; | ||
padding: 0.8em; | padding: 0.8em; | ||
filter: alpha(opacity=90); | filter: alpha(opacity=90); | ||
2021年8月9日 (一) 22:44的版本
/* 由用户: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: 56px;
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;
}