MediaWiki:Vector.css

Nota: Depois de publicar, poderá ter de contornar a cache do seu navegador para ver as alterações.

• Firefox / Safari: Pressione Shift enquanto clica Recarregar, ou pressione Ctrl-F5 ou Ctrl-R (⌘-R no Mac)
• Google Chrome: Pressione Ctrl-Shift-R (⌘-Shift-R no Mac)
• Edge: Pressione Ctrl enquanto clica Recarregar, ou pressione Ctrl-F5.

/* Todo o código CSS colocado aqui será carregado para os utilizadores do tema Vector */
/* Make the search input font smaller in Vector 2022 */
.vector-header #searchInput {
    font-size: 0.85em !important;
    padding: 2px 6px !important;
}

/* Optional: reduce font size in search suggestions too */
.cdx-search-input__input,
.mw-searchSuggest-link {
    font-size: 0.85em !important;
}
/* Tidy up search bar appearance in Vector 2022 */
.vector-header .cdx-search-input {
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* Remove rounded inner input style */
.vector-header .cdx-search-input__input {
    border-radius: 0 !important;
    font-size: 0.85em !important;
    padding: 4px 6px !important;
    border: 1px solid #ccc !important;
    box-shadow: none !important;
    background-color: white !important;
}

/* Optional: align search icon nicely */
.vector-header .cdx-search-input__end-button {
    padding: 4px !important;
}
/* Remove extra padding/border from search wrapper */
.vector-header .cdx-typeahead-search {
    border: none !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Restyle the actual search input field */
.vector-header .cdx-text-input__input {
    font-size: 0.85em !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    padding: 4px 6px !important;
    background: #fff !important;
    box-shadow: none !important;
    height: auto !important;
}

/* Ensure the container does not create extra visual border */
.vector-header .cdx-text-input {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* Shrink the height of the search bar to make it more compact */
.vector-header .cdx-search-input {
    min-height: auto !important;
    height: auto !important;
}