Jump to content

Module:Navbox/styles.css: Difference between revisions

From TnPedia
Created page with "Força os itens da lista como inline: .tnlist li { display: inline; } Adiciona ponto mediano em negrito entre os itens: .tnlist li:not(:last-child)::after { content: " \00B7"; ponto mediano: font-weight: bold; color: #222; padding: 0 0.4em; } Opcional: bordas arredondadas e estilo leve: .navbox { border-radius: 10px; border: 1px solid #ccc; background-color: #f9f9f9; padding: 0.5em; } Estética para os links: .tnlist a..."
 
No edit summary
Line 1: Line 1:
/* Força os itens da lista como inline */
/* Força os itens da lista como inline */
.tnlist li {
.navbox .hlist li {
   display: inline;
   display: inline;
}
}


/* Adiciona ponto mediano em negrito entre os itens */
/* Adiciona ponto mediano em negrito entre os itens */
.tnlist li:not(:last-child)::after {
.navbox .hlist li:not(:last-child)::after {
   content: " \00B7";       /* ponto mediano */
   content: " \00B7"; /* ponto mediano */
   font-weight: bold;
   font-weight: bold;
  color: #222;
   padding: 0 0.4em;
   padding: 0 0.4em;
  color: #444;
}
}



Revision as of 19:02, 29 May 2025

/* Força os itens da lista como inline */
.navbox .hlist li {
  display: inline;
}

/* Adiciona ponto mediano em negrito entre os itens */
.navbox .hlist li:not(:last-child)::after {
  content: " \00B7";  /* ponto mediano */
  font-weight: bold;
  padding: 0 0.4em;
  color: #444;
}

/* Opcional: bordas arredondadas e estilo leve */
.navbox {
  border-radius: 10px;
  border: 1px solid #ccc;
  background-color: #f9f9f9;
  padding: 0.5em;
}

/* Estética para os links */
.tnlist a {
  margin: 0 0.2em;
  text-decoration: none;
}