MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 4: | Line 4: | ||
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap'); | @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap'); | ||
/* | /* Container */ | ||
.gtranslate_wrapper { | .gtranslate_wrapper { | ||
padding: 8px 0 !important; | padding: 8px 0 !important; | ||
| Line 10: | Line 10: | ||
} | } | ||
/* | /* Caixa Principal */ | ||
.gtranslate_wrapper select, | .gtranslate_wrapper select, | ||
.gt_selector { | .gt_selector { | ||
| Line 20: | Line 20: | ||
max-width: 100% !important; | max-width: 100% !important; | ||
height: 38px !important; | height: 38px !important; | ||
padding: 6px 36px 6px 12px !important; | padding: 6px 36px 6px 12px !important; | ||
| Line 29: | Line 28: | ||
background-color: #ffffff !important; | background-color: #ffffff !important; | ||
/* Chevron | /* Chevron em 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-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-repeat: no-repeat !important; | ||
| Line 40: | Line 39: | ||
cursor: pointer !important; | cursor: pointer !important; | ||
box-sizing: border-box !important; | box-sizing: border-box !important; | ||
} | } | ||
/* Hover | /* Foco e Hover da Caixa */ | ||
.gtranslate_wrapper select:focus, | |||
.gt_selector:focus, | |||
.gtranslate_wrapper select:hover, | .gtranslate_wrapper select:hover, | ||
.gt_selector:hover { | .gt_selector:hover { | ||
border-color: #1B2826 !important; | border-color: #1B2826 !important; | ||
box-shadow: 0 0 0 1px #1B2826 !important; | box-shadow: 0 0 0 1px #1B2826 !important; | ||
} | } | ||
/* | /* Forçar substituição da cor azul de seleção nativa do sistema */ | ||
.gtranslate_wrapper select | .gtranslate_wrapper select option { | ||
background-color: #ffffff !important; | background-color: #ffffff !important; | ||
color: #1B2826 !important; | color: #1B2826 !important; | ||
} | } | ||
/* | /* Hack para forçar a cor de hover/seleção no Chrome e Edge */ | ||
.gtranslate_wrapper select option:hover, | .gtranslate_wrapper select option:hover, | ||
. | .gtranslate_wrapper select option:focus, | ||
. | .gtranslate_wrapper select option:active, | ||
background- | .gtranslate_wrapper select option:checked { | ||
background: #1B2826 linear-gradient(0deg, #1B2826 0%, #1B2826 100%) !important; | |||
color: #ffffff !important; | color: #ffffff !important; | ||
} | } | ||