MediaWiki:Mobile.css

Note: After saving, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

/* CSS placed here will affect users of the mobile site */

/* 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 link para últimas modificações da página */
footer div.last-modified-bar { display:none !important; }

/* Remove label TaticView do rodapé da página */
footer > .post-content > h2 { display: none; }

/* 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; }

/* 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; }
}