MediaWiki:Mobile.css: Difference between revisions
Created page with "→All CSS here will be loaded for users of the mobile site: →ESTES ESTILOS SÓ AFETAM O TELEMÓVEL: →1. Limpar fundos que pesam no mobile: body, .mw-page-container { background-image: none !important; background-color: #ffffff !important; } →2. Corrigir o tamanho do conteúdo e tabelas: #content, .mw-body { margin: 0 !important; padding: 10px !important; width: 100% !important; } /* Forçar scroll nas tabelas de hardware do ATLAS..." |
No edit summary |
||
| Line 40: | Line 40: | ||
color: #000000 !important; | color: #000000 !important; | ||
font-size: 0.95em !important; | font-size: 0.95em !important; | ||
} | |||
/* Ajuste do Header e Logo para Mobile */ | |||
@media screen and (max-width: 720px) { | |||
/* Garante que o container do logo tenha espaço */ | |||
.mw-header { | |||
display: flex !important; | |||
align-items: center !important; | |||
padding: 5px 10px !important; | |||
} | |||
/* Redimensiona o logo ATRONIA para caber no topo */ | |||
.mw-wiki-logo { | |||
max-width: 120px !important; | |||
height: 40px !important; | |||
background-size: contain !important; | |||
margin: 0 !important; | |||
} | |||
/* Se estiveres a usar a wordmark (texto ATRONIA) */ | |||
.mw-logo-wordmark { | |||
max-width: 100px !important; | |||
height: auto !important; | |||
} | |||
} | |||
/* Remover o fundo branco do quadrado da pesquisa no Mobile */ | |||
@media screen and (max-width: 720px) { | |||
/* O container principal da busca */ | |||
.cdx-search-input, | |||
.cdx-search-input__input-wrapper, | |||
.vector-search-box-input { | |||
background-color: rgba(255, 255, 255, 0.1) !important; /* Ligeira transparência */ | |||
border: 1px solid rgba(255, 255, 255, 0.3) !important; | |||
color: white !important; /* Cor do texto que escreves */ | |||
} | |||
/* O input específico onde se digita */ | |||
.cdx-text-input__input { | |||
background-color: transparent !important; | |||
color: white !important; | |||
} | |||
/* Cor do ícone da lupa e do texto de placeholder */ | |||
.cdx-text-input__icon, ::placeholder { | |||
color: rgba(255, 255, 255, 0.7) !important; | |||
} | |||
} | } | ||