MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
 @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined");
 @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:FILL@0..1");
 /* Footer Atronia Website */
+/* 1. Esconder rodapés e elementos nativos da MediaWiki */
-/* Esconder rodapés e elementos nativos da MediaWiki */
 #footer, .mw-footer, #catlinks, #p-cactions, #p-personal {
      display: none !important;
 }
-/* --- ESTILOS DO FOOTER ATRONIA --- */
+/* 2. ESTILOS GERAIS DO FOOTER */
 #custom-atronia-footer,
 #custom-atronia-footer p,
@@ Line 21: / Line 23: @@
 }
-/* Garante que os links dos patrocinadores não ocupem 100% da largura */
+/* 3. GRELHA DE PATROCINADORES (2 à esquerda | 2 à direita) */
-#custom-atronia-footer a:has(.footer-sponsor-img) {
+.sponsor-grid {
-     display: inline-block !important;
+    display: grid !important;
+    /* Cria 2 colunas de tamanho automático */
+    grid-template-columns: repeat(2, auto) !important;
+    gap: 20px 40px !important; /* 20px entre linhas, 40px entre colunas */
+    max-width: fit-content !important;
+    align-items: center !important;
+}
+/* Garante que os links não interfiram na grelha */
+#custom-atronia-footer a:has(.footer-sponsor-img),
+.sponsor-grid a {
+     display: block !important;
      width: auto !important;
-     margin-bottom: 20px !important; /* Espaço entre as linhas */
+     padding: 0 !important;
-     vertical-align: middle;
+     background: none !important;
+    border: none !important;
 }
-/* Força o tamanho e o comportamento das imagens */
+/* Força o tamanho padrão das imagens */
 .footer-sponsor-img {
      height: 45px !important;
      width: auto !important;
-     display: inline-block !important; /* Alterado de block para inline-block */
+     display: block !important;
+    filter: none !important;
 }
-/* Contentor flexível para os patrocinadores */
+/* 4. LINKS DAS COLUNAS (MENU, SOLUTIONS, ETC) */
-.sponsor-grid {
-    display: flex !important;
-    flex-wrap: wrap !important;
-    gap: 30px !important;
-    max-width: 600px !important; /* Ajuste este valor para forçar a quebra em 2 colunas */
-}
-/* Links das Colunas */
 .atronia-col a,
 .atronia-col a:link,
@@ Line 73: / Line 80: @@
 }
+/* 5. TÍTULOS DAS COLUNAS */
 .atronia-col h4 {
      font-size: 14px !important;
@@ Line 86: / Line 94: @@
 }
+/* Fim do Footer Atronia Website */