MediaWiki:Common.css

A BÍBLIA, PELA PRÓPRIA BÍBLIA
Ir para navegação Ir para pesquisar

Nota: Após publicar, você pode ter que limpar o "cache" do seu navegador para ver as alterações.

  • Firefox / Safari: Pressione Shift enquanto clica Recarregar, ou pressione Ctrl-F5 ou Ctrl-R (⌘-R no Mac)
  • Google Chrome: Pressione Ctrl-Shift-R (⌘-Shift-R no Mac)
  • Internet Explorer/Edge: PressioneCtrl enquanto clica Recarregar, ou Pressione Ctrl-F5
  • Opera: Pressione Ctrl-F5.
/* Diminuição dos níveis de profundidade do TOC ("Índice").
*
*  Exemplo: para limitar o índice ao primeiro nível de seções 
*  em determinada página, deve-se incluir no início da página
*  (ou onde desejar que o índice apareça) o elemento html 
*
*   <div class="toclimit-2">__TOC__</div>
*/
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
    display: none;
}

/* Índice das páginas */
@media screen {
  .toc {
    border: 1px solid #33aa99;/*mudei  cor em 23/10/25*/
    background-color: #fffff7;
}
}

/* o código CSS colocado aqui será aplicado a todos os temas */

/*Seletores*/

#titulo1 {
 text-align: center;
}

/*Parágrafos*/

/* Essa configuração também afeta o elemento <blockquote>, além do próprio elemento <p>. */
p{
    text-align: justify;
} 

p.c_recuo{
  padding-left: 2em;
}

p.c_recuo_2{
  padding-left: 3em;
}

p.fonte_menor{
  font-size: 0.9em;
}

/*Regra para as citações bíblicas*/

blockquote{
  text-indent: 0px;
  text-align: center;
  background: rgba(0, 215, 71, 0.01);
  margin-right: 70px;
  border-style: solid;
  border-color: green;
  border-width: 1px;
  padding-right: 10px;
  padding-left: 10px;
  overflow-y:scroll;
  scrollbar-color: rebeccapurple green;
  max-height: 120px;
}

/*Mudanças no blockquote: cor de fundo: branca e bordas*/
@media screen {
  .vector-body blockquote {
    border-left: 4px solid #000;
    padding: 8px 32px;
}
  blockquote {
  text-indent: 0px;
  text-align: center;
  background-color: #ffffff;
  margin-right: 70px;
  border-style: solid;
  border-color: #000000;
  border-width: 1px; 
}
}

/*Tag Div para mostrar em colunas conteúdo separado
  por colunas
*/
div.colunas{   
  column-count:4;
/* 
  -moz-column-count:4;
  -webkit-column-count:4; 
*/
  column-fill: balance;
  column-rule-style: solid; 
  column-rule-width: 1px; 
  column-rule-color: rgb(162, 169, 177);
  border-width: 0.01px; 
  text-indent: 5px;
}

/*Avisos*/
p.aviso{
  color: red;
  font-size: 50px;
  text-indent: 0px;
  text-align: center;
  background: rgba(0, 215, 71, 0.01);
  border-style: solid;
  border-color: red;
  border-width: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

/*Pré formatação de itens POR_FAZER*/

pre.por_fazer{
  color:red;
}


/* Imagem de aviso na página de login */
img.img_aviso{
 max-width: 100%;
 height: auto;
}


/*Exibe a tagline (subtítulo) em todas as páginas, menos na página principal. */
body.page-A_BÍBLIA_-_PELA_PRÓPRIA_BÍBLIA.action-view #siteSub,
body.page-A_BÍBLIA_-_PELA_PRÓPRIA_BÍBLIA.action-submit #siteSub {
    display: none;
}

#siteSub {
    display: block;
}

/* Estilos para tabelas (Fonte: https://www.w3schools.com/howto/howto_css_two_columns.asp)*/

.tabela {
  box-sizing: border-box;
  
  /* Make the container element behave like a table */
  display: table;
  
  /* Set full-width to expand the whole page */
  width: 100%;
}

