Jump to content

Module:Navbox/styles.css

From TnPedia
/* Reduz o tamanho da fonte geral */
.navbox {
  font-size: 0.80em;
  border: 1px solid #ccc;
  border-radius: 12px;
  padding: 0.5em;
  background-color: #fdfdfd;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

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

/* Adiciona barra vertical entre itens da lista */
.navbox .hlist li:not(:last-child)::after {
  content: " |";
  font-weight: bold;
  padding: 0 0.4em;
  color: #444;
}

/* Estilo do título do grupo */
.navbox .navbox-group {
  font-weight: bold;
  background-color: #f2f2f2;
  padding: 0.3em 0.6em;
  border-bottom: 1px solid #ddd;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

/* Ajustes de link */
.navbox a {
  text-decoration: none;
}

.navbox a:hover {
  text-decoration: underline;
}

.navbox-title {
  display: flex;
  align-items: center;
  justify-content: center;            /* Centraliza o título */
  position: relative;                 /* Permite posicionar o botão */
  padding: 0.2em 2.5em 0.2em 0.5em;   /* Espaço à direita pro botão */
  line-height: 1.2;
  box-sizing: border-box;
}

/* Posiciona o botão [expand]/[collapse] à direita */
.navbox-title .mw-collapsible-toggle {
  position: absolute !important;
  right: 0.5em;
  top: 50%;
  transform: translateY(-50%);
  font-size: 90%;  /* opcional, pode ajustar */
  background: none;
  border: none;
}