MediaWiki:Filepage.css
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;
}