MediaWiki:Common.css: mudanças entre as edições
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 { | |||
/* | 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 */ }