MediaWiki:Common.css: mudanças entre as edições

De MysteryRealms
Ir para navegação Ir para pesquisar
Sem resumo de edição
Sem resumo de edição
 
(15 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
body {
#mw-content-text {
  /* Inicializa o contador no body */
   counter-reset: h1;
   counter-reset: h1;
}
}


h1, h2, h3, h4, h5, h6, h7 {
#mw-content-text h1,
#mw-content-text h2,
#mw-content-text h3,
#mw-content-text h4,
#mw-content-text h5,
#mw-content-text h6,
#mw-content-text h7 {
   text-transform: uppercase;
   text-transform: uppercase;
   padding-top: 20px;
   padding-top: 20px;
Linha 11: Linha 16:


/* H1 */
/* H1 */
h1 {
#mw-content-text h1 {
   counter-reset: h2;
   counter-reset: h2;
   counter-increment: h1;
   counter-increment: h1;
   font-size: 2em;
   font-size: 2em;
}
}
h1::before {
#mw-content-text h1::before {
   content: counter(h1) ". ";
   content: counter(h1) ". ";
}
}


/* H2 */
/* H2 */
h2 {
#mw-content-text h2:not(#mw-toc-heading) {
   counter-reset: h3;
   counter-reset: h3;
   counter-increment: h2;
   counter-increment: h2;
Linha 27: Linha 32:
   margin-left: 1em;
   margin-left: 1em;
}
}
h2::before {
#mw-content-text h2:not(#mw-toc-heading)::before {
   content: counter(h1) "." counter(h2) " ";
   content: counter(h1) "." counter(h2) " ";
}
}


/* H3 */
/* H3 */
h3 {
#mw-content-text h3 {
   counter-reset: h4;
   counter-reset: h4;
   counter-increment: h3;
   counter-increment: h3;
Linha 38: Linha 44:
   margin-left: 2em;
   margin-left: 2em;
}
}
h3::before {
#mw-content-text h3::before {
   content: counter(h1) "." counter(h2) "." counter(h3) " ";
   content: counter(h1) "." counter(h2) "." counter(h3) " ";
}
}


/* H4 */
/* H4 */
h4 {
#mw-content-text h4 {
   counter-reset: h5;
   counter-reset: h5;
   counter-increment: h4;
   counter-increment: h4;
Linha 49: Linha 55:
   margin-left: 3em;
   margin-left: 3em;
}
}
h4::before {
#mw-content-text h4::before {
   content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) " ";
   content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) " ";
}
}


/* H5 */
/* H5 */
h5 {
#mw-content-text h5 {
   counter-reset: h6;
   counter-reset: h6;
   counter-increment: h5;
   counter-increment: h5;
Linha 60: Linha 66:
   margin-left: 4em;
   margin-left: 4em;
}
}
h5::before {
#mw-content-text h5::before {
   content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) " ";
   content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) " ";
}
}


/* H6 */
/* H6 */
h6 {
#mw-content-text h6 {
   counter-reset: h7;
   counter-reset: h7;
   counter-increment: h6;
   counter-increment: h6;
Linha 71: Linha 77:
   margin-left: 5em;
   margin-left: 5em;
}
}
h6::before {
#mw-content-text h6::before {
   content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) " ";
   content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) " ";
}
}


math {
/* Math */
#mw-content-text math {
  border: 1px solid black;
  padding: 20px;
  font-weight: bolder;
  margin: 10px;
}
 
 
#mw-content-text a {
    background: none;
    border-bottom: 1px solid gray;
    padding: 2px;
}
 
#mw-content-text a:hover {
    background: lightgray;
}
 
 
/* Estilos de Tag */
 
.tag {
  display: inline-block;
  padding: 0.1em 0.4em;
  margin-left: 0.3em;
  font-size: 90%;
  font-weight: bold;
  border-radius: 4px;
  text-transform: uppercase;
}
 
