MediaWiki:Vector.css

From Bharat Wiki
Revision as of 17:19, 6 December 2025 by Admin (talk | contribs)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* ==============================
   BHARAT WIKI – CUSTOM VECTOR THEME
   ============================== */

/* --- LEFT SIDEBAR IMPROVEMENTS --- */
.vector-sidebar {
    background: #f7f9fc !important;
    border-right: 1px solid #e1e4ea !important;
}

.vector-sidebar .vector-menu-heading {
    font-weight: bold;
    color: #1a4f9e !important;
}

.vector-menu-content li a {
    color: #2a2a2a !important;
}

.vector-menu-content li a:hover {
    background: #e8f0ff !important;
    color: #1a4f9e !important;
    border-radius: 4px;
}

/* --- TOP HEADER / TABS --- */
.vector-tabs .selected a {
    background: #1a4f9e !important;
    color: white !important;
}

.vector-tabs li a:hover {
    background: #e8f0ff !important;
    color: #1a4f9e !important;
}

/* --- SEARCH BAR --- */
#p-search input {
    border: 1px solid #bfc8d9 !important;
    border-radius: 6px !important;
}

/* --- PAGE CONTENT WIDTH & FONT --- */
.mw-body {
    font-family: 'Inter', 'Segoe UI', sans-serif !important;
    line-height: 1.6;
}
/* === MOBILE SIDEBAR FIX === */
@media screen and (max-width: 720px) {

    /* Hide the left sidebar completely */
    #mw-panel {
        display: none !important;
    }

    /* Hide the whole desktop sidebar container */
    .vector-sidebar-container {
        display: none !important;
    }

    /* Hide the sidebar headings (Tools, Contribute, etc.) */
    .vector-sidebar {
        display: none !important;
    }

    /* Make content full width */
    #content,
    .mw-body {
        margin-left: 0 !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}