MediaWiki:Chameleon.css
From Houdoud
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 / Edge: 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.
/* @import url("/w/index.php?action=raw&ctype=text/css&title=MediaWiki:Chameleon-variscite.css"); */
/* @import url("/w/index.php?action=raw&ctype=text/css&title=MediaWiki:Chameleon-servermonkey.css"); */
/* @import url("/w/index.php?action=raw&ctype=text/css&title=MediaWiki:Chameleon-sidebars.css"); */
/* @import url("/w/index.php?action=raw&ctype=text/css&title=MediaWiki:Chameleon-ciel.css"); */
@import url("/w/index.php?action=raw&ctype=text/css&title=MediaWiki:Chameleon-video.css");
@keyframes fadeIn {
0% {
opacity: 0;
margin-top: 50px;
}
100% {
opacity: 1;
margin-top: 0;
}
}
.fadeIn {
animation: fadeIn;
}
.fusion-flip-boxes .fusion-flip-box.flip-right.hover .flip-box-back, .fusion-flip-boxes .fusion-flip-box.flip-right:hover .flip-box-back {
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
.fusion-flip-boxes .fusion-flip-box.flip-right.hover .flip-box-front, .fusion-flip-boxes .fusion-flip-box.flip-right:hover .flip-box-front {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.fusion-flip-boxes .fusion-flip-box.flip-right .flip-box-back {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.fusion-flip-boxes .fusion-flip-box.hover .flip-box-back, .fusion-flip-boxes .fusion-flip-box:hover .flip-box-back {
z-index: 1;
}
.fusion-flip-boxes.flip-effect-classic .flip-box-back, .fusion-flip-boxes.flip-effect-classic .flip-box-front {
-webkit-transition: -webkit-transform .4s cubic-bezier(.2,.85,.4,1.275);
transition: -webkit-transform .4s cubic-bezier(.2,.85,.4,1.275);
transition: transform .4s cubic-bezier(.2,.85,.4,1.275);
transition: transform .4s cubic-bezier(.2,.85,.4,1.275),-webkit-transform .4s cubic-bezier(.2,.85,.4,1.275);
transition-duration: 0.4s, 0.4s;
}
.fusion-flip-boxes .fusion-flip-box .flip-box-back {
position: absolute;
z-index: -1;
}
.fusion-flip-boxes .fusion-flip-box .flip-box-back, .fusion-flip-boxes .fusion-flip-box .flip-box-front {
top: 140px;
text-align: center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-clip: padding-box;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}