MediaWiki:Wikia.css

/*

.portable-infobox .pi-horizontal-group { text-align: center; } .portable-infobox.pi-title a { text-decoration: none; }

.portable-infobox .pi-title{top part only background-color: #cc0000; color:#ffffff; text-align: center; }

.portable-infobox .pi-header{sub-title background-color: #cc0000; color:#ffffff; text-align: center; }

.portable-infobox { border-style: solid; border-width: 4px; border-color: #cc0000; background-color:#ffffff; } /* .imgUnder { overflow: visible; display: inline-block; position: relative }   .imgOver { display: block; visibility: hidden; width: inherit; height: inherit; overflow: hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0 }   .imgUnder:hover .imgOver { visibility: visible !important; }

.swap-on-hover { position: relative; margin: 0 auto; max-width: 400px; }

.swap-on-hover img { position: absolute; top:0; left:0; overflow: hidden;

width: 400px; height: 400px; }

.swap-on-hover .swap-on-hover__front-image { z-index: 9999; transition: opacity .5s linear; cursor: pointer; }

.swap-on-hover:hover > .swap-on-hover__front-image{ opacity: 0; }

.card { width: 130px; height: 195px; position: relative; display: inline-block; margin: 50px; }   .card .img-top { display: none; position: absolute; top: 0; left: 0; z-index: 99; }   .card:hover .img-top { display: inline; }

.class1{ overflow: visible; display: inline-block; position: relative

}

.class2{ display: none; } .class1:hover~.class2{ display: block; }

.dot { height: 25px; width: 25px; background-color: #bbb; border-radius: 50%; display: inline-block; }