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 */ | /* | ||
Logo | |||
*/ | |||
#p-logo a { background-size: cover; } | #p-logo a { background-size: cover; } | ||
.mw-wiki-logo { margin-top: 10px; } | .mw-wiki-logo { margin-top: 10px; } | ||
/* | /* | ||
Sidebar | |||
*/ | |||
/* Remove defaults */ | |||
.vector-menu-heading { | .vector-menu-heading { | ||
background-image: none; | background-image: none !important; | ||
padding: none; | padding: none !important; | ||
} | } | ||
. | .vector-menu-content { | ||
margin: none !important; | |||
} | |||
/* Category underline */ | |||
.vector-menu-heading { | |||
padding: 0.5em 0; | padding: 0.5em 0; | ||
margin-bottom: 0.3em; | margin-bottom: 0.3em; | ||
border-bottom: 1px solid rgba(255, 255, 255, 0.15); | border-bottom: 1px solid rgba(255, 255, 255, 0.15); | ||
font-weight: 600; | font-weight: 600; | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
} | } | ||
/* Category arrow - default */ | |||
.collapsiblevector .vector-menu-heading::after { | .collapsiblevector .vector-menu-heading::after { | ||
content: "▾"; | content: "▾"; | ||
| Line 30: | Line 33: | ||
transition: transform 0.2s ease, opacity 0.2s ease; | transition: transform 0.2s ease, opacity 0.2s ease; | ||
} | } | ||
/* Category arrow - rotate when collapsed */ | |||
.collapsiblevector.collapsed .vector-menu-heading::after { | .collapsiblevector.collapsed .vector-menu-heading::after { | ||
transform: rotate(-90deg); | transform: rotate(-90deg); | ||
opacity: 0.4; | opacity: 0.4; | ||
} | } | ||
/* Tighter spacing */ | |||
.collapsiblevector .vector-menu-content { | .collapsiblevector .vector-menu-content { | ||
padding-left: 0; | padding-left: 0; | ||
margin-left: 0; | margin-left: 0; | ||
} | } | ||
/* Hover effect */ | |||
.collapsiblevector .vector-menu-heading:hover::after { | .collapsiblevector .vector-menu-heading:hover::after { | ||
opacity: 0.85; | opacity: 0.85; | ||
} | } | ||
Revision as of 22:52, 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 defaults */
.vector-menu-heading {
background-image: none !important;
padding: none !important;
}
.vector-menu-content {
margin: none !important;
}
/* Category underline */
.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;
}
/* Category arrow - default */
.collapsiblevector .vector-menu-heading::after {
content: "▾";
margin-left: auto;
opacity: 0.6;
transition: transform 0.2s ease, opacity 0.2s ease;
}
/* Category arrow - rotate when collapsed */
.collapsiblevector.collapsed .vector-menu-heading::after {
transform: rotate(-90deg);
opacity: 0.4;
}
/* Tighter spacing */
.collapsiblevector .vector-menu-content {
padding-left: 0;
margin-left: 0;
}
/* Hover effect */
.collapsiblevector .vector-menu-heading:hover::after {
opacity: 0.85;
}