MediaWiki:Vector.css: diferenças entre revisões
Saltar para a navegação
Saltar para a pesquisa
Criou a página com "→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; }" |
Sem resumo de edição |
||
| (Há 10 edições intermédias do mesmo utilizador que não estão a ser apresentadas) | |||
| Linha 1: | Linha 1: | ||
/* | /* FLATTEN SEARCH BAR - Vector 2022 */ | ||
/* | |||
.vector- | /* Outer container */ | ||
font-size: | .vector-search-box { | ||
padding: | 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 { | .mw-searchSuggest-link { | ||
font-size: 0.85em !important; | 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; | |||
} | } | ||
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;
}