MediaWiki:Common.css: Difference between revisions

Line 10:

}

/* Estilização ~~direta~~ do ~~elemento select e da classe do GTranslate~~ */

/* Estilização base do seletor */

.gtranslate_wrapper select,

.gt_selector {

Line 21:

height: 38px !important;

~~/* Espaço interno: Cima, Direita (espaço para o chevron), Baixo, Esquerda */~~

padding: 6px 36px 6px 12px !important;

Line 27:

Line 26:

font-size: 0.875rem !important;

font-weight: 500 !important;

color: #~~202122~~ !important;

color: #1B2826 !important;

background-color: #ffffff !important;

/* Chevron SVG ~~limpo e posicionado a 14px da borda direita~~ */

/* Chevron SVG inicial em verde escuro (#1B2826) */

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="%~~23202122~~" 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-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="%231B2826" 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;

Line 44:

Line 43:

}

/* ~~Efeito~~ Hover */

/* Hover: Borda suave em verde escuro */

.gtranslate_wrapper select:hover,

.gt_selector:hover {

border-color: #~~72777d~~ !important;

border-color: #1B2826 !important;

background-color: #f8f9fa !important;

}

/* ~~Estado de Foco~~ / Abertura: ~~muda a borda~~ e ~~inverte o~~ chevron ~~para cima~~ */

/* Focus / Abertura: Borda, ring de foco e chevron invertido em verde escuro (#1B2826) */

.gtranslate_wrapper select:focus,

.gt_selector:focus {

border-color: #~~36c~~ !important;

border-color: #1B2826 !important;

box-shadow: 0 0 0 1px #~~36c~~ !important;

box-shadow: 0 0 0 1px #1B2826 !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="%~~233366cc~~" d="M2.22 7.53a.75.75 0 010-1.06l3.25-3.25a.75.75 0 011.06 0l3.25 3.25a.75.75 0 11-1.06 1.06L6 4.81 3.28 7.53a.75.75 0 01-1.06 0z"/></svg>') !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="%231B2826" d="M2.22 7.53a.75.75 0 010-1.06l3.25-3.25a.75.75 0 011.06 0l3.25 3.25a.75.75 0 11-1.06 1.06L6 4.81 3.28 7.53a.75.75 0 01-1.06 0z"/></svg>') !important;

}

/* Estilização das opções (dropdown) em verde escuro */

.gtranslate_wrapper select option,

.gt_selector option {

background-color: #ffffff !important;

color: #1B2826 !important;

padding: 8px !important;

}

/* Cor do item selecionado/destacado no menu suspenso */

.gtranslate_wrapper select option:checked,

.gtranslate_wrapper select option:hover,

.gt_selector option:checked,

.gt_selector option:hover {

background-color: #1B2826 !important;

color: #ffffff !important;

}