/* Create two equal columns that floats next to each other */
.column {
   width: 50%; 
   padding: 5px;
  /* Make elements inside the container behave like table cells */
  display: table-cell; 
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/*21/05/24*/

/* dia 04/05/24 css no bíblia.wiki*/
/*mudei a cor de fundo do corpo(ton de bege) e a cor da fonte(preto)*/
.mw-body{
  background-color: #efede6;
  color: #000000;
}

/*reduzi a fonte para 18px*/
body{
    font-family: Arial, sans-serif;
    font-size: 18px;
    margin: 0;
}

/*11/05/24 - modificações*/
/*cor do ícone de "áreas temáticas agora é preto"*/
.CategoryTreeToggle {
  color: #000000;
}

/*borda branca*/
@media screen {
  .mw-body {
   border: 1px solid #ffffff;  
}
}

/* mudei a cor dos links do menu para azul ciano qdo não visitato e magenta qdo visitado 31/05/24.
 * Menos os links para páginas não criadas.*/
@media screen {
  .vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:not(.new) {
    color: #3366bb; 
 }
   .vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:not(.new):visited {
   color: #663366;
}
}

/*mudei a cor de fundo do cabeçalho*/
@media screen {
  #mw-page-base {
    background-color: #33aa99;/*mudei a cor em 23/10/25*/
}
}
@media screen {
  #mw-head {
    background-color: #33aa99; 
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
}
}

/*menu do cabeçalho 28/05/24*/
@media screen {
  .vector-menu-tabs-legacy .selected a, .vector-menu-tabs-legacy .selected a:visited {  
    background-color: white;
    color: black;
    /*verde musgo*/
    border: 1px solid #33aa99;/*mudei a cor em 23/10/25*/
    padding:  10px 10px;
    text-align: center;
    text-decoration: none;
}
}

/*botões:discussão, editar, ver histórico e a estrelinha*/
@media screen {
  .vector-menu-tabs-legacy li a {

    /*15/07/24 mudei da cor azulada para #fffff7*/
    background-color: #fffff7;
    border: 1px solid #33aa99;/*mudei a cor em 23/10/25*/
    padding: 10px 10px;
    text-align: center;
    text-decoration: none;
}
}

/*15/07/24 mudei a cor de fundo da <ul class="vector-menu-content-list">, que dá as opções ver histórico e mover*/
@media screen {
  .vector-menu-dropdown .mw-list-item a {
  background-color: #fffff7;
}
}


/*muda a cor de 'ferramentas' no menu*/
@media screen {
  .vector-legacy-sidebar .vector-menu-portal .vector-menu-heading {
  /*verde musgo*/
  color: #33aa99;/*mudei a cor em 23/10/25*/
}
}

/*31/05/24*/
/*cor de fundo do menu*/
@media screen {
  body {
    /*yellow green*/
    background-color: #fffff7;
}
}



/*01/06/24*/
/*caixa de pesquisa: fundo branco e fonte verde musgo*/
@media screen {
  .vector-search-box-input {
    background-color: #fff;
    color: #33aa99;/*mudei a cor em 23/10/25*/
}
}


/*11/05/24 - estilizei links*/
/*mudei a  cor do link não visitado e visitado em 31/05/24*/
/* unvisited link - link normal, não visitado cor: azul ciano.
 * Menos os links para páginas não criadas.*/
a:not(.new):link {
  color: #3366bb;
}

/* visited link - link visitado cor: magenta*/
a:not(.new):visited {
  color: #663366;
}
/* mouse over link - quando o usuário passa por cima do link */
a:hover {
  text-decoration: underline;
}
/* selected link - momento em que é clicado cor; red orange */
a:active {
  color: #ff5349;
}
/*text-decoration para remover o sublinhado dos links*/
a:link {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:active {
  text-decoration: underline;

/*aumentei espaço entre links espaço entre os links*/
a:link {
  line-height: 2.8;
}

/*TODO: Específico para a página 'Ajuda:Tags de Código'. Instalar a extensão Extension:CSS, e incluir este código diretamente na página. */

span.codigo {

  font-size: 13px;
  background-color: rgb(208, 210, 211);
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 2px;
  border-radius: 4px;

}
Disponível em “https://biblia.wiki.br/w/index.php?title=MediaWiki:Common.css&oldid=17118”