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

Fonte: Manual HostSync.io
Saltar para a navegação Saltar para a pesquisa
Sem resumo de edição
Sem resumo de edição
 
(Há 9 edições intermédias do mesmo utilizador que não estão a ser apresentadas)
Linha 1: Linha 1:
/* Todo o código CSS colocado aqui será carregado para os utilizadores do tema Vector */
/* FLATTEN SEARCH BAR - Vector 2022 */
/* Make the search input font smaller in Vector 2022 */
 
.vector-header #searchInput {
/* Outer container */
     font-size: 0.85em !important;
.vector-search-box {
     padding: 2px 6px !important;
    all: unset;
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}
 
/* Actual input field */
.vector-search-box-input {
    all: unset;
    display: inline-block !important;
     font-size: 1em !important;
    background-color: #fff !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
     padding: 6px 8px !important;
    box-shadow: none !important;
    outline: none !important;
    height: auto !important;
    width: 100% !important;
    line-height: normal !important;
}
}


/* Optional: reduce font size in search suggestions too */
/* Search suggestions dropdown */
.cdx-search-input__input,
.mw-searchSuggest-link {
.mw-searchSuggest-link {
     font-size: 0.85em !important;
     font-size: 0.85em !important;
}
}
/* Tidy up search bar appearance in Vector 2022 */
 
.vector-header .cdx-search-input {
/* 🔧 Remove outer visual box (the wrapper) */
     background-color: transparent !important;
#simpleSearch.vector-search-box-inner {
     background: none !important;
     border: none !important;
     border: none !important;
     padding: 0 !important;
     padding: 0 !important;
    margin: 0 !important;
     box-shadow: none !important;
     box-shadow: none !important;
    border-radius: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}
}


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


/* Optional: align search icon nicely */
/* 🎯 Optional: Clean up the "Go" button */
.vector-header .cdx-search-input__end-button {
#searchButton.searchButton {
     padding: 4px !important;
    font-size: 0.8em !important;
     padding: 4px 8px !important;
    border-radius: 4px !important;
}
}

Edição atual desde as 13h15min de 22 de abril de 2025

/* FLATTEN SEARCH BAR - Vector 2022 */

/* Outer container */
.vector-search-box {
    all: unset;
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* Actual input field */
.vector-search-box-input {
    all: unset;
    display: inline-block !important;
    font-size: 1em !important;
    background-color: #fff !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    padding: 6px 8px !important;
    box-shadow: none !important;
    outline: none !important;
    height: auto !important;
    width: 100% !important;
    line-height: normal !important;
}

/* Search suggestions dropdown */
.mw-searchSuggest-link {
    font-size: 0.85em !important;
}

/* 🔧 Remove outer visual box (the wrapper) */
#simpleSearch.vector-search-box-inner {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

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

/* 🎯 Optional: Clean up the "Go" button */
#searchButton.searchButton {
    font-size: 0.8em !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
}