MediaWiki:Common.css: Difference between revisions

Line 4:

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap');

/* ~~Ajuste de Espaçamento do Container */~~

/* Estilização da caixa e seta personalizada */

~~.gtranslate_wrapper {~~

~~padding: 8px 0 !important;~~

~~margin-bottom: 12px !important;~~

~~display: block !important;~~

}

~~/* Garante ajuste de largura~~ e ~~padding interno no select~~ */

.gtranslate_wrapper select {

-webkit-appearance: none !important;

-moz-appearance: none !important;

appearance: none !important;

width: 100% !important;

max-width: 100% !important;

padding: 6px ~~10px~~ !important;

padding: 6px 36px 6px 12px !important; /* 36px à direita dá margem ao chevron */

height: auto !important;

line-height: 1.4 !important;

box-sizing: border-box !important;

cursor: pointer !important;

/* Seta SVG personalizada afastada da borda */

background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="%23000000" d="M2.22 4.47a.75.75 0 011.06 0L6 7.19l2.72-2.72a.75.75 0 111.06 1.06l-3.25 3.25a.75.75 0 01-1.06 0L2.22 5.53a.75.75 0 010-1.06z"/></svg>') !important;

background-repeat: no-repeat !important;

background-position: right 14px center !important; /* Afasta 14px da direita */

background-size: 12px 12px !important;

transition: background-transform 0.2s ease, border-color 0.2s ease !important;

}

/* Animação: roda a seta ao focar/abrir o select */

.gtranslate_wrapper select:focus {

outline: none !important;

background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="%23000000" d="M2.22 7.53a.75.75 0 011.06 0L6 4.81l2.72 2.72a.75.75 0 101.06-1.06l-3.25-3.25a.75.75 0 00-1.06 0L2.22 6.47a.75.75 0 000 1.06z"/></svg>') !important;

}