MediaWiki:Gadget-FloatToc.css：修订间差异
跳到导航
跳到搜索
imported>=海豚= 无编辑摘要 |
imported>=海豚= 无编辑摘要 |
||
| 第11行： | 第11行： | ||
position: fixed; | position: fixed; | ||
left: -6px; | left: -6px; | ||
top: | top: 60px; | ||
width: 170px; | 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; | ||
padding: 0.8em; | 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); | 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; | ||
| 第25行： | 第26行： | ||
z-index: 10; | z-index: 10; | ||
padding: 0.8em; | 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); | 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; | ||
2021年8月9日 (一) 22:34的版本
/* 由用户: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: 60px;
width: 170px;
-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: 10;
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;
}