MediaWiki:Gadget-live2dBackgroundAnimation.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.
.backgroundLive2d {
display: flex;
position: relative;
align-items: center;
justify-content: center;
height: 300px;
width: 500px;
max-height: 300px;
max-width: 500px;
overflow: hidden;
}
.backgroundLive2d .live2dBgSwitcher {
position: absolute;
bottom: 0;
left: 0;
display: flex;
}
.backgroundLive2d .live2dBgSwitcher .live2dSwitcherContainer {
position: relative;
width: 70px;
z-index: 50;
height: 70px;
display: flex;
}
.backgroundLive2d .live2dBgSwitcher>.live2dSwitcherContainer>div {
background-image: url('/images/a/a3/live2d-logo.png');
background-repeat: no-repeat;
background-size: 75%;
}
.backgroundLive2d .live2dBgSwitcher 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;
}
.backgroundLive2d .live2dBgSwitcher button.enabled {
border: thin solid #F0b000;
}
.backgroundLive2d .live2dBgSwitcher button:hover {
opacity:1;
}
.backgroundLive2d .live2dstage {
flex-shrink: 0;
display:none;
}
.backgroundLive2d.live2dEnabled .live2dstage {
display: block;
}
.backgroundLive2d.loading {
background-image: url('/images/8/88/gfloading.gif');
background-repeat: no-repeat;
background-attachment: local;
background-position: bottom right;
background-size: 50px;
}
.backgroundLive2d .live2dloadingprogress { width: 80%; position: absolute; }
.backgroundLive2d .live2dprogress {float:left; width: 15%; }
.backgroundLive2d .live2dprogress span {color:orange; height: 24px; vertical-align: middle; display: table-cell; font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace; }
.backgroundLive2d .live2dprogressbarcontainer {margin-left:20%;width:80%;border-radius:16px;background-color:gray;}
.backgroundLive2d .live2dprogressbar {background-color:orange;height:24px;width:20%;border-radius:16px}