MediaWiki:Common.css: Difference between revisions

← Older 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");
+@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap');
+/* Contentor do bloco de código */
+.mw-highlight, .syntaxhighlight {
+    position: relative; /* Necessário para o posicionamento do botão */
+}
+/* Estilo do Botão Copy */
+.copy-code-button {
+    position: absolute;
+    top: 5px;
+    right: 5px;
+    z-index: 100;
+    padding: 4px 8px;
+    background-color: #f8f9fa;
+    border: 1px solid #a2a9b1;
+    border-radius: 4px;
+    color: #202122;
+    font-size: 11px;
+    font-family: sans-serif;
+    cursor: pointer;
+    opacity: 0.8;
+}
+.copy-code-button:hover {
+    opacity: 1;
+    background-color: #ffffff;
+    border-color: #447ff5;
+    color: #447ff5;
+    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
+}
+/* --- AJUSTES RESPONSIVOS ATRONIA --- */
+@media only screen and (max-width: 768px) {
+    #custom-atronia-footer img[src*="Igus.svg"] {
+        max-width: 120px !important; /* Ajusta este valor (ex: 100px ou 120px) até gostares */
+        margin-bottom: 10px;
+    }
+    /* 1. Forçar menus a empilhar no mobile */
+    #custom-atronia-footer div[style*="justify-content: space-between"] {
+        flex-direction: column !important;
+        align-items: flex-start !important;
+    }
+    /* 2. Grelha de Logos: Passa de 2 colunas para 1 no mobile para não esmagar */
+    #custom-atronia-footer div[style*="display: grid"] {
+        grid-template-columns: 1fr !important;
+        width: 100% !important;
+    }
+    /* 3. Logos: Garante que as imagens não saem do ecrã */
+    #custom-atronia-footer img {
+        max-width: 100% !important;
+        height: auto !important;
+    }
+    /* 4. Botões Flutuantes: Evitar que tapem os logos no fundo */
+    #atronia-floating-nav {
+        bottom: 15px !important;
+        right: 10px !important;
+        transform: scale(0.85); /* Ficam ligeiramente menores */
+        transform-origin: bottom right;
+    }
+    /* 5. Scrolling Text: Diminuir um pouco no mobile */
+    .atronia-scrolling-container {
+        height: 80px !important;
+        line-height: 80px !important;
+    }
+}
+#back-to-top {
+    font-family: 'Rubik', sans-serif !important;
+    font-weight: bold;
+}
+/* Aplicar a fonte a todo o footer */
+#custom-atronia-footer,
+#custom-atronia-footer * {
+    font-family: 'Rubik', sans-serif !important;
+}
@@ Line 28: / Line 114: @@
 .atronia-scrolling-content span {
-     font-family: sans-serif;
+     font-family: 'Rubik', sans-serif;
      font-size: 50px;
      font-weight: bold;
-     color: transparent !important;
+     color: transparent !important; /* Mantém o interior vazio */
-     -webkit-text-stroke: 1px rgba(255,255,255,0.4);
+     -webkit-text-stroke: 1.5px #ffffff; /* Branco puro e um pouco mais grosso */
+    opacity: 1 !important; /* Garante que o contorno não seja translúcido */
      padding-right: 50px;
      display: inline-block;
+    letter-spacing: 1px; /* Melhora a leitura em letras vazadas */
 }
@@ Line 41: / Line 129: @@
 % { transform: translateX(-50%); }
 }
-.atronia-scrolling-content { display: inline-block; animation: atronia-scroll 10s linear infinite; }
+.atronia-scrolling-content { display: inline-block; animation: atronia-scroll 15s linear infinite; }
 /* Esconder elementos nativos */
@@ Line 302: / Line 390: @@
 }
 .arrow-icon.rotated {
-  transform: rotate(180deg);
+    transform: rotate(180deg) !important;
+}
+/* Esta regra garante transição suave mesmo se o MediaWiki interferir */
+.arrow-icon {
+    transition: transform 0.25s ease-in-out !important;
+    transform-origin: center center !important;
 }