MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
Superadmin (talk | contribs) Created page with "→CSS placed here will be applied to all skins: →Prevent huge wiki tables from breaking layout: .wikitable, .wikitablec { max-width: 100%; } →Make wide tables scroll horizontally on small screens: .table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; } →Common iRO-like table class - if missing, normalize it: table.wikitablec { border-collapse: collapse; width: 100%; } →Tighter cell spacing like iRO: table.wikitablec th, table..." |
Superadmin (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
/* | /* iRO-like tables */ | ||
table.wikitablec, | |||
table.wikitable { | |||
.wikitablec | |||
table. | |||
border-collapse: collapse; | border-collapse: collapse; | ||
width: 100%; | width: 100%; | ||
background: #fff; | |||
} | } | ||
/* | /* Header */ | ||
table.wikitablec th, | table.wikitablec th, | ||
table.wikitable th { | |||
background: #f2f2f2; | |||
border: 1px solid #a2a9b1; | |||
padding: 6px 8px; | |||
font-size: 90%; | |||
white-space: nowrap; /* iRO-like headers */ | |||
} | |||
/* Cells */ | |||
table.wikitablec td, | table.wikitablec td, | ||
table.wikitable td { | table.wikitable td { | ||
padding: | border: 1px solid #a2a9b1; | ||
padding: 6px 8px; | |||
vertical-align: top; | vertical-align: top; | ||
font-size: 90%; | |||
} | } | ||
/* | /* Sortable icon spacing */ | ||
table. | table.sortable th { | ||
cursor: pointer; | |||
} | } | ||
table.wikitablec | |||
table.wikitablec td { | /* Row hover (subtle) */ | ||
table.wikitablec tr:hover td, | |||
table.wikitable tr:hover td { | |||
background: #f9f9f9; | |||
} | |||
/* Keep text readable, but don't force aggressive breaking */ | |||
table.wikitablec td, | |||
table.wikitable td { | |||
overflow-wrap: normal; | |||
word-break: normal; | |||
} | } | ||
Revision as of 20:23, 26 January 2026
/* iRO-like tables */
table.wikitablec,
table.wikitable {
border-collapse: collapse;
width: 100%;
background: #fff;
}
/* Header */
table.wikitablec th,
table.wikitable th {
background: #f2f2f2;
border: 1px solid #a2a9b1;
padding: 6px 8px;
font-size: 90%;
white-space: nowrap; /* iRO-like headers */
}
/* Cells */
table.wikitablec td,
table.wikitable td {
border: 1px solid #a2a9b1;
padding: 6px 8px;
vertical-align: top;
font-size: 90%;
}
/* Sortable icon spacing */
table.sortable th {
cursor: pointer;
}
/* Row hover (subtle) */
table.wikitablec tr:hover td,
table.wikitable tr:hover td {
background: #f9f9f9;
}
/* Keep text readable, but don't force aggressive breaking */
table.wikitablec td,
table.wikitable td {
overflow-wrap: normal;
word-break: normal;
}