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

De MysteryRealms
Ir para navegação Ir para pesquisar
Criou página com 'body { Inicializa o contador no body: counter-reset: h1; } h1, h2, h3, h4, h5, h6, h7 { text-transform: uppercase; margin: 10em 0 0.5em 0; padding-top: 20px; font-weight: bold; } H1: h1 { counter-reset: h2; counter-increment: h1; font-size: 2em; } h1::before { content: counter(h1) ". "; } H2: h2 { counter-reset: h3; counter-increment: h2; font-size: 1.75em; margin-left: 1em; } h2::before { content: counter(h1) "." counter(h...'
 
Sem resumo de edição
 
(17 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;
  margin: 10em 0 0.5em 0;
   padding-top: 20px;
   padding-top: 20px;
   font-weight: bold;
   font-weight: bold;
Linha 12: 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 28: 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 39: 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 50: 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 61: 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 72: 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 */
#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;
}
}

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