MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
/* | /* Logo */ | ||
#p-logo a { background-size: cover; } | |||
*/ | .mw-wiki-logo { margin-top: 10px; } | ||
#p-logo a { | /* Sidebar */ | ||
/* Remove Vector's default toggle spacing */ | |||
.collapsiblevector { | |||
padding-left: 0 !important; | |||
} | } | ||
. | |||
margin- | /* Kill built-in arrow + spacing */ | ||
.collapsiblevector .vector-menu-heading::before, | |||
.collapsiblevector .vector-menu-heading::after { | |||
content: none !important; | |||
} | |||
.collapsiblevector .vector-menu-heading { | |||
padding: 0.5em 0; | |||
margin-bottom: 0.3em; | |||
border-bottom: 1px solid rgba(255, 255, 255, 0.15); | |||
font-weight: 600; | |||
display: flex; | |||
align-items: center; | |||
} | |||
.collapsiblevector .vector-menu-heading::after { | |||
content: "▾"; | |||
margin-left: auto; | |||
opacity: 0.6; | |||
transition: transform 0.2s ease, opacity 0.2s ease; | |||
} | |||
.collapsiblevector.collapsed .vector-menu-heading::after { | |||
transform: rotate(-90deg); | |||
opacity: 0.4; | |||
} | |||
.collapsiblevector .vector-menu-content { | |||
padding-left: 0; | |||
margin-left: 0; | |||
} | |||
.collapsiblevector .vector-menu-heading:hover::after { | |||
opacity: 0.85; | |||
} | } | ||
Revision as of 22:43, 6 February 2026
/* CSS placed here will be applied to all skins */
/* Logo */
#p-logo a { background-size: cover; }
.mw-wiki-logo { margin-top: 10px; }
/* Sidebar */
/* Remove Vector's default toggle spacing */
.collapsiblevector {
padding-left: 0 !important;
}
/* Kill built-in arrow + spacing */
.collapsiblevector .vector-menu-heading::before,
.collapsiblevector .vector-menu-heading::after {
content: none !important;
}
.collapsiblevector .vector-menu-heading {
padding: 0.5em 0;
margin-bottom: 0.3em;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
font-weight: 600;
display: flex;
align-items: center;
}
.collapsiblevector .vector-menu-heading::after {
content: "▾";
margin-left: auto;
opacity: 0.6;
transition: transform 0.2s ease, opacity 0.2s ease;
}
.collapsiblevector.collapsed .vector-menu-heading::after {
transform: rotate(-90deg);
opacity: 0.4;
}
.collapsiblevector .vector-menu-content {
padding-left: 0;
margin-left: 0;
}
.collapsiblevector .vector-menu-heading:hover::after {
opacity: 0.85;
}