MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 3: / Line 3: @@
 @import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap');
+/* Espaçamento do seletor para afastar do "Main menu" e da "Main page" */
+.gtranslate_wrapper {
+  margin-top: 18px !important;    /* Espaço acima (Main menu) */
+  margin-bottom: 24px !important; /* Espaço abaixo (Main page) */
+  padding: 0 !important;
+  display: block !important;
+}
+/* Estilização da caixa e seta personalizada */
+.gtranslate_wrapper select {
+  -webkit-appearance: none !important;
+  -moz-appearance: none !important;
+  appearance: none !important;
+  width: 100% !important;
+  max-width: 100% !important;
+  padding: 6px 36px 6px 12px !important; /* 36px à direita dá margem ao chevron */
+  height: auto !important;
+  line-height: 1.4 !important;
+  box-sizing: border-box !important;
+  cursor: pointer !important;
+  /* Seta SVG personalizada afastada 14px da direita */
+  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="%23000000" 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;
+  transition: border-color 0.2s ease !important;
+}
+/* Animação: inverte a seta ao focar/abrir o select */
+.gtranslate_wrapper select:focus {
+  outline: none !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="%23000000" d="M2.22 7.53a.75.75 0 011.06 0L6 4.81l2.72 2.72a.75.75 0 101.06-1.06l-3.25-3.25a.75.75 0 00-1.06 0L2.22 6.47a.75.75 0 000 1.06z"/></svg>') !important;
+}
@@ Line 265: / Line 305: @@
      border: 0 !important;
      border-top: 1px solid #ffffff !important;
-     width: 100vw !important;
+     width: 100%;
-     position: relative !important;
+    max-width: 100vw;
-     left: 50% !important;
+     position: relative;
-     right: 50% !important;
+     left: 0;
-     margin-left: -50vw !important;
+     right: 0;
-     margin-right: -50vw !important;
+     margin-left: 0;
+     margin-right: 0;
+    box-sizing: border-box;
 }