Jump to content

Module:Navbox/styles.css: Difference between revisions

From TnPedia
No edit summary
No edit summary
Line 41: Line 41:
}
}


/* Estilo do título da Navbox */
.navbox-title {
.navbox-title {
   display: flex;
   text-align: center;
  align-items: center;
   background-color: #d9ecff; /* azul claro */
   justify-content: center;           /* Centraliza o título */
   color: #003366;           /* azul escuro para o texto */
   position: relative;                 /* Permite posicionar o botão */
   font-weight: bold;
   padding: 0.2em 2.5em 0.2em 0.5em/* Espaço à direita pro botão */
   font-size: 110%;
   line-height: 1.2;
   padding: 0.4em;
   box-sizing: border-box;
   border-radius: 0.5em 0.5em 0 0;
}
}


/* Posiciona o botão [expand]/[collapse] à direita */
/* Estilo do botão colapsável */
.navbox-title .mw-collapsible-toggle {
.navbox td.navbox-toggle {
   position: absolute !important;
   text-align: right;
   right: 0.5em;
   vertical-align: middle;
   top: 50%;
  padding: 0.4em;
   transform: translateY(-50%);
   background-color: #d9ecff; /* mesmo azul do título */
   font-size: 90%; /* opcional, pode ajustar */
   border-radius: 0.5em 0.5em 0 0;
}
 
/* Ajusta o botão em si */
.navbox .mw-collapsible-toggle {
   font-size: 90%;
   background: none;
   background: none;
   border: none;
   border: none;
  color: #003366;
  font-weight: bold;
  padding: 0.2em;
  cursor: pointer;
}
}

Revision as of 19:21, 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;
}

/* Estilo do título da Navbox */
.navbox-title {
  text-align: center;
  background-color: #d9ecff; /* azul claro */
  color: #003366;            /* azul escuro para o texto */
  font-weight: bold;
  font-size: 110%;
  padding: 0.4em;
  border-radius: 0.5em 0.5em 0 0;
}

/* Estilo do botão colapsável */
.navbox td.navbox-toggle {
  text-align: right;
  vertical-align: middle;
  padding: 0.4em;
  background-color: #d9ecff;  /* mesmo azul do título */
  border-radius: 0.5em 0.5em 0 0;
}

/* Ajusta o botão em si */
.navbox .mw-collapsible-toggle {
  font-size: 90%;
  background: none;
  border: none;
  color: #003366;
  font-weight: bold;
  padding: 0.2em;
  cursor: pointer;
}