MediaWiki:Gadget-live2dFairyAnimation.css
Jump to navigation
Jump to search
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
.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}