User:Irukaza/common.css:修订间差异
跳到导航
跳到搜索
imported>=海豚= 无编辑摘要 |
imported>=海豚= 无编辑摘要 |
||
第1行: | 第1行: | ||
/* 浮动目录效果 | /* 浮动目录效果 | ||
.toc-custom类添加逻辑在Mediawiki:Common.js | .toc-custom类添加逻辑在Mediawiki:Common.js |
2020年4月19日 (日) 19:49的版本
/* 浮动目录效果
.toc-custom类添加逻辑在Mediawiki:Common.js
*/
.toc-custom {
position: fixed;
right: 0;
top: 240px;
background: rgba(255, 255, 255, 0.8);
z-index: 10;
max-width: 347px;
opacity: 0.5;
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(-100%, 0);
-ms-transform: translate(-100%, 0);
transform: translate(-100%, 0);
}
.toc-custom:hover:before {
opacity: 0;
filter: alpha(opacity=0);
}
.toc-custom:before {
content: '目录';
text-align: center;
font-size: 12px;
width: 20px;
padding: 15px 3px;
height: 45px;
background: #000;
color: #fff;
position: absolute;
left: -26px;
top: 50%;
margin-top: -30px;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;
}
.toc-custom>ul {
max-height: 45vh;
overflow-y: scroll;
}
.toc-custom>ul {
max-height: 45vh;
overflow-y: scroll;
}
/* 图片注释 */
.custom-img-comment {
opacity: 0;
transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
}
.custom-img-comment:hover {
opacity: 1;
}
/* 悬浮 */
.iteminfo {
display: none;
}
.itemhover:hover .iteminfo {
display: block;
}