MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 2: | Line 2: | ||
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:FILL@0..1"); | @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'); | @import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap'); | ||
/* --- AJUSTES RESPONSIVOS ATRONIA --- */ | |||
@media only screen and (max-width: 768px) { | |||
/* 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; | |||
} | |||
} | |||