UP-FRONT GROUP Wiki
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;
+
font-style: italic;
 
}
 
}
 
.allpagesredirect:after {
 
.allpagesredirect:after {
color: #808080; content: " (redirect)"
+
color: #808080; content: " (redirect)"
 
}
 
}
 
.watchlistredir {
 
.watchlistredir {
font-style: italic;
+
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;
+
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);
+
background-color: var(--theme-sticky-nav-background-color);
color: #fff;
+
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);
+
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 */
+
/* 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);
+
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;
+
opacity: 1;
filter: alpha(opacity=100);
+
filter: alpha(opacity=100);
transition: all 1.5s ease;
+
transition: all 1.5s ease;
 
}
 
}
 
.fandom-community-header__image img:hover {
 
.fandom-community-header__image img:hover {
opacity: 0.5;
+
opacity: 0.5;
filter: alpha(opacity=50);
+
filter: alpha(opacity=50);
-webkit-transform: rotateY(360deg);
+
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
+
-moz-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
+
-o-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
+
-ms-transform: rotateY(360deg);
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);
+
background-color: var(--theme-page-background-color);
border-color: var(--theme-border-color);
+
border-color: var(--theme-border-color);
width: 300px;
+
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);
+
background-color: var(--theme-sticky-nav-background-color);
color: white;
+
color: white;
 
}
 
}
 
.page-content .portable-infobox .pi-header a {
 
.page-content .portable-infobox .pi-header a {
color: white;
+
color: white;
 
}
 
}
 
.page-content .portable-infobox .pi-border-color {
 
.page-content .portable-infobox .pi-border-color {
border-color: transparent;
+
border-color: transparent;
 
}
 
}
 
.page-content .portable-infobox .pi-image {
 
.page-content .portable-infobox .pi-image {
width: 300px;
+
width: 300px;
 
}
 
}
 
.page-content .portable-infobox .pi-image-thumbnail {
 
.page-content .portable-infobox .pi-image-thumbnail {
max-width: 250px;
+
width: 250px;
max-height: 390px;
+
height: auto;
min-width: 200px;
 
width: auto;
 
height: auto;
 
 
}
 
}
 
.page-content .portable-infobox .pi-caption {
 
.page-content .portable-infobox .pi-caption {
text-align: center;
+
text-align: center;
font-size: 11px;
+
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;
+
margin-left: auto;
 
}
 
}
 
.page-content .portable-infobox .wds-tabs__tab:last-child {
 
.page-content .portable-infobox .wds-tabs__tab:last-child {
margin-right: auto;
+
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;
+
color: inherit !important;
 
}
 
}
 
/* End Expand-Collapse */
 
/* End Expand-Collapse */
   
 
/* Gallery Link Hover */
 
/* Gallery Link Hover */
  +
.portal,
.wikia-gallery .link-internal,
 
.wikia-gallery .link-external,
+
.wikia-gallery-caption-within .thumb {
  +
opacity: 1;
.wikia-gallery-caption-within .lightbox-caption {
 
  +
filter: alpha(opacity=100);
-moz-transition: all 0.3s linear;
 
-webkit-transition: all 0.3s linear;
+
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s linear;
+
-moz-transition: all 0.3s ease;
 
-o-transition: all 0.3s ease;
  +
-ms-transition: all 0.3s ease;
  +
transition: all 0.3s ease;
 
}
 
}
.wikia-gallery .link-internal:hover,
+
.portal:hover,
.wikia-gallery .link-external:hover,
+
.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 a {
+
.wikia-gallery-caption-within .gallery-image-wrapper img {
  +
object-position: center top;
color: inherit;
 
 
}
 
}
.wikia-gallery .wikia-gallery-item div {
+
.wikia-gallery-caption-within div a {
margin: -1px;
+
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 */