Difference between revisions of "MediaWiki:Common.css"

Revision as of 17:24, 22 January 2019

/* CSS placed here will be applied to all skins */

body { background-color: #fff; }

/* Troca estilos do conteúdo */
h1#firstHeading { font-family:"Tahoma"; color:#FFFFFF; font-size:1.5em; font-weight: bold; background-color:#55667F; margin-left:-23px; margin-right:-23px; padding-top:3px; padding-bottom:3px; padding-left:23px;}
.ns-0 #breadcrumbs { font-size:90%; padding-top:2px;}

/* Troca estilos do logo */
div#p-logo { position:absolute; top:-90px; width: 250px; height: 72px;}
div#p-logo a { width: 99%; height: 100%;}

/* Troca tamanho da fonte do conteúdo e espaçamento */
.ns-0 #content p { font-size:120%; margin: 4px; }

/* Troca tamanho da fonte das listas */
.ns-0 #content li { font-size:15px; }

/* Remove links do Content */
li#ca-view { display: none; } /* Desabilita aba "Ler" */
li#ca-viewsource { display: none; } /* Desabilita aba "Ver código fonte" */
li#ca-history { display: none; } /* Desabilita aba "Histórico" */
div#left-navigation { display: none; } /* Desabilita todas as abas da esquerda /*
//li#ca-nstab-main { display: none; }
//li#ca-talk { display:none!important; } /* Desabilita aba de "Discussão" */


/* Remove links do Header */
li#pt-anonuserpage { display: none; }
li#pt-anontalk { display: none; }

/* Remove links da Sidebar */
li#n-portal { display: none; }
li#n-currentevents { display: none; }
li#n-recentchanges { display: none; }
li#n-randompage { display: none; }
li#n-help { display: none; }
#p-tb { display:none !important; } /*Remove todo o menu Ferramentas (TOOLBOX) da Sidebar*/

/* Remove links do Footer */
li#footer-info-viewcount { display: none; }
li#footer-places-privacy { display: none; }
li#footer-places-about { display: none; }
li#footer-places-disclaimer { display: none; }

/* Esconde numeração das TOCs */
.tocnumber { display: none; }

/* Formatação do nivel 3 das TOCs */
.toclevel-3 { padding:0px; margin:-5px; }
.toclevel-3 .toctext { padding:0px; margin:0px; font-size:80%; }

/* Ajusta posição da Sidebar */
div#mw-panel { top: 90px; }

/* Adiciona separadores entre os itens do "navigation" da Sidebar */
//div#p-navigation ul li { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAAABCAAAAAAphRnkAAAAJ0lEQVQIW7XFsQEAIAyAMPD/b7uLWz8wS5youFW1UREfiIpH1Q2VBz7fGPS1dOGeAAAAAElFTkSuQmCC); background-repeat: no-repeat; }

/* Oculta o texto com percentual de tradução da página (tarefa #28781 do Redmine) */
.mw-translate-page-info { display: none; }

/* Remove "HR" que aparece acima da barra de idiomas quando selecionamos o idioma Português */
div#mw-content-text hr { display: none; }

/*Formata tabelas de images ilustrativas (desktop/mobile)*/
.images-table { font-weight: bold; width: 100%; }

.images-table td { vertical-align: top; }

.images-table tr:nth-child(3) td { padding-top: 25px; }

.images-table tr:nth-child(odd) td { border-bottom: 1px solid rgba(0,0,0,0.2); }

.images-table tr:nth-child(even) td { padding-top: 10px; }

/* Posiciona o índice na direita das páginas que o possuem */
.index-right { float: right; margin-left: 5px; }

/* Define largura da tabela de conteúdo */
.content-table { width: 100%; }
.content-table td { height: 100px; }

/* Ajusta formatação dos links para o termo de uso e politica de privacidade */
div#terms { display: flex; justify-content: center; }
div#terms > p { display: flex; justify-content: space-around; width: 50%; }




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

/* Seta a cor de fundo para branco no conteúdo da página */
#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; }

/* Adiciona margem após a barra de traduções */
#mf-section-0 { margin-bottom: 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; }

/* Remove parágrafos não utilizados */
#content #mf-section-0 > p, #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; }
.content-table td { display: flex; flex-direction: column; font-size: .9em; width: 33%; padding-left: 5px; }

nav#mw-mf-page-left ul:first-child li:last-child { display: none; }

nav#mw-mf-page-left ul:nth-child(2), nav#mw-mf-page-left ul:nth-child(3) { display: none; }

@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%; } 
}