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 */
/* Cores principais */
:root {
:root {
     --primary-color: #2d2d2d;
     --primary-color: #2d2d2d;
     --secondary-color: #f9f9f9;
     --secondary-color: #f9f9f9;
     --accent-color: #b76e79;
     --accent-color: #b76e79;
}
}


/* Configuração de fundo e texto */
/* Configuração de fundo e texto */
body {
body {
     background-color: var(--primary-color);
     background-color: var(--primary-color);
     color: var(--secondary-color);
     color: var(--secondary-color);
     font-family: 'Fonte Desejada', sans-serif; /* Substitua pela fonte desejada */
     font-family: 'Fonte Desejada', sans-serif; /* Substitua pela fonte desejada */
}
}


/* Configuração de links */
/* Configuração de links */
a {
a {
 
     color: var(--accent-color) !important;
     color: var(--accent-color);
 
     text-decoration: none;
     text-decoration: none;
}
}


a:hover {
a:hover {
     text-decoration: underline;
     text-decoration: underline;
}
}


/* Cabeçalho */
/* Cabeçalho */
#mw-head {
#mw-head {
     background-color: var(--primary-color);
     background-color: var(--primary-color);
     /* ... outras personalizações */
     /* ... outras personalizações */
}
}


/* Rodapé */
/* Rodapé */
#footer {
#footer {
     background-color: var(--primary-color);
     background-color: var(--primary-color);
     /* ... outras personalizações */
     /* ... outras personalizações */
}
}


/* Barra de Navegação */
/* Barra de Navegação */
#mw-navigation {
#mw-navigation {
     background-color: var(--primary-color);
     background-color: var(--primary-color);
     /* ... outras personalizações */
     /* ... outras personalizações */
}
}


/* Personalizações Temáticas */
/* Personalizações Temáticas */


/* Exemplo: Adicionar um fundo temático */
/* Exemplo: Adicionar um fundo temático */
body {
body {
     background-image: url('caminho/para/sua/imagem.jpg');
     background-image: url('caminho/para/sua/imagem.jpg');
     background-repeat: no-repeat;
     background-repeat: no-repeat;
     background-size: cover;
     background-size: cover;
}
}


/* Exemplo: Estilizando cabeçalhos */
/* Exemplo: Estilizando cabeçalhos */
h1, h2, h3, h4, h5, h6 {
h1, h2, h3, h4, h5, h6 {
     color: var(--accent-color);
     color: var(--accent-color);
     font-family: 'Xena', Open Sans; /* Substitua pela fonte desejada */
     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 */
}
}


 
span a:hover {
/* ... e outras personalizações temáticas */
text-decoration: underline !important;  /* Adiciona a sublinha de volta quando o link é passado */
}

Edição das 21h58min de 23 de outubro de 2023

/* Cores principais */
:root {
    --primary-color: #2d2d2d;
    --secondary-color: #f9f9f9;
    --accent-color: #b76e79;
}

/* Configuração de fundo e texto */
body {
    background-color: var(--primary-color);
    color: var(--secondary-color);
    font-family: 'Fonte Desejada', sans-serif; /* Substitua pela fonte desejada */
}

/* Configuração de links */
a {
    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 */
}

span a:hover {
	text-decoration: underline !important;  /* Adiciona a sublinha de volta quando o link é passado */
}