MediaWiki:Common.css: Difference between revisions
Content deleted Content added
No edit summary |
No edit summary |
||
Line 1:
/* CSS placed here will be applied to all skins */
/* Keep header and page clean */
.mw-page-container {
Line 14 ⟶ 15:
line-height: 1.6;
}
/* Clean tables */
Line 27:
}
/* Make general content safer on small screens */
img,
video,
iframe {
max-width: 100%;
height: auto;
}
pre,
code {
overflow-x: auto;
}
/* Mobile layout */
@media (max-width: 768px) {
/* Reduce
.mw-body,▼
.vector-body {▼
padding-left: 0.75rem !important;▼
padding-right: 0.75rem !important;▼
}
/* Welcome banner */
.mainpage-banner {
box-sizing: border-box;
padding: 1rem !important;
font-size: 1.5rem !important;
text-align: center;
}
/*
.mainpage-links,
.mainpage-links tbody,
.mainpage-links tr {
display: block !important;
width: 100% !important;
}
.mainpage-links td,
.mainpage-links th {
display: block !important;
width: 100% !important;
▲ border-left: none !important;
▲ border-right: none !important;
border-top: 1px solid #a2a9b1;▼
box-sizing: border-box;
text-align: center;
padding: 1rem 0.75rem !important;
border-left: none !important;
border-right: none !important;
▲ border-top: 1px solid #a2a9b1 !important;
white-space: normal !important;▼
}
.mainpage-links tr:first-child td:first-child,
.mainpage-links tr:first-child th:first-child {
border-top: none !important;
}
/* Main section table must also stop behaving like a table */
.mainpage-sections,
.mainpage-sections tbody,
.mainpage-sections tr {
display: block !important;
width: 100% !important;
}
.mainpage-sections td,
.mainpage-sections th {
display: block !important;
width: 100% !important;
▲ white-space: normal;
box-sizing: border-box;
padding: 0.9rem !important;
white-space: normal !important;▼
border-left: none !important;
border-right: none !important;
}
.mainpage-sections th {
text-align: center;
▲ .mw-body,
font-size: 1.1rem;
▲ .vector-body {
▲ padding-left: 0.75rem;
▲ padding-right: 0.75rem;
}
/*
.mainpage-sections a
.mainpage-links a {
▲ white-space: normal;
white-space: normal !important;
word-break: break-word;
}
/* Optional: make normal wikitable content scroll instead of crushing */
.wikitable {
display: block;
width: 100%;
overflow-x: auto;
white-space: nowrap;
}
}
| |||