MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 14: | Line 14: | ||
padding: none !important; | padding: none !important; | ||
} | } | ||
#p-tb .vector-menu-content { | #p-tb .vector-menu-content { margin: 0 0 0 0.5em !important; } | ||
} | |||
/* Category underline */ | /* Category underline */ | ||
.vector-menu-heading { | .vector-menu-heading { | ||
padding: 0.2em 0 !important; | padding: 0.2em 0 !important; | ||
border-bottom: 1px solid rgba(0, 0, 0, 0.35); | margin: 0.5em 0.6em 0 0.66666667em !important; | ||
border-bottom: 1px solid rgba(0, 0, 0, 0.35) !important; | |||
} | } | ||
/* Category arrow - default */ | /* Category arrow - default */ | ||
.vector-menu-heading::after { | |||
content: "▾"; | content: "▾"; | ||
margin-left: auto; | margin-left: auto; | ||
| Line 30: | Line 29: | ||
} | } | ||
/* Category arrow - rotate when collapsed */ | /* Category arrow - rotate when collapsed */ | ||
.collapsed .vector-menu-heading::after { | |||
transform: rotate(-90deg); | transform: rotate(-90deg); | ||
opacity: 0.4; | opacity: 0.4; | ||
} | } | ||
/* Hover effect */ | /* Hover effect */ | ||
.vector-menu-heading:hover::after { | |||
opacity: 0.85; | opacity: 0.85; | ||
} | } | ||
Revision as of 23:08, 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;
}
#p-tb .vector-menu-content { margin: 0 0 0 0.5em !important; }
/* Category underline */
.vector-menu-heading {
padding: 0.2em 0 !important;
margin: 0.5em 0.6em 0 0.66666667em !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.35) !important;
}
/* Category arrow - default */
.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 */
.collapsed .vector-menu-heading::after {
transform: rotate(-90deg);
opacity: 0.4;
}
/* Hover effect */
.vector-menu-heading:hover::after {
opacity: 0.85;
}