Module:Navbox/styles.css
Appearance
/* 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;
}