MediaWiki:Gadget-FloatToc.css:修订间差异
跳到导航
跳到搜索
imported>=海豚= ([InPageEdit] 没有编辑摘要) |
imported>=海豚= ([InPageEdit] 没有编辑摘要) |
||
(未显示同一用户的1个中间版本) | |||
第1行: | 第1行: | ||
/* 浮动目录效果*/ | /* 由用户:=海豚=设计的 浮动目录效果*/ | ||
.toc-custom { | .toc-custom { | ||
position: fixed; | position: fixed; | ||
right: - | right: -190px; | ||
top: 200px; | top: 200px; | ||
background: rgba(255, 255, 255, 0.8); | background: rgba(255, 255, 255, 0.8); | ||
z-index: 10; | z-index: 10; | ||
width: | width: 176px; | ||
opacity: 0. | opacity: 0.7; | ||
filter: alpha(opacity=50); | filter: alpha(opacity=50); | ||
-webkit-transition: -webkit-transform .2s ease-in; | -webkit-transition: -webkit-transform .2s ease-in; | ||
transition: transform .2s ease-in; | transition: transform .2s ease-in; | ||
} | } | ||
.toc-custom:hover { | .toc-custom:hover { | ||
opacity: 1; | opacity: 1; | ||
第22行: | 第21行: | ||
} | } | ||
.toc-custom>ul { | .toc-custom>ul { | ||
height: | height: 55vh; | ||
overflow-y: scroll; | overflow-y: scroll; | ||
} | } |
2020年4月20日 (一) 08:43的版本
/* 由用户:=海豚=设计的浮动目录效果*/
.toc-custom {
position: fixed;
right: -190px;
top: 200px;
background: rgba(255, 255, 255, 0.8);
z-index: 10;
width: 176px;
opacity: 0.7;
filter: alpha(opacity=50);
-webkit-transition: -webkit-transform .2s ease-in;
transition: transform .2s ease-in;
}
.toc-custom:hover {
opacity: 1;
filter: alpha(opacity=100);
box-shadow: 0 0 4px black;
-webkit-transform: translate(-85%, 0);
-ms-transform: translate(-85%, 0);
transform: translate(-85%, 0);
}
.toc-custom>ul {
height: 55vh;
overflow-y: scroll;
}
#toc:not(.toc-custom) {
display: none;
}
#btn-showtoc {
cursor: pointer;
}
.toc .toctoggle {
display: none;
}