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; } }