MediaWiki:Vector-2022.css: Difference between revisions

Revision as of 02:29, 4 November 2025

/* Vector 2022 CSS Styling */


.skin-vector-2022 #vector-main-menu-pinned-container {
  display: none !important;
}

/* Remove the pin/unpin buttons so nobody can toggle it */
.skin-vector-2022 .vector-pinnable-header-pin-button,
.skin-vector-2022 .vector-pinnable-header-unpin-button {
  display: none !important;
}

/* Hide the Appearance trigger (glasses/moon icon + its label) */
.skin-vector-2022 [aria-label="Appearance"],
.skin-vector-2022 .vector-appearance,
.skin-vector-2022 #vector-appearance,
.skin-vector-2022 .vector-appearance-menu,
.skin-vector-2022 .vector-dropdown.vector-appearance {
  display: none !important;
}

/* If your site language isn't English, also hide by title text */
.skin-vector-2022 [title="Appearance"] { 
  display: none !important; 
}

/* Never show the sidebar Page tools, and remove pin/unpin UI */
.skin-vector-2022 #vector-page-tools-pinned-container { display: none !important; }
.skin-vector-2022 .vector-pinnable-header-pin-button,
.skin-vector-2022 .vector-pinnable-header-unpin-button { display: none !important; }







/* ===== 4. Search field styling (rounded pill look) ===== */
.vector-header-end .cdx-text-input,
#vector-sticky-header .cdx-text-input {
    border-radius: 14px !important;
    border: 1px solid black !important;
    box-shadow: none !important;
    background-color: #fff;
}
.vector-header-end .cdx-text-input__input,
#vector-sticky-header .cdx-text-input__input {
    border-radius: 14px !important;
    border: 0 !important;
}

.cdx-search-input--has-end-button {
border: 0px;
background: transparent;
display; flex;
gap: 7px;
}

.cdx-button.cdx-search-input__end-button{
  border-radius: 14px !important;
   border: 1px solid #35a2c9 !important;
}