MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 8: / Line 8: @@
    padding: 8px 0 !important;
    margin-bottom: 10px !important;
-   width: 100% !important;
+   display: block !important;
+  visibility: visible !important;
 }
-/* Estilo do botão do menu principal */
+/* Caixa Dropdown */
-.gt_container-inline .gt_switcher {
+.gtranslate_wrapper select {
+  -webkit-appearance: none !important;
+  -moz-appearance: none !important;
+  appearance: none !important;
+  width: 100% !important;
+  max-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;
+  /* 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;
-   background-color: #ffffff !important;
+   outline: none !important;
-   padding: 6px 12px !important;
+   cursor: pointer !important;
-  width: 100% !important;
    box-sizing: border-box !important;
 }
-/* Caixa principal quando focada/aberta */
+/* Hover e Foco na caixa */
-.gt_container-inline .gt_switcher:hover,
+.gtranslate_wrapper select:hover,
-.gt_container-inline .gt_switcher.gt_active {
+.gtranslate_wrapper select:focus {
    border-color: #1B2826 !important;
    box-shadow: 0 0 0 1px #1B2826 !important;
 }
-/* Estilo das opções no dropdown (HTML customizado) */
+/* Forçar cores nas opções do select */
-.gt_container-inline .gt_option {
+.gtranslate_wrapper select option {
+  background-color: #ffffff !important;
    color: #1B2826 !important;
-   padding: 8px 12px !important;
+   padding: 8px !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;
-  font-weight: 600 !important;
 }