User:Irukaza/common.css:修订间差异

H萌娘,万物皆可H的百科全书!
跳到导航 跳到搜索
imported>=海豚=
无编辑摘要
imported>=海豚=
([InPageEdit] 没有编辑摘要 (编辑自Special:Diff/40762))
第1行: 第1行:
#toc{
/* 浮动目录效果*/
display: block;
.toc-custom {
position: fixed;
  position: fixed;
top: 100px;
  top: 200px;
right: 0px;
  background: rgba(255, 255, 255, 0.8);
min-width: 100px;
  z-index: 10;
max-width: 350px;
  max-width: 300px;
max-height: 20px;
  opacity: 0.5;
overflow-y: scroll;
  filter: alpha(opacity=50);
border: 1px solid #aaa;
  -webkit-transition: -webkit-transform .2s ease-in;
border-radius: 0 0 1px 1px;
  transition: transform .2s ease-in;
-moz-border-radius: 0 0 1px 1px;
   -webkit-transform: translate(410%, 0);
background: rgba(249,249,249,0.75);
   -ms-transform: translate(410%, 0);
padding: 12px;
   transform: translate(410%, 0);
  box-shadow: 0 0 4px black;
   -webkit-transform: translate(-80%, 0);
   -ms-transform: translate(-80%, 0);
   transform: translate(-80%, 0);
-webkit-box-shadow: 0 1px 8px #000;
-moz-box-shadow: 0 1px 8px #000;
}
}
 
#toc:hover{
.toc-custom:hover {
display: block;
  opacity: 1;
position: fixed;
  filter: alpha(opacity=100);
top: 100px;
  box-shadow: 0 0 4px black;
right: 0px;
  -webkit-transform: translate(-510%, 0);
min-width: 100px;
   -ms-transform: translate(-510%, 0);
max-width: 350px;
   transform: translate(-510%, 0);
max-height: 500px;
}
overflow-y: scroll;
.toc-custom>ul {
border: 1px solid #aaa;
  max-height: 55vh;
border-radius: 0 0 1px 1px;
  overflow-y: scroll;
-moz-border-radius: 0 0 1px 1px;
}
background: rgba(249,249,249,0.75);
 
padding: 12px;
.toc-custom>ul {
box-shadow: 0 1px 8px #000;
  max-height: 55vh;
-webkit-box-shadow: 0 1px 8px #000;
  overflow-y: scroll;
-moz-box-shadow: 0 1px 8px #000;
  -webkit-transform: translate(-10%, 0);
   -ms-transform: translate(-10%, 0);
   transform: translate(-10%, 0);
}
}
body { overflow-x: hidden;}

2020年4月19日 (日) 22:06的版本

/* 浮动目录效果*/
.toc-custom {
  position: fixed;
  top: 200px;
  background: rgba(255, 255, 255, 0.8);
  z-index: 10;
  max-width: 300px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-transition: -webkit-transform .2s ease-in;
  transition: transform .2s ease-in;
  -webkit-transform: translate(410%, 0);
  -ms-transform: translate(410%, 0);
  transform: translate(410%, 0);
}

.toc-custom:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  box-shadow: 0 0 4px black;
  -webkit-transform: translate(-510%, 0);
  -ms-transform: translate(-510%, 0);
  transform: translate(-510%, 0);
}
.toc-custom>ul {
  max-height: 55vh;
  overflow-y: scroll;
}

.toc-custom>ul {
  max-height: 55vh;
  overflow-y: scroll;
}