MediaWiki:Common.css: mudanças entre as edições

← Edição anterior Edição posterior →

@@ Linha 4: / Linha 4: @@
    display: none;
 }
-/* Aumenta a logo e garante que não suma no PC */
+/* --- CONFIGURAÇÃO DE LOGO RESPONSIVA --- */
-.mw-logo {
-    height: 140px !important; /* Ajuste conforme necessário */
-    padding: 5px 0;
-}
-.mw-logo-icon {
-    width: auto !important;
-    height: 100% !important;
-}
-/* Garante que o texto 'WikiRio' acompanhe o aumento */
+/* MODO DESKTOP (PC e Tablets grandes) */
-.mw-logo-wordmark {
+@media screen and (min-width: 768px) {
-    height: 28px !important;
+    /* Mostra o ícone da logo */
-}
+    .mw-logo-icon {
-/* Esconde o nome do site (texto) no cabeçalho do Vector 2022 */
+        display: inline-block !important;
-.mw-logo-wordmark {
+    }
-    display: none !important;
+    /* Esconde o texto 'WikiRio' */
+    .mw-logo-wordmark {
+        display: none !important;
+    }
 }
-/* Opcional: Ajuste o ícone para ficar centralizado ou maior se necessário */
+/* MODO MOBILE (Celulares) */
-.mw-logo-icon {
+@media screen and (max-width: 767px) {
-     margin-right: 0 !important;
+    /* Esconde o ícone da logo */
+    .mw-logo-icon {
+        display: none !important;
+    }
+    /* Mostra o texto 'WikiRio' */
+     .mw-logo-wordmark {
+        display: inline-block !important;
+        margin-left: 0 !important; /* Remove recuo agora que o ícone sumiu */
+    }
 }