MediaWiki:Common.css: Difference between revisions

From Fate/Starry Night Wiki
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 Vector's default toggle spacing */
.collapsiblevector {
    padding-left: 0 !important;
}


/* Kill built-in arrow + spacing */
/*  
  Sidebar
*/
/* Remove defaults */
.vector-menu-heading {
.vector-menu-heading {
     background-image: none;
     background-image: none !important;
     padding: none;
     padding: none !important;
}
}
.collapsiblevector .vector-menu-heading {
.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;
}