MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 4: / Line 4: @@
 @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap');
-/* Container do Widget */
+/* Container */
 .gtranslate_wrapper {
    padding: 8px 0 !important;
    margin-bottom: 10px !important;
+  width: 100% !important;
 }
-/* Força a cor verde escuro #1B2826 em navegadores Webkit/Blink */
+/* Estilo do botão do menu principal */
-.gtranslate_wrapper select {
+.gt_container-inline .gt_switcher {
-  -webkit-appearance: none !important;
-  -moz-appearance: none !important;
-  appearance: none !important;
-  width: 100% !important;
-  height: 38px !important;
-  padding: 6px 36px 6px 12px !important;
    font-family: inherit !important;
-  font-size: 0.875rem !important;
-  font-weight: 500 !important;
-  color: #1B2826 !important;
-  background-color: #ffffff !important;
    border: 1px solid #a2a9b1 !important;
    border-radius: 6px !important;
-   outline: none !important;
+   background-color: #ffffff !important;
-   cursor: pointer !important;
+   padding: 6px 12px !important;
+   width: 100% !important;
-  /* Chevron SVG verde escuro */
+   box-sizing: border-box !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;
-  background-size: 12px 12px !important;
 }
-.gtranslate_wrapper select:hover,
+/* Caixa principal quando focada/aberta */
-.gtranslate_wrapper select:focus {
+.gt_container-inline .gt_switcher:hover,
+.gt_container-inline .gt_switcher.gt_active {
    border-color: #1B2826 !important;
    box-shadow: 0 0 0 1px #1B2826 !important;
 }
-/* Destaque das Opções */
+/* Estilo das opções no dropdown (HTML customizado) */
-.gt_container-w26ug .gt_option:hover,
+.gt_container-inline .gt_option {
-.gt_container-w26ug .gt_option.selected {
+  color: #1B2826 !important;
+  padding: 8px 12px !important;
+  font-size: 0.875rem !important;
+  transition: background-color 0.15s ease, color 0.15s ease !important;
+}
+/* Idioma Selecionado e Hover nas Opções (Verde Escuro #1B2826 com Texto Verde Lima) */
+.gt_container-inline .gt_option:hover,
+.gt_container-inline .gt_option.gt_selected {
    background-color: #1B2826 !important;
-   color: #BFFF00 !important; /* Texto em Verde Lima no hover/selecionado */
+   color: #BFFF00 !important;
+  font-weight: 600 !important;
 }