MediaWiki:Vector.css: Difference between revisions

/* ZelocoreCMS Wiki — MediaWiki:Vector.css
   Vector 2022 skin-specific overrides */

/* Sticky header — white like Wikipedia */
.vector-sticky-header {
    background: #fff !important;
    border-bottom: 1px solid #eaecf0 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.07) !important;
    backdrop-filter: none !important;
}
.vector-sticky-header-context-bar { color: #202122 !important; }
.vector-sticky-header-context-bar-primary .mw-page-title-main { font-size: 1em !important; color: #202122 !important; }

/* TOC sidebar — clean */
.vector-toc { background: transparent !important; border: none !important; }
.vector-toc-link { color: #3366cc !important; font-size: 0.875em !important; }
.vector-toc-link:hover { text-decoration: underline !important; }
.vector-toc-link--active { color: #202122 !important; font-weight: bold !important; }
.vector-toc-numb { color: #54595d !important; }

/* Pinned TOC box */
.vector-feature-toc-pinned-clientpref-1 .mw-table-of-contents-container {
    background: #f8f9fa !important;
    border: 1px solid #a2a9b1 !important;
    border-radius: 0 !important;
}

/* Page toolbar */
.vector-page-toolbar-container {
    background: transparent !important;
    border-bottom: 1px solid #eaecf0 !important;
}

/* Tabs */
.vector-menu-tabs .selected a {
    color: #202122 !important;
    border-bottom: 2px solid #202122 !important;
    font-weight: 500 !important;
}
.vector-menu-tabs li a {
    color: #3366cc !important;
    border-bottom: 2px solid transparent !important;
    font-size: 0.875em !important;
}
.vector-menu-tabs li a:hover {
    color: #202122 !important;
    border-bottom-color: #a2a9b1 !important;
    text-decoration: none !important;
    text-shadow: none !important;
    background: transparent !important;
}

/* Dropdown menus */
.vector-menu-dropdown .vector-menu-content {
    background: #fff !important;
    border: 1px solid #a2a9b1 !important;
    border-radius: 2px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
}
.vector-menu-dropdown .vector-menu-content li a {
    color: #3366cc !important;
    padding: 6px 14px !important;
    font-size: 0.875em !important;
}
.vector-menu-dropdown .vector-menu-content li a:hover {
    background: #eaf3fb !important;
    color: #202122 !important;
    text-decoration: none !important;
}

/* User menu */
.vector-user-menu .vector-menu-content {
    background: #fff !important;
    border: 1px solid #a2a9b1 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
    border-radius: 2px !important;
}

/* Page container */
.mw-page-container { background: #f8f9fa !important; }
.mw-content-container { background: #fff !important; }
.vector-column-start { background: transparent !important; }
.vector-header-container { background: #fff !important; border-bottom: 1px solid #eaecf0 !important; }

/* Search button */
.cdx-search-input__end-button {
    background: #3366cc !important;
    border: 1px solid #2a4b8d !important;
    border-radius: 0 2px 2px 0 !important;
    color: #fff !important;
}
.cdx-search-input__end-button:hover { background: #2a4b8d !important; }

/* Appearance panel */
.client-js .vector-feature-appearance-pinned-clientpref-1 .vector-appearance-label { color: #54595d !important; }