Module:Information/styles.css

/** * Generally we have div.commons-file-information-table > table.fileinfotpl-type-information * But additional cells have table.commons-file-information-table * We currently only deal with tbody, as there are no known usages of thead/tfoot * This is hyper specific to avoid */ table.commons-file-information-table, .fileinfotpl-type-information, .fileinfotpl-type-artwork { /* toccolours */ border: 1px solid #a2a9b1; background-color: #f8f9fa; padding: 5px; font-size: 95%; /* end of toccolours */ border-spacing: 2px; box-sizing: border-box; margin: 0; width: 100%; }

table.commons-file-information-table > tbody > tr, .fileinfotpl-type-information > tbody > tr, .fileinfotpl-type-artwork > tbody > tr { vertical-align: top; }

table.commons-file-information-table > tbody > tr > td, table.commons-file-information-table > tbody > tr > th, .fileinfotpl-type-information > tbody > tr > td, .fileinfotpl-type-information > tbody > tr > th, .fileinfotpl-type-artwork > tbody > tr > td, .fileinfotpl-type-artwork > tbody > tr > th { padding: 4px; }

/* This should be removed from MediaWiki:Filepage.css and MediaWiki:Common.css */ .fileinfo-paramfield { background: #ccf; text-align: right; padding-right: 0.4em; width: 15%; font-weight: bold; }

/* stack with additional adjacent templates */ .commons-file-information-table + table.commons-file-information-table, .commons-file-information-table + div.commons-file-information-table > table { border-top: 0; padding-top: 0; margin-top: -8px; }

/* Layout on mobile devices */ @media only screen and (max-width:719px) { table.commons-file-information-table, .commons-file-information-table .fileinfotpl-type-information, .commons-file-information-table .fileinfotpl-type-artwork { border-spacing: 0; padding: 0; word-break: break-word; width: 100% !important; }

.commons-file-information-table > tbody, .fileinfotpl-type-information > tbody, .fileinfotpl-type-artwork > tbody { display: block; }

.commons-file-information-table > tbody > tr > td, .commons-file-information-table > tbody > tr > th, .fileinfotpl-type-information > tbody > tr > td, .fileinfotpl-type-information > tbody > tr > th, .fileinfotpl-type-artwork > tbody > tr > td, .fileinfotpl-type-artwork > tbody > tr > th { padding: 0.2em 0.4em; text-align: left; text-align: start; }

.commons-file-information-table > tbody > tr, .fileinfotpl-type-information > tbody > tr, .fileinfotpl-type-artwork > tbody > tr { display: flex; flex-direction: column; }

/* stack with additional adjacent templates */ .commons-file-information-table + table.commons-file-information-table, .commons-file-information-table + div.commons-file-information-table > table { margin-top: -1px; }

.fileinfo-paramfield { box-sizing: border-box; flex: 1 0 100%; width: 100%; } }