MediaWiki:Common.css - Revision history

Tearphones: typo: double html

2025-01-15T10:51:24Z

typo: double html

← Older revision		Revision as of 06:51, 15 January 2025
Line 98:		Line 98:

	/* override the background color of the hint content in dark mode using the next two rules */		/* override the background color of the hint content in dark mode using the next two rules */
	~~html.~~html.skin-theme-clientpref-night .collapsible-hint-content {		html.skin-theme-clientpref-night .collapsible-hint-content {
	background-color: #333;		background-color: #333;
	}		}

Tearphones: Attempt to fix hint themes in dark mode

2025-01-14T13:02:39Z

Attempt to fix hint themes in dark mode

← Older revision		Revision as of 09:02, 14 January 2025
Line 93:		Line 93:
	overflow: hidden;		overflow: hidden;
	transition: max-height 0.2s ease-out;		transition: max-height 0.2s ease-out;
			border: none; /* A border would be visible even with max-height: 0px. */
	background-color: whitesmoke;		background-color: whitesmoke;
	~~border: none; /* A border would be visible even with max-height: 0px. */~~
	}		}

			/* override the background color of the hint content in dark mode using the next two rules */
			html.html.skin-theme-clientpref-night .collapsible-hint-content {
			background-color: #333;
			}
			@media screen and ( prefers-color-scheme: dark ) {
			html.skin-theme-clientpref-os .collapsible-hint-content {
			background-color: #333;
			}
			}

	.collapsible-hint-padded {		.collapsible-hint-padded {
	padding: 10px 0px;		padding: 10px 0px;

Alf: Remove max-width to have infoboxes look good in Citizen (doesn’t seem to affect Vector)

2023-12-23T18:16:35Z

Remove max-width to have infoboxes look good in Citizen (doesn’t seem to affect Vector)

← Older revision		Revision as of 14:16, 23 December 2023
Line 56:		Line 56:
	border:1px solid black;		border:1px solid black;
	border-collapse: collapse;		border-collapse: collapse;
	~~max-width: 250px; /* to match image thumb size*/~~
	}		}

Theadamabrams: responsive columns

2023-12-14T23:18:53Z

responsive columns

← Older revision		Revision as of 19:18, 14 December 2023
Line 2:		Line 2:

	/* Additional styling for the mw-gather class */		/* Additional styling for the mw-gather class */
	.mw-gather {		.mw-gather {
	display: flex;		display: flex;
	flex-wrap: wrap;		flex-wrap: wrap;
	justify-content: space-between;		justify-content: space-between;
	~~margin: 0 -10px; /* Adjust margin to your preference */~~		}
	}
	.mw-gather > div {		.mw-gather div {
	flex: 1;		flex: 1;
	margin: 10px;		margin: 10px;
	box-sizing: border-box;		box-sizing: border-box;
	}		}

			/* Media query for small screens */
			@media (max-width: 600px) {
			.mw-gather div {
			flex: 100%; /* Full width on small screens */
			}
			}

Theadamabrams: responsive columns

2023-12-14T23:16:56Z

responsive columns

← Older revision		Revision as of 19:16, 14 December 2023
Line 1:		Line 1:
	/* CSS placed here will be applied to all skins */		/* CSS placed here will be applied to all skins */

			/* Additional styling for the mw-gather class */
			.mw-gather {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			margin: 0 -10px; /* Adjust margin to your preference */
			}
			.mw-gather > div {
			flex: 1;
			margin: 10px;
			box-sizing: border-box;
			}


	/* Collapsible elements. Toggle-link moved to left. */		/* Collapsible elements. Toggle-link moved to left. */

Theadamabrams: Updated collapsibles

2023-12-02T22:08:12Z

Updated collapsibles

← Older revision		Revision as of 18:08, 2 December 2023
Line 52:		Line 52:


	/* Custom ~~animated~~ hints */		/* Custom collapsibles for hints (cannot be nested): */
	.~~custom~~-~~collapsible~~ {		.collapsible-hint {
	cursor: pointer;		cursor: pointer;
	padding: 3px;		padding: 3px;
Line 62:		Line 62:
	font-size: 15px;		font-size: 15px;
	}		}
			.collapsible-hint-link {
	.~~custom~~-~~collapsible~~-link {
	color: #3366cc; /* Ideally this would grab the link color from the wiki's skin instead. */		color: #3366cc; /* Ideally this would grab the link color from the wiki's skin instead. */
	}		}
	.~~custom~~-~~collapsible~~-link:hover {		.collapsible-hint-link:hover {
	text-decoration: underline;		text-decoration: underline;
	}		}
			.collapsible-hint-content {
	.~~custom~~-~~collapsible~~-content {
	padding: 0px 15px;		padding: 0px 15px;
	max-height: 0;		max-height: 0;
Line 78:		Line 76:
	border: none; /* A border would be visible even with max-height: 0px. */		border: none; /* A border would be visible even with max-height: 0px. */
	}		}
	.~~custom~~-~~collapsible~~-padded {		.collapsible-hint-padded {
	padding: 10px 0px;		padding: 10px 0px;
	}		}
	.~~custom~~-~~collapsible~~-content-visible {		.collapsible-hint-content-visible {
	border: 1px solid #ccc;		border: 1px solid #ccc;
	}		}
	.~~custom~~-~~collapsible~~:not(.active) .~~custom~~-~~collapsible~~-link:before{		.collapsible-hint:not(.active) .collapsible-hint-link:before{
	content: 'Show'		content: 'Show'
	}		}
	.~~custom~~-~~collapsible~~.active .~~custom~~-~~collapsible~~-link:before{		.collapsible-hint.active .collapsible-hint-link:before{
	content: 'Hide'		content: 'Hide'
	}		}


			/* Custom collapsibles for social media threads */
			.collapsible-dialogue-link {
			color: #3366cc; /* Ideally this would grab the link color from the wiki's skin instead. */
			}
			.collapsible-dialogue-link:hover {
			text-decoration: underline;
			}
			.collapsible-dialogue-content {
			display: none;
			padding-left:10px;
			border: 1px solid transparent;
			border-left: 3px solid #888;
			}


	/* Custom hex strings */		/* Custom hex strings */
