MediaWiki:Common.css - Revision history

JonoThora: FusionGirl wiki theme — dark default, amber/gun-metal palette, light toggle [Mecha Jono]

2026-03-15T21:07:41Z

FusionGirl wiki theme — dark default, amber/gun-metal palette, light toggle [Mecha Jono]

← Older revision		Revision as of 14:07, 15 March 2026
Line 1,305:		Line 1,305:
	#p-logo {		#p-logo {
	background-color: transparent !important;		background-color: transparent !important;
			}

			/* Override wiki logo with uploaded FusionGirl icon */
			.mw-wiki-logo {
			background-image: url('https://wiki.fusiongirl.app:443/images/e/e8/FusionGirlIcon_x512.png') !important;
			background-size: contain !important;
			background-repeat: no-repeat !important;
			background-position: center !important;
	}		}

JonoThora: FusionGirl wiki theme — dark default, amber/gun-metal palette, light toggle [Mecha Jono]

2026-03-15T20:40:39Z

FusionGirl wiki theme — dark default, amber/gun-metal palette, light toggle [Mecha Jono]

@@ Line 1,016: / Line 1,016: @@
    color: var(--fg-accent-hover);
    box-shadow: var(--fg-shadow-accent);
+}
@@ Line 1,959: / Line 1,965: @@
 img, video, canvas, svg, .mw-gallery-traditional {
    transition: none !important;
+}

JonoThora: FusionGirl wiki theme — dark default, amber/gun-metal palette, light toggle [Mecha Jono]

2026-03-15T20:26:52Z

FusionGirl wiki theme — dark default, amber/gun-metal palette, light toggle [Mecha Jono]

Show changes

JonoThora: FusionGirl wiki theme — dark default, amber/gun-metal palette, light toggle [Mecha Jono]

2026-03-15T08:08:42Z

FusionGirl wiki theme — dark default, amber/gun-metal palette, light toggle [Mecha Jono]

Show changes

JonoThora: FusionGirl wiki theme — dark default, amber/gun-metal palette, light toggle [Mecha Jono]

2026-03-15T07:40:58Z

FusionGirl wiki theme — dark default, amber/gun-metal palette, light toggle [Mecha Jono]

Show changes

JonoThora: Add infobox CSS styles

2026-03-14T00:52:14Z

Add infobox CSS styles

← Older revision		Revision as of 17:52, 13 March 2026
Line 1:		Line 1:
	/* ============================================================		/* ============================================================
	Infobox styles — FusionGirl Wiki		Infobox styles -- FusionGirl Wiki
	============================================================ */		============================================================ */

	~~/* Base infobox table */~~
	.infobox {		.infobox {
	border: 1px solid #a2a9b1;		border: 1px solid #a2a9b1;
Line 18:		Line 17:
	}		}

	~~/* Title row */~~
	.infobox .infobox-title {		.infobox .infobox-title {
	font-size: 125%;		font-size: 125%;
Line 28:		Line 26:
	}		}

	~~/* Above row */~~
	.infobox .infobox-above {		.infobox .infobox-above {
	text-align: center;		text-align: center;
Line 35:		Line 32:
	}		}

	~~/* Subheader */~~
	.infobox .infobox-subheader {		.infobox .infobox-subheader {
	text-align: center;		text-align: center;
Line 43:		Line 39:
	}		}

	~~/* Image cell */~~
	.infobox .infobox-image {		.infobox .infobox-image {
	text-align: center;		text-align: center;
Line 49:		Line 44:
	}		}

	~~/* Caption under image */~~
	.infobox .infobox-caption {		.infobox .infobox-caption {
	font-size: 90%;		font-size: 90%;
Line 57:		Line 51:
	}		}

	~~/* Section headers (full-width coloured band) */~~
	.infobox .infobox-header {		.infobox .infobox-header {
	text-align: center;		text-align: center;
Line 66:		Line 59:
	}		}

	~~/* Label (left column) */~~
	.infobox .infobox-label {		.infobox .infobox-label {
	vertical-align: top;		vertical-align: top;
Line 76:		Line 68:
	}		}

	~~/* Data (right column) */~~
	.infobox .infobox-data {		.infobox .infobox-data {
	vertical-align: top;		vertical-align: top;
Line 83:		Line 74:
	}		}

	~~/* Full-width data */~~
	.infobox .infobox-data-full {		.infobox .infobox-data-full {
	text-align: center;		text-align: center;
	}		}

	~~/* Below row */~~
	.infobox .infobox-below {		.infobox .infobox-below {
	text-align: center;		text-align: center;
Line 96:		Line 85:
	}		}

	~~/* FusionGirl accent colour variant */~~
	.infobox-fusiongirl .infobox-title {		.infobox-fusiongirl .infobox-title {
	background-color: #1a1a2e;		background-color: #1a1a2e;
Line 107:		Line 95:
	}		}

	~~/* Responsive: full width on narrow screens */~~
	@media (max-width: 720px) {		@media (max-width: 720px) {
	.infobox {		.infobox {

JonoThora: Add infobox CSS styles

2026-03-14T00:48:52Z

Add infobox CSS styles

New page

/* ============================================================
Infobox styles — FusionGirl Wiki
============================================================ */

/* Base infobox table */
.infobox {
border: 1px solid #a2a9b1;
border-spacing: 3px;
background-color: #f8f9fa;
color: #202122;
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
float: right;
clear: right;
font-size: 88%;
line-height: 1.5em;
width: 22em;
}

/* Title row */
.infobox .infobox-title {
font-size: 125%;
font-weight: bold;
text-align: center;
padding: 0.4em 0.2em;
background-color: #1a1a2e;
color: #e0e0ff;
}

/* Above row */
.infobox .infobox-above {
text-align: center;
padding: 0.3em;
font-style: italic;
}

/* Subheader */
.infobox .infobox-subheader {
text-align: center;
padding: 0.2em;
font-size: 95%;
color: #555;
}

/* Image cell */
.infobox .infobox-image {
text-align: center;
padding: 0.4em 0.2em;
}

/* Caption under image */
.infobox .infobox-caption {
font-size: 90%;
color: #555;
padding-top: 0.2em;
text-align: center;
}

/* Section headers (full-width coloured band) */
.infobox .infobox-header {
text-align: center;
background-color: #16213e;
color: #e0e0ff;
font-weight: bold;
padding: 0.3em;
}

/* Label (left column) */
.infobox .infobox-label {
vertical-align: top;
text-align: left;
padding: 0.2em 0.4em 0.2em 0.2em;
font-weight: bold;
white-space: nowrap;
width: 35%;
}

/* Data (right column) */
.infobox .infobox-data {
vertical-align: top;
text-align: left;
padding: 0.2em;
}

/* Full-width data */
.infobox .infobox-data-full {
text-align: center;
}

/* Below row */
.infobox .infobox-below {
text-align: center;
padding: 0.3em;
border-top: 1px solid #a2a9b1;
font-size: 90%;
}

/* FusionGirl accent colour variant */
.infobox-fusiongirl .infobox-title {
background-color: #1a1a2e;
color: #e0e0ff;
}

.infobox-fusiongirl .infobox-header {
background-color: #16213e;
color: #e0e0ff;
}

/* Responsive: full width on narrow screens */
@media (max-width: 720px) {
.infobox {
float: none;
margin: 0.5em auto;
width: 100%;
max-width: 22em;
}
}