MediaWiki:Wikia.css

/* Infoboxes (Credits to Pretty Series Wiki) */ .portable-infobox { border-radius: 16px 16px 16px 16px; overflow: hidden; }

.infobox { border: 1px solid #a2a9b1; border-spacing: 3px; background-color: #f8f9fa; color: black; /* @noflip */ margin: 0.5em 0 0.5em 1em; padding: 0.2em; /* @noflip */ float: right; /* @noflip */ clear: right; font-size: 88%; line-height: 1.5em; } ul.pi-image-collection-tabs { border-bottom: 2px solid #F5F5F5; width: 100%; } ul.pi-image-collection-tabs li { padding: 3px 8px !important; border: 1px solid #F5F5F5; border-bottom: 0; border-top: 0; } ul.pi-image-collection-tabs li.current { background: #F5F5F5; color: #252525; } .pi-caption { text-align: center; } .pi-theme-lyrics.portable-infobox { width: auto; float: none; transition-duration: 0.3s; } .pi-theme-lyrics .pi-data { width: 90%; margin: 0 auto; } .pi-theme-lyrics .pi-navigation { background:transparent; font-size: 14px; font-weight: initial; }

.pi-theme-lyrics.portable-infobox .pi-header { display: none; }

/* HOVER */ .increase img { opacity: 1; filter: alpha(opacity=100); transition: all 0.6s ease; } .increase img:hover { opacity: 0.8; filter: alpha(opacity=80); transform:scaleX(1.05) scaleY(1.05); } .hoverimage img { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; opacity: 1; filter: alpha(opacity=100); } .hoverimage img:hover { opacity: 0.5; filter: alpha(opacity=50); } .grayscalehover { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .grayscalehover:hover { -webkit-filter: invert(100%); } .hoverspin img { opacity: 1; filter: alpha(opacity=100); transition: all 0.6s ease; } .hoverspin img:hover { opacity: 0.5; filter: alpha(opacity=50); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } /** Inclination **/ .inclinate img { opacity: 1; filter: alpha(opacity=100); transition: all 0.6s ease; } .inclinate img:hover { opacity: 0.5; filter: alpha(opacity=50); -webkit-transform: skewX(20deg); -moz-transform: skewX(20deg); -o-transform: skewX(20deg); -ms-transform: skewX(20deg); transform: skewX(20deg); } /* Spanse */ .spanse, .spancr, .spanmm, .spanen, .spanqunew, .spansk{ float:left; display: block; position: relative; z-index: 99; } .spanse2, .spancr2, .spanmm2, .spanen2, .spanqunew2, .spansk2{ transition-duration: 1s; transition-timing-function: ease-out; display: block; position: absolute; z-index: 100; } .spanse2, .spancr2, .spanmm2, .spanen2, .spanqunew2, .spansk2 { opacity: 0; } .spanse2:hover, .spanmm2:hover, .spanen2:hover, .spancr2:hover, .spanqunew2:hover, .spansk2:hover{ opacity: 100; }