Nota: Após publicar, você pode ter que limpar o "cache" do seu navegador para ver as alterações.
- Firefox / Safari: Pressione Shift enquanto clica Recarregar, ou pressione Ctrl-F5 ou Ctrl-R (⌘-R no Mac)
- Google Chrome: Pressione Ctrl-Shift-R (⌘-Shift-R no Mac)
- Edge: Pressione Ctrl enquanto clica Recarregar, ou pressione Ctrl-F5.
- Opera: Pressione Ctrl-F5.
/** o código CSS colocado aqui será aplicado a todos os temas */
:root {
/* -- Cor principal de destaque (links, botões, abas ativas) -- */
--color-primary: #602CB9;
--color-primary-dark: #120B28;
--color-primary-light: #E8E6F4;
--color-primary-highlight: 6339D8;
}
/* GLOBAL */
.mw-logo-wordmark {
font-family: 'Gemunu Libre', sans-serif !important;
font-size: 22px;
line-height: 17px;
font-weight: 800;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Gemunu Libre', sans-serif !important;
font-weight: 700!important;
}
/* FIM GLOBAL */
/* SOFTWARE INFOBOX */
.software-infobox {
float: right;
margin: 0 0 1em 1em;
width: 300px;
border: 2px solid #ccc;
border-radius: 12px;
background-color: #f9f9f9;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
overflow: hidden;
}
@media (max-width: 768px) {
.software-infobox {
float: none;
width: 100%;
margin: 1em 0;
}
}
.software-infobox .name {
font-size: 16px;
font-weight: bold;
text-align: center;
padding: 13px;
background: #E8E6F4;
}
.software-infobox .discontinued {
background: #fedbd2;
font-weight: bold;
text-align: center;
padding: 20px 0px;
}
.software-infobox .logo{
text-align: center;
padding: 20px 0px;
}
.software-infobox table {
padding: 10px 15px;
}
.software-infobox td {
border-bottom: 1px solid #ddd;
font-size: 14px;
}
.software-infobox .operating-system p{
margin: 3px;
}
.software-infobox p:empty {
display: none;
margin: 0;
padding: 0;
}
.software-infobox td.item{
font-weight: bold;
}
.software-infobox td.item-content {
word-break: break-word;
}
.software-infobox .stable-version-date {
font-size: 12px;
font-style: italic;
}
/* FIM SOFTWARE INFOBOX */
/* GRID CATEGORIAS */
#categories-list {
list-style: none;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 0.5em;
padding: 0;
margin: 0;
}
#categories-list li {
background: var(--color-primary-light);
padding: 0.5em;
border-radius: 6px;
text-align: center;
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
#categories-list a {
color: #333;
text-decoration: none;
font-weight: 500;
display: block;
}
#categories-list li:hover {
box-shadow: 0 4px 8px rgba(0,0,0,0.05);
background: var(--color-primary);
}
#categories-list li:hover a{
color: #fff;
}
/* GRID CATEGORIAS */