Module:Information/styles.css
Jump to navigation
Jump to search
/**
* IMPORTANT:
*
* These styles are copied to [[MediaWiki:Filepage.css]].
* If you make any changes here, make sure to update that page as well.
*
* When previewing changes, you must use a file outside the File namespace.
*
* See [[Module talk:Information/styles.css]] for details.
*/
/**
* 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%;
}
}