/* Estilo de Fala */
.tag-estilo {
  background-color: darkorange;
  color: #fff;
}
 
/* Valor */
.tag-valor {
  background-color: #1d3557; /* azul escuro */
  color: #fff;
}
 
/* Teste */
.tag-teste {
  background-color: darkred; /* vermelho escuro */
  color: #fff;
}
 
 
.tag-id {
    display: inline-block;
    background-color: #ddd;
    color: #000;
    font-weight: bold;
     border: 1px solid black;
     border: 1px solid black;
     padding: 20px;
     border-radius: 100%;
     font-weight: bolder;
    width: 1.7em;
     margin: 10px;
    height: 1.9em;
    line-height: 2em;
    text-align: center;
     font-size: 0.9em;
     margin-right: 0.5em;
    vertical-align: middle;
}
}

Edição atual tal como às 16h33min de 5 de abril de 2025

#mw-content-text {
  counter-reset: h1;
}

#mw-content-text h1,
#mw-content-text h2,
#mw-content-text h3,
#mw-content-text h4,
#mw-content-text h5,
#mw-content-text h6,
#mw-content-text h7 {
  text-transform: uppercase;
  padding-top: 20px;
  font-weight: bold;
}

/* H1 */
#mw-content-text h1 {
  counter-reset: h2;
  counter-increment: h1;
  font-size: 2em;
}
#mw-content-text h1::before {
  content: counter(h1) ". ";
}

/* H2 */
#mw-content-text h2:not(#mw-toc-heading) {
  counter-reset: h3;
  counter-increment: h2;
  font-size: 1.75em;
  margin-left: 1em;
}
#mw-content-text h2:not(#mw-toc-heading)::before {
  content: counter(h1) "." counter(h2) " ";
}


/* H3 */
#mw-content-text h3 {
  counter-reset: h4;
  counter-increment: h3;
  font-size: 1.5em;
  margin-left: 2em;
}
#mw-content-text h3::before {
  content: counter(h1) "." counter(h2) "." counter(h3) " ";
}

/* H4 */
#mw-content-text h4 {
  counter-reset: h5;
  counter-increment: h4;
  font-size: 1.25em;
  margin-left: 3em;
}
#mw-content-text h4::before {
  content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) " ";
}

/* H5 */
#mw-content-text h5 {
  counter-reset: h6;
  counter-increment: h5;
  font-size: 1.125em;
  margin-left: 4em;
}
#mw-content-text h5::before {
  content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) " ";
}

/* H6 */
#mw-content-text h6 {
  counter-reset: h7;
  counter-increment: h6;
  font-size: 1em;
  margin-left: 5em;
}
#mw-content-text h6::before {
  content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) " ";
}

/* Math */
#mw-content-text math {
  border: 1px solid black;
  padding: 20px;
  font-weight: bolder;
  margin: 10px;
}


#mw-content-text a {
    background: none;
    border-bottom: 1px solid gray;
    padding: 2px;
}

#mw-content-text a:hover {
    background: lightgray;
}


/* Estilos de Tag */

.tag {
  display: inline-block;
  padding: 0.1em 0.4em;
  margin-left: 0.3em;
  font-size: 90%;
  font-weight: bold;
  border-radius: 4px;
  text-transform: uppercase;
}

/* Estilo de Fala */
.tag-estilo {
  background-color: darkorange;
  color: #fff;
}

/* Valor */
.tag-valor {
  background-color: #1d3557; /* azul escuro */
  color: #fff;
}

/* Teste */
.tag-teste {
  background-color: darkred; /* vermelho escuro */
  color: #fff;
}


.tag-id {
    display: inline-block;
    background-color: #ddd;
    color: #000;
    font-weight: bold;
    border: 1px solid black;
    border-radius: 100%;
    width: 1.7em;
    height: 1.9em;
    line-height: 2em;
    text-align: center;
    font-size: 0.9em;
    margin-right: 0.5em;
    vertical-align: middle;
}