MediaWiki:Common.css: Difference between revisions
Appearance
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
| Line 3: | Line 3: | ||
#ca-talk { display: none !important; } | #ca-talk { display: none !important; } | ||
/* Put title + shortdesc on the left, toolbar on the right (Vector 2022) */ | |||
@media (min-width: 720px) { | @media (min-width: 720px) { | ||
/* Turn the titlebar into a 2x2 grid */ | |||
.skin-vector-2022 .vector-page-titlebar { | .skin-vector-2022 .vector-page-titlebar { | ||
display: | display: grid; | ||
align-items: | grid-template-columns: 1fr auto; | ||
gap: .75rem; | grid-template-areas: | ||
"title toolbar" | |||
"subtitle toolbar"; | |||
align-items: end; | |||
column-gap: 0.75rem; | |||
row-gap: 0.15rem; | |||
} | |||
/* Title occupies the top-left */ | |||
.skin-vector-2022 .mw-page-title-main { | |||
grid-area: title; | |||
margin-bottom: 0; /* avoid extra gap above subtitle */ | |||
} | |||
/* Short description sits directly under the title */ | |||
.skin-vector-2022 #siteSub { | |||
grid-area: subtitle; | |||
display: block !important; | |||
font-size: 0.9em; | |||
color: #54595d; | |||
margin: 0 0 0.8rem 0; | |||
} | |||
/* Toolbar hugs the right, spanning both rows */ | |||
.skin-vector-2022 .vector-page-toolbar { | |||
grid-area: toolbar; | |||
justify-self: end; | |||
} | } | ||
} | } | ||
Revision as of 17:07, 16 August 2025
#ca-nstab-main { display: none !important; }
#ca-talk { display: none !important; }
/* Put title + shortdesc on the left, toolbar on the right (Vector 2022) */
@media (min-width: 720px) {
/* Turn the titlebar into a 2x2 grid */
.skin-vector-2022 .vector-page-titlebar {
display: grid;
grid-template-columns: 1fr auto;
grid-template-areas:
"title toolbar"
"subtitle toolbar";
align-items: end;
column-gap: 0.75rem;
row-gap: 0.15rem;
}
/* Title occupies the top-left */
.skin-vector-2022 .mw-page-title-main {
grid-area: title;
margin-bottom: 0; /* avoid extra gap above subtitle */
}
/* Short description sits directly under the title */
.skin-vector-2022 #siteSub {
grid-area: subtitle;
display: block !important;
font-size: 0.9em;
color: #54595d;
margin: 0 0 0.8rem 0;
}
/* Toolbar hugs the right, spanning both rows */
.skin-vector-2022 .vector-page-toolbar {
grid-area: toolbar;
justify-self: end;
}
}