MediaWiki:Common.css - Revision history

GrumpySenpai at 22:20, 10 March 2022

2022-03-10T22:20:37Z

← Older revision		Revision as of 22:20, 10 March 2022
Line 31:		Line 31:

	/In the infobox, the images in the second column will have weird background colors, so change it to transparent/		/In the infobox, the images in the second column will have weird background colors, so change it to transparent/
	.pi-~~europa~~ .pi-horizontal-group-item:nth-child(even) {		.portable-infobox .pi-horizontal-group-item:nth-child(even) {
	background-color: transparent;		background-color: transparent;
	}		}

GrumpySenpai at 22:15, 10 March 2022

2022-03-10T22:15:44Z

← Older revision		Revision as of 22:15, 10 March 2022
Line 27:		Line 27:
	.portable-infobox {		.portable-infobox {
	border: solid 0.1em;		border: solid 0.1em;
			}


			/In the infobox, the images in the second column will have weird background colors, so change it to transparent/
			.pi-europa .pi-horizontal-group-item:nth-child(even) {
			background-color: transparent;
	}		}

GrumpySenpai at 07:33, 6 December 2021

2021-12-06T07:33:14Z

← Older revision		Revision as of 07:33, 6 December 2021
Line 14:		Line 14:
	max-width: -moz-fit-content;		max-width: -moz-fit-content;
	max-width: fit-content;		max-width: fit-content;
	~~margin: 0 auto;~~
	}		}
	.article-table td, .article-table th{		.article-table td, .article-table th{

GrumpySenpai: Have tables scroll their bodies independently on mobile devices instead of horizontally scrolling the main content

2021-12-06T06:51:35Z

Have tables scroll their bodies independently on mobile devices instead of horizontally scrolling the main content

← Older revision		Revision as of 06:51, 6 December 2021
Line 6:		Line 6:
	empty-cells: show;		empty-cells: show;
	margin: 1em 1em 1em 0; /give it some breathing room around the table but stay left justified/		margin: 1em 1em 1em 0; /give it some breathing room around the table but stay left justified/
	~~overflow-x: scroll;~~ /on mobile devices, have the tables scroll independently of the main body content/
			/on mobile devices, have the tables scroll independently of the main body content https://stackoverflow.com/questions/19794211/horizontal-scroll-on-overflow-of-table/
			display: block;
			overflow-x: auto;
			white-space: nowrap; /keeps nice spacing within the tables/
			/these allow you to still horizontally center tables and prevent it from having undue width which might cover something else beside it/
			max-width: -moz-fit-content;
			max-width: fit-content;
			margin: 0 auto;
	}		}
	.article-table td, .article-table th{		.article-table td, .article-table th{

GrumpySenpai at 06:43, 6 December 2021

2021-12-06T06:43:32Z

← Older revision		Revision as of 06:43, 6 December 2021
Line 6:		Line 6:
	empty-cells: show;		empty-cells: show;
	margin: 1em 1em 1em 0; /give it some breathing room around the table but stay left justified/		margin: 1em 1em 1em 0; /give it some breathing room around the table but stay left justified/
			overflow-x: scroll; /on mobile devices, have the tables scroll independently of the main body content/
	}		}
	.article-table td, .article-table th{		.article-table td, .article-table th{

GrumpySenpai at 05:18, 4 December 2021

2021-12-04T05:18:45Z

← Older revision		Revision as of 05:18, 4 December 2021
Line 7:		Line 7:
	margin: 1em 1em 1em 0; /give it some breathing room around the table but stay left justified/		margin: 1em 1em 1em 0; /give it some breathing room around the table but stay left justified/
	}		}
	.article-table td{		.article-table td, .article-table th{
	border-style: solid;		border-style: solid;
	border-width: 0.1em;		border-width: 0.1em;
	}		}
	.article-table th ~~+ th~~ { /~~applies to the second~~ and ~~further consecutive headers~~/		.article-short-table th, .article-short-table td{
	border-~~left~~: ~~solid 0.1em~~;		/there are tables for resistances and character stats that are only two rows and looks silly with horizontal borders/
			border-top: none;
			border-bottom: none;
	}		}


	.portable-infobox {		.portable-infobox {
	border: solid 0.1em;		border: solid 0.1em;
	}		}

GrumpySenpai: simple border around the infobox

2021-12-01T06:32:40Z

simple border around the infobox

← Older revision		Revision as of 06:32, 1 December 2021
Line 13:		Line 13:
	.article-table th + th { /applies to the second and further consecutive headers/		.article-table th + th { /applies to the second and further consecutive headers/
	border-left: solid 0.1em;		border-left: solid 0.1em;
			}


			.portable-infobox {
			border: solid 0.1em;
	}		}

GrumpySenpai: Apply a border to all article tables.

2021-12-01T06:06:10Z

Apply a border to all article tables.

New page

/* CSS placed here will be applied to all skins */

.article-table{
/*Tables that are embedded into the articles*/
border-collapse: collapse; /*have the borders around td sections actually touch*/
empty-cells: show;
margin: 1em 1em 1em 0; /*give it some breathing room around the table but stay left justified*/
}
.article-table td{
border-style: solid;
border-width: 0.1em;
}
.article-table th + th { /*applies to the second and further consecutive headers*/
border-left: solid 0.1em;
}