MediaWiki:Common.css: mudanças entre as edições

De Xenite Wiki
Ir para navegação Ir para pesquisar
Sem resumo de edição
Sem resumo de edição
Linha 1: Linha 1:
/* Cores principais */
/* Altera a cor de fundo do menu principal para corresponder ao tema Ashe Pro Dark */
:root {
#vector-main-menu .vector-main-menu .vector-pinnable-element {
    --primary-color: #2d2d2d;
     background-color: var(--primary-color) !important;
     --secondary-color: #f9f9f9;
    --accent-color: #b76e79;
}
}


/* Configuração de fundo e texto */
/* Altera a cor do texto do menu principal para uma cor clara */
body {
#vector-main-menu .vector-main-menu .vector-pinnable-element a {
    background-color: var(--primary-color);
     color: var(--secondary-color) !important;
     color: var(--secondary-color);
    font-family: 'Fonte Desejada', sans-serif; /* Substitua pela fonte desejada */
}
}


/* Configuração de links */
/* Altera a cor de destaque dos links do menu principal quando o mouse é passado sobre eles */
a {
#vector-main-menu .vector-main-menu .vector-pinnable-element a:hover {
     color: var(--accent-color) !important;
     color: var(--accent-color) !important;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
/* Cabeçalho */
#mw-head {
    background-color: var(--primary-color);
    /* ... outras personalizações */
}
/* Rodapé */
#footer {
    background-color: var(--primary-color);
    /* ... outras personalizações */
}
/* Barra de Navegação */
#mw-navigation {
    background-color: var(--primary-color);
    /* ... outras personalizações */
}
/* Personalizações Temáticas */
/* Exemplo: Adicionar um fundo temático */
body {
    background-image: url('caminho/para/sua/imagem.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}
/* Exemplo: Estilizando cabeçalhos */
h1, h2, h3, h4, h5, h6 {
    color: var(--accent-color);
    font-family: 'Xena', Open Sans; /* Substitua pela fonte desejada */
}
/* ... e outras personalizações temáticas */
/* Configuração de links dentro de span */
span a {
color: var(--accent-color) !important;
text-decoration: none !important;  /* Remove a sublinha padrão dos links */
}
.mw-page-container-inner {
    background-color: #000000 !important;
}
span a:hover {
text-decoration: underline !important;  /* Adiciona a sublinha de volta quando o link é passado */
}
/* Altera a cor de fundo do menu principal para preto */
#vector-main-menu .vector-main-menu .vector-pinnable-element {
    background-color: #000000 !important;
}
/* Altera a cor de fundo da página para preto */
.mw-page-container {
    background-color: #000000 !important;
}
/* Altera a cor de fundo da textarea para preto e a cor do texto para branco */
#wpTextbox1.mw-editfont-monospace {
    background-color: #000000 !important;
    color: #ffffff !important;
}
}

Edição das 22h23min de 23 de outubro de 2023

/* Altera a cor de fundo do menu principal para corresponder ao tema Ashe Pro Dark */
#vector-main-menu .vector-main-menu .vector-pinnable-element {
    background-color: var(--primary-color) !important;
}

/* Altera a cor do texto do menu principal para uma cor clara */
#vector-main-menu .vector-main-menu .vector-pinnable-element a {
    color: var(--secondary-color) !important;
}

/* Altera a cor de destaque dos links do menu principal quando o mouse é passado sobre eles */
#vector-main-menu .vector-main-menu .vector-pinnable-element a:hover {
    color: var(--accent-color) !important;
}