Template:Infobox/styles.css - Revision history

>ExE Boss: Add `padding‑top` for `.infobox‑header th`

2021-07-14T17:28:47Z

Add `padding‑top` for `.infobox‑header th`

2021-07-07T02:47:23Z

left/right align th in general

2021-07-07T02:05:05Z

templates

← Older revision		Revision as of 02:05, 7 July 2021
Line 10:		Line 10:
	border-spacing: 0;		border-spacing: 0;
	background-color: white;		background-color: white;
	/* these are overriden by .infobox-rtl on the ~~pages~~ of interest */		/* these are overriden by .infobox-rtl on the templates of interest */
	/* @noflip */		/* @noflip */
	clear: right;		clear: right;

2021-07-07T02:04:49Z

add .infobox-rtl at this level

← Older revision		Revision as of 02:04, 7 July 2021
Line 7:		Line 7:
	border: 2px solid #a2a9b1;		border: 2px solid #a2a9b1;
	width: 280px;		width: 280px;
			border-collapse: collapse;
			border-spacing: 0;
			background-color: white;
			/* these are overriden by .infobox-rtl on the pages of interest */
	/* @noflip */		/* @noflip */
	clear: right;		clear: right;
	/* @noflip */		/* @noflip */
	float: right;		float: right;
			/* @noflip */
	margin: 0 0 0.5em 0.5em;		margin: 0 0 0.5em 0.5em;
	~~border-collapse~~: ~~collapse~~;		}
	~~border-spacing~~: 0;
	~~background-color~~: ~~white~~;		.infobox-rtl {
			/* @noflip */
			clear: left;
			/* @noflip */
			float: left;
			/* @noflip */
			margin: 0 0.5em 0.5em 0;
	}		}

2021-07-07T01:37:34Z

trim to .infobox

← Older revision		Revision as of 01:37, 7 July 2021
Line 3:		Line 3:
	* [[Template:Tool]], etc.		* [[Template:Tool]], etc.
	*/		*/
	.~~tpl-~~infobox {		.infobox {
	box-sizing: border-box;		box-sizing: border-box;
	border: 2px solid #a2a9b1;		border: 2px solid #a2a9b1;
Line 20:		Line 20:
	/* high specificity to ensure specific infoboxes won't override these		/* high specificity to ensure specific infoboxes won't override these
	* properties with their own tstyles inadvertently */		* properties with their own tstyles inadvertently */
	body.mediawiki .~~tpl-~~infobox {		body.mediawiki .infobox {
	float: none;		float: none;
	clear: both;		clear: both;
Line 28:		Line 28:
	}		}

	.~~tpl-~~infobox td {		.infobox td {
	border: 2px none #a2a9b1;		border: 2px none #a2a9b1;
	padding: 0.2em 0.5em;		padding: 0.2em 0.5em;
Line 35:		Line 35:
	}		}

	.~~tpl-~~infobox-header {		.infobox-header {
	background-color: #a2a9b1;		background-color: #a2a9b1;
	color: #FFF;		color: #FFF;
Line 41:		Line 41:
	}		}

	.~~tpl-~~infobox-header a {		.infobox-header a {
	color: #FFF;		color: #FFF;
	}		}

	.~~tpl-~~infobox-header td {		.infobox-header td {
	padding-top: 0.5em;		padding-top: 0.5em;
	}		}

	.~~tpl-~~infobox-header img {		.infobox-header img {
	padding: 0 0.2em 0 0.5em;		padding: 0 0.2em 0 0.5em;
	}		}

2021-07-06T23:18:33Z

and a bit more

← Older revision		Revision as of 23:18, 6 July 2021
Line 18:		Line 18:

	@media (max-width: 719px) {		@media (max-width: 719px) {
			/* high specificity to ensure specific infoboxes won't override these
			* properties with their own tstyles inadvertently */
	body.mediawiki .tpl-infobox {		body.mediawiki .tpl-infobox {
	float: none;		float: none;
Line 29:		Line 31:
	border: 2px none #a2a9b1;		border: 2px none #a2a9b1;
	padding: 0.2em 0.5em;		padding: 0.2em 0.5em;
			/* TODO why is this !important */
	border-bottom: 1px solid #f0f0f0 !important;		border-bottom: 1px solid #f0f0f0 !important;
	}		}

2021-07-06T23:16:47Z

make this higher specificity to ensure lower level infoboxes can't override

2021-07-06T22:38:58Z

don't need to define that here

2021-07-06T17:58:45Z

Add `color: #FFF;` to `.tpl‑infobox‑header a`

2021-07-06T17:51:54Z

Add `color: #fff;` to `.tpl‑infobox‑header a`