MediaWiki:Gadget-FloatToc.css:修订间差异

H萌娘,万物皆可H的百科全书!
跳到导航 跳到搜索
imported>=海豚=
([InPageEdit] 没有编辑摘要)
imported>Irukaza
无编辑摘要
 
(未显示2个用户的47个中间版本)
第1行: 第1行:
/* 由用户: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);
}
.toc-custom {
.toc-custom {
   position: fixed;
   position: fixed;
   right: -190px;
   left: -6px;
   top: 190px;
   top: 55px;
  background: rgba(255, 255, 255, 0.8);
  z-index: 10;
   width: 176px;
   width: 176px;
  filter: alpha(opacity=50);
   transition: all .6s ease;
  -webkit-transition: -webkit-transform .2s ease-in;
   transition: transform .2s ease-in;
}
}
.toc-custom:hover {
.toc-custom:hover {
   opacity: 1;
   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 {
.toc-custom>ul {
   height: 55vh;
  padding-bottom: 10px!important;
   height: 60vh;
   overflow-y: scroll;
   overflow-y: scroll;
}
}
#toc:not(.toc-custom) {
  display: none;
}
#btn-showtoc {
#btn-showtoc {
   cursor: pointer;
   cursor: pointer;
}
}
.toc .toctoggle {
.toc .toctoggle {
   display: none;
   display: none;
}
}

2022年3月16日 (三) 16:56的最新版本

#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);
}
.toc-custom {
  position: fixed;
  left: -6px;
  top: 55px;
  width: 176px;
  transition: all .6s ease;
}
.toc-custom:hover {
  opacity: 1;
}
.toc-custom>ul {
  padding-bottom: 10px!important;
  height: 60vh;
  overflow-y: scroll;
}
#btn-showtoc {
  cursor: pointer;
}
.toc .toctoggle {
  display: none;
}