MediaWiki:Mobile.css
Appearance
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* All CSS here will be loaded for users of the mobile site */
/* Force better word breaking on long strings without breaking normal text */
body,
.mw-parser-output p,
.mw-parser-output li,
.mw-parser-output td,
.mw-parser-output th {
overflow-wrap: break-word; /* modern standard */
word-wrap: break-word; /* legacy */
-webkit-hyphens: auto; /* iOS/Safari */
-ms-hyphens: auto; /* Edge/IE */
hyphens: auto; /* others */
}
/* If you want to allow hyphenation only on very long words */
.mw-parser-output {
hyphens: auto;
}
/* For tables that overflow horizontally */
.mw-parser-output table {
width: 100% !important;
table-layout: fixed;
}