MediaWiki:Common.js: mudanças entre as edições
Ir para navegação
Ir para pesquisar
(Página substituída por '→Códigos JavaScript aqui colocados serão carregados por todos aqueles que acessarem alguma página deste wiki: ') Etiqueta: Substituído |
Sem resumo de edição |
||
| Linha 1: | Linha 1: | ||
/* Códigos JavaScript aqui colocados serão carregados por todos aqueles que acessarem alguma página deste wiki */ | /* Códigos JavaScript aqui colocados serão carregados por todos aqueles que acessarem alguma página deste wiki */ | ||
.slider { | |||
width: 100%; | |||
height: 100%; | |||
position: relative; | |||
background: #242424; | |||
overflow: hidden; | |||
} | |||
.slider img { | |||
width: 100%; | |||
height: 100%; | |||
object-fit: cover; | |||
position: relative; | |||
margin: auto; | |||
top: 0; | |||
bottom: 0; | |||
left: 0; | |||
right: 0; | |||
animation: fade 1s; | |||
} | |||
.slider .seta { | |||
z-index: 10; | |||
position: absolute; | |||
margin: auto; | |||
top: 0; | |||
bottom: 0; | |||
left: auto; | |||
right: auto; | |||
width: auto; | |||
height: 1.5rem; | |||
font-size: 2.5em; | |||
color: cornsilk; | |||
opacity: 0.5; | |||
transition: opacity 1s; | |||
} | |||
.slider .seta:hover { | |||
cursor: pointer; | |||
opacity: 1; | |||
} | |||
.slider .arrow-left { | |||
left: 2%; | |||
} | |||
.slider .arrow-right { | |||
right: 2%; | |||
} | |||
.slider .paginacao { | |||
position: absolute; | |||
margin: auto; | |||
top: auto; | |||
bottom: 2%; | |||
left: 0; | |||
right: 0; | |||
width: 7rem; | |||
height: auto; | |||
z-index: 5; | |||
} | |||
.slider .paginacao .botao { | |||
width: auto; | |||
height: auto; | |||
display: inline-flex; | |||
align-content: center; | |||
justify-content: center; | |||
color: #fff; | |||
} | |||
@keyframes fade { | |||
from { | |||
opacity: 0.1; | |||
} | |||
to { | |||
opacity: 1; | |||
} | |||
} | |||
Edição das 18h13min de 24 de julho de 2023
/* Códigos JavaScript aqui colocados serão carregados por todos aqueles que acessarem alguma página deste wiki */
.slider {
width: 100%;
height: 100%;
position: relative;
background: #242424;
overflow: hidden;
}
.slider img {
width: 100%;
height: 100%;
object-fit: cover;
position: relative;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
animation: fade 1s;
}
.slider .seta {
z-index: 10;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: auto;
right: auto;
width: auto;
height: 1.5rem;
font-size: 2.5em;
color: cornsilk;
opacity: 0.5;
transition: opacity 1s;
}
.slider .seta:hover {
cursor: pointer;
opacity: 1;
}
.slider .arrow-left {
left: 2%;
}
.slider .arrow-right {
right: 2%;
}
.slider .paginacao {
position: absolute;
margin: auto;
top: auto;
bottom: 2%;
left: 0;
right: 0;
width: 7rem;
height: auto;
z-index: 5;
}
.slider .paginacao .botao {
width: auto;
height: auto;
display: inline-flex;
align-content: center;
justify-content: center;
color: #fff;
}
@keyframes fade {
from {
opacity: 0.1;
}
to {
opacity: 1;
}
}