Jump to content

Module:Navbox/styles.css: Difference between revisions

From TnPedia
No edit summary
No edit summary
Line 44: Line 44:
   display: flex;
   display: flex;
   align-items: center;
   align-items: center;
   justify-content: space-between;
   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;
   box-sizing: border-box;
  padding: 0.2em 0.5em;
  line-height: 1.2;
}
}


/* Garante que o botão colapsável não sobreponha o título */
/* Posiciona o botão [expand]/[collapse] à direita */
.navbox .mw-collapsible-toggle {
.navbox-title .mw-collapsible-toggle {
   margin-left: auto;
   position: absolute !important;
   margin-right: 0.5em;
   right: 0.5em;
   position: static !important;  /* Remove o absolute */
   top: 50%;
  transform: translateY(-50%);
  font-size: 90%;  /* opcional, pode ajustar */
  background: none;
  border: none;
}
}

Revision as of 19:19, 29 May 2025

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