No edit summary |
No edit summary |
||
(38 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
@import "/load.php?articles=MediaWiki:Navbox.css&only=styles&mode=articles"; |
@import "/load.php?articles=MediaWiki:Navbox.css&only=styles&mode=articles"; |
||
+ | @import "/load.php?articles=MediaWiki:Mbox.css&only=styles&mode=articles"; |
||
/* Mark redirects in Special:Allpages and Special:Watchlist */ |
/* Mark redirects in Special:Allpages and Special:Watchlist */ |
||
.allpagesredirect { |
.allpagesredirect { |
||
− | + | font-style: italic; |
|
} |
} |
||
.allpagesredirect:after { |
.allpagesredirect:after { |
||
− | + | color: #808080; content: " (redirect)" |
|
} |
} |
||
.watchlistredir { |
.watchlistredir { |
||
− | + | font-style: italic; |
|
} |
} |
||
+ | /* End Mark redirects */ |
||
/* Discord (credit to Meipon of the Chinese H!P Wiki) */ |
/* Discord (credit to Meipon of the Chinese H!P Wiki) */ |
||
.mediawiki .discord-widget .widget-header { |
.mediawiki .discord-widget .widget-header { |
||
− | + | background-color: var(--theme-sticky-nav-background-color) !important; |
|
} |
} |
||
.mediawiki .discord-widget .widget-member .widget-member-name { |
.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 { |
.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 */ |
/* End Discord */ |
||
Line 29: | Line 31: | ||
/* Spinning Logo */ |
/* Spinning Logo */ |
||
.fandom-community-header__image img { |
.fandom-community-header__image img { |
||
− | + | opacity: 1; |
|
− | + | filter: alpha(opacity=100); |
|
− | + | transition: all 1.5s ease; |
|
} |
} |
||
.fandom-community-header__image img:hover { |
.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 */ |
/* 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 */ |
/* Portable Infobox */ |
||
.page-content .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-title, |
||
.page-content .portable-infobox .pi-header { |
.page-content .portable-infobox .pi-header { |
||
− | + | background-color: var(--theme-sticky-nav-background-color); |
|
− | + | color: white; |
|
} |
} |
||
.page-content .portable-infobox .pi-header a { |
.page-content .portable-infobox .pi-header a { |
||
− | + | color: white; |
|
} |
} |
||
.page-content .portable-infobox .pi-border-color { |
.page-content .portable-infobox .pi-border-color { |
||
− | + | border-color: transparent; |
|
} |
} |
||
.page-content .portable-infobox .pi-image { |
.page-content .portable-infobox .pi-image { |
||
− | + | width: 300px; |
|
} |
} |
||
.page-content .portable-infobox .pi-image-thumbnail { |
.page-content .portable-infobox .pi-image-thumbnail { |
||
− | + | width: 250px; |
|
− | + | height: auto; |
|
− | min-width: 200px; |
||
− | width: auto; |
||
− | height: auto; |
||
} |
} |
||
.page-content .portable-infobox .pi-caption { |
.page-content .portable-infobox .pi-caption { |
||
− | + | text-align: center; |
|
− | + | font-size: 11px; |
|
⚫ | |||
+ | .page-content .portable-infobox .pi-collapse .pi-header { |
||
+ | padding-left: 40px; |
||
} |
} |
||
.page-content .portable-infobox .wds-tabs__tab:first-child { |
.page-content .portable-infobox .wds-tabs__tab:first-child { |
||
− | + | margin-left: auto; |
|
} |
} |
||
.page-content .portable-infobox .wds-tabs__tab:last-child { |
.page-content .portable-infobox .wds-tabs__tab:last-child { |
||
− | + | margin-right: auto; |
|
} |
} |
||
/* End Portable Infobox */ |
/* 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 */ |
/* Expand-Collapse */ |
||
.mw-collapsible-toggle a { |
.mw-collapsible-toggle a { |
||
− | + | color: inherit !important; |
|
} |
} |
||
/* End Expand-Collapse */ |
/* End Expand-Collapse */ |
||
/* Gallery Link Hover */ |
/* Gallery Link Hover */ |
||
+ | .portal, |
||
− | .wikia-gallery .link-internal, |
||
− | .wikia-gallery . |
+ | .wikia-gallery-caption-within .thumb { |
+ | opacity: 1; |
||
− | .wikia-gallery-caption-within .lightbox-caption { |
||
+ | filter: alpha(opacity=100); |
||
⚫ | |||
− | -webkit-transition: all 0.3s |
+ | -webkit-transition: all 0.3s ease; |
− | - |
+ | -moz-transition: all 0.3s ease; |
⚫ | |||
+ | -ms-transition: all 0.3s ease; |
||
+ | transition: all 0.3s ease; |
||
} |
} |
||
− | . |
+ | .portal:hover, |
− | .wikia-gallery . |
+ | .wikia-gallery-caption-within .thumb:hover { |
− | .wikia-gallery-caption-within .lightbox-caption:hover { |
||
opacity: 0.7; |
opacity: 0.7; |
||
+ | filter: alpha(opacity=70); |
||
+ | -webkit-transform: scale(1.05); |
||
+ | -moz-transform: scale(1.05); |
||
+ | -o-transform: scale(1.05); |
||
+ | -ms-transform: scale(1.05); |
||
+ | transform: scale(1.05); |
||
} |
} |
||
− | .wikia-gallery-caption-within |
+ | .wikia-gallery-caption-within .gallery-image-wrapper img { |
+ | object-position: center top; |
||
− | color: inherit; |
||
} |
} |
||
− | .wikia-gallery |
+ | .wikia-gallery-caption-within div a { |
− | + | color: inherit; |
|
} |
} |
||
/* End Gallery Link Hover */ |
/* End Gallery Link Hover */ |
Latest revision as of 01:45, 26 November 2022
@import "/load.php?articles=MediaWiki:Navbox.css&only=styles&mode=articles";
@import "/load.php?articles=MediaWiki:Mbox.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;
}
/* End Mark redirects */
/* 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 */
/* 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 {
width: 250px;
height: auto;
}
.page-content .portable-infobox .pi-caption {
text-align: center;
font-size: 11px;
}
.page-content .portable-infobox .pi-collapse .pi-header {
padding-left: 40px;
}
.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 */
/* Expand-Collapse */
.mw-collapsible-toggle a {
color: inherit !important;
}
/* End Expand-Collapse */
/* Gallery Link Hover */
.portal,
.wikia-gallery-caption-within .thumb {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.portal:hover,
.wikia-gallery-caption-within .thumb:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.wikia-gallery-caption-within .gallery-image-wrapper img {
object-position: center top;
}
.wikia-gallery-caption-within div a {
color: inherit;
}
/* End Gallery Link Hover */