MediaWiki:Fandomdesktop.css

@import "/load.php?articles=MediaWiki:Navbox.css&only=styles&mode=articles";

/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
   font-style: italic;
}
.allpagesredirect:after {
   color: #808080; content: " (redirect)"
}
.watchlistredir {
   font-style: italic;
}

/* Discord (credit to Meipon of the Chinese H!P Wiki) */
.mediawiki .discord-widget .widget-header {
    background-color: var(--theme-sticky-nav-background-color) !important;
}
.mediawiki .discord-widget .widget-member .widget-member-name {
    background-color: var(--theme-sticky-nav-background-color);
    color: #fff;
}
.mediawiki .discord-widget .widget-member-avatar img {
    border: 2px solid var(--theme-sticky-nav-background-color);
    /* There's sometimes a little space between the avatar and the border, so this property fills the gap */
    background-color: var(--theme-sticky-nav-background-color);
}
/* End Discord */

/* Spinning Logo */
.fandom-community-header__image img {
    opacity: 1;
    filter: alpha(opacity=100);
    transition: all 1.5s ease;
}
.fandom-community-header__image img:hover {
   opacity: 0.5;
    filter: alpha(opacity=50);
     -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
}
/* End Spinning Logo */

/* Drop Shadow Community Header */
.main-container .fandom-community-header__community-name-wrapper,
.main-container .fandom-community-header__local-navigation .wds-tabs__tab-label {
    filter: drop-shadow(0px 0px 2px var(--theme-accent-color))
    		drop-shadow(0px 0px 2px var(--theme-accent-color))
    		drop-shadow(0px 0px 2px var(--theme-accent-color));
}
.main-container .fandom-community-header__top-container .page-counter,
.main-container .fandom-community-header__top-container .wds-button,
.main-container .fandom-community-header__top-container .wds-button .wds-icon,
.main-container .fandom-community-header__image {
	filter: drop-shadow(0px 0px 1px var(--theme-accent-color))
			drop-shadow(0px 0px 1px var(--theme-accent-color))
			drop-shadow(0px 0px 1px var(--theme-accent-color));
}
/* End Drop Shadow Community Header */

/* Portable Infobox */
.page-content .portable-infobox {
    background-color: var(--theme-page-background-color);
    border-color: var(--theme-border-color);
    width: 300px;
}
.page-content .portable-infobox .pi-title,
.page-content .portable-infobox .pi-header {
    background-color: var(--theme-sticky-nav-background-color);
    color: white;
}
.page-content .portable-infobox .pi-header a {
    color: white;
}
.page-content .portable-infobox .pi-border-color {
    border-color: transparent;
}
.page-content .portable-infobox .pi-image {
    width: 300px;
}
.page-content .portable-infobox .pi-image-thumbnail {
    max-width: 250px;
    max-height: 390px;
    min-width: 200px;
    width: auto;
    height: auto;
}
.page-content .portable-infobox .pi-caption {
    text-align: center;
    font-size: 11px;
}
.page-content .portable-infobox .wds-tabs__tab:first-child {
    margin-left: auto;
}
.page-content .portable-infobox .wds-tabs__tab:last-child {
    margin-right: auto;
}
/* End Portable Infobox */

/* Backgrounds and Borders */
.page__main {
	background-color: rgba(var(--theme-page-background-color--rgb), 0.86);
}
/* End Backgrounds and Borders */

/* TOC and article-table */
.article-table, .page-content #toc {
    background-color: var(--theme-page-background-color);
}
/* End TOC and article-table */

/* Expand-Collapse */
.mw-collapsible-toggle a {
    color: inherit !important;
}
/* End Expand-Collapse */

/* Gallery Link Hover */
.wikia-gallery-caption-within .image,
.wikia-gallery-caption-within .lightbox-caption {
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}
.wikia-gallery-caption-within .image:hover,
.wikia-gallery-caption-within .lightbox-caption:hover {
	opacity: 0.7;
}
.wikia-gallery-caption-within .gallery-image-wrapper img {
	object-position: center top;
}
.wikia-gallery-caption-within .lightbox-caption a {
	color: inherit;
}
/* End Gallery Link Hover */