MediaWiki:Common.css - Revision history

Pecon: Add slight opacity to filigree

2025-06-06T19:37:25Z

Add slight opacity to filigree

← Older revision		Revision as of 19:37, 6 June 2025
Line 18:		Line 18:
	left: calc(-150% - 2.0em);		left: calc(-150% - 2.0em);
	transform:scale(0.25, 0.17);		transform:scale(0.25, 0.17);
			opacity: 0.75;
	}		}
	.infobox.legendary::after {		.infobox.legendary::after {
Line 25:		Line 26:
	left: calc(-150% - 2.0em);		left: calc(-150% - 2.0em);
	transform:scale(0.25, -0.17);		transform:scale(0.25, -0.17);
			opacity: 0.75;
	}		}
	.legendary .infobox-title {		.legendary .infobox-title {

Pecon: Need relative position set on parent infobox element

2025-06-06T19:36:04Z

Need relative position set on parent infobox element

← Older revision		Revision as of 19:36, 6 June 2025
Line 1:		Line 1:
	/* CSS placed here will be applied to all skins */		/* CSS placed here will be applied to all skins */
	.infobox {		.infobox {
			position: relative;
	width: 300px;		width: 300px;
	float: right;		float: right;

Pecon: Fancy filigree pseudo-elements for legendary infoboxes, class tweak to support non-legendary infobox templates later

2025-06-06T19:34:14Z

Fancy filigree pseudo-elements for legendary infoboxes, class tweak to support non-legendary infobox templates later

← Older revision		Revision as of 19:34, 6 June 2025
Line 11:		Line 11:
	box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02);		box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02);
	}		}
	.infobox-~~title~~ {		.infobox.legendary::before {
	~~font~~-~~size~~: 1.0em;		content: url('/wiki/images/d/dd/Legendary_filigree.png');
			position:absolute;
			top: calc((-226px * 0.17) - 2.0em - 0.75em - 40px);
			left: calc(-150% - 2.0em);
			transform:scale(0.25, 0.17);
			}
			.infobox.legendary::after {
			content: url('/wiki/images/d/dd/Legendary_filigree.png');
			position:absolute;
			top: calc(100% - (226px * 0.17) - 2.0em - 0.75em - 30px);
			left: calc(-150% - 2.0em);
			transform:scale(0.25, -0.17);
			}
			.legendary .infobox-title {
	font-family: serif;		font-family: serif;
	font-weight: 800;		font-weight: 800;
	text-transform: uppercase;		text-transform: uppercase;
			}
			.infobox-title {
			font-size: 1.0em;
			font-family: sans-serif;
			font-weight: 600;
			text-transform: none;
	text-align: center;		text-align: center;
	}		}

Pecon: Cooler title for the infobox

2025-05-16T06:30:08Z

Cooler title for the infobox

← Older revision		Revision as of 06:30, 16 May 2025
Line 12:		Line 12:
	}		}
	.infobox-title {		.infobox-title {
	font-size: 1.~~5em~~;		font-size: 1.0em;
			font-family: serif;
			font-weight: 800;
			text-transform: uppercase;
	text-align: center;		text-align: center;
	}		}

Pecon: Left-align subitems

2025-05-16T06:13:44Z

Left-align subitems

← Older revision		Revision as of 06:13, 16 May 2025
Line 19:		Line 19:
	}		}
	.infobox-table th {		.infobox-table th {
	text-align: ~~right~~;		text-align: left;
	vertical-align: top;		vertical-align: top;
	width: 150px;		width: 150px;

Pecon: Make infobox style consistent with Timeless thumbnail styling

2025-05-16T06:12:50Z

Make infobox style consistent with Timeless thumbnail styling

← Older revision		Revision as of 06:12, 16 May 2025
Line 1:		Line 1:
	/* CSS placed here will be applied to all skins */		/* CSS placed here will be applied to all skins */
	.infobox {		.infobox {
	width: 300px;		width: 300px;
			float: right;
	background: #f8f9fa;
	border: solid #eaecf0;		padding: 0.75em;
	border-width: 1px 1px 0.2em;		margin: 0 0 1.5em 2.0em;
	box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02);		background: #f8f9fa;
			border: solid #eaecf0;
			border-width: 1px 1px 0.2em;
			box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02);
	}		}
	.infobox-title {		.infobox-title {
	font-size: 1.5em;		font-size: 1.5em;
	text-align: center;		text-align: center;
	}		}
	.infobox-image {		.infobox-image {
	text-align: center;		text-align: center;
	}		}
	.infobox-table th {		.infobox-table th {
	text-align: right;		text-align: right;
	vertical-align: top;		vertical-align: top;
	width: 150px;		width: 150px;
	}		}
	.infobox-table td {		.infobox-table td {
	vertical-align: top;		vertical-align: top;
			}

			h1 {
			clear: right;
			}

			h2 {
			clear: right;
			}

			h3 {
			clear: right;
	}		}

Pecon: More infobox style

2025-05-16T06:02:40Z

More infobox style

← Older revision		Revision as of 06:02, 16 May 2025
Line 1:		Line 1:
	/* CSS placed here will be applied to all skins */		/* CSS placed here will be applied to all skins */
	.infobox {		.infobox {
	background: #~~eee~~;		width: 300px;
	border: ~~1px~~ solid #~~aaa~~;
	~~float~~: ~~right~~;		background: #f8f9fa;
	~~margin~~: 0 0 ~~1em 1em;~~		border: solid #eaecf0;
	~~padding: 1em;~~		border-width: 1px 1px 0.2em;
	~~width: 400px~~;		box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02);
	}		}
	.infobox-title {		.infobox-title {
Line 14:		Line 14:
	.infobox-image {		.infobox-image {
	text-align: center;		text-align: center;
	~~max-height: 150px;~~
	}		}
	.infobox-table th {		.infobox-table th {
Line 23:		Line 22:
	.infobox-table td {		.infobox-table td {
	vertical-align: top;		vertical-align: top;
	}

	~~h1 {~~
	~~clear: right;~~
	}

	~~h2 {~~
	~~clear: right;~~
	}

	~~h3 {~~
	~~clear: right;~~
	}		}

Pecon: Infobox tweaks

2025-05-16T05:31:16Z

Infobox tweaks

← Older revision		Revision as of 05:31, 16 May 2025
Line 9:		Line 9:
	}		}
	.infobox-title {		.infobox-title {
	font-size: ~~2em~~;		font-size: 1.5em;
	text-align: center;		text-align: center;
	}		}
	.infobox-image {		.infobox-image {
	text-align: center;		text-align: center;
			max-height: 150px;
	}		}
	.infobox-table th {		.infobox-table th {
	text-align: right;		text-align: right;
	vertical-align: top;		vertical-align: top;
	width: ~~120px~~;		width: 150px;
	}		}
	.infobox-table td {		.infobox-table td {

Pecon: More infobox-related formatting

2025-05-16T05:25:03Z

More infobox-related formatting

@@ Line 22: / Line 22: @@
 .infobox-table td {
      vertical-align: top;
+}

Pecon: Infobox stylesheet

2025-05-16T05:11:11Z

Infobox stylesheet

New page

/* CSS placed here will be applied to all skins */
.infobox {
background: #eee;
border: 1px solid #aaa;
float: right;
margin: 0 0 1em 1em;
padding: 1em;
width: 400px;
}
.infobox-title {
font-size: 2em;
text-align: center;
}
.infobox-image {
text-align: center;
}
.infobox-table th {
text-align: right;
vertical-align: top;
width: 120px;
}
.infobox-table td {
vertical-align: top;
}