MediaWiki:Common.css
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)
- Internet Explorer/Edge: PressioneCtrl enquanto clica Recarregar, ou Pressione Ctrl-F5
- Opera: Pressione Ctrl-F5.
/** o código CSS colocado aqui será aplicado a todos os temas */
#p-logo a {
height: 175px;
}
@media screen {
.vector-body {
font-size: 1em;
}
}
#botao-top a {
color: #ffffff;
text-decoration: none;
}
#botao-top a:hover {
color: #000000;
text-decoration: none;
}
/* estilo da lista do menu lateral*/
.vector-menu-content {
margin-top: 0.3em;
}
/* estilo do portal do menu lateral*/
@media screen {
.vector-legacy-sidebar .vector-menu-portal {
margin: 0 0.6em 0 0.7em;
padding: 0.35em 0;
direction: ltr;
}
}
/* Estilo geral das seções */
.secao {
padding: 20px;
margin: 20px 0;
border: 1px solid #ccc;
}
/* Estilo específico para o cabeçalho de destino */
.secao span:target {
color: #ff0000; /* Cor diferente */
margin-top: -80px; /* Ajuste para o cabeçalho ficar abaixo da borda superior */
padding-top: 80px; /* Compensação para manter o conteúdo visível */
font-weight: bolder;
}
/* Estilo específico para o cabeçalho de destino para seções sem borda */
.secaosb span:target {
color: #ff0000; /* Cor diferente */
margin-top: -80px; /* Ajuste para o cabeçalho ficar abaixo da borda superior */
padding-top: 80px; /* Compensação para manter o conteúdo visível */
font-weight: bolder;
}
/* add bot*/
.bot {
z-index: 999;
position: fixed;
bottom: 40px;
right: 16px;
/* Personalização do Dialogflow Messenger */
--df-messenger-font-color: #000;
--df-messenger-font-family: "Google Sans", sans-serif;
--df-messenger-chat-background: #f3f6fc;
--df-messenger-message-user-background: #d3e3fd;
--df-messenger-message-bot-background: #fff;
/* Definição de largura e altura máximas */
max-width: 400px; /* Não deixa o chatbot ficar muito grande */
max-height: 500px; /* Limita a altura */
width: 100%; /* Garante que ele se ajuste */
}
/* Responsividade para telas menores */
@media (max-width: 600px) {
.bot {
right: 8px; /* Aproxima um pouco da borda */
bottom: 8px; /* Ajusta a posição */
max-width: 300px; /* Reduz o tamanho do chat */
max-height: 400px;
}
}
@media (max-width: 400px) {
.bot {
right: 50%; /* Centraliza na tela */
transform: translateX(50%);
bottom: 0;
max-width: 280px;
max-height: 350px;
}
}