MediaWiki:Gadget-live2dFairyAnimation.css

注意：在保存之后，您可能需要清除浏览器缓存才能看到所作出的变更的影响。

• Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
• Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
• Internet Explorer：按住Ctrl的同时单击刷新，或按Ctrl-F5
• Opera：前往菜单 → 设置（Mac为Opera → Preferences），然后隐私和安全 → 清除浏览数据 → 缓存的图片和文件。

.fairystattable .live2dFairySwitcher {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
}

.fairystattable .live2dFairySwitcher .live2dSwitcherContainer {
  position: relative;
  width: 70px;
  z-index: 50;
  height: 70px;
  display: flex;
}

.fairystattable .live2dFairySwitcher>.live2dSwitcherContainer>div {
  background-image: url('/images/a/a3/live2d-logo.png');
  background-repeat: no-repeat;
  background-size: 75%;
}

.fairystattable .live2dFairySwitcher button {
    padding: 3px 6px;
    margin: 2px 2px;
    border-radius: 15px;
    border: none;
    text-shadow:none;
    z-index: 51;
    font-family: arial;
    font-weight: bold;
    font-size: 1em;
    opacity:0.5;
    background-color: #4E443C;
    color:#F0b000;

    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    opacity:0.5;
}

.fairystattable .live2dFairySwitcher button.enabled {
  border: thin solid #F0b000;
}

.fairystattable .live2dFairySwitcher button:hover {
    opacity:1;
}

.fairystattable .live2dstage {
  flex-shrink: 0;
  display:none;
}

.fairystattable .tabs-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.fairystattable .tabs-container.live2dEnabled .live2dstage {
  display: block;
}

.fairystattable .tabs-gallery > .tabs-container {
  height: 420px;
  width: 420px;
  max-height: 420px;
  max-width: 420px;
}

.fairystattable .tabs-gallery {
  position: relative;
}

.fairystattable .tabs.tabs-gallery .tabs-container.live2dEnabled>.tabs-content {
  display: none;
}

.fairystattable .loading {
    background-image: url('/images/8/88/gfloading.gif');
    background-repeat: no-repeat;
    background-attachment: local;
    background-position: bottom right;
    background-size: 50px;
}

.fairystattable .live2dloadingprogress { width: 80%; position: absolute; }
.fairystattable .live2dprogress {float:left; width: 15%; }
.fairystattable .live2dprogress span {color:orange; height: 24px; vertical-align: middle; display: table-cell; font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace; }
.fairystattable .live2dprogressbarcontainer {margin-left:20%;width:80%;border-radius:16px;background-color:gray;}
.fairystattable .live2dprogressbar {background-color:orange;height:24px;width:20%;border-radius:16px}