Jump to content

MediaWiki:Vector-2022.css: Difference between revisions

From Hasan Wiki
Created page with "Make section headers look clickable, with an arrow indicator: .mw-portlet-label { cursor: pointer; position: relative; padding-right: 20px; } .mw-portlet-label::after { content: "▾"; position: absolute; right: 4px; transition: transform 0.2s ease; } Collapsed state: rotate arrow, hide the list: .mw-portlet.tl-collapsed .mw-portlet-label::after { transform: rotate(-90deg); } .mw-portlet.tl-collapsed .mw-portlet-body { displ..."
 
No edit summary
Line 1: Line 1:
/* Make section headers look clickable, with an arrow indicator */
/* Site logo container */
.mw-portlet-label {
.mw-logo {
     cursor: pointer;
     /* adjust size/spacing here */
    position: relative;
    padding-right: 20px;
}
}
.mw-portlet-label::after {
 
     content: "▾";
/* Sticky header bar */
     position: absolute;
.vector-header {
     right: 4px;
    background-color: #1a56db;
     transition: transform 0.2s ease;
}
 
/* Search box */
.vector-search-box {
    border-radius: 20px;
}
 
/* Login / Register button (top right) */
#p-personal a {
     background-color: #d6336c;
     color: #fff;
     border-radius: 20px;
     padding: 6px 14px;
}
}


/* Collapsed state: rotate arrow, hide the list */
/* Sidebar section headers (the clickable collapsible ones) */
.mw-portlet.tl-collapsed .mw-portlet-label::after {
.vector-menu-heading {
     transform: rotate(-90deg);
    font-weight: 600;
     text-transform: uppercase;
    font-size: 12px;
}
}
.mw-portlet.tl-collapsed .mw-portlet-body {
 
     display: none;
/* Sidebar width */
#mw-panel {
     width: 280px;
}
}

Revision as of 11:53, 22 August 2026

/* Site logo container */
.mw-logo {
    /* adjust size/spacing here */
}

/* Sticky header bar */
.vector-header {
    background-color: #1a56db;
}

/* Search box */
.vector-search-box {
    border-radius: 20px;
}

/* Login / Register button (top right) */
#p-personal a {
    background-color: #d6336c;
    color: #fff;
    border-radius: 20px;
    padding: 6px 14px;
}

/* Sidebar section headers (the clickable collapsible ones) */
.vector-menu-heading {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
}

/* Sidebar width */
#mw-panel {
    width: 280px;
}