MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 7: / Line 7: @@
-/* --- BOTÃO GLOBAL ATRONIA --- */
+/* 1. Contentor do Rodapé - Força a largura total para permitir o alinhamento à direita */
-.footer-button-atronia {
+#footer-places {
-     display: block !important;
+     display: flex !important;
-     margin-bottom: 15px !important;
+     width: 100% !important;
+    align-items: center !important;
+    flex-wrap: nowrap !important;
+    padding: 10px 0 !important;
 }
-.footer-button-atronia a {
+/* 2. Links da Esquerda - Garante o espaçamento entre eles */
-    background-color: #d1ff00 !important; /* Verde néon */
+#footer-places li {
-    color: #000 !important; /* Texto preto */
+     margin-right: 15px !important;
-    padding: 10px 30px !important;
+     list-style: none !important;
-    border-radius: 50px !important;
-     font-weight: bold !important;
-     text-decoration: none !important;
-    display: inline-block !important;
-    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
-    transition: all 0.2s ease;
 }
-/* Remove a setinha de link externo para parecer um botão do site */
+/* 3. O Alvo do Botão - O "margin-left: auto" empurra-o para o extremo direito */
-.footer-button-atronia a.external {
+#footer-custom-button {
-     background-image: none !important;
+     margin-left: auto !important;
-     padding-right: 30px !important;
+     margin-right: 0 !important;
-}
+     list-style: none !important;
-.footer-button-atronia a:hover {
-    transform: translateY(-2px);
-     box-shadow: 0 6px 12px rgba(0,0,0,0.15);
-    background-color: #e2ff33 !important;
 }
-/* Estilo do Botão Real no Rodapé */
+/* 4. Estilo Final do Botão (Cápsula Verde) */
 .footer-button-atronia-real {
      display: inline-block !important;
-     background-color: #d1ff00 !important; /* Verde do site */
+     background-color: #d1ff00 !important; /* Verde néon do site */
      color: #000 !important; /* Texto preto */
-     padding: 8px 20px !important;
+     padding: 6px 20px !important;
      border-radius: 50px !important;
      font-weight: bold !important;
      text-decoration: none !important;
-     margin-bottom: 15px !important;
+     font-size: 0.85em !important;
-     margin-right: 20px !important;
+     white-space: nowrap !important;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.15) !important;
+    transition: transform 0.2s ease, background-color 0.2s ease !important;
      font-family: sans-serif !important;
-    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
 }
+/* Efeito Hover */
 .footer-button-atronia-real:hover {
      background-color: #e2ff33 !important;
-     transform: scale(1.05);
+     transform: scale(1.05) !important;
+    text-decoration: none !important;
 }
-/* Remove a setinha de link externo */
+/* Remove a seta de link externo do MediaWiki */
-.footer-button-atronia-real.external {
+.footer-button-atronia-real.external,
+.footer-button-atronia-real.external:after {
      background-image: none !important;
      padding-right: 20px !important;
-}
+     margin-right: 0 !important;
-/* Container do Rodapé */
-#footer-places {
-    display: flex !important;
-    width: 100% !important; /* Ocupa a largura total */
-    align-items: center !important;
-    flex-wrap: nowrap !important; /* Mantém tudo na mesma linha no PC */
-}
-/* Garante que os links da esquerda fiquem juntos */
-#footer-places li {
-     margin-right: 15px;
-}
-/* Alvo específico para o teu botão customizado */
-#footer-custom-button {
-    margin-left: auto !important; /* O TRUQUE: Empurra o botão totalmente para a direita */
-    list-style: none !important;
-}
-/* Estilo Final do Botão */
-.footer-button-atronia-real {
-    display: inline-block !important;
-    background-color: #d1ff00 !important;
-    color: #000 !important;
-    padding: 6px 18px !important;
-    border-radius: 50px !important;
-    font-weight: bold !important;
-    text-decoration: none !important;
-    font-size: 0.85em !important;
-    white-space: nowrap !important; /* Impede o texto de quebrar */
-    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
-}
-/* Remove a seta de link externo */
-.footer-button-atronia-real.external {
-    background-image: none !important;
-    padding-right: 18px !important;
 }