MediaWiki:Filepage.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* CSS placed here is included on the file description page, also included on foreign client wikis */
/* Eventually this should move into TemplateStyles on Commons */
/* Cutoff of 500px to test the waters */
@media screen and (max-width : 500px) {
	.licensetpl {
		display:block;
		box-sizing: border-box;
		overflow-wrap: break-word;
	}
	.licensetpl > * {
		display: block;
		width: 100%;
		box-sizing: border-box;
		padding: 0 0.5em !important;
	}
	.licensetpl > * > tr {
		display: flex;
		flex: 1 1;
		flex-direction: column;
		flex-wrap: nowrap;
		width: 100%;
		box-sizing: border-box;
	}
	.licensetpl > * > tr > td,
	.licensetpl > * > tr > th {
		flex: 1 1;
		box-sizing: border-box;
		width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
		margin-bottom: 0.5em !important;
	}
	.licensetpl > * > tr > td:empty,
	.licensetpl > * > tr > * > img {
		display:none;
	}
	.fileinfotpl-type-information {
		display:block;
		box-sizing: border-box;
		border: 1px solid #a2a9b1;
		padding: 0 !important;
		overflow-wrap: break-word;
	}
	.fileinfotpl-type-information > * {
		display: block;
		width: 100%;
		box-sizing: border-box;
		padding: 0 !important;
	}
	.fileinfotpl-type-information > * > tr {
		display: flex;
		flex: 1 1;
		flex-direction: row;
		flex-wrap: wrap;
		width: 100%;
		box-sizing: border-box;
	}
	.fileinfotpl-type-information > * > tr > td {
		flex: 1 1;
		box-sizing: border-box;
		width: 100% !important;
		padding: 5px !important;
		margin: 0 !important;
		border-bottom: 1px solid #a2a9b1;
		text-align: left;
	}
	.fileinfotpl-type-information > * > tr > td:first-child {
		flex: 0 0 20vw;
		border-right: 1px solid #a2a9b1;
	}
}

	
/* fix minerva, which has weird magic with table-cells here */
.skin-minerva .mw-editsection {
	display: none !important;
}
/* Lots of crappy tables on Commons without classes etc */
table {
	box-sizing: border-box !important;
}