Line 100:		Line 114:
	overflow-wrap: anywhere;		overflow-wrap: anywhere;
	}		}


	/* Used by Template:Hatnote */		/* Used by Template:Hatnote */

Theadamabrams: Undo revision 2975 by Theadamabrams (talk)

2023-11-26T15:41:57Z

Undo revision 2975 by Theadamabrams (talk)

← Older revision		Revision as of 11:41, 26 November 2023
Line 56:		Line 56:
	cursor: pointer;		cursor: pointer;
	padding: 3px;		padding: 3px;
			width: 100%;
			border: none;
			text-align: left;
			outline: none;
			font-size: 15px;
	}		}

Line 66:		Line 71:

	.custom-collapsible-content {		.custom-collapsible-content {
	~~display~~: ~~none~~;		padding: 0px 15px;
	~~padding~~-~~left~~:~~10px~~;		max-height: 0;
			overflow: hidden;
			transition: max-height 0.2s ease-out;
	background-color: whitesmoke;		background-color: whitesmoke;
	border: ~~1px solid #ccc~~;		border: none; /* A border would be visible even with max-height: 0px. */
	}		}
	.custom-collapsible-padded {		.custom-collapsible-padded {
	padding: 10px 0px;		padding: 10px 0px;
	}		}
			.custom-collapsible-content-visible {
			border: 1px solid #ccc;
			}
	.custom-collapsible:not(.active) .custom-collapsible-link:before{		.custom-collapsible:not(.active) .custom-collapsible-link:before{
	content: 'Show'		content: 'Show'
Line 81:		Line 90:
	content: 'Hide'		content: 'Hide'
	}		}


	/* Custom hex strings */		/* Custom hex strings */

Theadamabrams: Streamlined coding for hints

2023-11-25T17:06:38Z

Streamlined coding for hints

← Older revision		Revision as of 13:06, 25 November 2023
Line 56:		Line 56:
	cursor: pointer;		cursor: pointer;
	padding: 3px;		padding: 3px;
	~~width: 100%;~~
	~~border: none;~~
	~~text-align: left;~~
	~~outline: none;~~
	~~font-size: 15px;~~
	}		}

Line 71:		Line 66:

	.custom-collapsible-content {		.custom-collapsible-content {
	~~padding~~: ~~0px 15px~~;		display: none;
	~~max~~-~~height: 0;~~		padding-left:10px;
	~~overflow: hidden;~~
	~~transition~~: ~~max-height 0.2s ease-out~~;
	background-color: whitesmoke;		background-color: whitesmoke;
	border: ~~none~~; ~~/* A border would be visible even with max-height: 0px. */~~		border: 1px solid #ccc;
	}		}
	.custom-collapsible-padded {		.custom-collapsible-padded {
	padding: 10px 0px;		padding: 10px 0px;
	}		}
	~~.custom-collapsible-content-visible {~~
	~~border: 1px solid #ccc;~~
	}
	.custom-collapsible:not(.active) .custom-collapsible-link:before{		.custom-collapsible:not(.active) .custom-collapsible-link:before{
	content: 'Show'		content: 'Show'
Line 90:		Line 81:
	content: 'Hide'		content: 'Hide'
	}		}


	/* Custom hex strings */		/* Custom hex strings */

Alf at 00:06, 25 November 2023

2023-11-25T00:06:16Z

@@ Line 99: / Line 99: @@
    text-decoration: underline dotted red;
    overflow-wrap: anywhere;
+}

Theadamabrams: infobox padding

2023-11-22T22:00:04Z

infobox padding

← Older revision		Revision as of 18:00, 22 November 2023
Line 40:		Line 40:
	table.infobox td:first-child:not([colspan]) {		table.infobox td:first-child:not([colspan]) {
	text-align: left;		text-align: left;
			padding-left: 0.33em;
	vertical-align: top;		vertical-align: top;
	~~font-weight: bold;~~
	}		}

	table.infobox td:last-child:not([colspan]) {		table.infobox td:last-child:not([colspan]) {
	text-align: right;		text-align: right;
			padding-right: 0.33em;
	vertical-align: top;		vertical-align: top;
	}		}