MediaWiki:Common.css: mudanças entre as edições
Ir para navegação
Ir para pesquisar
(Criou página com '→* o código CSS colocado aqui será aplicado a todos os temas: →Cor de fundo e texto principal: body { background-color: #000000; →Preto: color: #B8860B; →Dourado: } →Cor de fundo do cabeçalho e rodapé: #mw-head-base, #mw-navigation, #footer { background-color: #1a1a1a; →Um tom de cinza escuro para contraste: } →Cor e estilo da barra de navegação: #mw-head, #mw-panel { background-color: #1a1a1a;...') |
Sem resumo de edição |
||
| Linha 1: | Linha 1: | ||
/* | /* 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); | |||
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 */ | |||
Edição das 19h19min 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);
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 */