Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Vector.css: Difference between revisions

MediaWiki interface page
No edit summary
No edit summary
Line 41: Line 41:
body.skin-vector-legacy #content.mw-body {
body.skin-vector-legacy #content.mw-body {
margin-left: calc(var(--wiki-shell-gap) + var(--wiki-sidebar-width));
margin-left: calc(var(--wiki-shell-gap) + var(--wiki-sidebar-width));
width: calc(var(--wiki-shell-width) - var(--wiki-sidebar-width));
max-width: calc(var(--wiki-shell-width) - var(--wiki-sidebar-width));
max-width: calc(var(--wiki-shell-width) - var(--wiki-sidebar-width));
box-sizing: border-box;
box-sizing: border-box;
Line 48: Line 49:
/* Top head/navigation also begins beside sidebar */
/* Top head/navigation also begins beside sidebar */
body.skin-vector-legacy #mw-head {
body.skin-vector-legacy #mw-head {
position: absolute;
top: 0;
left: calc(var(--wiki-shell-gap) + var(--wiki-sidebar-width));
left: calc(var(--wiki-shell-gap) + var(--wiki-sidebar-width));
right: var(--wiki-shell-gap);
right: auto;
width: calc(var(--wiki-shell-width) - var(--wiki-sidebar-width));
box-sizing: border-box;
background: #fff;
}
}


/* Personal links stay inside centred shell */
/* Personal links stay inside centred shell */
body.skin-vector-legacy #p-personal {
body.skin-vector-legacy #p-personal {
position: absolute;
top: 0;
right: var(--wiki-shell-gap);
right: var(--wiki-shell-gap);
width: calc(var(--wiki-shell-width) - var(--wiki-sidebar-width));
box-sizing: border-box;
}
/* Keep the content tabs/search inside the same shell */
body.skin-vector-legacy #left-navigation {
left: 0;
}
body.skin-vector-legacy #right-navigation {
right: 0;
}
}


Line 83: Line 102:
padding: 0;
padding: 0;
background: transparent;
background: transparent;
}
/* PAGE HEADING TEXT RULES */
/* ----------------------- */
h1#firstHeading,
h1#firstHeading .mw-page-title-main {
font-family: Arial, Helvetica, sans-serif !important;
font-size: clamp(34px, 4vw, 44px) !important;
line-height: 1.1 !important;
font-weight: bold !important;
}
@media (max-width: 1000px) {
h1#firstHeading,
h1#firstHeading .mw-page-title-main {
font-size: 1.9em !important;
}
}
@media (max-width: 700px) {
h1#firstHeading,
h1#firstHeading .mw-page-title-main {
font-size: 1.6em !important;
line-height: 1.15 !important;
}
}
}