Difference between revisions of "MediaWiki:Mobile.css"
Line 1: | Line 1: | ||
/* CSS placed here will affect users of the mobile site */ | /* CSS placed here will affect users of the mobile site */ | ||
+ | |||
+ | #mw-mf-page-center { background-color: white; } | ||
/* Adiciona logotipo no topo da página */ | /* Adiciona logotipo no topo da página */ |
Revision as of 11:56, 22 January 2019
/* CSS placed here will affect users of the mobile site */ #mw-mf-page-center { background-color: white; } /* Adiciona logotipo no topo da página */ .header-container .branding-box > h1 { display: none; } .header-container .branding-box { background-image: url(https://wiki.taticview.com/skins/common/images/logo.png?16bb4); background-position: center; background-repeat: no-repeat; background-size: 200px 50px; background-position: 0px; } /* Adiciona espaçamento antes da barra de traduções */ #bodyContent { padding-top: 10px; } /* Remove todo o footer da página */ #mw-mf-page-center > footer { display:none !important; } /* Remove seta indicadora de expansão do bloco "Bem vindo..." */ div.mw-parser-output h2.section-heading:first-of-type > div { display: none; } /* Remove informações sobre tradução da página e separador do conteúdo */ div#content div.pre-content, div#bodyContent div.mw-pt-translate-header, #mw-content-text > hr { display: none; } /* Remove botão para discussão*/ div#content div.post-content { display: none; } /* Remove opções não utilizadas do menu */ #mw-mf-page-left .hlist > li:last-child { display: none; } #content #mf-section-0 > p:last-child, #content #content-collapsible-block-0 > p:last-child, #content #content-collapsible-block-1 > p:last-child { display: none; } /* Ajusta dimensões e posicionamento das tabelas de conteúdo */ .content-table tr { display: flex; flex-direction: row; height: 100% !important; } .content-table td { display: flex; flex-direction: column; font-size: .9em; width: 33%; padding-left: 5px; } /* Centraliza os links para o termo de uso e política de privacidade */ #content #terms > p { display: flex; width: 100%; justify-content: space-around; } @media(max-width: 376px) { .content-table tr { flex-direction: column; } .content-table td { flex-direction: row; align-items: center; flex-wrap: wrap; border-bottom: 1px solid lightgray; margin-bottom: 10px; width: 100%; } }