MediaWiki:Vector.css: diferenças entre revisões

Fonte: Manual HostSync.io
Saltar para a navegação Saltar para a pesquisa
← Edição anteriorEdição posterior →
Sem resumo de edição
Sem resumo de edição
Linha 1: Linha 1:
/* Todo o código CSS colocado aqui será carregado para os utilizadores do tema Vector */
/* === VECTOR 2022: SEARCH BAR CLEANUP === */
/* 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 */
/* Style the actual search input field */
.cdx-search-input__input,
.vector-search-box-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;
     font-size: 0.85em !important;
     padding: 4px 6px !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: 1px solid #ccc !important;
     border-radius: 4px !important;
     border-radius: 4px !important;
    padding: 4px 6px !important;
     background: white !important;
     background: #fff !important;
     box-shadow: none !important;
     box-shadow: none !important;
    outline: none !important;
     height: auto !important;
     height: auto !important;
}
}


/* Ensure the container does not create extra visual border */
/* Remove the outer box appearance */
.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;
}
/* Make the actual search box font smaller and tidy up styling */
input.vector-search-box-input {
    font-size: 0.85em !important;
    padding: 4px 6px !important;
    height: auto !important;
    border-radius: 4px !important;
}
 
/* Optional: Remove any outer styling if it's wrapped */
.vector-search-box {
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
/* Make the font in the search bar smaller */
.vector-search-box-input {
    font-size: 0.85em !important;
    padding: 4px 6px !important;
    border-radius: 4px !important;
    height: auto !important;
}
 
/* Optional: remove any extra borders or box appearance around it */
.vector-search-box {
.vector-search-box {
     background: transparent !important;
     background: transparent !important;
     border: none !important;
     border: none !important;
     padding: 0 !important;
     padding: 0 !important;
    margin: 0 !important;
     box-shadow: none !important;
     box-shadow: none !important;
}
/* 🔧 Fix double-box effect by removing outer box styling */
.vector-search-box {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
     border-radius: 0 !important;
     border-radius: 0 !important;
}
}


/* 🧼 Style the input itself cleanly */
/* Optional: Smaller font in search suggestions */
.vector-search-box-input {
.mw-searchSuggest-link {
     font-size: 0.85em !important;
     font-size: 0.85em !important;
    padding: 4px 6px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    background: white !important;
    box-shadow: none !important;
    outline: none !important;
    height: auto !important;
}
}

Revisão das 13h07min de 22 de abril de 2025

/* === VECTOR 2022: SEARCH BAR CLEANUP === */

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

/* Remove the outer box appearance */
.vector-search-box {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* Optional: Smaller font in search suggestions */
.mw-searchSuggest-link {
    font-size: 0.85em !important;
}
Obtida de "https://manual.hostsync.io/index.php?title=MediaWiki:Vector.css&oldid=5787"