MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| (3 intermediate revisions by the same user not shown) | |||
| Line 453: | Line 453: | ||
display: inline-block; | display: inline-block; | ||
text-align: right; | text-align: right; | ||
} | } | ||
| Line 508: | Line 504: | ||
} | } | ||
} | } | ||
/* Main Page: stack the front page columns on narrow screens, latest articles first */ | |||
@media screen and (max-width: 720px) { | |||
div.front-page { | |||
display: flex; | |||
flex-direction: column; | |||
} | |||
div.front-page > div[style*="display:flex"] { | |||
flex-direction: column; | |||
} | |||
div.front-page > div.right { | |||
float: none; | |||
width: auto; | |||
order: 1; | |||
} | |||
div.front-page > div.left { | |||
margin-right: 0; | |||
} | |||
/* The equal-height padding trick is not needed once the columns stack */ | |||
div.front-page div.last-cell.cell { | |||
padding-bottom: 0.3em; | |||
margin-bottom: 0; | |||
} | |||
} | |||
/* Text inputs here carry no type attribute, so match every input */ | |||
#pfForm input, | |||
#pfForm select, | |||
#pfForm textarea { | |||
max-width: 100%; | |||
box-sizing: border-box; | |||
} | |||
#pfForm .oo-ui-comboBoxInputWidget { | |||
width: 100% !important; | |||
min-width: 0 !important; | |||
margin: 0 !important; | |||
} | |||