MediaWiki:Common.css: Difference between revisions

Line 4:

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

/* Container */

/* Container do Widget */

.gtranslate_wrapper {

padding: 8px 0 !important;

Line 10:

}

/* ~~Caixa Principal~~ */

/* Força a cor verde escuro #1B2826 em navegadores Webkit/Blink */

.gtranslate_wrapper select,

.gtranslate_wrapper select {

~~.gt_selector~~ {

-webkit-appearance: none !important;

-moz-appearance: none !important;

Line 18:

Line 17:

width: 100% !important;

~~max-width: 100% !important;~~

height: 38px !important;

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

Line 28:

Line 26:

background-color: #ffffff !important;

/* Chevron em verde escuro */

border: 1px solid #a2a9b1 !important;

border-radius: 6px !important;

outline: none !important;

cursor: pointer !important;

/* Chevron SVG verde escuro */

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;

background-size: 12px 12px !important;

~~border: 1px solid #a2a9b1 !important;~~

~~border-radius: 6px !important;~~

~~outline: none !important;~~

~~cursor: pointer !important;~~

~~box-sizing: border-box !important;~~

}

~~/* Foco e Hover da Caixa */~~

~~.gtranslate_wrapper select:focus,~~

~~.gt_selector:focus,~~

.gtranslate_wrapper select:hover,

.~~gt_selector~~:~~hover~~ {

.gtranslate_wrapper select:focus {

border-color: #1B2826 !important;

box-shadow: 0 0 0 1px #1B2826 !important;

}

/* ~~Forçar substituição da cor azul de seleção nativa do sistema~~ */

/* Destaque das Opções */

.~~gtranslate_wrapper select option {~~

.gt_container-w26ug .gt_option:hover,

~~background~~-~~color: #ffffff !important;~~

.gt_container-w26ug .gt_option.selected {

~~color: #1B2826 !important;~~

background-color: #1B2826 !important;

}

color: #BFFF00 !important; /* Texto em Verde Lima no hover/selecionado */

~~/* Hack para forçar a cor de hover/seleção no Chrome e Edge */~~

.~~gtranslate_wrapper select option~~:hover,

.~~gtranslate_wrapper select option:focus,~~

.~~gtranslate_wrapper select option:active,~~

.~~gtranslate_wrapper select option:checked~~ {

background: #1B2826 ~~linear-gradient(0deg, #1B2826 0%, #1B2826 100%)~~ !important;

color: #~~ffffff~~ !important;

}