MediaWiki:Vector.css

Note : après avoir publié vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

• Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou appuyez sur Ctrl + F5 ou Ctrl + R (⌘ + R sur un Mac).
• Google Chrome : appuyez sur Ctrl + Maj + R (⌘ + Shift + R sur un Mac).
• Internet Explorer / Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.
• Opera : appuyez sur Ctrl + F5.

/* Tout CSS placé ici sera chargé avec les pages accédées par les utilisateurs de l’habillage Vector */
.cdx-text-input__input {
  border-radius:20px 0 0 20px;
  border-color:#52ADA6;

}
.cdx-text-input__input:enabled {
border-color:#52ADA6;
}
.cdx-text-input__input:enabled:focus, .vector-search-box-input:focus, .vector-search-box-inner:hover .vector-search-box-input:focus {
  border-color:#52ADA6;
  box-shadow:inset 0 0 0 1px #52ADA6;
}
.cdx-typeahead-search__input {
 border-radius:20px;
  border-color:#52ADA6;
}
#searchInput {
  border-radius:20px;
  border-color:#52ADA6;
}
#searchInput::placeholder,.cdx-text-input__input::placeholder {
    color: #7eadaa; /* Choisissez la couleur souhaitée */
    opacity: 0.8; /* Assurez-vous que l'opacité est à 1 pour un effet constant */
}

.cdx-text-input__input:enabled~.cdx-text-input__icon, .cdx-text-input__input:enabled:focus~.cdx-text-input__icon {
  color:#52ADA6;
}

#searchButton{
    background-color: #52ADA6; /* La couleur souhaitée */
    background-image:none;
    -webkit-mask-image: url("skins/Vector/resources/common/images/search.svg?bbf78");
    mask-image: url("skins/Vector/resources/common/images/search.svg?bbf78");
    mask-repeat: no-repeat;
    mask-position: center;
}
.cdx-button--framed {
    border-radius:0 20px 20px 0;
}
.cdx-button--framed:enabled {
    color: #203a38;
    border-color:#52ADA6;
    box-shadow:inset 0 0 0 1px #52ADA6;
    background-color:#52ADA633;
}
.cdx-button--framed:enabled:hover {
    background-color: #52ADA6;
    color: #203a38;
}
.cdx-button:enabled:focus:not(:active) {
 border:none;
 box-shadow:none
}

.mw-ui-icon-wikimedia-search-base20:before,
.mw-ui-icon-minerva-search:before,
.mw-ui-background-icon-search {
    background-image: url(load.php?modules=skins.minerva.icons.wikimedia&image=search&format=original&skin=minerva&version=ztntf);
    -webkit-mask-image: url(load.php?modules=skins.minerva.icons.wikimedia&image=search&format=original&skin=minerva&version=ztntf);
    mask-image: url(load.php?modules=skins.minerva.icons.wikimedia&image=search&format=original&skin=minerva&version=ztntf);
    background-color: #52ADA6;
    mask-repeat: no-repeat;
    background-repeat: no-repeat;
    background-position: center;
}

.mw-header #mw-sidebar-button {
    margin-right:0
}
.mw-logo {
    min-width:8em;
}