MediaWiki:Common.css: Difference between revisions

Content deleted Content added
No edit summary
hide "talk" tabs
 
(3 intermediate revisions by 2 users not shown)
Line 1:
/* CSS placed here will be applied to all skins */
 
/* Keep header and page clean */
.mw-page-container {
max-width: 100%;
Line 16 ⟶ 15:
}
 
/* Clean tables */
.wikitable {
font-size: 0.95rem;
Line 27 ⟶ 25:
}
 
/* Make general content safer on small screens */
img,
video,
Line 40 ⟶ 37:
}
 
/* MobileMain page layout */
.mp-banner {
background: lightblue;
border: 1px solid #000;
padding: 2rem 1rem;
text-align: center;
font-size: 2.2rem;
font-weight: 700;
color: #000;
margin: 0 0 1rem 0;
}
 
.mp-toplinks {
display: grid;
grid-template-columns: repeat(3, 1fr);
background: lightblue;
border: 1px solid #000;
margin: 0 0 1.25rem 0;
}
 
.mp-toplink {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
min-height: 100px;
padding: 1rem;
border-right: 2px solid #000;
box-sizing: border-box;
}
 
.mp-toplink:last-child {
border-right: none;
}
 
.mp-sections {
display: grid;
grid-template-columns: 1fr 1fr 0.8fr;
border: 1px solid #cedff2;
background: #f5fffa;
}
 
.mp-section {
padding: 1rem;
border-right: 1px solid #a2a9b1;
box-sizing: border-box;
}
 
.mp-section:last-child {
border-right: none;
}
 
.mp-section h2 {
margin: 0 0 0.75rem 0;
padding: 0.5rem 0.75rem;
text-align: center;
font-size: 1.25rem;
background: #eaecf0;
border: 1px solid #a2a9b1;
}
 
.mp-section ul {
margin: 0;
padding-left: 1.2rem;
}
 
.mp-section li {
margin: 0.45rem 0;
}
 
.mp-section a {
white-space: normal;
word-break: break-word;
}
 
@media (max-width: 768px) {
/* Reduce page side padding */
.mw-body,
.vector-body {
Line 49 ⟶ 119:
}
 
/* Welcome .mp-banner */{
font-size: 1.5rem;
.mainpage-banner {
widthpadding: 100%1.2rem !important0.8rem;
boxline-sizingheight: border-box1.4;
padding: 1rem !important;
font-size: 1.5rem !important;
line-height: 1.4 !important;
text-align: center;
}
 
.mp-toplinks,
/* Top quick links table must stop behaving like a table */
.mp-sections {
.mainpage-links,
grid-template-columns: 1fr;
.mainpage-links tbody,
.mainpage-links tr {
display: block !important;
width: 100% !important;
}
 
.mp-toplink,
.mainpage-links td,
.mainpagemp-links thsection {
border-right: none;
display: block !important;
border-bottom: 1px solid #a2a9b1;
width: 100% !important;
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;
}
 
.mainpagemp-links trtoplink:first-child td:firstlast-child,
.mainpagemp-links trsection:first-child th:firstlast-child {
border-topbottom: 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;
}
 
/* Hide "discussion" + "talk" tabs -- Demis 2026-05-28 */
.mainpage-sections td,
#ca-talk { display: none !important; }
.mainpage-sections th {
#ca-talk { display: blocknone !important; }
width: 100% !important;
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;
font-size: 1.1rem;
}
 
/* Let long links wrap normally */
.mainpage-sections a,
.mainpage-links a {
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;
}
}