Jump to content

MediaWiki:Filepage.css

From Wikipedia, the free encyclopedia
Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.
/* 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;
	}
}


/* Lots of crappy tables on Commons without classes etc */
table {
	box-sizing: border-box !important;
}

/* Workaround for [[:phab:T270741]] */
.filehistory td:last-child {
    word-break: break-word;
    min-width: 10em;
}