MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 9: / Line 9: @@
 /* Footer Atronia Website */
-/* 1. Esconder rodapés e elementos nativos da MediaWiki */
+/* --- FOOTER ATRONIA --- */
+/* 1. Esconder elementos nativos da MediaWiki */
 #footer, .mw-footer, #catlinks, #p-cactions, #p-personal {
      display: none !important;
 }
-/* 2. ESTILOS GERAIS DO FOOTER */
+/* 2. Scrolling Text (Texto em Movimento) */
-#custom-atronia-footer,
+.atronia-scrolling-container {
-#custom-atronia-footer p,
+    background-color: #121e1c;
-#custom-atronia-footer h4,
+    overflow: hidden;
-#custom-atronia-footer span {
+    white-space: nowrap;
+    padding: 30px 0;
+    border-top: 1px solid rgba(255,255,255,0.1);
+}
+.atronia-scrolling-content {
+    display: inline-block;
+    animation: atronia-scroll 30s linear infinite;
+}
+.atronia-scrolling-content span {
+    font-family: sans-serif;
+    font-size: clamp(30px, 5vw, 60px);
+    font-weight: bold;
+    color: transparent;
+    -webkit-text-stroke: 1px rgba(255,255,255,0.4);
+    text-transform: uppercase;
+    padding-right: 50px;
+}
+@keyframes atronia-scroll {
+% { transform: translateX(0); }
+% { transform: translateX(-50%); }
+}
+/* 3. Estrutura Principal do Footer */
+#custom-atronia-footer {
+    background-color: #121e1c;
      color: #ffffff !important;
-     opacity: 1 !important;
+     padding: 60px 40px;
+    font-family: sans-serif;
+    clear: both;
 }
-/* 3. GRELHA DE PATROCINADORES (2 à esquerda | 2 à direita) */
+/* 4. Grelha de Patrocinadores (2x2) */
 .sponsor-grid {
      display: grid !important;
-    /* Cria 2 colunas de tamanho automático */
+     grid-template-columns: repeat(2, auto) !important;
-     grid-template-columns: repeat(2, auto) !important;
+     gap: 30px 50px !important;
-     gap: 20px 40px !important; /* 20px entre linhas, 40px entre colunas */
+     max-width: fit-content !important;
-     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;
-    padding: 0 !important;
-    background: none !important;
-    border: none !important;
-}
-/* Ajuste de tamanho uniforme e centralização */
 .footer-sponsor-img {
-     width: 350px !important;  /* Largura fixa da "caixa" */
+     width: 250px !important;
-     height: 70px !important;  /* Altura fixa da "caixa" */
+     height: 70px !important;
-     object-fit: contain !important; /* Garante que o logo caiba na caixa sem esticar */
+     object-fit: contain !important;
-     object-position: left center !important; /* Alinha o logo à esquerda dentro da caixa */
+     object-position: left center !important;
-    display: block !important;
-    filter: none !important;
-}
-/* Remove margens extras que a Wiki coloca em links com imagens */
-.sponsor-grid a {
      display: block !important;
-    line-height: 0 !important;
-    text-decoration: none !important;
 }
-/* 4. LINKS DAS COLUNAS (MENU, SOLUTIONS, ETC) */
+/* 5. Estilos de Links e Colunas */
-.atronia-col a,
+.atronia-col a, .footer-legal-link {
-.atronia-col a:link,
-.atronia-col a:visited,
-.atronia-col a:active,
-.footer-legal-link,
-.footer-legal-link:visited {
      display: block !important;
      color: #ffffff !important;
@@ Line 73: / Line 78: @@
      text-decoration: none !important;
      margin-bottom: 12px !important;
-     opacity: 1 !important;
+     opacity: 0.8;
      background: none !important;
-    padding-right: 0 !important;
-}
-.footer-legal-link {
-    display: inline-block !important;
-    font-weight: bold !important;
 }
-#custom-atronia-footer a:hover,
+.atronia-col a:hover, .footer-legal-link:hover {
-.atronia-col a:hover,
+    opacity: 1;
-.footer-legal-link:hover {
      text-decoration: underline !important;
-    color: #ffffff !important;
 }
-/* 5. TÍTULOS DAS COLUNAS */
 .atronia-col h4 {
      font-size: 14px !important;
@@ Line 96: / Line 92: @@
      margin-bottom: 20px !important;
      border: none !important;
-    text-transform: none !important;
-}
-.atronia-col {
-    min-width: 120px;
-    margin-bottom: 20px;
 }